@idealyst/mcp-server 1.2.24 → 1.2.26

package/dist/data/components/Table.js

@@ -1,159 +0,0 @@
-export const Table = {
-    category: "data",
-    description: "Data table component with spacing variants for displaying structured tabular data",
-    props: `
-- \`columns\`: TableColumn<T>[] - Column definitions
-  - \`key\`: string - Unique column key
-  - \`title\`: string - Column header title
-  - \`dataIndex\`: string - Key in data object (optional)
-  - \`render\`: (value, row, index) => ReactNode - Custom cell renderer
-  - \`width\`: number | string - Column width
-  - \`align\`: 'left' | 'center' | 'right' - Text alignment
-- \`data\`: T[] - Array of data objects
-- \`variant\`: 'default' | 'bordered' | 'striped' - Visual style
-- \`size\`: 'sm' | 'md' | 'lg' - Cell padding/size
-- \`gap\`: Size - Space between table elements ('xs' | 'sm' | 'md' | 'lg' | 'xl')
-- \`padding\`: Size - Padding on all sides
-- \`paddingVertical\`: Size - Top and bottom padding
-- \`paddingHorizontal\`: Size - Left and right padding
-- \`margin\`: Size - Margin on all sides
-- \`marginVertical\`: Size - Top and bottom margin
-- \`marginHorizontal\`: Size - Left and right margin
-- \`stickyHeader\`: boolean - Keep header fixed on scroll
-- \`onRowPress\`: (row: T, index: number) => void - Row click handler
-- \`style\`: ViewStyle - Additional styles
-- \`testID\`: string - Test identifier
-`,
-    features: [
-        "Column-based configuration",
-        "Custom cell renderers",
-        "Three visual variants",
-        "Three sizes",
-        "Gap, padding, and margin variants",
-        "Sticky header support",
-        "Row click handling",
-        "Column alignment",
-        "Custom column widths",
-    ],
-    bestPractices: [
-        "Use render function for complex cell content",
-        "Enable stickyHeader for long tables",
-        "Use 'striped' variant for better readability",
-        "Set column widths for important columns",
-        "Keep column count reasonable for mobile",
-        "Use appropriate size for data density",
-    ],
-    usage: `
-import { Table } from '@idealyst/components';
-
-const columns = [
-  { key: 'name', title: 'Name', dataIndex: 'name' },
-  { key: 'email', title: 'Email', dataIndex: 'email' },
-  {
-    key: 'status',
-    title: 'Status',
-    render: (_, row) => <Badge>{row.status}</Badge>,
-  },
-];
-
-const data = [
-  { id: 1, name: 'John Doe', email: 'john@example.com', status: 'Active' },
-  { id: 2, name: 'Jane Smith', email: 'jane@example.com', status: 'Inactive' },
-];
-
-<Table columns={columns} data={data} variant="striped" />
-`,
-    examples: {
-        basic: `import { Table } from '@idealyst/components';
-
-const columns = [
-  { key: 'id', title: 'ID', dataIndex: 'id' },
-  { key: 'name', title: 'Name', dataIndex: 'name' },
-];
-
-const data = [
-  { id: 1, name: 'Item 1' },
-  { id: 2, name: 'Item 2' },
-];
-
-<Table columns={columns} data={data} />`,
-        variants: `import { Table, View } from '@idealyst/components';
-
-const columns = [{ key: 'name', title: 'Name', dataIndex: 'name' }];
-const data = [{ name: 'Test' }];
-
-<View spacing="md">
-  <Table columns={columns} data={data} variant="default" />
-  <Table columns={columns} data={data} variant="bordered" />
-  <Table columns={columns} data={data} variant="striped" />
-</View>`,
-        "with-icons": `import { Table, Badge, Icon, View, Text } from '@idealyst/components';
-
-const columns = [
-  {
-    key: 'user',
-    title: 'User',
-    render: (_, row) => (
-      <View style={{ flexDirection: 'row', gap: 8, alignItems: 'center' }}>
-        <Icon name="account-circle" size="sm" />
-        <Text>{row.name}</Text>
-      </View>
-    ),
-  },
-  {
-    key: 'status',
-    title: 'Status',
-    render: (_, row) => (
-      <Badge color={row.active ? 'green' : 'gray'}>
-        {row.active ? 'Active' : 'Inactive'}
-      </Badge>
-    ),
-  },
-];
-
-<Table columns={columns} data={users} />`,
-        interactive: `import { Table, Button, View, Text } from '@idealyst/components';
-import { useState } from 'react';
-
-function Example() {
-  const [selected, setSelected] = useState(null);
-
-  const columns = [
-    { key: 'id', title: 'ID', dataIndex: 'id', width: 60 },
-    { key: 'product', title: 'Product', dataIndex: 'name' },
-    { key: 'price', title: 'Price', dataIndex: 'price', align: 'right' },
-    {
-      key: 'actions',
-      title: 'Actions',
-      render: (_, row) => (
-        <Button
-          size="sm"
-          variant="outlined"
-          onPress={() => setSelected(row)}
-        >
-          View
-        </Button>
-      ),
-    },
-  ];
-
-  const data = [
-    { id: 1, name: 'Product A', price: '$29.99' },
-    { id: 2, name: 'Product B', price: '$49.99' },
-  ];
-
-  return (
-    <View spacing="md">
-      <Table
-        columns={columns}
-        data={data}
-        variant="bordered"
-        onRowPress={(row) => setSelected(row)}
-      />
-      {selected && <Text>Selected: {selected.name}</Text>}
-    </View>
-  );
-}`,
-    },
-};
-//# sourceMappingURL=Table.js.map

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

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

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

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

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

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

