@idealyst/mcp-server 1.0.93 → 1.0.95

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

@@ -1,7 +1,7 @@
 export const Tabs = {
-  category: "navigation",
-  description: "Tabs component with content panels for organizing information into tabbed sections",
-  props: `
+    category: "navigation",
+    description: "Tabs component with content panels for organizing information into tabbed sections",
+    props: `
 Tab Props:
 - \`value\`: string - Unique tab identifier
 - \`label\`: string - Tab label text
@@ -19,24 +19,24 @@ Tabs Props:
 - \`testID\`: string - Test identifier
 - \`children\`: ReactNode - Tab components
 `,
-  features: [
-    "Integrated tab navigation and content panels",
-    "Three visual variants",
-    "Controlled and uncontrolled modes",
-    "Three sizes",
-    "Five intent colors",
-    "Disabled tabs",
-    "Automatic content switching",
-  ],
-  bestPractices: [
-    "Use Tabs for content that belongs together",
-    "Use TabBar for navigation without content management",
-    "Keep 3-5 tabs for optimal UX",
-    "Lazy load tab content if heavy",
-    "Use descriptive tab labels",
-    "Consider vertical tabs for many options",
-  ],
-  usage: `
+    features: [
+        "Integrated tab navigation and content panels",
+        "Three visual variants",
+        "Controlled and uncontrolled modes",
+        "Three sizes",
+        "Five intent colors",
+        "Disabled tabs",
+        "Automatic content switching",
+    ],
+    bestPractices: [
+        "Use Tabs for content that belongs together",
+        "Use TabBar for navigation without content management",
+        "Keep 3-5 tabs for optimal UX",
+        "Lazy load tab content if heavy",
+        "Use descriptive tab labels",
+        "Consider vertical tabs for many options",
+    ],
+    usage: `
 import { Tabs, Tab, Text } from '@idealyst/components';
 
 <Tabs defaultValue="tab1" variant="underline">
@@ -51,8 +51,8 @@ import { Tabs, Tab, Text } from '@idealyst/components';
   </Tab>
 </Tabs>
 `,
-  examples: {
-    basic: `import { Tabs, Tab, Text } from '@idealyst/components';
+    examples: {
+        basic: `import { Tabs, Tab, Text } from '@idealyst/components';
 
 <Tabs defaultValue="1">
   <Tab value="1" label="First">
@@ -62,8 +62,7 @@ import { Tabs, Tab, Text } from '@idealyst/components';
     <Text>Second tab content</Text>
   </Tab>
 </Tabs>`,
-
-    variants: `import { Tabs, Tab, View, Text } from '@idealyst/components';
+        variants: `import { Tabs, Tab, View, Text } from '@idealyst/components';
 
 <View spacing="lg">
   <Tabs defaultValue="a" variant="default">
@@ -81,8 +80,7 @@ import { Tabs, Tab, Text } from '@idealyst/components';
     <Tab value="b" label="Style"><Text>Content B</Text></Tab>
   </Tabs>
 </View>`,
-
-    "with-icons": `import { Tabs, Tab, View, Text, Card } from '@idealyst/components';
+        "with-icons": `import { Tabs, Tab, View, Text, Card } from '@idealyst/components';
 
 <Tabs defaultValue="profile" variant="pills" intent="primary">
   <Tab value="profile" label="Profile">
@@ -102,8 +100,7 @@ import { Tabs, Tab, Text } from '@idealyst/components';
     </Card>
   </Tab>
 </Tabs>`,
-
-    interactive: `import { Tabs, Tab, View, Text, Input, Button } from '@idealyst/components';
+        interactive: `import { Tabs, Tab, View, Text, Input, Button } from '@idealyst/components';
 import { useState } from 'react';
 
 function Example() {
@@ -148,5 +145,6 @@ function Example() {
     </Tabs>
   );
 }`,
-  },
+    },
 };
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/data/components/Tabs.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,QAAQ,EAAE,YAAY;IACtB,WAAW,EAAE,oFAAoF;IACjG,KAAK,EAAE;;;;;;;;;;;;;;;;;CAiBR;IACC,QAAQ,EAAE;QACR,8CAA8C;QAC9C,uBAAuB;QACvB,mCAAmC;QACnC,aAAa;QACb,oBAAoB;QACpB,eAAe;QACf,6BAA6B;KAC9B;IACD,aAAa,EAAE;QACb,4CAA4C;QAC5C,sDAAsD;QACtD,8BAA8B;QAC9B,gCAAgC;QAChC,4BAA4B;QAC5B,yCAAyC;KAC1C;IACD,KAAK,EAAE;;;;;;;;;;;;;;CAcR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;;;QASH;QAEJ,QAAQ,EAAE;;;;;;;;;;;;;;;;;QAiBN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;QAmBV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4Cf;KACC;CACF,CAAC"}

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

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

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

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

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

@@ -1,30 +1,30 @@
 export const Text = {
-  category: "typography",
-  description: "Styled text component with size, weight, and color variants",
-      props: `
+    category: "typography",
+    description: "Styled text component with size, weight, and color variants",
+    props: `
 - \`children\`: React.ReactNode - The text content to display
 - \`size\`: TextSizeVariant - The size variant of the text
 - \`weight\`: TextWeightVariant - The weight of the text
 - \`color\`: TextColorVariant - The color of the text
 - \`align\`: TextAlignVariant - Text alignment
 `,
-  features: [
-    "Four size variants",
-    "Five weight options",
-    "Theme color variants",
-    "Three alignment options",
-    "Cross-platform support",
-    "Inherits parent text styles",
-  ],
-  bestPractices: [
-    "Use semantic sizes (xl for headings, sm for captions)",
-    "Use appropriate weights for hierarchy",
-    "Prefer theme colors over custom colors",
-    "Use 'left' alignment for body text",
-    "Use 'center' for short, important text",
-    "Nest Text components for mixed styles",
-  ],
-  usage: `
+    features: [
+        "Four size variants",
+        "Five weight options",
+        "Theme color variants",
+        "Three alignment options",
+        "Cross-platform support",
+        "Inherits parent text styles",
+    ],
+    bestPractices: [
+        "Use semantic sizes (xl for headings, sm for captions)",
+        "Use appropriate weights for hierarchy",
+        "Prefer theme colors over custom colors",
+        "Use 'left' alignment for body text",
+        "Use 'center' for short, important text",
+        "Nest Text components for mixed styles",
+    ],
+    usage: `
 import { Text } from '@idealyst/components';
 
 <Text size="xl" weight="bold" color="primary">
@@ -35,12 +35,11 @@ import { Text } from '@idealyst/components';
   Body text with normal weight
 </Text>
 `,
-  examples: {
-    basic: `import { Text } from '@idealyst/components';
+    examples: {
+        basic: `import { Text } from '@idealyst/components';
 
 <Text>Simple text content</Text>`,
-
-    variants: `import { Text, View } from '@idealyst/components';
+        variants: `import { Text, View } from '@idealyst/components';
 
 <View spacing="md">
   <Text size="sm">Small text</Text>
@@ -48,8 +47,7 @@ import { Text } from '@idealyst/components';
   <Text size="lg">Large text</Text>
   <Text size="xl">Extra large text</Text>
 </View>`,
-
-    "with-icons": `import { Text, View, Icon } from '@idealyst/components';
+        "with-icons": `import { Text, View, Icon } from '@idealyst/components';
 
 <View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
   <Icon name="check-circle" size="md" color="success" />
@@ -57,8 +55,7 @@ import { Text } from '@idealyst/components';
     Verified Account
   </Text>
 </View>`,
-
-    interactive: `import { Text, View, Button } from '@idealyst/components';
+        interactive: `import { Text, View, Button } from '@idealyst/components';
 import { useState } from 'react';
 
 function Example() {
@@ -81,5 +78,6 @@ function Example() {
     </View>
   );
 }`,
-  },
+    },
 };
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/data/components/Text.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,QAAQ,EAAE,YAAY;IACtB,WAAW,EAAE,6DAA6D;IACtE,KAAK,EAAE;;;;;;CAMZ;IACC,QAAQ,EAAE;QACR,oBAAoB;QACpB,qBAAqB;QACrB,sBAAsB;QACtB,yBAAyB;QACzB,wBAAwB;QACxB,6BAA6B;KAC9B;IACD,aAAa,EAAE;QACb,uDAAuD;QACvD,uCAAuC;QACvC,wCAAwC;QACxC,oCAAoC;QACpC,wCAAwC;QACxC,uCAAuC;KACxC;IACD,KAAK,EAAE;;;;;;;;;;CAUR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;iCAEsB;QAE7B,QAAQ,EAAE;;;;;;;QAON;QAEJ,YAAY,EAAE;;;;;;;QAOV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;EAsBf;KACC;CACF,CAAC"}

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

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

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

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

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

@@ -1,7 +1,7 @@
 export const TextArea = {
-  category: "form",
-  description: "Multi-line text input field for longer text content",
-      props: `
+    category: "form",
+    description: "Multi-line text input field for longer text content",
+    props: `
 - \`value\`: string - The current value of the textarea (controlled)
 - \`defaultValue\`: string - The default value for uncontrolled usage
 - \`onChange\`: function - Called when the text content changes
@@ -21,27 +21,27 @@ export const TextArea = {
 - \`size\`: TextAreaSizeVariant - The size variant of the textarea
 - \`textareaStyle\`: StyleProp<TextStyle> - Additional custom styles for the textarea element
 `,
-  features: [
-    "Multi-line text input",
-    "Auto-grow to fit content",
-    "Character count display",
-    "Min/max height constraints",
-    "Max length validation",
-    "Label and helper text",
-    "Error state",
-    "Resize control (web)",
-    "Three sizes",
-  ],
-  bestPractices: [
-    "Always provide a label",
-    "Use helperText to guide users",
-    "Set maxLength to prevent excessive input",
-    "Show character count for limited fields",
-    "Use autoGrow for dynamic content",
-    "Set minHeight for comfortable input area",
-    "Show inline error messages",
-  ],
-  usage: `
+    features: [
+        "Multi-line text input",
+        "Auto-grow to fit content",
+        "Character count display",
+        "Min/max height constraints",
+        "Max length validation",
+        "Label and helper text",
+        "Error state",
+        "Resize control (web)",
+        "Three sizes",
+    ],
+    bestPractices: [
+        "Always provide a label",
+        "Use helperText to guide users",
+        "Set maxLength to prevent excessive input",
+        "Show character count for limited fields",
+        "Use autoGrow for dynamic content",
+        "Set minHeight for comfortable input area",
+        "Show inline error messages",
+    ],
+    usage: `
 import { TextArea } from '@idealyst/components';
 import { useState } from 'react';
 
@@ -62,24 +62,22 @@ function Example() {
   );
 }
 `,
-  examples: {
-    basic: `import { TextArea } from '@idealyst/components';
+    examples: {
+        basic: `import { TextArea } from '@idealyst/components';
 
 <TextArea
   label="Message"
   placeholder="Enter your message"
   rows={4}
 />`,
-
-    variants: `import { TextArea, View } from '@idealyst/components';
+        variants: `import { TextArea, View } from '@idealyst/components';
 
 <View spacing="md">
   <TextArea label="Small" size="sm" rows={3} />
   <TextArea label="Medium" size="md" rows={4} />
   <TextArea label="Large" size="lg" rows={5} />
 </View>`,
-
-    "with-icons": `import { TextArea, View, Text } from '@idealyst/components';
+        "with-icons": `import { TextArea, View, Text } from '@idealyst/components';
 import { useState } from 'react';
 
 function Example() {
@@ -105,8 +103,7 @@ function Example() {
     </View>
   );
 }`,
-
-    interactive: `import { TextArea, View, Button, Text } from '@idealyst/components';
+        interactive: `import { TextArea, View, Button, Text } from '@idealyst/components';
 import { useState } from 'react';
 
 function Example() {
@@ -151,5 +148,6 @@ function Example() {
     </View>
   );
 }`,
-  },
+    },
 };
+//# sourceMappingURL=TextArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/data/components/TextArea.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,qDAAqD;IAC9D,KAAK,EAAE;;;;;;;;;;;;;;;;;;;CAmBZ;IACC,QAAQ,EAAE;QACR,uBAAuB;QACvB,0BAA0B;QAC1B,yBAAyB;QACzB,4BAA4B;QAC5B,uBAAuB;QACvB,uBAAuB;QACvB,aAAa;QACb,sBAAsB;QACtB,aAAa;KACd;IACD,aAAa,EAAE;QACb,wBAAwB;QACxB,+BAA+B;QAC/B,0CAA0C;QAC1C,yCAAyC;QACzC,kCAAkC;QAClC,0CAA0C;QAC1C,4BAA4B;KAC7B;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;CAoBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;GAMR;QAEC,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;EAyBhB;QAEE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4Cf;KACC;CACF,CAAC"}

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

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

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

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

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

@@ -1,7 +1,7 @@
 export const Tooltip = {
-  category: "overlay",
-  description: "Contextual tooltip that displays information on hover or focus",
-      props: `
+    category: "overlay",
+    description: "Contextual tooltip that displays information on hover or focus",
+    props: `
 - \`content\`: string | React.ReactNode - The tooltip content to display
 - \`children\`: React.ReactNode - The element that triggers the tooltip on hover/focus
 - \`placement\`: TooltipPlacement - The placement of the tooltip relative to the trigger
@@ -9,38 +9,37 @@ export const Tooltip = {
 - \`intent\`: TooltipIntentVariant - The intent/color scheme of the tooltip
 - \`size\`: TooltipSizeVariant - The size variant of the tooltip
 `,
-  features: [
-    "Hover and focus triggers",
-    "Four placement options",
-    "Configurable delay",
-    "Five intent colors",
-    "Three sizes",
-    "String or custom content",
-    "Auto-positioning on overflow",
-  ],
-  bestPractices: [
-    "Keep tooltip content concise",
-    "Use for supplementary information only",
-    "Don't hide critical information in tooltips",
-    "Ensure tooltips are keyboard accessible",
-    "Use appropriate placement to avoid obscuring content",
-    "Add small delay to prevent flashing",
-  ],
-  usage: `
+    features: [
+        "Hover and focus triggers",
+        "Four placement options",
+        "Configurable delay",
+        "Five intent colors",
+        "Three sizes",
+        "String or custom content",
+        "Auto-positioning on overflow",
+    ],
+    bestPractices: [
+        "Keep tooltip content concise",
+        "Use for supplementary information only",
+        "Don't hide critical information in tooltips",
+        "Ensure tooltips are keyboard accessible",
+        "Use appropriate placement to avoid obscuring content",
+        "Add small delay to prevent flashing",
+    ],
+    usage: `
 import { Tooltip, Button } from '@idealyst/components';
 
 <Tooltip content="Click to save your changes" placement="top">
   <Button icon="content-save">Save</Button>
 </Tooltip>
 `,
-  examples: {
-    basic: `import { Tooltip, Button } from '@idealyst/components';
+    examples: {
+        basic: `import { Tooltip, Button } from '@idealyst/components';
 
 <Tooltip content="This is a tooltip">
   <Button>Hover me</Button>
 </Tooltip>`,
-
-    variants: `import { Tooltip, Button, View } from '@idealyst/components';
+        variants: `import { Tooltip, Button, View } from '@idealyst/components';
 
 <View spacing="md">
   <Tooltip content="Top placement" placement="top">
@@ -56,8 +55,7 @@ import { Tooltip, Button } from '@idealyst/components';
     <Button>Right</Button>
   </Tooltip>
 </View>`,
-
-    "with-icons": `import { Tooltip, Icon, Text, View } from '@idealyst/components';
+        "with-icons": `import { Tooltip, Icon, Text, View } from '@idealyst/components';
 
 <View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
   <Text>Need help?</Text>
@@ -69,8 +67,7 @@ import { Tooltip, Button } from '@idealyst/components';
     <Icon name="help-circle" size="md" color="primary" />
   </Tooltip>
 </View>`,
-
-    interactive: `import { Tooltip, Button, View, Text } from '@idealyst/components';
+        interactive: `import { Tooltip, Button, View, Text } from '@idealyst/components';
 
 function ActionButtons() {
   return (
@@ -101,5 +98,6 @@ function ActionButtons() {
     </View>
   );
 }`,
-  },
+    },
 };
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/data/components/Tooltip.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,gEAAgE;IACzE,KAAK,EAAE;;;;;;;CAOZ;IACC,QAAQ,EAAE;QACR,0BAA0B;QAC1B,wBAAwB;QACxB,oBAAoB;QACpB,oBAAoB;QACpB,aAAa;QACb,0BAA0B;QAC1B,8BAA8B;KAC/B;IACD,aAAa,EAAE;QACb,8BAA8B;QAC9B,wCAAwC;QACxC,6CAA6C;QAC7C,yCAAyC;QACzC,sDAAsD;QACtD,qCAAqC;KACtC;IACD,KAAK,EAAE;;;;;;CAMR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;WAIA;QAEP,QAAQ,EAAE;;;;;;;;;;;;;;;QAeN;QAEJ,YAAY,EAAE;;;;;;;;;;;QAWV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8Bf;KACC;CACF,CAAC"}

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

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

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

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

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

@@ -1,7 +1,7 @@
 export const Video = {
-  category: "media",
-  description: "Video player component with playback controls and event handlers",
-      props: `
+    category: "media",
+    description: "Video player component with playback controls and event handlers",
+    props: `
 - \`source\`: VideoSource | string - The video source URL or source object with uri and type
 - \`poster\`: string - URL of the poster image to display before playback
 - \`width\`: number | string - The width of the video player
@@ -21,27 +21,27 @@ export const Video = {
 - \`onProgress\`: function - Called periodically during playback with progress information
 - \`borderRadius\`: number - The border radius of the video player
 `,
-  features: [
-    "Remote and local video sources",
-    "Poster image support",
-    "Playback controls",
-    "Auto-play and loop",
-    "Multiple event callbacks",
-    "Progress tracking",
-    "Aspect ratio control",
-    "Border radius support",
-  ],
-  bestPractices: [
-    "Always provide a poster image",
-    "Use appropriate video formats for cross-platform",
-    "Enable controls for user control",
-    "Avoid autoPlay with audio (UX best practice)",
-    "Use playsInline for better mobile experience",
-    "Provide onError fallback",
-    "Set explicit dimensions or aspect ratio",
-    "Use preload: 'metadata' for better performance",
-  ],
-  usage: `
+    features: [
+        "Remote and local video sources",
+        "Poster image support",
+        "Playback controls",
+        "Auto-play and loop",
+        "Multiple event callbacks",
+        "Progress tracking",
+        "Aspect ratio control",
+        "Border radius support",
+    ],
+    bestPractices: [
+        "Always provide a poster image",
+        "Use appropriate video formats for cross-platform",
+        "Enable controls for user control",
+        "Avoid autoPlay with audio (UX best practice)",
+        "Use playsInline for better mobile experience",
+        "Provide onError fallback",
+        "Set explicit dimensions or aspect ratio",
+        "Use preload: 'metadata' for better performance",
+    ],
+    usage: `
 import { Video } from '@idealyst/components';
 
 <Video
@@ -55,8 +55,8 @@ import { Video } from '@idealyst/components';
   onError={(error) => console.error('Video error:', error)}
 />
 `,
-  examples: {
-    basic: `import { Video } from '@idealyst/components';
+    examples: {
+        basic: `import { Video } from '@idealyst/components';
 
 <Video
   source="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
@@ -64,8 +64,7 @@ import { Video } from '@idealyst/components';
   height={360}
   controls
 />`,
-
-    variants: `import { Video, View } from '@idealyst/components';
+        variants: `import { Video, View } from '@idealyst/components';
 
 <View spacing="md">
   {/* With controls */}
@@ -87,8 +86,7 @@ import { Video } from '@idealyst/components';
     controls={false}
   />
 </View>`,
-
-    "with-icons": `import { Video, Card, View, Text } from '@idealyst/components';
+        "with-icons": `import { Video, Card, View, Text } from '@idealyst/components';
 
 <Card type="elevated" padding="none">
   <Video
@@ -104,8 +102,7 @@ import { Video } from '@idealyst/components';
     <Text size="sm">Video description and details</Text>
   </View>
 </Card>`,
-
-    interactive: `import { Video, View, Text, Button } from '@idealyst/components';
+        interactive: `import { Video, View, Text, Button } from '@idealyst/components';
 import { useState, useRef } from 'react';
 
 function Example() {
@@ -164,5 +161,6 @@ function Example() {
     </View>
   );
 }`,
-  },
+    },
 };
+//# sourceMappingURL=Video.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../src/data/components/Video.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,QAAQ,EAAE,OAAO;IACjB,WAAW,EAAE,kEAAkE;IAC3E,KAAK,EAAE;;;;;;;;;;;;;;;;;;;CAmBZ;IACC,QAAQ,EAAE;QACR,gCAAgC;QAChC,sBAAsB;QACtB,mBAAmB;QACnB,oBAAoB;QACpB,0BAA0B;QAC1B,mBAAmB;QACnB,sBAAsB;QACtB,uBAAuB;KACxB;IACD,aAAa,EAAE;QACb,+BAA+B;QAC/B,kDAAkD;QAClD,kCAAkC;QAClC,8CAA8C;QAC9C,8CAA8C;QAC9C,0BAA0B;QAC1B,yCAAyC;QACzC,gDAAgD;KACjD;IACD,KAAK,EAAE;;;;;;;;;;;;;CAaR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;GAOR;QAEC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;QAqBN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;QAeV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0Df;KACC;CACF,CAAC"}

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

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

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

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