@idealyst/mcp-server 1.0.93 → 1.0.95

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

@@ -1,30 +1,30 @@
 export const Skeleton = {
-  category: "feedback",
-  description: "Loading placeholder that mimics content structure while data loads",
-      props: `
+    category: "feedback",
+    description: "Loading placeholder that mimics content structure while data loads",
+    props: `
 - \`width\`: number | string - Width of the skeleton (number in pixels or string with units)
 - \`height\`: number | string - Height of the skeleton (number in pixels or string with units)
 - \`shape\`: SkeletonShape - Shape of the skeleton
 - \`borderRadius\`: number - Border radius for 'rounded' shape (in pixels)
 - \`animation\`: SkeletonAnimation - Animation type
 `,
-  features: [
-    "Three shapes: rectangle, circle, rounded",
-    "Three animation types",
-    "Configurable dimensions",
-    "Group component for multiple skeletons",
-    "Customizable spacing",
-    "Mimics content structure",
-  ],
-  bestPractices: [
-    "Match skeleton shape to actual content",
-    "Use pulse animation for general loading",
-    "Use wave animation for feed-like content",
-    "Show skeleton while data is loading",
-    "Replace skeleton with actual content smoothly",
-    "Use SkeletonGroup for consistent layouts",
-  ],
-  usage: `
+    features: [
+        "Three shapes: rectangle, circle, rounded",
+        "Three animation types",
+        "Configurable dimensions",
+        "Group component for multiple skeletons",
+        "Customizable spacing",
+        "Mimics content structure",
+    ],
+    bestPractices: [
+        "Match skeleton shape to actual content",
+        "Use pulse animation for general loading",
+        "Use wave animation for feed-like content",
+        "Show skeleton while data is loading",
+        "Replace skeleton with actual content smoothly",
+        "Use SkeletonGroup for consistent layouts",
+    ],
+    usage: `
 import { Skeleton, SkeletonGroup } from '@idealyst/components';
 
 // Single skeleton
@@ -37,20 +37,18 @@ import { Skeleton, SkeletonGroup } from '@idealyst/components';
   skeletonProps={{ width: '100%', height: 60, shape: 'rounded' }}
 />
 `,
-  examples: {
-    basic: `import { Skeleton } from '@idealyst/components';
+    examples: {
+        basic: `import { Skeleton } from '@idealyst/components';
 
 <Skeleton width={150} height={20} />`,
-
-    variants: `import { Skeleton, View } from '@idealyst/components';
+        variants: `import { Skeleton, View } from '@idealyst/components';
 
 <View spacing="md">
   <Skeleton width="100%" height={20} shape="rectangle" />
   <Skeleton width={100} height={100} shape="circle" />
   <Skeleton width={200} height={40} shape="rounded" />
 </View>`,
-
-    "with-icons": `import { Skeleton, View } from '@idealyst/components';
+        "with-icons": `import { Skeleton, View } from '@idealyst/components';
 
 // Mimicking a user card
 <View style={{ flexDirection: 'row', gap: 12, alignItems: 'center' }}>
@@ -60,8 +58,7 @@ import { Skeleton, SkeletonGroup } from '@idealyst/components';
     <Skeleton width="40%" height={14} />
   </View>
 </View>`,
-
-    interactive: `import { Skeleton, SkeletonGroup, View, Card, Text, Button } from '@idealyst/components';
+        interactive: `import { Skeleton, SkeletonGroup, View, Card, Text, Button } from '@idealyst/components';
 import { useState, useEffect } from 'react';
 
 function Example() {
@@ -98,5 +95,6 @@ function Example() {
     </Card>
   );
 }`,
-  },
+    },
 };
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/data/components/Skeleton.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,oEAAoE;IAC7E,KAAK,EAAE;;;;;;CAMZ;IACC,QAAQ,EAAE;QACR,0CAA0C;QAC1C,uBAAuB;QACvB,yBAAyB;QACzB,wCAAwC;QACxC,sBAAsB;QACtB,0BAA0B;KAC3B;IACD,aAAa,EAAE;QACb,wCAAwC;QACxC,yCAAyC;QACzC,0CAA0C;QAC1C,qCAAqC;QACrC,+CAA+C;QAC/C,0CAA0C;KAC3C;IACD,KAAK,EAAE;;;;;;;;;;;;CAYR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;qCAE0B;QAEjC,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;;QASV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCf;KACC;CACF,CAAC"}

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

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

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

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

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

@@ -1,7 +1,7 @@
 export const Slider = {
-  category: "form",
-  description: "Input slider for selecting numeric values from a range",
-      props: `
+    category: "form",
+    description: "Input slider for selecting numeric values from a range",
+    props: `
 - \`value\`: number - The current value of the slider (controlled)
 - \`defaultValue\`: number - The default value for uncontrolled usage
 - \`min\`: number - The minimum value of the slider range
@@ -17,27 +17,27 @@ export const Slider = {
 - \`onValueChange\`: function - Called when the slider value changes during dragging
 - \`onValueCommit\`: function - Called when the user finishes changing the value (on release)
 `,
-  features: [
-    "Controlled and uncontrolled modes",
-    "Min/max value constraints",
-    "Step increment",
-    "Custom marks",
-    "Value display",
-    "Min/max labels",
-    "Three sizes",
-    "Five intent colors",
-    "Icon support in thumb",
-    "Change and commit callbacks",
-  ],
-  bestPractices: [
-    "Use for continuous numeric values",
-    "Show current value for user feedback",
-    "Use marks for important values",
-    "Set appropriate step size for precision",
-    "Use onValueCommit for expensive operations",
-    "Provide min/max labels for context",
-  ],
-  usage: `
+    features: [
+        "Controlled and uncontrolled modes",
+        "Min/max value constraints",
+        "Step increment",
+        "Custom marks",
+        "Value display",
+        "Min/max labels",
+        "Three sizes",
+        "Five intent colors",
+        "Icon support in thumb",
+        "Change and commit callbacks",
+    ],
+    bestPractices: [
+        "Use for continuous numeric values",
+        "Show current value for user feedback",
+        "Use marks for important values",
+        "Set appropriate step size for precision",
+        "Use onValueCommit for expensive operations",
+        "Provide min/max labels for context",
+    ],
+    usage: `
 import { Slider } from '@idealyst/components';
 import { useState } from 'react';
 
@@ -57,20 +57,18 @@ function Example() {
   );
 }
 `,
-  examples: {
-    basic: `import { Slider } from '@idealyst/components';
+    examples: {
+        basic: `import { Slider } from '@idealyst/components';
 
 <Slider min={0} max={100} defaultValue={50} />`,
-
-    variants: `import { Slider, View } from '@idealyst/components';
+        variants: `import { Slider, View } from '@idealyst/components';
 
 <View spacing="md">
   <Slider size="sm" value={25} />
   <Slider size="md" value={50} />
   <Slider size="lg" value={75} />
 </View>`,
-
-    "with-icons": `import { Slider, View, Text, Icon } from '@idealyst/components';
+        "with-icons": `import { Slider, View, Text, Icon } from '@idealyst/components';
 import { useState } from 'react';
 
 function VolumeControl() {
@@ -114,8 +112,7 @@ function BrightnessControl() {
     </View>
   );
 }`,
-
-    interactive: `import { Slider, View, Text, Button } from '@idealyst/components';
+        interactive: `import { Slider, View, Text, Button } from '@idealyst/components';
 import { useState } from 'react';
 
 function Example() {
@@ -146,5 +143,6 @@ function Example() {
     </View>
   );
 }`,
-  },
+    },
 };
+//# sourceMappingURL=Slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/data/components/Slider.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,wDAAwD;IACjE,KAAK,EAAE;;;;;;;;;;;;;;;CAeZ;IACC,QAAQ,EAAE;QACR,mCAAmC;QACnC,2BAA2B;QAC3B,gBAAgB;QAChB,cAAc;QACd,eAAe;QACf,gBAAgB;QAChB,aAAa;QACb,oBAAoB;QACpB,uBAAuB;QACvB,6BAA6B;KAC9B;IACD,aAAa,EAAE;QACb,mCAAmC;QACnC,sCAAsC;QACtC,gCAAgC;QAChC,yCAAyC;QACzC,4CAA4C;QAC5C,oCAAoC;KACrC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;CAmBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;+CAEoC;QAE3C,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2ChB;QAEE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8Bf;KACC;CACF,CAAC"}

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

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

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

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

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

@@ -1,7 +1,7 @@
 export const Switch = {
-  category: "form",
-  description: "Toggle switch for binary on/off states",
-      props: `
+    category: "form",
+    description: "Toggle switch for binary on/off states",
+    props: `
 - \`checked\`: boolean - Whether the switch is in the on/checked state
 - \`onCheckedChange\`: function - Called when the switch state changes
 - \`disabled\`: boolean - Whether the switch is disabled
@@ -12,24 +12,24 @@ export const Switch = {
 - \`enabledIcon\`: IconName | React.ReactNode - Icon to display when switch is on
 - \`disabledIcon\`: IconName | React.ReactNode - Icon to display when switch is off
 `,
-  features: [
-    "Binary on/off toggle",
-    "Label with configurable position",
-    "Three sizes",
-    "Five intent colors",
-    "Custom icons for states",
-    "Disabled state",
-    "Animated transition",
-  ],
-  bestPractices: [
-    "Use for binary settings (on/off, enabled/disabled)",
-    "Provide clear labels",
-    "Use intent colors to indicate state meaning",
-    "Place label on left for form layouts",
-    "Use icons sparingly for clarity",
-    "Immediate effect - no submit button needed",
-  ],
-  usage: `
+    features: [
+        "Binary on/off toggle",
+        "Label with configurable position",
+        "Three sizes",
+        "Five intent colors",
+        "Custom icons for states",
+        "Disabled state",
+        "Animated transition",
+    ],
+    bestPractices: [
+        "Use for binary settings (on/off, enabled/disabled)",
+        "Provide clear labels",
+        "Use intent colors to indicate state meaning",
+        "Place label on left for form layouts",
+        "Use icons sparingly for clarity",
+        "Immediate effect - no submit button needed",
+    ],
+    usage: `
 import { Switch } from '@idealyst/components';
 import { useState } from 'react';
 
@@ -46,20 +46,18 @@ function Example() {
   );
 }
 `,
-  examples: {
-    basic: `import { Switch } from '@idealyst/components';
+    examples: {
+        basic: `import { Switch } from '@idealyst/components';
 
 <Switch label="Enable feature" />`,
-
-    variants: `import { Switch, View } from '@idealyst/components';
+        variants: `import { Switch, View } from '@idealyst/components';
 
 <View spacing="md">
   <Switch label="Small" size="sm" checked />
   <Switch label="Medium" size="md" checked />
   <Switch label="Large" size="lg" checked />
 </View>`,
-
-    "with-icons": `import { Switch, View } from '@idealyst/components';
+        "with-icons": `import { Switch, View } from '@idealyst/components';
 import { useState } from 'react';
 
 function Example() {
@@ -76,8 +74,7 @@ function Example() {
     />
   );
 }`,
-
-    interactive: `import { Switch, View, Text, Card } from '@idealyst/components';
+        interactive: `import { Switch, View, Text, Card } from '@idealyst/components';
 import { useState } from 'react';
 
 function SettingsPanel() {
@@ -123,5 +120,6 @@ function SettingsPanel() {
     </Card>
   );
 }`,
-  },
+    },
 };
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/data/components/Switch.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,wCAAwC;IACjD,KAAK,EAAE;;;;;;;;;;CAUZ;IACC,QAAQ,EAAE;QACR,sBAAsB;QACtB,kCAAkC;QAClC,aAAa;QACb,oBAAoB;QACpB,yBAAyB;QACzB,gBAAgB;QAChB,qBAAqB;KACtB;IACD,aAAa,EAAE;QACb,oDAAoD;QACpD,sBAAsB;QACtB,6CAA6C;QAC7C,sCAAsC;QACtC,iCAAiC;QACjC,4CAA4C;KAC7C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;CAgBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;kCAEuB;QAE9B,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;EAgBhB;QAEE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6Cf;KACC;CACF,CAAC"}

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

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

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

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

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

@@ -1,7 +1,7 @@
 export const TabBar = {
-  category: "navigation",
-  description: "Tab bar navigation component for switching between views or sections",
-      props: `
+    category: "navigation",
+    description: "Tab bar navigation component for switching between views or sections",
+    props: `
 - \`items\`: TabBarItem[] - Array of tab items to display
 - \`value\`: string - The currently selected tab value (controlled)
 - \`defaultValue\`: string - The default selected tab for uncontrolled usage
@@ -10,23 +10,23 @@ export const TabBar = {
 - \`size\`: TabBarSizeVariant - The size variant of the tabs
 - \`pillMode\`: TabBarPillMode - Mode for pills variant: 'light' for light backgrounds (dark pill), 'dark' for dark backgrounds (light pill)
 `,
-  features: [
-    "Three visual variants",
-    "Controlled and uncontrolled modes",
-    "Three sizes",
-    "Five intent colors",
-    "Disabled tabs",
-    "Simple configuration",
-  ],
-  bestPractices: [
-    "Use 'underline' variant for page-level navigation",
-    "Use 'pills' variant for contained sections",
-    "Keep tab labels short (1-2 words)",
-    "Use 3-5 tabs for optimal UX",
-    "Disable tabs when content is unavailable",
-    "Preload tab content for smooth transitions",
-  ],
-  usage: `
+    features: [
+        "Three visual variants",
+        "Controlled and uncontrolled modes",
+        "Three sizes",
+        "Five intent colors",
+        "Disabled tabs",
+        "Simple configuration",
+    ],
+    bestPractices: [
+        "Use 'underline' variant for page-level navigation",
+        "Use 'pills' variant for contained sections",
+        "Keep tab labels short (1-2 words)",
+        "Use 3-5 tabs for optimal UX",
+        "Disable tabs when content is unavailable",
+        "Preload tab content for smooth transitions",
+    ],
+    usage: `
 import { TabBar } from '@idealyst/components';
 import { useState } from 'react';
 
@@ -49,8 +49,8 @@ function Example() {
   );
 }
 `,
-  examples: {
-    basic: `import { TabBar } from '@idealyst/components';
+    examples: {
+        basic: `import { TabBar } from '@idealyst/components';
 
 const items = [
   { value: '1', label: 'Tab 1' },
@@ -58,8 +58,7 @@ const items = [
 ];
 
 <TabBar items={items} defaultValue="1" />`,
-
-    variants: `import { TabBar, View } from '@idealyst/components';
+        variants: `import { TabBar, View } from '@idealyst/components';
 
 const items = [
   { value: 'a', label: 'First' },
@@ -71,8 +70,7 @@ const items = [
   <TabBar items={items} type="pills" />
   <TabBar items={items} type="underline" />
 </View>`,
-
-    "with-icons": `import { TabBar, View, Text } from '@idealyst/components';
+        "with-icons": `import { TabBar, View, Text } from '@idealyst/components';
 import { useState } from 'react';
 
 function Example() {
@@ -97,8 +95,7 @@ function Example() {
     </View>
   );
 }`,
-
-    interactive: `import { TabBar, View, Text, Card } from '@idealyst/components';
+        interactive: `import { TabBar, View, Text, Card } from '@idealyst/components';
 import { useState } from 'react';
 
 function Example() {
@@ -138,5 +135,6 @@ function Example() {
     </View>
   );
 }`,
-  },
+    },
 };
+//# sourceMappingURL=TabBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../../../src/data/components/TabBar.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,YAAY;IACtB,WAAW,EAAE,sEAAsE;IAC/E,KAAK,EAAE;;;;;;;;CAQZ;IACC,QAAQ,EAAE;QACR,uBAAuB;QACvB,mCAAmC;QACnC,aAAa;QACb,oBAAoB;QACpB,eAAe;QACf,sBAAsB;KACvB;IACD,aAAa,EAAE;QACb,mDAAmD;QACnD,4CAA4C;QAC5C,mCAAmC;QACnC,6BAA6B;QAC7B,0CAA0C;QAC1C,4CAA4C;KAC7C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;CAsBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;0CAO+B;QAEtC,QAAQ,EAAE;;;;;;;;;;;QAWN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;EAwBhB;QAEE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCf;KACC;CACF,CAAC"}

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

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

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

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

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

@@ -1,7 +1,7 @@
 export const Table = {
-  category: "data",
-  description: "Data table component for displaying structured tabular data",
-  props: `
+    category: "data",
+    description: "Data table component for displaying structured tabular data",
+    props: `
 - \`columns\`: TableColumn<T>[] - Column definitions
   - \`key\`: string - Unique column key
   - \`title\`: string - Column header title
@@ -17,25 +17,25 @@ export const Table = {
 - \`style\`: ViewStyle - Additional styles
 - \`testID\`: string - Test identifier
 `,
-  features: [
-    "Column-based configuration",
-    "Custom cell renderers",
-    "Three visual variants",
-    "Three sizes",
-    "Sticky header support",
-    "Row click handling",
-    "Column alignment",
-    "Custom column widths",
-  ],
-  bestPractices: [
-    "Use render function for complex cell content",
-    "Enable stickyHeader for long tables",
-    "Use 'striped' variant for better readability",
-    "Set column widths for important columns",
-    "Keep column count reasonable for mobile",
-    "Use appropriate size for data density",
-  ],
-  usage: `
+    features: [
+        "Column-based configuration",
+        "Custom cell renderers",
+        "Three visual variants",
+        "Three sizes",
+        "Sticky header support",
+        "Row click handling",
+        "Column alignment",
+        "Custom column widths",
+    ],
+    bestPractices: [
+        "Use render function for complex cell content",
+        "Enable stickyHeader for long tables",
+        "Use 'striped' variant for better readability",
+        "Set column widths for important columns",
+        "Keep column count reasonable for mobile",
+        "Use appropriate size for data density",
+    ],
+    usage: `
 import { Table } from '@idealyst/components';
 
 const columns = [
@@ -55,8 +55,8 @@ const data = [
 
 <Table columns={columns} data={data} variant="striped" />
 `,
-  examples: {
-    basic: `import { Table } from '@idealyst/components';
+    examples: {
+        basic: `import { Table } from '@idealyst/components';
 
 const columns = [
   { key: 'id', title: 'ID', dataIndex: 'id' },
@@ -69,8 +69,7 @@ const data = [
 ];
 
 <Table columns={columns} data={data} />`,
-
-    variants: `import { Table, View } from '@idealyst/components';
+        variants: `import { Table, View } from '@idealyst/components';
 
 const columns = [{ key: 'name', title: 'Name', dataIndex: 'name' }];
 const data = [{ name: 'Test' }];
@@ -80,8 +79,7 @@ const data = [{ name: 'Test' }];
   <Table columns={columns} data={data} variant="bordered" />
   <Table columns={columns} data={data} variant="striped" />
 </View>`,
-
-    "with-icons": `import { Table, Badge, Icon, View, Text } from '@idealyst/components';
+        "with-icons": `import { Table, Badge, Icon, View, Text } from '@idealyst/components';
 
 const columns = [
   {
@@ -106,8 +104,7 @@ const columns = [
 ];
 
 <Table columns={columns} data={users} />`,
-
-    interactive: `import { Table, Button, View, Text } from '@idealyst/components';
+        interactive: `import { Table, Button, View, Text } from '@idealyst/components';
 import { useState } from 'react';
 
 function Example() {
@@ -149,5 +146,6 @@ function Example() {
     </View>
   );
 }`,
-  },
+    },
 };
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/data/components/Table.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,6DAA6D;IAC1E,KAAK,EAAE;;;;;;;;;;;;;;;CAeR;IACC,QAAQ,EAAE;QACR,4BAA4B;QAC5B,uBAAuB;QACvB,uBAAuB;QACvB,aAAa;QACb,uBAAuB;QACvB,oBAAoB;QACpB,kBAAkB;QAClB,sBAAsB;KACvB;IACD,aAAa,EAAE;QACb,8CAA8C;QAC9C,qCAAqC;QACrC,8CAA8C;QAC9C,yCAAyC;QACzC,yCAAyC;QACzC,uCAAuC;KACxC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;CAmBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;;;;;;wCAY6B;QAEpC,QAAQ,EAAE;;;;;;;;;QASN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;yCAwBuB;QAErC,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCf;KACC;CACF,CAAC"}

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

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

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

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