@idealyst/mcp-server 1.0.84

package/dist/data/components/Alert.js

@@ -0,0 +1,132 @@
+export const Alert = {
+    category: "feedback",
+    description: "Message banner for displaying important information, warnings, errors, and success messages",
+    props: `
+- \`title\`: string - Alert title/heading
+- \`message\`: string - Alert message text
+- \`children\`: ReactNode - Custom content (alternative to message)
+- \`intent\`: 'success' | 'error' | 'warning' | 'info' | 'neutral' - Alert type/severity
+- \`variant\`: 'filled' | 'outlined' | 'soft' - Visual style
+- \`icon\`: ReactNode - Custom icon to display
+- \`showIcon\`: boolean - Whether to show the default intent icon (default: true)
+- \`dismissible\`: boolean - Whether the alert can be dismissed
+- \`onDismiss\`: () => void - Dismiss handler callback
+- \`actions\`: ReactNode - Action buttons or custom elements
+- \`style\`: ViewStyle - Additional custom styles
+- \`testID\`: string - Test identifier
+`,
+    features: [
+        "Five intent types with semantic meaning",
+        "Three visual variants",
+        "Default icons for each intent",
+        "Custom icon support",
+        "Dismissible with close button",
+        "Action buttons support",
+        "Title and message or custom children",
+    ],
+    bestPractices: [
+        "Use 'error' intent for critical errors requiring immediate attention",
+        "Use 'warning' intent for important but non-critical information",
+        "Use 'success' intent for positive confirmations",
+        "Use 'info' intent for general informational messages",
+        "Keep alert messages concise and actionable",
+        "Make alerts dismissible unless they require action",
+    ],
+    usage: `
+import { Alert } from '@idealyst/components';
+
+<Alert
+  intent="error"
+  title="Error"
+  message="Failed to save changes. Please try again."
+  dismissible
+  onDismiss={() => setShowAlert(false)}
+/>
+`,
+    examples: {
+        basic: `import { Alert } from '@idealyst/components';
+
+<Alert
+  intent="info"
+  message="This is an informational message"
+/>`,
+        variants: `import { Alert, View } from '@idealyst/components';
+
+<View spacing="md">
+  <Alert
+    intent="success"
+    variant="filled"
+    message="Success message"
+  />
+  <Alert
+    intent="warning"
+    variant="outlined"
+    message="Warning message"
+  />
+  <Alert
+    intent="error"
+    variant="soft"
+    message="Error message"
+  />
+</View>`,
+        "with-icons": `import { Alert, View } from '@idealyst/components';
+
+<View spacing="md">
+  <Alert
+    intent="success"
+    title="Success!"
+    message="Your changes have been saved"
+    showIcon
+  />
+  <Alert
+    intent="error"
+    title="Error"
+    message="Something went wrong"
+    showIcon
+    dismissible
+  />
+</View>`,
+        interactive: `import { Alert, Button, View } from '@idealyst/components';
+import { useState } from 'react';
+
+function Example() {
+  const [showAlert, setShowAlert] = useState(false);
+
+  return (
+    <View spacing="md">
+      <Button onPress={() => setShowAlert(true)}>
+        Show Alert
+      </Button>
+
+      {showAlert && (
+        <Alert
+          intent="warning"
+          title="Unsaved Changes"
+          message="You have unsaved changes that will be lost."
+          dismissible
+          onDismiss={() => setShowAlert(false)}
+          actions={
+            <View style={{ flexDirection: 'row', gap: 8 }}>
+              <Button size="small" onPress={() => setShowAlert(false)}>
+                Cancel
+              </Button>
+              <Button
+                size="small"
+                intent="warning"
+                onPress={() => {
+                  handleSave();
+                  setShowAlert(false);
+                }}
+              >
+                Save
+              </Button>
+            </View>
+          }
+        />
+      )}
+    </View>
+  );
+}`,
+    },
+};
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/data/components/Alert.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,6FAA6F;IAC1G,KAAK,EAAE;;;;;;;;;;;;;CAaR;IACC,QAAQ,EAAE;QACR,yCAAyC;QACzC,uBAAuB;QACvB,+BAA+B;QAC/B,qBAAqB;QACrB,+BAA+B;QAC/B,wBAAwB;QACxB,sCAAsC;KACvC;IACD,aAAa,EAAE;QACb,sEAAsE;QACtE,iEAAiE;QACjE,iDAAiD;QACjD,sDAAsD;QACtD,4CAA4C;QAC5C,oDAAoD;KACrD;IACD,KAAK,EAAE;;;;;;;;;;CAUR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;GAKR;QAEC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;QAkBN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;QAgBV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCf;KACC;CACF,CAAC"}

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

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

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

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

