@idealyst/mcp-server 1.0.93 → 1.0.95

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"}

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

@@ -1,7 +1,7 @@
 export const SVGImage = {
-  category: "media",
-  description: "SVG image component with color, size, and intent support",
-  props: `
+    category: "media",
+    description: "SVG image component with color, size, and intent support",
+    props: `
 - \`source\`: string | { uri: string } | React.FC<SvgProps> - SVG source (local file, URL, or component)
 - \`width\`: number | string - Image width
 - \`height\`: number | string - Image height
@@ -11,23 +11,23 @@ export const SVGImage = {
 - \`resizeMode\`: 'contain' | 'cover' | 'stretch' - How SVG fits container
 - \`style\`: ViewProps - Additional styles
 `,
-  features: [
-    "Multiple source types (file, URL, component)",
-    "Size and dimension control",
-    "Color customization",
-    "Theme intent colors",
-    "Resize modes",
-    "Cross-platform support",
-  ],
-  bestPractices: [
-    "Use local SVG files for icons and logos",
-    "Use remote URLs for dynamic SVGs",
-    "Set explicit size for consistent rendering",
-    "Use intent colors for theme consistency",
-    "Prefer 'contain' resizeMode to preserve aspect ratio",
-    "Optimize SVG files for web performance",
-  ],
-  usage: `
+    features: [
+        "Multiple source types (file, URL, component)",
+        "Size and dimension control",
+        "Color customization",
+        "Theme intent colors",
+        "Resize modes",
+        "Cross-platform support",
+    ],
+    bestPractices: [
+        "Use local SVG files for icons and logos",
+        "Use remote URLs for dynamic SVGs",
+        "Set explicit size for consistent rendering",
+        "Use intent colors for theme consistency",
+        "Prefer 'contain' resizeMode to preserve aspect ratio",
+        "Optimize SVG files for web performance",
+    ],
+    usage: `
 import { SVGImage } from '@idealyst/components';
 import LogoIcon from './assets/logo.svg';
 
@@ -42,13 +42,12 @@ import LogoIcon from './assets/logo.svg';
   color="#FF0000"
 />
 `,
-  examples: {
-    basic: `import { SVGImage } from '@idealyst/components';
+    examples: {
+        basic: `import { SVGImage } from '@idealyst/components';
 import Icon from './icon.svg';
 
 <SVGImage source={Icon} size={24} />`,
-
-    variants: `import { SVGImage, View } from '@idealyst/components';
+        variants: `import { SVGImage, View } from '@idealyst/components';
 import Logo from './logo.svg';
 
 <View style={{ flexDirection: 'row', gap: 16, alignItems: 'center' }}>
@@ -57,8 +56,7 @@ import Logo from './logo.svg';
   <SVGImage source={Logo} size={48} />
   <SVGImage source={Logo} size={64} />
 </View>`,
-
-    "with-icons": `import { SVGImage, View, Text } from '@idealyst/components';
+        "with-icons": `import { SVGImage, View, Text } from '@idealyst/components';
 import ReactLogo from './react-logo.svg';
 
 <View style={{ flexDirection: 'row', alignItems: 'center', gap: 12 }}>
@@ -68,8 +66,7 @@ import ReactLogo from './react-logo.svg';
     <Text size="sm">Built with React & React Native</Text>
   </View>
 </View>`,
-
-    interactive: `import { SVGImage, View, Button, Text } from '@idealyst/components';
+        interactive: `import { SVGImage, View, Button, Text } from '@idealyst/components';
 import { useState } from 'react';
 import AppIcon from './app-icon.svg';
 
@@ -110,5 +107,6 @@ function Example() {
     </View>
   );
 }`,
-  },
+    },
 };
+//# sourceMappingURL=SVGImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SVGImage.js","sourceRoot":"","sources":["../../../src/data/components/SVGImage.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,OAAO;IACjB,WAAW,EAAE,0DAA0D;IACvE,KAAK,EAAE;;;;;;;;;CASR;IACC,QAAQ,EAAE;QACR,8CAA8C;QAC9C,4BAA4B;QAC5B,qBAAqB;QACrB,qBAAqB;QACrB,cAAc;QACd,wBAAwB;KACzB;IACD,aAAa,EAAE;QACb,yCAAyC;QACzC,kCAAkC;QAClC,4CAA4C;QAC5C,yCAAyC;QACzC,sDAAsD;QACtD,wCAAwC;KACzC;IACD,KAAK,EAAE;;;;;;;;;;;;;;CAcR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;qCAG0B;QAEjC,QAAQ,EAAE;;;;;;;;QAQN;QAEJ,YAAY,EAAE;;;;;;;;;QASV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCf;KACC;CACF,CAAC"}

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

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

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

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

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

@@ -1,7 +1,7 @@
 export const Screen = {
-  category: "layout",
-  description: "Full-screen container component with background variants, padding, and safe area support",
-      props: `
+    category: "layout",
+    description: "Full-screen container component with background variants, padding, and safe area support",
+    props: `
 - \`children\`: React.ReactNode - The content to display inside the screen
 - \`background\`: Surface | 'transparent' - Background variant - controls the background color
 - \`padding\`: Size | 'none' - Screen padding variant
@@ -12,23 +12,23 @@ export const Screen = {
 - \`right\`: number - Right content inset padding for scrollable content
 - \`scrollable\`: boolean - Whether the screen content is scrollable
 `,
-  features: [
-    "Four background color variants",
-    "Five padding options",
-    "Safe area support for notches/home indicators",
-    "Optional scrollable content",
-    "Full-screen container",
-    "Cross-platform support",
-  ],
-  bestPractices: [
-    "Use as root container for app screens",
-    "Enable safeArea for mobile apps",
-    "Use 'primary' background for main content",
-    "Use 'inverse' background for dark mode or special screens",
-    "Combine with View for internal spacing",
-    "Enable scrollable for long content",
-  ],
-  usage: `
+    features: [
+        "Four background color variants",
+        "Five padding options",
+        "Safe area support for notches/home indicators",
+        "Optional scrollable content",
+        "Full-screen container",
+        "Cross-platform support",
+    ],
+    bestPractices: [
+        "Use as root container for app screens",
+        "Enable safeArea for mobile apps",
+        "Use 'primary' background for main content",
+        "Use 'inverse' background for dark mode or special screens",
+        "Combine with View for internal spacing",
+        "Enable scrollable for long content",
+    ],
+    usage: `
 import { Screen, View, Text } from '@idealyst/components';
 
 <Screen background="primary" padding="md" safeArea>
@@ -38,22 +38,20 @@ import { Screen, View, Text } from '@idealyst/components';
   </View>
 </Screen>
 `,
-  examples: {
-    basic: `import { Screen, Text } from '@idealyst/components';
+    examples: {
+        basic: `import { Screen, Text } from '@idealyst/components';
 
 <Screen background="primary" padding="md">
   <Text>Basic screen content</Text>
 </Screen>`,
-
-    variants: `import { Screen, Text } from '@idealyst/components';
+        variants: `import { Screen, Text } from '@idealyst/components';
 
 // Different backgrounds
 <Screen background="primary"><Text>Primary</Text></Screen>
 <Screen background="secondary"><Text>Secondary</Text></Screen>
 <Screen background="tertiary"><Text>Tertiary</Text></Screen>
 <Screen background="inverse"><Text>Inverse</Text></Screen>`,
-
-    "with-icons": `import { Screen, View, Icon, Text } from '@idealyst/components';
+        "with-icons": `import { Screen, View, Icon, Text } from '@idealyst/components';
 
 <Screen background="primary" padding="lg" safeArea>
   <View spacing="md">
@@ -68,8 +66,7 @@ import { Screen, View, Text } from '@idealyst/components';
     </Text>
   </View>
 </Screen>`,
-
-    interactive: `import { Screen, View, Text, Button } from '@idealyst/components';
+        interactive: `import { Screen, View, Text, Button } from '@idealyst/components';
 import { useState } from 'react';
 
 function Example() {
@@ -99,5 +96,6 @@ function Example() {
     </Screen>
   );
 }`,
-  },
+    },
 };
+//# sourceMappingURL=Screen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Screen.js","sourceRoot":"","sources":["../../../src/data/components/Screen.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,QAAQ;IAClB,WAAW,EAAE,0FAA0F;IACnG,KAAK,EAAE;;;;;;;;;;CAUZ;IACC,QAAQ,EAAE;QACR,gCAAgC;QAChC,sBAAsB;QACtB,+CAA+C;QAC/C,6BAA6B;QAC7B,uBAAuB;QACvB,wBAAwB;KACzB;IACD,aAAa,EAAE;QACb,uCAAuC;QACvC,iCAAiC;QACjC,2CAA2C;QAC3C,2DAA2D;QAC3D,wCAAwC;QACxC,oCAAoC;KACrC;IACD,KAAK,EAAE;;;;;;;;;CASR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;UAID;QAEN,QAAQ,EAAE;;;;;;2DAM6C;QAEvD,YAAY,EAAE;;;;;;;;;;;;;;UAcR;QAEN,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6Bf;KACC;CACF,CAAC"}

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

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

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

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

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

@@ -1,7 +1,7 @@
 export const Select = {
-  category: "form",
-  description: "Dropdown select component for choosing from a list of options",
-      props: `
+    category: "form",
+    description: "Dropdown select component for choosing from a list of options",
+    props: `
 - \`options\`: SelectOption[] - Array of options to display in the select
 - \`value\`: string - The currently selected value
 - \`onValueChange\`: function - Called when the selected value changes
@@ -17,26 +17,26 @@ export const Select = {
 - \`presentationMode\`: 'dropdown' | 'actionSheet' - Native iOS presentation mode (native only) 'dropdown' uses a standard dropdown overlay 'actionSheet' uses iOS ActionSheet for selection
 - \`maxHeight\`: number - Maximum height for the dropdown content
 `,
-  features: [
-    "Single selection from options",
-    "Searchable dropdown (web)",
-    "Icon support for options",
-    "Two visual variants",
-    "Label and helper text",
-    "Error state",
-    "Disabled options",
-    "Custom filtering",
-    "Platform-specific presentation modes",
-  ],
-  bestPractices: [
-    "Use for 5+ options (use RadioGroup for fewer)",
-    "Enable searchable for long option lists",
-    "Provide clear placeholder text",
-    "Group related options visually",
-    "Show error states inline with helperText",
-    "Consider icons for visual categorization",
-  ],
-  usage: `
+    features: [
+        "Single selection from options",
+        "Searchable dropdown (web)",
+        "Icon support for options",
+        "Two visual variants",
+        "Label and helper text",
+        "Error state",
+        "Disabled options",
+        "Custom filtering",
+        "Platform-specific presentation modes",
+    ],
+    bestPractices: [
+        "Use for 5+ options (use RadioGroup for fewer)",
+        "Enable searchable for long option lists",
+        "Provide clear placeholder text",
+        "Group related options visually",
+        "Show error states inline with helperText",
+        "Consider icons for visual categorization",
+    ],
+    usage: `
 import { Select } from '@idealyst/components';
 import { useState } from 'react';
 
@@ -60,8 +60,8 @@ function Example() {
   );
 }
 `,
-  examples: {
-    basic: `import { Select } from '@idealyst/components';
+    examples: {
+        basic: `import { Select } from '@idealyst/components';
 
 const options = [
   { value: '1', label: 'Option 1' },
@@ -69,8 +69,7 @@ const options = [
 ];
 
 <Select options={options} placeholder="Choose..." />`,
-
-    variants: `import { Select, View } from '@idealyst/components';
+        variants: `import { Select, View } from '@idealyst/components';
 
 const options = [{ value: '1', label: 'Option' }];
 
@@ -79,8 +78,7 @@ const options = [{ value: '1', label: 'Option' }];
   <Select options={options} type="filled" size="md" />
   <Select options={options} type="outlined" size="lg" />
 </View>`,
-
-    "with-icons": `import { Select } from '@idealyst/components';
+        "with-icons": `import { Select } from '@idealyst/components';
 
 const options = [
   { value: 'light', label: 'Light Mode', icon: <Icon name="white-balance-sunny" /> },
@@ -94,8 +92,7 @@ const options = [
   value={theme}
   onValueChange={setTheme}
 />`,
-
-    interactive: `import { Select, View, Text } from '@idealyst/components';
+        interactive: `import { Select, View, Text } from '@idealyst/components';
 import { useState } from 'react';
 
 function Example() {
@@ -136,5 +133,6 @@ function Example() {
     </View>
   );
 }`,
-  },
+    },
 };
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/data/components/Select.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,+DAA+D;IACxE,KAAK,EAAE;;;;;;;;;;;;;;;CAeZ;IACC,QAAQ,EAAE;QACR,+BAA+B;QAC/B,2BAA2B;QAC3B,0BAA0B;QAC1B,qBAAqB;QACrB,uBAAuB;QACvB,aAAa;QACb,kBAAkB;QAClB,kBAAkB;QAClB,sCAAsC;KACvC;IACD,aAAa,EAAE;QACb,+CAA+C;QAC/C,yCAAyC;QACzC,gCAAgC;QAChC,gCAAgC;QAChC,0CAA0C;QAC1C,0CAA0C;KAC3C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;CAuBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;qDAO0C;QAEjD,QAAQ,EAAE;;;;;;;;QAQN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;GAaf;QAEC,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCf;KACC;CACF,CAAC"}

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

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

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

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