fix: usability/terminology fix, Accordions -> Accordion

Author: agurtovoy

core/lib/makeswift/components.ts

@@ -1,4 +1,4 @@
-import './components/accordions/accordions.makeswift';
+import './components/accordion/accordion.makeswift';
 import './components/button-link/button-link.makeswift';
 import './components/card-carousel/card-carousel.makeswift';
 import './components/card/card.makeswift';

core/lib/makeswift/components/accordions/accordions.makeswift.tsx renamed to core/lib/makeswift/components/accordion/accordion.makeswift.tsx

@@ -3,7 +3,7 @@ import { Group, List, Select, Slot, Style, TextInput } from '@makeswift/runtime/
 import { Accordion, AccordionItem } from '@/vibes/soul/primitives/accordion';
 import { runtime } from '~/lib/makeswift/runtime';
 
-interface MSAccordion {
+interface MSAccordionItem {
   title: string;
   children: React.ReactNode;
 }
@@ -12,21 +12,21 @@ interface MSAccordionsProps {
   className: string;
   type: 'single' | 'multiple';
   colorScheme: 'light' | 'dark';
-  accordions: MSAccordion[];
+  items: MSAccordionItem[];
 }
 
 runtime.registerComponent(
-  function MSAccordions({ className, accordions, colorScheme, type }: MSAccordionsProps) {
+  function MSAccordion({ className, items, colorScheme, type }: MSAccordionsProps) {
     return (
       <Accordion
         className={className}
         collapsible={type === 'single' ? true : undefined}
         type={type}
       >
-        {accordions.length < 1 && (
-          <div className="p-4 text-center text-lg text-gray-400">Add accordions</div>
+        {items.length < 1 && (
+          <div className="p-4 text-center text-lg text-gray-400">Add accordion items</div>
         )}
-        {accordions.map(({ title, children }, index) => (
+        {items.map(({ title, children }, index) => (
           <AccordionItem
             colorScheme={colorScheme}
             key={index}
@@ -41,21 +41,21 @@ runtime.registerComponent(
   },
   {
     type: 'primitive-accordions',
-    label: 'Basic / Accordions',
+    label: 'Basic / Accordion',
     icon: 'carousel',
     props: {
       className: Style(),
-      accordions: List({
-        label: 'Accordions',
+      items: List({
+        label: 'Items',
         type: Group({
           label: 'Accordion item',
           props: {
-            title: TextInput({ label: 'Title', defaultValue: 'This is an accordion title' }),
+            title: TextInput({ label: 'Title', defaultValue: 'This is an item title' }),
             children: Slot(),
           },
         }),
         getItemLabel(accordion) {
-          return accordion?.title || 'Accordion';
+          return accordion?.title || 'Untitled item';
         },
       }),
       type: Select({