package/dist/data/components/Avatar.js

@@ -0,0 +1,93 @@
+export const Avatar = {
+    category: "display",
+    description: "Profile picture or user avatar with fallback text support",
+    props: `
+- \`src\`: string | any - Image source (URL or require())
+- \`alt\`: string - Alt text for the image
+- \`fallback\`: string - Fallback text displayed when no image (usually initials)
+- \`size\`: 'small' | 'medium' | 'large' | 'xlarge' - Avatar size
+- \`shape\`: 'circle' | 'square' - Avatar shape
+- \`color\`: ColorVariant - Background color for fallback (from theme palette)
+- \`style\`: any - Additional custom styles
+- \`testID\`: string - Test identifier
+`,
+    features: [
+        "Image display with automatic fallback",
+        "Fallback text (initials) support",
+        "Four size options",
+        "Circle and square shapes",
+        "Theme color variants for fallback backgrounds",
+        "Accessible with alt text",
+    ],
+    bestPractices: [
+        "Always provide alt text for accessibility",
+        "Use initials (2 characters) for fallback text",
+        "Use 'circle' shape for user avatars",
+        "Use 'square' shape for brands or organizations",
+        "Choose contrasting colors for fallback backgrounds",
+    ],
+    usage: `
+import { Avatar } from '@idealyst/components';
+
+<Avatar
+  src="https://example.com/avatar.jpg"
+  alt="John Doe"
+  fallback="JD"
+  size="large"
+  shape="circle"
+/>
+`,
+    examples: {
+        basic: `import { Avatar } from '@idealyst/components';
+
+<Avatar
+  fallback="JD"
+  size="medium"
+/>`,
+        variants: `import { Avatar, View } from '@idealyst/components';
+
+<View style={{ flexDirection: 'row', gap: 8 }}>
+  <Avatar fallback="SM" size="small" />
+  <Avatar fallback="MD" size="medium" />
+  <Avatar fallback="LG" size="large" />
+  <Avatar fallback="XL" size="xlarge" />
+</View>`,
+        "with-icons": `import { Avatar, View } from '@idealyst/components';
+
+<View style={{ flexDirection: 'row', gap: 8 }}>
+  {/* Circle avatars */}
+  <Avatar
+    src="https://i.pravatar.cc/150?img=1"
+    alt="User 1"
+    fallback="U1"
+    shape="circle"
+  />
+
+  {/* Square avatars */}
+  <Avatar
+    src="https://i.pravatar.cc/150?img=2"
+    alt="User 2"
+    fallback="U2"
+    shape="square"
+  />
+</View>`,
+        interactive: `import { Avatar, View, Text } from '@idealyst/components';
+
+function UserProfile({ user }) {
+  return (
+    <View spacing="sm" style={{ alignItems: 'center' }}>
+      <Avatar
+        src={user.avatar}
+        alt={user.name}
+        fallback={user.initials}
+        size="xlarge"
+        color="primary"
+      />
+      <Text weight="bold">{user.name}</Text>
+      <Text size="small" color="secondary">{user.email}</Text>
+    </View>
+  );
+}`,
+    },
+};
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/data/components/Avatar.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,2DAA2D;IACxE,KAAK,EAAE;;;;;;;;;CASR;IACC,QAAQ,EAAE;QACR,uCAAuC;QACvC,kCAAkC;QAClC,mBAAmB;QACnB,0BAA0B;QAC1B,+CAA+C;QAC/C,0BAA0B;KAC3B;IACD,aAAa,EAAE;QACb,2CAA2C;QAC3C,+CAA+C;QAC/C,qCAAqC;QACrC,gDAAgD;QAChD,oDAAoD;KACrD;IACD,KAAK,EAAE;;;;;;;;;;CAUR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;GAKR;QAEC,QAAQ,EAAE;;;;;;;QAON;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;QAkBV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;EAgBf;KACC;CACF,CAAC"}

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

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

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

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