package/dist/data/components/Tabs.js

@@ -1,150 +0,0 @@
-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\`: 'sm' | 'md' | 'lg' - 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="md">
-      <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="md">
-      <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

@@ -1 +0,0 @@
-{"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

@@ -1,15 +0,0 @@
-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

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

package/dist/data/components/Text.js

@@ -1,97 +0,0 @@
-export const Text = {
-    category: "typography",
-    description: "Styled text component with typography variants, weight, color, and spacing options",
-    props: `
-- \`children\`: React.ReactNode - The text content to display
-- \`typography\`: Typography - The typography variant (h1, h2, h3, h4, h5, h6, body1, body2, caption). Sets fontSize, lineHeight, and fontWeight automatically.
-- \`weight\`: TextWeightVariant - Override the weight ('light' | 'normal' | 'medium' | 'semibold' | 'bold')
-- \`color\`: TextColorVariant - The color of the text (theme text colors)
-- \`align\`: TextAlignVariant - Text alignment ('left' | 'center' | 'right')
-- \`gap\`: Size - Space between nested elements ('xs' | 'sm' | 'md' | 'lg' | 'xl')
-- \`padding\`: Size - Padding on all sides
-- \`paddingVertical\`: Size - Top and bottom padding
-- \`paddingHorizontal\`: Size - Left and right padding
-`,
-    features: [
-        "Semantic typography variants (headings h1-h6, body1, body2, caption)",
-        "Typography automatically sets fontSize, lineHeight, fontWeight",
-        "Weight can be overridden independently",
-        "Theme color variants",
-        "Three alignment options",
-        "Gap variant for nested elements",
-        "Padding variants (uniform and directional)",
-        "Cross-platform support",
-        "Inherits parent text styles",
-    ],
-    bestPractices: [
-        "Use semantic typography variants (h1-h6 for headings, body1/body2 for content, caption for small text)",
-        "Override weight only when needed - typography variants include sensible defaults",
-        "Prefer theme colors over custom colors",
-        "Use 'left' alignment for body text",
-        "Use 'center' for short, important text",
-        "Use padding prop for text blocks that need internal spacing",
-        "Nest Text components for mixed styles",
-    ],
-    usage: `
-import { Text } from '@idealyst/components';
-
-<Text typography="h1" color="primary">
-  Main Heading
-</Text>
-
-<Text typography="body1" color="secondary">
-  Body text with normal weight
-</Text>
-
-<Text typography="caption" color="tertiary">
-  Small caption text
-</Text>
-`,
-    examples: {
-        basic: `import { Text } from '@idealyst/components';
-
-<Text>Simple text content</Text>`,
-        variants: `import { Text, View } from '@idealyst/components';
-
-<View spacing="md">
-  <Text typography="h1">Heading 1</Text>
-  <Text typography="h2">Heading 2</Text>
-  <Text typography="h3">Heading 3</Text>
-  <Text typography="body1">Body text (default)</Text>
-  <Text typography="body2">Smaller body text</Text>
-  <Text typography="caption">Caption text</Text>
-</View>`,
-        "with-icons": `import { Text, View, Icon } from '@idealyst/components';
-
-<View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
-  <Icon name="check-circle" 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 typography="h2" 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 typography="body2" color="secondary" align="center">
-        Click buttons to change the count
-      </Text>
-    </View>
-  );
-}`,
-    },
-};
-//# sourceMappingURL=Text.js.map

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

