@idealyst/mcp-server 1.0.93 → 1.0.95

package/dist/data/components/Link.js

@@ -0,0 +1,142 @@
+export const Link = {
+    category: "navigation",
+    description: "Navigation component that wraps children in a pressable area and navigates to a specified path when pressed",
+    props: `
+- \`to\`: string (required) - The destination path to navigate to
+- \`vars\`: Record<string, string> - Variables to substitute in the path (e.g., { id: '123' } for '/user/:id')
+- \`children\`: React.ReactNode - Content to render inside the link
+- \`disabled\`: boolean - Whether the link is disabled
+- \`style\`: StyleProp<ViewStyle> - Style to apply to the link container
+- \`testID\`: string - Test ID for testing
+- \`accessibilityLabel\`: string - Accessibility label for screen readers
+- \`onPress\`: function - Callback fired when the link is pressed (before navigation)
+`,
+    features: [
+        "Declarative navigation with path-based routing",
+        "Path variable substitution for dynamic routes",
+        "Works with @idealyst/navigation system",
+        "Disabled state support",
+        "Custom styling",
+        "Accessibility support",
+        "Cross-platform (web and native)",
+        "onPress callback before navigation",
+    ],
+    bestPractices: [
+        "Use for navigation between screens/pages",
+        "Prefer Link over manual navigator.navigate() for declarative routing",
+        "Use vars prop for dynamic path parameters",
+        "Provide accessibilityLabel for screen readers",
+        "Wrap any content - text, buttons, cards, icons",
+        "Use disabled prop for conditional navigation",
+    ],
+    usage: `
+import { Link, Text } from '@idealyst/components';
+
+// Basic text link
+<Link to="/home">
+  <Text color="primary">Go Home</Text>
+</Link>
+
+// Link with path variables
+<Link to="/user/:id" vars={{ id: '123' }}>
+  <Text>View User Profile</Text>
+</Link>
+
+// Link wrapping a button
+<Link to="/settings">
+  <Button intent="primary">Settings</Button>
+</Link>
+`,
+    examples: {
+        basic: `import { Link, Text } from '@idealyst/components';
+
+<Link to="/home">
+  <Text color="primary">Go to Home</Text>
+</Link>`,
+        variants: `import { Link, Text, Button, Card, View, Icon } from '@idealyst/components';
+
+// Text link
+<Link to="/about">
+  <Text color="primary">About Us</Text>
+</Link>
+
+// Button link
+<Link to="/dashboard">
+  <Button type="contained" intent="primary">
+    Go to Dashboard
+  </Button>
+</Link>
+
+// Card link
+<Link to="/article/1">
+  <Card type="outlined" padding="md">
+    <Text weight="semibold">Article Title</Text>
+    <Text size="sm" color="secondary">Click to read more...</Text>
+  </Card>
+</Link>
+
+// Icon + Text link
+<Link to="/notifications">
+  <View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
+    <Icon name="bell" size={20} intent="primary" />
+    <Text color="primary">Notifications</Text>
+  </View>
+</Link>`,
+        "with-icons": `import { Link, View, Icon, Text } from '@idealyst/components';
+
+// Navigation menu item
+<Link to="/settings">
+  <View style={{ flexDirection: 'row', alignItems: 'center', padding: 16, gap: 12 }}>
+    <Icon name="cog" size={20} intent="primary" />
+    <Text style={{ flex: 1 }}>Settings</Text>
+    <Icon name="chevron-right" size={16} color="gray.500" />
+  </View>
+</Link>
+
+// Icon-only link
+<Link to="/search" accessibilityLabel="Search">
+  <Icon name="magnify" size={24} intent="primary" />
+</Link>`,
+        interactive: `import { Link, Text, Card, View, Icon } from '@idealyst/components';
+
+// Clickable card with navigation
+function ArticleCard({ article }) {
+  return (
+    <Link
+      to="/article/:id"
+      vars={{ id: article.id }}
+      onPress={() => console.log('Navigating to article:', article.id)}
+    >
+      <Card type="elevated" padding="md">
+        <View style={{ flexDirection: 'row', alignItems: 'center', gap: 12 }}>
+          <Icon name="file-document" size={24} intent="primary" />
+          <View style={{ flex: 1 }}>
+            <Text weight="semibold">{article.title}</Text>
+            <Text size="sm" color="secondary">{article.excerpt}</Text>
+          </View>
+          <Icon name="chevron-right" size={20} color="gray.500" />
+        </View>
+      </Card>
+    </Link>
+  );
+}
+
+// Disabled link
+<Link to="/premium" disabled>
+  <Text color="secondary">Premium Feature (Disabled)</Text>
+</Link>
+
+// Styled link container
+<Link
+  to="/special"
+  style={{
+    backgroundColor: '#e3f2fd',
+    padding: 12,
+    borderRadius: 8,
+  }}
+>
+  <Text color="primary">Special Offer</Text>
+</Link>`,
+    },
+};
+//# sourceMappingURL=Link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/data/components/Link.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,QAAQ,EAAE,YAAY;IACtB,WAAW,EAAE,6GAA6G;IAC1H,KAAK,EAAE;;;;;;;;;CASR;IACC,QAAQ,EAAE;QACR,gDAAgD;QAChD,+CAA+C;QAC/C,wCAAwC;QACxC,wBAAwB;QACxB,gBAAgB;QAChB,uBAAuB;QACvB,iCAAiC;QACjC,oCAAoC;KACrC;IACD,aAAa,EAAE;QACb,0CAA0C;QAC1C,sEAAsE;QACtE,2CAA2C;QAC3C,+CAA+C;QAC/C,gDAAgD;QAChD,8CAA8C;KAC/C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;CAiBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;QAIH;QAEJ,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA4BN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;QAcV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAuCT;KACL;CACF,CAAC"}

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

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

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

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

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