package/dist/data/components/Badge.js

@@ -0,0 +1,64 @@
+export const Badge = {
+    category: "display",
+    description: "Small status indicator with various styles and colors",
+    props: `
+- \`variant\`: 'filled' | 'outlined' | 'dot' - Visual style
+- \`color\`: string - Badge color from theme palette
+- \`size\`: 'small' | 'medium' | 'large' - Badge size
+- \`icon\`: string | ReactNode - Icon to display
+- \`children\`: ReactNode - Badge content (text/number)
+`,
+    features: [
+        "Three visual variants",
+        "Theme palette color support",
+        "Three sizes",
+        "Icon support",
+        "Dot variant for minimal indicators",
+    ],
+    bestPractices: [
+        "Use 'dot' variant for minimal status indicators",
+        "Use 'filled' variant for prominent badges",
+        "Keep badge content short (numbers or 1-2 words)",
+        "Use appropriate colors for semantic meaning",
+    ],
+    usage: `
+import { Badge } from '@idealyst/components';
+
+<Badge variant="filled" color="red">
+  3
+</Badge>
+`,
+    examples: {
+        basic: `import { Badge } from '@idealyst/components';
+
+<Badge>New</Badge>`,
+        variants: `import { Badge } from '@idealyst/components';
+
+<Badge variant="filled" color="blue">5</Badge>
+<Badge variant="outlined" color="green">Active</Badge>
+<Badge variant="dot" color="red" />`,
+        "with-icons": `import { Badge } from '@idealyst/components';
+
+<Badge icon="star" color="yellow">
+  Featured
+</Badge>`,
+        interactive: `import { Badge, Button, View } from '@idealyst/components';
+import { useState } from 'react';
+
+function Example() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <View spacing="sm">
+      <Badge variant="filled" color="red">
+        {count}
+      </Badge>
+      <Button onPress={() => setCount(count + 1)}>
+        Increment
+      </Button>
+    </View>
+  );
+}`,
+    }
+};
+//# sourceMappingURL=Badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/data/components/Badge.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACrB,QAAQ,EAAE,SAAS;IACf,WAAW,EAAE,uDAAuD;IACpE,KAAK,EAAE;;;;;;CAMV;IACG,QAAQ,EAAE;QACR,uBAAuB;QACvB,6BAA6B;QAC7B,aAAa;QACb,cAAc;QACd,oCAAoC;KACrC;IACD,aAAa,EAAE;QACb,iDAAiD;QACjD,2CAA2C;QAC3C,iDAAiD;QACjD,6CAA6C;KAC9C;IACD,KAAK,EAAE;;;;;;CAMV;IACG,QAAQ,EAAE;QACR,KAAK,EAAE;;mBAEM;QACb,QAAQ,EAAE;;;;oCAIoB;QAC9B,YAAY,EAAE;;;;SAIX;QACH,WAAW,EAAE;;;;;;;;;;;;;;;;EAgBjB;KACG;CACJ,CAAC"}

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

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

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

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

package/dist/data/components/Breadcrumb.js

