@idealyst/mcp-server 1.0.92 → 1.0.94

package/dist/data/components/Menu.d.ts

@@ -0,0 +1,15 @@
+export declare const Menu: {
+    category: string;
+    description: string;
+    props: string;
+    features: string[];
+    bestPractices: string[];
+    usage: string;
+    examples: {
+        basic: string;
+        variants: string;
+        "with-icons": string;
+        interactive: string;
+    };
+};
+//# sourceMappingURL=Menu.d.ts.map

package/dist/data/components/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/data/components/Menu.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;;;;;;;;;CA4HhB,CAAC"}

package/{src/data/components/Menu.ts → dist/data/components/Menu.js}

@@ -1,7 +1,7 @@
 export const Menu = {
-  category: "overlay",
-  description: "Contextual menu with list of actions, typically triggered by a button or other element",
-      props: `
+    category: "overlay",
+    description: "Contextual menu with list of actions, typically triggered by a button or other element",
+    props: `
 - \`children\`: React.ReactNode - The trigger element that opens the menu
 - \`items\`: MenuItem[] - Array of menu items to display
 - \`open\`: boolean - Whether the menu is currently open (controlled)
@@ -10,23 +10,23 @@ export const Menu = {
 - \`closeOnSelection\`: boolean - Whether to close the menu when an item is selected
 - \`size\`: MenuSizeVariant - The size variant of the menu
 `,
-  features: [
-    "Icon support for menu items",
-    "Intent colors for items",
-    "Separators between items",
-    "Disabled items",
-    "Multiple placement options",
-    "Auto-close on selection",
-    "Three size options",
-  ],
-  bestPractices: [
-    "Use separators to group related actions",
-    "Place destructive actions at the bottom with error intent",
-    "Keep menu items concise (1-3 words)",
-    "Use icons for visual scanning",
-    "Close menu after action unless multi-select",
-  ],
-  usage: `
+    features: [
+        "Icon support for menu items",
+        "Intent colors for items",
+        "Separators between items",
+        "Disabled items",
+        "Multiple placement options",
+        "Auto-close on selection",
+        "Three size options",
+    ],
+    bestPractices: [
+        "Use separators to group related actions",
+        "Place destructive actions at the bottom with error intent",
+        "Keep menu items concise (1-3 words)",
+        "Use icons for visual scanning",
+        "Close menu after action unless multi-select",
+    ],
+    usage: `
 import { Menu, Button } from '@idealyst/components';
 import { useState, useRef } from 'react';
 
@@ -56,8 +56,8 @@ function Example() {
   );
 }
 `,
-  examples: {
-    basic: `import { Menu, Button } from '@idealyst/components';
+    examples: {
+        basic: `import { Menu, Button } from '@idealyst/components';
 import { useRef, useState } from 'react';
 
 const buttonRef = useRef(null);
@@ -72,15 +72,13 @@ const items = [
   <Button onPress={() => setOpen(true)}>Menu</Button>
 </div>
 <Menu items={items} open={open} onOpenChange={setOpen} anchor={buttonRef} />`,
-
-    variants: `import { Menu } from '@idealyst/components';
+        variants: `import { Menu } from '@idealyst/components';
 
 // Different sizes
 <Menu items={items} open={open} onOpenChange={setOpen} anchor={ref} size="sm" />
 <Menu items={items} open={open} onOpenChange={setOpen} anchor={ref} size="md" />
 <Menu items={items} open={open} onOpenChange={setOpen} anchor={ref} size="lg" />`,
-
-    "with-icons": `import { Menu, Button } from '@idealyst/components';
+        "with-icons": `import { Menu, Button } from '@idealyst/components';
 import { useRef, useState } from 'react';
 
 const items = [
@@ -90,8 +88,7 @@ const items = [
 ];
 
 <Menu items={items} open={open} onOpenChange={setOpen} anchor={buttonRef} />`,
-
-    interactive: `import { Menu, Button, Text, View } from '@idealyst/components';
+        interactive: `import { Menu, Button, Text, View } from '@idealyst/components';
 import { useRef, useState } from 'react';
 
 function Example() {
@@ -121,5 +118,6 @@ function Example() {
     </View>
   );
 }`,
-  },
+    },
 };
+//# sourceMappingURL=Menu.js.map

package/dist/data/components/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/data/components/Menu.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,wFAAwF;IACjG,KAAK,EAAE;;;;;;;;CAQZ;IACC,QAAQ,EAAE;QACR,6BAA6B;QAC7B,yBAAyB;QACzB,0BAA0B;QAC1B,gBAAgB;QAChB,4BAA4B;QAC5B,yBAAyB;QACzB,oBAAoB;KACrB;IACD,aAAa,EAAE;QACb,yCAAyC;QACzC,2DAA2D;QAC3D,qCAAqC;QACrC,+BAA+B;QAC/B,6CAA6C;KAC9C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;;;;;;;;6EAckE;QAEzE,QAAQ,EAAE;;;;;iFAKmE;QAE7E,YAAY,EAAE;;;;;;;;;6EAS2D;QAEzE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6Bf;KACC;CACF,CAAC"}

package/dist/data/components/Popover.d.ts

@@ -0,0 +1,15 @@
+export declare const Popover: {
+    category: string;
+    description: string;
+    props: string;
+    features: string[];
+    bestPractices: string[];
+    usage: string;
+    examples: {
+        basic: string;
+        variants: string;
+        "with-icons": string;
+        interactive: string;
+    };
+};
+//# sourceMappingURL=Popover.d.ts.map

package/dist/data/components/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/data/components/Popover.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;CA8JnB,CAAC"}

package/{src/data/components/Popover.ts → dist/data/components/Popover.js}

@@ -1,7 +1,7 @@
 export const Popover = {
-  category: "overlay",
-  description: "Floating overlay that displays content anchored to an element, useful for tooltips, menus, and contextual information",
-      props: `
+    category: "overlay",
+    description: "Floating overlay that displays content anchored to an element, useful for tooltips, menus, and contextual information",
+    props: `
 - \`open\`: boolean - Whether the popover is open/visible
 - \`onOpenChange\`: function - Called when the popover should be opened or closed
 - \`anchor\`: React.ReactNode | React.RefObject<Element> - The anchor element to position the popover relative to Can be a React element or a ref to a DOM element
@@ -12,24 +12,24 @@ export const Popover = {
 - \`closeOnEscapeKey\`: boolean - Whether pressing escape key should close the popover (web only)
 - \`showArrow\`: boolean - Whether to show an arrow pointing to the anchor
 `,
-  features: [
-    "12 placement options with smart positioning",
-    "Automatic repositioning on scroll/resize",
-    "Click outside to close",
-    "Escape key to close (web)",
-    "Optional arrow indicator",
-    "Offset control",
-    "Accessible with focus management",
-  ],
-  bestPractices: [
-    "Use for contextual information that doesn't require immediate action",
-    "Keep popover content focused and concise",
-    "Use arrow to clearly indicate relationship to anchor",
-    "Allow closing via click outside and Escape key",
-    "Don't nest popovers",
-    "Consider using Dialog for critical content",
-  ],
-  usage: `
+    features: [
+        "12 placement options with smart positioning",
+        "Automatic repositioning on scroll/resize",
+        "Click outside to close",
+        "Escape key to close (web)",
+        "Optional arrow indicator",
+        "Offset control",
+        "Accessible with focus management",
+    ],
+    bestPractices: [
+        "Use for contextual information that doesn't require immediate action",
+        "Keep popover content focused and concise",
+        "Use arrow to clearly indicate relationship to anchor",
+        "Allow closing via click outside and Escape key",
+        "Don't nest popovers",
+        "Consider using Dialog for critical content",
+    ],
+    usage: `
 import { Popover, Button, View, Text } from '@idealyst/components';
 import { useState, useRef } from 'react';
 
@@ -58,8 +58,8 @@ function Example() {
   );
 }
 `,
-  examples: {
-    basic: `import { Popover, Button, Text } from '@idealyst/components';
+    examples: {
+        basic: `import { Popover, Button, Text } from '@idealyst/components';
 import { useState, useRef } from 'react';
 
 const [open, setOpen] = useState(false);
@@ -71,8 +71,7 @@ const buttonRef = useRef(null);
 <Popover open={open} onOpenChange={setOpen} anchor={buttonRef}>
   <Text>Popover content</Text>
 </Popover>`,
-
-    variants: `import { Popover, Button, View } from '@idealyst/components';
+        variants: `import { Popover, Button, View } from '@idealyst/components';
 
 // Different placements
 <Popover open={open} onOpenChange={setOpen} anchor={ref} placement="top">
@@ -84,8 +83,7 @@ const buttonRef = useRef(null);
 <Popover open={open} onOpenChange={setOpen} anchor={ref} placement="right-end">
   <View>Right End</View>
 </Popover>`,
-
-    "with-icons": `import { Popover, Button, View, Icon, Text } from '@idealyst/components';
+        "with-icons": `import { Popover, Button, View, Icon, Text } from '@idealyst/components';
 import { useState, useRef } from 'react';
 
 const buttonRef = useRef(null);
@@ -103,8 +101,7 @@ const [open, setOpen] = useState(false);
     <Text size="sm">This feature allows you to...</Text>
   </View>
 </Popover>`,
-
-    interactive: `import { Popover, Button, View, Text, Input } from '@idealyst/components';
+        interactive: `import { Popover, Button, View, Text, Input } from '@idealyst/components';
 import { useState, useRef } from 'react';
 
 function Example() {
@@ -155,5 +152,6 @@ function Example() {
     </View>
   );
 }`,
-  },
+    },
 };
+//# sourceMappingURL=Popover.js.map

package/dist/data/components/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/data/components/Popover.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,uHAAuH;IAChI,KAAK,EAAE;;;;;;;;;;CAUZ;IACC,QAAQ,EAAE;QACR,6CAA6C;QAC7C,0CAA0C;QAC1C,wBAAwB;QACxB,2BAA2B;QAC3B,0BAA0B;QAC1B,gBAAgB;QAChB,kCAAkC;KACnC;IACD,aAAa,EAAE;QACb,sEAAsE;QACtE,0CAA0C;QAC1C,sDAAsD;QACtD,gDAAgD;QAChD,qBAAqB;QACrB,4CAA4C;KAC7C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;;;;;WAWA;QAEP,QAAQ,EAAE;;;;;;;;;;;WAWH;QAEP,YAAY,EAAE;;;;;;;;;;;;;;;;;WAiBP;QAEP,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkDf;KACC;CACF,CAAC"}

package/dist/data/components/Pressable.d.ts

@@ -0,0 +1,15 @@
+export declare const Pressable: {
+    category: string;
+    description: string;
+    props: string;
+    features: string[];
+    bestPractices: string[];
+    usage: string;
+    examples: {
+        basic: string;
+        variants: string;
+        "with-icons": string;
+        interactive: string;
+    };
+};
+//# sourceMappingURL=Pressable.d.ts.map

package/dist/data/components/Pressable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../src/data/components/Pressable.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CA0HrB,CAAC"}

package/{src/data/components/Pressable.ts → dist/data/components/Pressable.js}

@@ -1,30 +1,30 @@
 export const Pressable = {
-  category: "utility",
-  description: "Wrapper component that detects various press interactions on children",
-      props: `
+    category: "utility",
+    description: "Wrapper component that detects various press interactions on children",
+    props: `
 - \`children\`: React.ReactNode - Content to render inside the pressable area
 - \`onPress\`: function - Called when the press gesture is activated
 - \`onPressIn\`: function - Called when the press gesture starts
 - \`onPressOut\`: function - Called when the press gesture ends
 - \`disabled\`: boolean - Whether the pressable is disabled
 `,
-  features: [
-    "Press, press-in, press-out callbacks",
-    "Disabled state",
-    "Accessibility support",
-    "Custom styling",
-    "Cross-platform support",
-    "Touch feedback",
-  ],
-  bestPractices: [
-    "Use for custom interactive elements",
-    "Prefer Button for standard button interactions",
-    "Provide accessibilityLabel for screen readers",
-    "Use accessibilityRole for semantic meaning",
-    "Add visual feedback on press",
-    "Ensure minimum 44x44px touch target",
-  ],
-  usage: `
+    features: [
+        "Press, press-in, press-out callbacks",
+        "Disabled state",
+        "Accessibility support",
+        "Custom styling",
+        "Cross-platform support",
+        "Touch feedback",
+    ],
+    bestPractices: [
+        "Use for custom interactive elements",
+        "Prefer Button for standard button interactions",
+        "Provide accessibilityLabel for screen readers",
+        "Use accessibilityRole for semantic meaning",
+        "Add visual feedback on press",
+        "Ensure minimum 44x44px touch target",
+    ],
+    usage: `
 import { Pressable, Text, View } from '@idealyst/components';
 
 <Pressable onPress={() => console.log('Pressed')}>
@@ -33,14 +33,13 @@ import { Pressable, Text, View } from '@idealyst/components';
   </View>
 </Pressable>
 `,
-  examples: {
-    basic: `import { Pressable, Text } from '@idealyst/components';
+    examples: {
+        basic: `import { Pressable, Text } from '@idealyst/components';
 
 <Pressable onPress={() => console.log('Pressed')}>
   <Text>Tap here</Text>
 </Pressable>`,
-
-    variants: `import { Pressable, View, Text } from '@idealyst/components';
+        variants: `import { Pressable, View, Text } from '@idealyst/components';
 import { useState } from 'react';
 
 function Example() {
@@ -63,8 +62,7 @@ function Example() {
     </Pressable>
   );
 }`,
-
-    "with-icons": `import { Pressable, View, Icon, Text } from '@idealyst/components';
+        "with-icons": `import { Pressable, View, Icon, Text } from '@idealyst/components';
 
 <Pressable
   onPress={() => handleAction()}
@@ -85,8 +83,7 @@ function Example() {
     <Text>Custom Button</Text>
   </View>
 </Pressable>`,
-
-    interactive: `import { Pressable, View, Text, Icon } from '@idealyst/components';
+        interactive: `import { Pressable, View, Text, Icon } from '@idealyst/components';
 import { useState } from 'react';
 
 function CustomCard() {
@@ -119,5 +116,6 @@ function CustomCard() {
     </Pressable>
   );
 }`,
-  },
+    },
 };
+//# sourceMappingURL=Pressable.js.map

package/dist/data/components/Pressable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pressable.js","sourceRoot":"","sources":["../../../src/data/components/Pressable.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,uEAAuE;IAChF,KAAK,EAAE;;;;;;CAMZ;IACC,QAAQ,EAAE;QACR,sCAAsC;QACtC,gBAAgB;QAChB,uBAAuB;QACvB,gBAAgB;QAChB,wBAAwB;QACxB,gBAAgB;KACjB;IACD,aAAa,EAAE;QACb,qCAAqC;QACrC,gDAAgD;QAChD,+CAA+C;QAC/C,4CAA4C;QAC5C,8BAA8B;QAC9B,qCAAqC;KACtC;IACD,KAAK,EAAE;;;;;;;;CAQR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;aAIE;QAET,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;EAsBZ;QAEE,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;aAoBL;QAET,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCf;KACC;CACF,CAAC"}

package/dist/data/components/Progress.d.ts

@@ -0,0 +1,15 @@
+export declare const Progress: {
+    category: string;
+    description: string;
+    props: string;
+    features: string[];
+    bestPractices: string[];
+    usage: string;
+    examples: {
+        basic: string;
+        variants: string;
+        "with-icons": string;
+        interactive: string;
+    };
+};
+//# sourceMappingURL=Progress.d.ts.map

package/dist/data/components/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/data/components/Progress.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;CA8FpB,CAAC"}

package/{src/data/components/Progress.ts → dist/data/components/Progress.js}

@@ -1,7 +1,7 @@
 export const Progress = {
-  category: "feedback",
-  description: "Progress indicator showing completion status of tasks or operations",
-      props: `
+    category: "feedback",
+    description: "Progress indicator showing completion status of tasks or operations",
+    props: `
 - \`value\`: number - The current progress value (0 to max)
 - \`max\`: number - The maximum value representing 100% completion
 - \`variant\`: ProgressVariant - The visual variant (linear or circular)
@@ -12,23 +12,23 @@ export const Progress = {
 - \`label\`: string - Custom label text (overrides percentage)
 - \`rounded\`: boolean - Whether to use rounded ends for linear progress
 `,
-  features: [
-    "Linear and circular variants",
-    "Determinate and indeterminate modes",
-    "Five intent colors",
-    "Three sizes",
-    "Percentage label support",
-    "Custom label text",
-    "Rounded ends option",
-  ],
-  bestPractices: [
-    "Use determinate progress when percentage is known",
-    "Use indeterminate progress for unknown duration",
-    "Show label for user feedback",
-    "Use circular variant for compact spaces",
-    "Match intent to operation context",
-  ],
-  usage: `
+    features: [
+        "Linear and circular variants",
+        "Determinate and indeterminate modes",
+        "Five intent colors",
+        "Three sizes",
+        "Percentage label support",
+        "Custom label text",
+        "Rounded ends option",
+    ],
+    bestPractices: [
+        "Use determinate progress when percentage is known",
+        "Use indeterminate progress for unknown duration",
+        "Show label for user feedback",
+        "Use circular variant for compact spaces",
+        "Match intent to operation context",
+    ],
+    usage: `
 import { Progress } from '@idealyst/components';
 
 <Progress
@@ -38,20 +38,18 @@ import { Progress } from '@idealyst/components';
   showLabel
 />
 `,
-  examples: {
-    basic: `import { Progress } from '@idealyst/components';
+    examples: {
+        basic: `import { Progress } from '@idealyst/components';
 
 <Progress value={50} />`,
-
-    variants: `import { Progress, View } from '@idealyst/components';
+        variants: `import { Progress, View } from '@idealyst/components';
 
 <View spacing="md">
   <Progress value={30} type="linear" intent="primary" />
   <Progress value={60} type="linear" intent="success" />
   <Progress value={value} type="circular" size="lg" showLabel />
 </View>`,
-
-    "with-icons": `import { Progress, View, Text } from '@idealyst/components';
+        "with-icons": `import { Progress, View, Text } from '@idealyst/components';
 
 <View spacing="sm">
   <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
@@ -60,8 +58,7 @@ import { Progress } from '@idealyst/components';
   </View>
   <Progress value={progress} intent="primary" />
 </View>`,
-
-    interactive: `import { Progress, Button, View, Text } from '@idealyst/components';
+        interactive: `import { Progress, Button, View, Text } from '@idealyst/components';
 import { useState, useEffect } from 'react';
 
 function Example() {
@@ -91,5 +88,6 @@ function Example() {
     </View>
   );
 }`,
-  },
+    },
 };
+//# sourceMappingURL=Progress.js.map

package/dist/data/components/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../src/data/components/Progress.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,qEAAqE;IAC9E,KAAK,EAAE;;;;;;;;;;CAUZ;IACC,QAAQ,EAAE;QACR,8BAA8B;QAC9B,qCAAqC;QACrC,oBAAoB;QACpB,aAAa;QACb,0BAA0B;QAC1B,mBAAmB;QACnB,qBAAqB;KACtB;IACD,aAAa,EAAE;QACb,mDAAmD;QACnD,iDAAiD;QACjD,8BAA8B;QAC9B,yCAAyC;QACzC,mCAAmC;KACpC;IACD,KAAK,EAAE;;;;;;;;;CASR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;wBAEa;QAEpB,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;QAQV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6Bf;KACC;CACF,CAAC"}

package/dist/data/components/RadioButton.d.ts

@@ -0,0 +1,15 @@
+export declare const RadioButton: {
+    category: string;
+    description: string;
+    props: string;
+    features: string[];
+    bestPractices: string[];
+    usage: string;
+    examples: {
+        basic: string;
+        variants: string;
+        "with-icons": string;
+        interactive: string;
+    };
+};
+//# sourceMappingURL=RadioButton.d.ts.map

package/dist/data/components/RadioButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../src/data/components/RadioButton.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAiIvB,CAAC"}

package/{src/data/components/RadioButton.ts → dist/data/components/RadioButton.js}

@@ -1,7 +1,7 @@
 export const RadioButton = {
-  category: "form",
-  description: "Radio button for single-choice selection within a group",
-      props: `
+    category: "form",
+    description: "Radio button for single-choice selection within a group",
+    props: `
 - \`value\`: string - The value of this radio button option
 - \`checked\`: boolean - Whether this radio button is selected
 - \`onPress\`: function - Called when the radio button is pressed
@@ -10,24 +10,24 @@ export const RadioButton = {
 - \`size\`: RadioButtonSizeVariant - The size variant of the radio button
 - \`intent\`: RadioButtonIntentVariant - The intent/color scheme of the radio button
 `,
-  features: [
-    "Single selection within group",
-    "Horizontal and vertical layouts",
-    "Label support",
-    "Three sizes",
-    "Five intent colors",
-    "Disabled state (individual or group)",
-    "Controlled component",
-  ],
-  bestPractices: [
-    "Use RadioGroup to manage selection state",
-    "Always provide labels for accessibility",
-    "Use for mutually exclusive options (3-5 choices)",
-    "For 2 options, consider Switch or Checkbox",
-    "For many options (>5), consider Select",
-    "Group related options visually",
-  ],
-  usage: `
+    features: [
+        "Single selection within group",
+        "Horizontal and vertical layouts",
+        "Label support",
+        "Three sizes",
+        "Five intent colors",
+        "Disabled state (individual or group)",
+        "Controlled component",
+    ],
+    bestPractices: [
+        "Use RadioGroup to manage selection state",
+        "Always provide labels for accessibility",
+        "Use for mutually exclusive options (3-5 choices)",
+        "For 2 options, consider Switch or Checkbox",
+        "For many options (>5), consider Select",
+        "Group related options visually",
+    ],
+    usage: `
 import { RadioGroup, RadioButton } from '@idealyst/components';
 import { useState } from 'react';
 
@@ -43,15 +43,14 @@ function Example() {
   );
 }
 `,
-  examples: {
-    basic: `import { RadioGroup, RadioButton } from '@idealyst/components';
+    examples: {
+        basic: `import { RadioGroup, RadioButton } from '@idealyst/components';
 
 <RadioGroup value={selected} onValueChange={setSelected}>
   <RadioButton value="a" label="Choice A" />
   <RadioButton value="b" label="Choice B" />
 </RadioGroup>`,
-
-    variants: `import { RadioGroup, RadioButton, View } from '@idealyst/components';
+        variants: `import { RadioGroup, RadioButton, View } from '@idealyst/components';
 
 <View spacing="md">
   {/* Vertical (default) */}
@@ -67,8 +66,7 @@ function Example() {
     <RadioButton value="3" label="Large" size="lg" />
   </RadioGroup>
 </View>`,
-
-    "with-icons": `import { RadioGroup, RadioButton } from '@idealyst/components';
+        "with-icons": `import { RadioGroup, RadioButton } from '@idealyst/components';
 
 <RadioGroup value={plan} onValueChange={setPlan}>
   <RadioButton
@@ -87,8 +85,7 @@ function Example() {
     intent="success"
   />
 </RadioGroup>`,
-
-    interactive: `import { RadioGroup, RadioButton, View, Text, Card } from '@idealyst/components';
+        interactive: `import { RadioGroup, RadioButton, View, Text, Card } from '@idealyst/components';
 import { useState } from 'react';
 
 function Example() {
@@ -126,5 +123,6 @@ function Example() {
     </View>
   );
 }`,
-  },
+    },
 };
+//# sourceMappingURL=RadioButton.js.map

package/dist/data/components/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/data/components/RadioButton.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,yDAAyD;IAClE,KAAK,EAAE;;;;;;;;CAQZ;IACC,QAAQ,EAAE;QACR,+BAA+B;QAC/B,iCAAiC;QACjC,eAAe;QACf,aAAa;QACb,oBAAoB;QACpB,sCAAsC;QACtC,sBAAsB;KACvB;IACD,aAAa,EAAE;QACb,0CAA0C;QAC1C,yCAAyC;QACzC,kDAAkD;QAClD,4CAA4C;QAC5C,wCAAwC;QACxC,gCAAgC;KACjC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;CAeR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;cAKG;QAEV,QAAQ,EAAE;;;;;;;;;;;;;;;QAeN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;cAkBJ;QAEV,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCf;KACC;CACF,CAAC"}

package/dist/data/components/SVGImage.d.ts

@@ -0,0 +1,15 @@
+export declare const SVGImage: {
+    category: string;
+    description: string;
+    props: string;
+    features: string[];
+    bestPractices: string[];
+    usage: string;
+    examples: {
+        basic: string;
+        variants: string;
+        "with-icons": string;
+        interactive: string;
+    };
+};
+//# sourceMappingURL=SVGImage.d.ts.map

package/dist/data/components/SVGImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGImage.d.ts","sourceRoot":"","sources":["../../../src/data/components/SVGImage.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;CAiHpB,CAAC"}