@@ -1,7 +1,7 @@
 export const List = {
-category: "display",
+    category: "display",
     description: "Vertical list container with support for sections, icons, and interactive items",
-        props: `
+    props: `
 - \`children\`: React.ReactNode - List items and sections to display
 - \`type\`: ListType - The visual style variant of the list
 - \`size\`: ListSizeVariant - The size variant of list items
@@ -9,19 +9,19 @@ category: "display",
 - \`maxHeight\`: number | string - Maximum height of the scrollable list
 `,
     features: [
-      "Three visual variants",
-      "Configurable item sizes",
-      "Leading and trailing elements (icons, badges, etc.)",
-      "Selected and active states",
-      "Section grouping with titles",
-      "Indentation for hierarchy",
-      "Icon support via string names",
+        "Three visual variants",
+        "Configurable item sizes",
+        "Leading and trailing elements (icons, badges, etc.)",
+        "Selected and active states",
+        "Section grouping with titles",
+        "Indentation for hierarchy",
+        "Icon support via string names",
     ],
     bestPractices: [
-      "Use sections to organize related items",
-      "Use leading icons for visual categorization",
-      "Use trailing elements for metadata or actions",
-      "Keep list items concise and scannable",
+        "Use sections to organize related items",
+        "Use leading icons for visual categorization",
+        "Use trailing elements for metadata or actions",
+        "Keep list items concise and scannable",
     ],
     usage: `
 import { List, ListItem, ListSection } from '@idealyst/components';
@@ -42,14 +42,14 @@ import { List, ListItem, ListSection } from '@idealyst/components';
 </List>
 `,
     examples: {
-      basic: `import { List, ListItem } from '@idealyst/components';
+        basic: `import { List, ListItem } from '@idealyst/components';
 
 <List type="divided">
   <ListItem label="Item 1" />
   <ListItem label="Item 2" />
   <ListItem label="Item 3" />
 </List>`,
-      variants: `import { List, ListItem } from '@idealyst/components';
+        variants: `import { List, ListItem } from '@idealyst/components';
 
 <List type="default">
   <ListItem label="Default" />
@@ -62,7 +62,7 @@ import { List, ListItem, ListSection } from '@idealyst/components';
 <List type="divided">
   <ListItem label="Divided" />
 </List>`,
-      "with-icons": `import { List, ListItem, Badge } from '@idealyst/components';
+        "with-icons": `import { List, ListItem, Badge } from '@idealyst/components';
 
 <List type="bordered">
   <ListItem
@@ -76,7 +76,7 @@ import { List, ListItem, ListSection } from '@idealyst/components';
     trailing={<Badge>12</Badge>}
   />
 </List>`,
-      interactive: `import { List, ListItem } from '@idealyst/components';
+        interactive: `import { List, ListItem } from '@idealyst/components';
 import { useState } from 'react';
 
 function Example() {
@@ -101,3 +101,4 @@ function Example() {
 }`,
     }
 };
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../src/data/components/List.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IACpB,QAAQ,EAAE,SAAS;IACf,WAAW,EAAE,iFAAiF;IAC1F,KAAK,EAAE;;;;;;CAMd;IACG,QAAQ,EAAE;QACR,uBAAuB;QACvB,yBAAyB;QACzB,qDAAqD;QACrD,4BAA4B;QAC5B,8BAA8B;QAC9B,2BAA2B;QAC3B,+BAA+B;KAChC;IACD,aAAa,EAAE;QACb,wCAAwC;QACxC,6CAA6C;QAC7C,+CAA+C;QAC/C,uCAAuC;KACxC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;CAiBV;IACG,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;QAML;QACF,QAAQ,EAAE;;;;;;;;;;;;QAYR;QACF,YAAY,EAAE;;;;;;;;;;;;;QAaZ;QACF,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;EAsBjB;KACG;CACJ,CAAC"}

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