@@ -0,0 +1,96 @@
+export const Breadcrumb = {
+    category: "navigation",
+    description: "Navigation aid showing the current location within a hierarchy",
+    props: `
+- \`items\`: BreadcrumbItem[] - Array of breadcrumb items
+  - \`label\`: string - Label text for the breadcrumb item
+  - \`icon\`: IconName | ReactNode - Optional icon (icon name string or custom component)
+  - \`onPress\`: () => void - Click handler for the breadcrumb item
+  - \`disabled\`: boolean - Whether this item is disabled
+- \`separator\`: ReactNode - Custom separator between items (default: '/')
+- \`maxItems\`: number - Maximum number of items before truncating
+- \`intent\`: 'primary' | 'neutral' - Intent color for links
+- \`size\`: 'small' | 'medium' | 'large' - Size of breadcrumb text
+- \`style\`: StyleProp<ViewStyle> - Custom container style
+- \`itemStyle\`: StyleProp<ViewStyle> - Custom item style
+- \`separatorStyle\`: StyleProp<TextStyle> - Custom separator style
+- \`testID\`: string - Test identifier
+`,
+    features: [
+        "Icon support with string names or custom components",
+        "Custom separators",
+        "Truncation with maxItems",
+        "Two intent colors",
+        "Three sizes",
+        "Disabled items",
+        "Click handlers for navigation",
+    ],
+    bestPractices: [
+        "Keep breadcrumb labels short and clear",
+        "Last item should represent current page (typically not clickable)",
+        "Use icons sparingly for visual clarity",
+        "Set maxItems for deep hierarchies to avoid overflow",
+        "Use 'neutral' intent for subtle breadcrumbs",
+    ],
+    usage: `
+import { Breadcrumb } from '@idealyst/components';
+
+const items = [
+  { label: 'Home', icon: 'home', onPress: () => navigate('/') },
+  { label: 'Products', onPress: () => navigate('/products') },
+  { label: 'Electronics', onPress: () => navigate('/products/electronics') },
+  { label: 'Laptop' }, // Current page, no onPress
+];
+
+<Breadcrumb items={items} intent="primary" />
+`,
+    examples: {
+        basic: `import { Breadcrumb } from '@idealyst/components';
+
+const items = [
+  { label: 'Home', onPress: () => console.log('Home') },
+  { label: 'Products', onPress: () => console.log('Products') },
+  { label: 'Item' },
+];
+
+<Breadcrumb items={items} />`,
+        variants: `import { Breadcrumb, View } from '@idealyst/components';
+
+const items = [
+  { label: 'Home', onPress: () => {} },
+  { label: 'Category', onPress: () => {} },
+  { label: 'Item' },
+];
+
+<View spacing="md">
+  <Breadcrumb items={items} size="small" />
+  <Breadcrumb items={items} size="medium" />
+  <Breadcrumb items={items} size="large" />
+</View>`,
+        "with-icons": `import { Breadcrumb } from '@idealyst/components';
+
+const items = [
+  { label: 'Home', icon: 'home', onPress: () => navigate('/') },
+  { label: 'Settings', icon: 'cog', onPress: () => navigate('/settings') },
+  { label: 'Profile', icon: 'account' },
+];
+
+<Breadcrumb items={items} intent="primary" />`,
+        interactive: `import { Breadcrumb } from '@idealyst/components';
+import { useState } from 'react';
+
+function Example() {
+  const [path, setPath] = useState(['Home', 'Products', 'Electronics']);
+
+  const items = path.map((label, index) => ({
+    label,
+    onPress: index < path.length - 1
+      ? () => setPath(path.slice(0, index + 1))
+      : undefined,
+  }));
+
+  return <Breadcrumb items={items} maxItems={4} />;
+}`,
+    },
+};
+//# sourceMappingURL=Breadcrumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../src/data/components/Breadcrumb.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,QAAQ,EAAE,YAAY;IACtB,WAAW,EAAE,gEAAgE;IAC7E,KAAK,EAAE;;;;;;;;;;;;;;CAcR;IACC,QAAQ,EAAE;QACR,qDAAqD;QACrD,mBAAmB;QACnB,0BAA0B;QAC1B,mBAAmB;QACnB,aAAa;QACb,gBAAgB;QAChB,+BAA+B;KAChC;IACD,aAAa,EAAE;QACb,wCAAwC;QACxC,mEAAmE;QACnE,wCAAwC;QACxC,qDAAqD;QACrD,6CAA6C;KAC9C;IACD,KAAK,EAAE;;;;;;;;;;;CAWR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;;6BAQkB;QAEzB,QAAQ,EAAE;;;;;;;;;;;;QAYN;QAEJ,YAAY,EAAE;;;;;;;;8CAQ4B;QAE1C,WAAW,EAAE;;;;;;;;;;;;;;EAcf;KACC;CACF,CAAC"}

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

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

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

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

