@idealyst/mcp-server 1.0.84

package/dist/data/components/Tabs.js

@@ -0,0 +1,150 @@
+export const Tabs = {
+    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
+- \`disabled\`: boolean - Whether tab is disabled
+- \`children\`: ReactNode - Tab panel content
+
+Tabs Props:
+- \`value\`: string - Currently active tab value
+- \`defaultValue\`: string - Default tab (uncontrolled)
+- \`onChange\`: (value: string) => void - Tab change handler
+- \`variant\`: 'default' | 'pills' | 'underline' - Visual style
+- \`size\`: 'small' | 'medium' | 'large' - Tab size
+- \`intent\`: 'primary' | 'neutral' | 'success' | 'error' | 'warning' - Color scheme
+- \`style\`: ViewStyle - Additional styles
+- \`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: `
+import { Tabs, Tab, Text } from '@idealyst/components';
+
+<Tabs defaultValue="tab1" variant="underline">
+  <Tab value="tab1" label="Overview">
+    <Text>Overview content</Text>
+  </Tab>
+  <Tab value="tab2" label="Details">
+    <Text>Details content</Text>
+  </Tab>
+  <Tab value="tab3" label="Settings">
+    <Text>Settings content</Text>
+  </Tab>
+</Tabs>
+`,
+    examples: {
+        basic: `import { Tabs, Tab, Text } from '@idealyst/components';
+
+<Tabs defaultValue="1">
+  <Tab value="1" label="First">
+    <Text>First tab content</Text>
+  </Tab>
+  <Tab value="2" label="Second">
+    <Text>Second tab content</Text>
+  </Tab>
+</Tabs>`,
+        variants: `import { Tabs, Tab, View, Text } from '@idealyst/components';
+
+<View spacing="lg">
+  <Tabs defaultValue="a" variant="default">
+    <Tab value="a" label="Default"><Text>Content A</Text></Tab>
+    <Tab value="b" label="Style"><Text>Content B</Text></Tab>
+  </Tabs>
+
+  <Tabs defaultValue="a" variant="pills">
+    <Tab value="a" label="Pills"><Text>Content A</Text></Tab>
+    <Tab value="b" label="Style"><Text>Content B</Text></Tab>
+  </Tabs>
+
+  <Tabs defaultValue="a" variant="underline">
+    <Tab value="a" label="Underline"><Text>Content A</Text></Tab>
+    <Tab value="b" label="Style"><Text>Content B</Text></Tab>
+  </Tabs>
+</View>`,
+        "with-icons": `import { Tabs, Tab, View, Text, Card } from '@idealyst/components';
+
+<Tabs defaultValue="profile" variant="pills" intent="primary">
+  <Tab value="profile" label="Profile">
+    <Card padding="medium">
+      <View spacing="md">
+        <Text weight="bold">Profile Settings</Text>
+        <Text>Update your profile information</Text>
+      </View>
+    </Card>
+  </Tab>
+  <Tab value="security" label="Security">
+    <Card padding="medium">
+      <View spacing="md">
+        <Text weight="bold">Security Settings</Text>
+        <Text>Manage your security preferences</Text>
+      </View>
+    </Card>
+  </Tab>
+</Tabs>`,
+        interactive: `import { Tabs, Tab, View, Text, Input, Button } from '@idealyst/components';
+import { useState } from 'react';
+
+function Example() {
+  const [activeTab, setActiveTab] = useState('account');
+  const [name, setName] = useState('');
+  const [email, setEmail] = useState('');
+
+  return (
+    <Tabs value={activeTab} onChange={setActiveTab} variant="underline">
+      <Tab value="account" label="Account">
+        <View spacing="md" style={{ padding: 16 }}>
+          <Text weight="bold">Account Information</Text>
+          <Input
+            label="Name"
+            value={name}
+            onChangeText={setName}
+            placeholder="Enter your name"
+          />
+          <Input
+            label="Email"
+            value={email}
+            onChangeText={setEmail}
+            placeholder="Enter your email"
+          />
+          <Button intent="primary">Save Changes</Button>
+        </View>
+      </Tab>
+
+      <Tab value="privacy" label="Privacy">
+        <View spacing="md" style={{ padding: 16 }}>
+          <Text weight="bold">Privacy Settings</Text>
+          <Text>Manage your privacy preferences here</Text>
+        </View>
+      </Tab>
+
+      <Tab value="notifications" label="Notifications">
+        <View spacing="md" style={{ padding: 16 }}>
+          <Text weight="bold">Notification Preferences</Text>
+          <Text>Configure how you receive notifications</Text>
+        </View>
+      </Tab>
+    </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;;;;;;;;;;;;;CAsFhB,CAAC"}

package/dist/data/components/Text.js

@@ -0,0 +1,85 @@
+export const Text = {
+    category: "typography",
+    description: "Styled text component with size, weight, and color variants",
+    props: `
+- \`children\`: ReactNode - The text content to display
+- \`size\`: 'small' | 'medium' | 'large' | 'xlarge' - Text size variant
+- \`weight\`: 'light' | 'normal' | 'medium' | 'semibold' | 'bold' - Font weight
+- \`color\`: DisplayColorVariant - Text color from theme
+- \`align\`: 'left' | 'center' | 'right' - Text alignment
+- \`style\`: any - Additional custom styles
+- \`testID\`: string - Test identifier
+`,
+    features: [
+        "Four size variants",
+        "Five weight options",
+        "Theme color variants",
+        "Three alignment options",
+        "Cross-platform support",
+        "Inherits parent text styles",
+    ],
+    bestPractices: [
+        "Use semantic sizes (xlarge for headings, small 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="xlarge" weight="bold" color="primary">
+  Heading Text
+</Text>
+
+<Text size="medium" color="secondary">
+  Body text with normal weight
+</Text>
+`,
+    examples: {
+        basic: `import { Text } from '@idealyst/components';
+
+<Text>Simple text content</Text>`,
+        variants: `import { Text, View } from '@idealyst/components';
+
+<View spacing="md">
+  <Text size="small">Small text</Text>
+  <Text size="medium">Medium text</Text>
+  <Text size="large">Large text</Text>
+  <Text size="xlarge">Extra large text</Text>
+</View>`,
+        "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" />
+  <Text color="success" weight="medium">
+    Verified Account
+  </Text>
+</View>`,
+        interactive: `import { Text, View, Button } from '@idealyst/components';
+import { useState } from 'react';
+
+function Example() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <View spacing="md">
+      <Text size="xlarge" weight="bold" align="center">
+        Counter: {count}
+      </Text>
+
+      <View style={{ flexDirection: 'row', gap: 8, justifyContent: 'center' }}>
+        <Button onPress={() => setCount(count - 1)}>-</Button>
+        <Button onPress={() => setCount(count + 1)}>+</Button>
+      </View>
+
+      <Text size="small" color="secondary" align="center">
+        Click buttons to change the count
+      </Text>
+    </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;IAC1E,KAAK,EAAE;;;;;;;;CAQR;IACC,QAAQ,EAAE;QACR,oBAAoB;QACpB,qBAAqB;QACrB,sBAAsB;QACtB,yBAAyB;QACzB,wBAAwB;QACxB,6BAA6B;KAC9B;IACD,aAAa,EAAE;QACb,8DAA8D;QAC9D,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;;;;;;;;;;;;;CA4JpB,CAAC"}

package/dist/data/components/TextArea.js

@@ -0,0 +1,155 @@
+export const TextArea = {
+    category: "form",
+    description: "Multi-line text input field for longer text content",
+    props: `
+- \`value\`: string - Current text value
+- \`defaultValue\`: string - Default value (uncontrolled)
+- \`onChange\`: (value: string) => void - Text change handler
+- \`placeholder\`: string - Placeholder text
+- \`disabled\`: boolean - Whether textarea is disabled
+- \`rows\`: number - Initial number of rows
+- \`minHeight\`: number - Minimum height in pixels
+- \`maxHeight\`: number - Maximum height in pixels
+- \`autoGrow\`: boolean - Automatically grow to fit content
+- \`maxLength\`: number - Maximum character length
+- \`label\`: string - Label text above textarea
+- \`error\`: string - Error message to display
+- \`helperText\`: string - Helper text below textarea
+- \`resize\`: 'none' | 'vertical' | 'horizontal' | 'both' - Resize behavior (web)
+- \`showCharacterCount\`: boolean - Show character count
+- \`intent\`: 'primary' | 'neutral' | 'success' | 'error' | 'warning' - Color scheme
+- \`size\`: 'small' | 'medium' | 'large' - TextArea size
+- \`style\`: ViewStyle - Additional styles
+- \`textareaStyle\`: TextStyle - Textarea-specific styles
+- \`testID\`: string - Test identifier
+`,
+    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';
+
+function Example() {
+  const [text, setText] = useState('');
+
+  return (
+    <TextArea
+      label="Description"
+      value={text}
+      onChange={setText}
+      placeholder="Enter a detailed description"
+      rows={4}
+      maxLength={500}
+      showCharacterCount
+      helperText="Provide as much detail as possible"
+    />
+  );
+}
+`,
+    examples: {
+        basic: `import { TextArea } from '@idealyst/components';
+
+<TextArea
+  label="Message"
+  placeholder="Enter your message"
+  rows={4}
+/>`,
+        variants: `import { TextArea, View } from '@idealyst/components';
+
+<View spacing="md">
+  <TextArea label="Small" size="small" rows={3} />
+  <TextArea label="Medium" size="medium" rows={4} />
+  <TextArea label="Large" size="large" rows={5} />
+</View>`,
+        "with-icons": `import { TextArea, View, Text } from '@idealyst/components';
+import { useState } from 'react';
+
+function Example() {
+  const [feedback, setFeedback] = useState('');
+  const maxLength = 200;
+
+  return (
+    <View spacing="sm">
+      <TextArea
+        label="Feedback"
+        value={feedback}
+        onChange={setFeedback}
+        placeholder="Share your thoughts..."
+        maxLength={maxLength}
+        showCharacterCount
+        autoGrow
+        minHeight={100}
+        maxHeight={300}
+      />
+      <Text size="small" color="secondary">
+        {feedback.length}/{maxLength} characters
+      </Text>
+    </View>
+  );
+}`,
+        interactive: `import { TextArea, View, Button, Text } from '@idealyst/components';
+import { useState } from 'react';
+
+function Example() {
+  const [message, setMessage] = useState('');
+  const [error, setError] = useState('');
+  const [submitted, setSubmitted] = useState(false);
+
+  const handleSubmit = () => {
+    if (message.trim().length < 10) {
+      setError('Message must be at least 10 characters');
+      return;
+    }
+    setError('');
+    setSubmitted(true);
+    // Submit logic here
+  };
+
+  if (submitted) {
+    return <Text color="success">Message submitted successfully!</Text>;
+  }
+
+  return (
+    <View spacing="md">
+      <TextArea
+        label="Your Message"
+        value={message}
+        onChange={(val) => {
+          setMessage(val);
+          setError('');
+        }}
+        placeholder="Type your message here..."
+        rows={5}
+        maxLength={500}
+        showCharacterCount
+        error={error}
+        helperText={error || 'Minimum 10 characters required'}
+        autoGrow
+      />
+      <Button intent="primary" onPress={handleSubmit}>
+        Submit
+      </Button>
+    </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;IAClE,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;CAqBR;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;;;;;;;;;;;;;CA0GnB,CAAC"}

package/dist/data/components/Tooltip.js

@@ -0,0 +1,105 @@
+export const Tooltip = {
+    category: "overlay",
+    description: "Contextual tooltip that displays information on hover or focus",
+    props: `
+- \`content\`: string | ReactNode - Tooltip content to display
+- \`children\`: ReactNode - Element that triggers the tooltip
+- \`placement\`: 'top' | 'bottom' | 'left' | 'right' - Tooltip placement
+- \`delay\`: number - Delay before showing tooltip (milliseconds)
+- \`intent\`: 'primary' | 'neutral' | 'success' | 'error' | 'warning' - Color scheme
+- \`size\`: 'small' | 'medium' | 'large' - Tooltip size
+- \`style\`: ViewStyle - Additional styles
+- \`testID\`: string - Test identifier
+`,
+    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';
+
+<Tooltip content="This is a tooltip">
+  <Button>Hover me</Button>
+</Tooltip>`,
+        variants: `import { Tooltip, Button, View } from '@idealyst/components';
+
+<View spacing="md">
+  <Tooltip content="Top placement" placement="top">
+    <Button>Top</Button>
+  </Tooltip>
+  <Tooltip content="Bottom placement" placement="bottom">
+    <Button>Bottom</Button>
+  </Tooltip>
+  <Tooltip content="Left placement" placement="left">
+    <Button>Left</Button>
+  </Tooltip>
+  <Tooltip content="Right placement" placement="right">
+    <Button>Right</Button>
+  </Tooltip>
+</View>`,
+        "with-icons": `import { Tooltip, Icon, Text, View } from '@idealyst/components';
+
+<View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
+  <Text>Need help?</Text>
+  <Tooltip
+    content="Click here for assistance"
+    placement="right"
+    intent="primary"
+  >
+    <Icon name="help-circle" size="md" color="primary" />
+  </Tooltip>
+</View>`,
+        interactive: `import { Tooltip, Button, View, Text } from '@idealyst/components';
+
+function ActionButtons() {
+  return (
+    <View spacing="sm">
+      <View style={{ flexDirection: 'row', gap: 8 }}>
+        <Tooltip content="Save your work" placement="top" delay={500}>
+          <Button icon="content-save" variant="contained" intent="primary">
+            Save
+          </Button>
+        </Tooltip>
+
+        <Tooltip content="Undo last action" placement="top" delay={500}>
+          <Button icon="undo" variant="outlined">
+            Undo
+          </Button>
+        </Tooltip>
+
+        <Tooltip content="Delete selected items" placement="top" intent="error" delay={500}>
+          <Button icon="delete" variant="outlined" intent="error">
+            Delete
+          </Button>
+        </Tooltip>
+      </View>
+
+      <Text size="small" color="secondary">
+        Hover over buttons to see tooltips
+      </Text>
+    </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;IAC7E,KAAK,EAAE;;;;;;;;;CASR;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;;;;;;;;;;;;;CAyKjB,CAAC"}