@@ -1 +0,0 @@
-{"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,oFAAoF;IAC7F,KAAK,EAAE;;;;;;;;;;CAUZ;IACC,QAAQ,EAAE;QACR,sEAAsE;QACtE,gEAAgE;QAChE,wCAAwC;QACxC,sBAAsB;QACtB,yBAAyB;QACzB,iCAAiC;QACjC,4CAA4C;QAC5C,wBAAwB;QACxB,6BAA6B;KAC9B;IACD,aAAa,EAAE;QACb,wGAAwG;QACxG,kFAAkF;QAClF,wCAAwC;QACxC,oCAAoC;QACpC,wCAAwC;QACxC,6DAA6D;QAC7D,uCAAuC;KACxC;IACD,KAAK,EAAE;;;;;;;;;;;;;;CAcR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;iCAEsB;QAE7B,QAAQ,EAAE;;;;;;;;;QASN;QAEJ,YAAY,EAAE;;;;;;;QAOV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;EAsBf;KACC;CACF,CAAC"}

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

@@ -1,15 +0,0 @@
-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

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

package/dist/data/components/TextArea.js

@@ -1,156 +0,0 @@
-export const TextArea = {
-    category: "form",
-    description: "Multi-line text input field with margin variants 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
-- \`placeholder\`: string - Placeholder text shown when empty
-- \`disabled\`: boolean - Whether the textarea is disabled
-- \`rows\`: number - Initial number of visible text rows
-- \`minHeight\`: number - Minimum height in pixels
-- \`maxHeight\`: number - Maximum height in pixels
-- \`autoGrow\`: boolean - Whether to automatically grow height to fit content
-- \`maxLength\`: number - Maximum number of characters allowed
-- \`label\`: string - Label text displayed above the textarea
-- \`error\`: string - Error message to display
-- \`helperText\`: string - Helper text displayed below the textarea
-- \`resize\`: TextAreaResizeVariant - How the textarea can be resized (none, vertical, horizontal, both)
-- \`showCharacterCount\`: boolean - Whether to show the character count
-- \`intent\`: TextAreaIntentVariant - The intent/color scheme (for validation states)
-- \`size\`: TextAreaSizeVariant - The size variant of the textarea
-- \`margin\`: Size - Margin on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
-- \`marginVertical\`: Size - Top and bottom margin
-- \`marginHorizontal\`: Size - Left and right margin
-- \`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: `
-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="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';
-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="sm" 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

@@ -1 +0,0 @@
-{"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,0EAA0E;IACnF,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;CAsBZ;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

@@ -1,15 +0,0 @@
-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

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