package/dist/data/components/Button.js

@@ -0,0 +1,87 @@
+export const Button = {
+    category: "form",
+    description: "Interactive button component with multiple variants, sizes, and icon support",
+    props: `
+- \`variant\`: 'contained' | 'outlined' | 'text' - Visual style variant
+- \`intent\`: 'primary' | 'neutral' | 'success' | 'error' | 'warning' - Color scheme
+- \`size\`: 'small' | 'medium' | 'large' - Button size
+- \`icon\`: string | ReactNode - Icon name (MDI) or custom React element
+- \`iconPosition\`: 'left' | 'right' - Position of icon relative to label
+- \`disabled\`: boolean - Disable button interaction
+- \`loading\`: boolean - Show loading state
+- \`fullWidth\`: boolean - Expand button to full container width
+- \`onPress\`: () => void - Press handler
+`,
+    features: [
+        "Three variants: contained, outlined, text",
+        "Five intent colors for semantic meaning",
+        "Three sizes: small, medium, large",
+        "Icon support with string names or custom React elements",
+        "Loading and disabled states",
+        "Full width option",
+        "Cross-platform (React & React Native)",
+    ],
+    bestPractices: [
+        "Use 'primary' intent for main actions",
+        "Use 'contained' variant for prominent actions",
+        "Use icon names (strings) for consistency with design system",
+        "Keep button labels concise and action-oriented",
+    ],
+    usage: `
+import { Button } from '@idealyst/components';
+
+<Button
+  variant="contained"
+  intent="primary"
+  icon="check"
+  onPress={() => console.log('Pressed')}
+>
+  Save Changes
+</Button>
+`,
+    examples: {
+        basic: `import { Button } from '@idealyst/components';
+
+// Basic button
+<Button onPress={() => console.log('Clicked')}>
+  Click Me
+</Button>`,
+        variants: `import { Button } from '@idealyst/components';
+
+// Different variants
+<Button variant="contained" intent="primary">Contained</Button>
+<Button variant="outlined" intent="primary">Outlined</Button>
+<Button variant="text" intent="primary">Text</Button>`,
+        "with-icons": `import { Button } from '@idealyst/components';
+
+// Button with icon
+<Button icon="check" iconPosition="left">
+  Confirm
+</Button>
+
+// Icon-only button
+<Button icon="close" />`,
+        interactive: `import { Button } from '@idealyst/components';
+import { useState } from 'react';
+
+function Example() {
+  const [loading, setLoading] = useState(false);
+
+  const handlePress = async () => {
+    setLoading(true);
+    await someAsyncOperation();
+    setLoading(false);
+  };
+
+  return (
+    <Button
+      loading={loading}
+      onPress={handlePress}
+    >
+      Save
+    </Button>
+  );
+}`,
+    }
+};
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/data/components/Button.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACtB,QAAQ,EAAE,MAAM;IACZ,WAAW,EAAE,8EAA8E;IAC3F,KAAK,EAAE;;;;;;;;;;CAUV;IACG,QAAQ,EAAE;QACR,2CAA2C;QAC3C,yCAAyC;QACzC,mCAAmC;QACnC,yDAAyD;QACzD,6BAA6B;QAC7B,mBAAmB;QACnB,uCAAuC;KACxC;IACD,aAAa,EAAE;QACb,uCAAuC;QACvC,+CAA+C;QAC/C,6DAA6D;QAC7D,gDAAgD;KACjD;IACD,KAAK,EAAE;;;;;;;;;;;CAWV;IACG,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;UAKH;QACJ,QAAQ,EAAE;;;;;sDAKsC;QAChD,YAAY,EAAE;;;;;;;;wBAQI;QAClB,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;EAoBjB;KACG;CACJ,CAAC"}

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

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

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

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

package/dist/data/components/Card.js

@@ -0,0 +1,67 @@
+export const Card = {
+    category: "display",
+    description: "Container component for grouping related content with various visual styles",
+    props: `
+- \`variant\`: 'default' | 'outlined' | 'elevated' | 'filled' - Visual style
+- \`intent\`: 'primary' | 'neutral' | 'success' | 'error' | 'warning' - Color scheme
+- \`padding\`: 'none' | 'small' | 'medium' | 'large' - Internal padding
+- \`radius\`: 'none' | 'small' | 'medium' | 'large' - Border radius
+- \`clickable\`: boolean - Make card interactive
+- \`onPress\`: () => void - Press handler (when clickable)
+- \`children\`: ReactNode - Card content
+`,
+    features: [
+        "Four visual variants",
+        "Intent-based color schemes",
+        "Configurable padding and border radius",
+        "Clickable with press handler",
+        "Flexible content container",
+    ],
+    bestPractices: [
+        "Use 'elevated' variant for prominent content",
+        "Group related content within cards",
+        "Use appropriate padding for content density",
+        "Make cards clickable only when they represent an action",
+    ],
+    usage: `
+import { Card, Text, View } from '@idealyst/components';
+
+<Card variant="elevated" padding="medium">
+  <View spacing="sm">
+    <Text weight="bold">Card Title</Text>
+    <Text size="small">Card content goes here</Text>
+  </View>
+</Card>
+`,
+    examples: {
+        basic: `import { Card, Text } from '@idealyst/components';
+
+<Card>
+  <Text>Simple card content</Text>
+</Card>`,
+        variants: `import { Card, Text } from '@idealyst/components';
+
+<Card variant="default"><Text>Default</Text></Card>
+<Card variant="outlined"><Text>Outlined</Text></Card>
+<Card variant="elevated"><Text>Elevated</Text></Card>
+<Card variant="filled"><Text>Filled</Text></Card>`,
+        "with-icons": `import { Card, View, Text, Icon } from '@idealyst/components';
+
+<Card variant="outlined">
+  <View spacing="sm">
+    <Icon name="information" size="lg" />
+    <Text>Card with icon header</Text>
+  </View>
+</Card>`,
+        interactive: `import { Card, Text } from '@idealyst/components';
+
+<Card
+  clickable
+  onPress={() => console.log('Card clicked')}
+  variant="outlined"
+>
+  <Text>Click this card</Text>
+</Card>`,
+    }
+};
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/data/components/Card.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IACpB,QAAQ,EAAE,SAAS;IACf,WAAW,EAAE,6EAA6E;IAC1F,KAAK,EAAE;;;;;;;;CAQV;IACG,QAAQ,EAAE;QACR,sBAAsB;QACtB,4BAA4B;QAC5B,wCAAwC;QACxC,8BAA8B;QAC9B,4BAA4B;KAC7B;IACD,aAAa,EAAE;QACb,8CAA8C;QAC9C,oCAAoC;QACpC,6CAA6C;QAC7C,yDAAyD;KAC1D;IACD,KAAK,EAAE;;;;;;;;;CASV;IACG,QAAQ,EAAE;QACR,KAAK,EAAE;;;;QAIL;QACF,QAAQ,EAAE;;;;;kDAKkC;QAC5C,YAAY,EAAE;;;;;;;QAOZ;QACF,WAAW,EAAE;;;;;;;;QAQX;KACH;CACJ,CAAC"}