@idealyst/mcp-server 1.0.84

package/dist/data/components/Slider.js

@@ -0,0 +1,129 @@
+export const Slider = {
+    category: "form",
+    description: "Input slider for selecting numeric values from a range",
+    props: `
+- \`value\`: number - Current slider value
+- \`defaultValue\`: number - Default value (uncontrolled)
+- \`min\`: number - Minimum value (default: 0)
+- \`max\`: number - Maximum value (default: 100)
+- \`step\`: number - Step increment (default: 1)
+- \`disabled\`: boolean - Whether slider is disabled
+- \`showValue\`: boolean - Show current value label
+- \`showMinMax\`: boolean - Show min/max labels
+- \`marks\`: SliderMark[] - Custom marks on slider
+  - \`value\`: number - Mark position
+  - \`label\`: string - Mark label (optional)
+- \`intent\`: 'primary' | 'success' | 'error' | 'warning' | 'neutral' - Color scheme
+- \`size\`: 'small' | 'medium' | 'large' - Slider size
+- \`onValueChange\`: (value: number) => void - Called during drag
+- \`onValueCommit\`: (value: number) => void - Called when drag ends
+- \`style\`: ViewStyle - Additional styles
+- \`testID\`: string - Test identifier
+`,
+    features: [
+        "Controlled and uncontrolled modes",
+        "Min/max value constraints",
+        "Step increment",
+        "Custom marks",
+        "Value display",
+        "Min/max labels",
+        "Three sizes",
+        "Five intent colors",
+        "Change and commit callbacks",
+    ],
+    bestPractices: [
+        "Use for continuous numeric values",
+        "Show current value for user feedback",
+        "Use marks for important values",
+        "Set appropriate step size for precision",
+        "Use onValueCommit for expensive operations",
+        "Provide min/max labels for context",
+    ],
+    usage: `
+import { Slider } from '@idealyst/components';
+import { useState } from 'react';
+
+function Example() {
+  const [value, setValue] = useState(50);
+
+  return (
+    <Slider
+      value={value}
+      onValueChange={setValue}
+      min={0}
+      max={100}
+      step={5}
+      showValue
+      showMinMax
+    />
+  );
+}
+`,
+    examples: {
+        basic: `import { Slider } from '@idealyst/components';
+
+<Slider min={0} max={100} defaultValue={50} />`,
+        variants: `import { Slider, View } from '@idealyst/components';
+
+<View spacing="md">
+  <Slider size="small" value={25} />
+  <Slider size="medium" value={50} />
+  <Slider size="large" value={75} />
+</View>`,
+        "with-icons": `import { Slider, View, Text, Icon } from '@idealyst/components';
+import { useState } from 'react';
+
+function VolumeControl() {
+  const [volume, setVolume] = useState(50);
+
+  return (
+    <View spacing="sm">
+      <View style={{ flexDirection: 'row', alignItems: 'center', gap: 12 }}>
+        <Icon name="volume-low" size="md" />
+        <Slider
+          value={volume}
+          onValueChange={setVolume}
+          min={0}
+          max={100}
+          style={{ flex: 1 }}
+        />
+        <Icon name="volume-high" size="md" />
+      </View>
+      <Text align="center">{volume}%</Text>
+    </View>
+  );
+}`,
+        interactive: `import { Slider, View, Text, Button } from '@idealyst/components';
+import { useState } from 'react';
+
+function Example() {
+  const [price, setPrice] = useState(50);
+
+  const marks = [
+    { value: 0, label: '$0' },
+    { value: 50, label: '$50' },
+    { value: 100, label: '$100' },
+  ];
+
+  return (
+    <View spacing="md">
+      <Text weight="bold">Price Range: \${price}</Text>
+      <Slider
+        value={price}
+        onValueChange={setPrice}
+        min={0}
+        max={100}
+        step={5}
+        marks={marks}
+        showValue
+        intent="primary"
+      />
+      <Button onPress={() => console.log('Filter:', price)}>
+        Apply Filter
+      </Button>
+    </View>
+  );
+}`,
+    },
+};
+//# sourceMappingURL=Slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/data/components/Slider.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,wDAAwD;IACrE,KAAK,EAAE;;;;;;;;;;;;;;;;;;CAkBR;IACC,QAAQ,EAAE;QACR,mCAAmC;QACnC,2BAA2B;QAC3B,gBAAgB;QAChB,cAAc;QACd,eAAe;QACf,gBAAgB;QAChB,aAAa;QACb,oBAAoB;QACpB,6BAA6B;KAC9B;IACD,aAAa,EAAE;QACb,mCAAmC;QACnC,sCAAsC;QACtC,gCAAgC;QAChC,yCAAyC;QACzC,4CAA4C;QAC5C,oCAAoC;KACrC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;CAmBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;+CAEoC;QAE3C,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;EAsBhB;QAEE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8Bf;KACC;CACF,CAAC"}

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

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

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

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

package/dist/data/components/Switch.js

@@ -0,0 +1,127 @@
+export const Switch = {
+    category: "form",
+    description: "Toggle switch for binary on/off states",
+    props: `
+- \`checked\`: boolean - Whether the switch is checked/on
+- \`onCheckedChange\`: (checked: boolean) => void - Called when switch toggles
+- \`disabled\`: boolean - Whether the switch is disabled
+- \`label\`: string - Label text next to switch
+- \`labelPosition\`: 'left' | 'right' - Position of label relative to switch
+- \`intent\`: 'primary' | 'neutral' | 'success' | 'error' | 'warning' - Color scheme
+- \`size\`: 'small' | 'medium' | 'large' - Switch size
+- \`enabledIcon\`: IconName | ReactNode - Icon shown when enabled
+- \`disabledIcon\`: IconName | ReactNode - Icon shown when disabled
+- \`style\`: ViewStyle - Additional styles
+- \`testID\`: string - Test identifier
+`,
+    features: [
+        "Binary on/off toggle",
+        "Label with configurable position",
+        "Three sizes",
+        "Five intent colors",
+        "Custom icons for states",
+        "Disabled state",
+        "Animated transition",
+    ],
+    bestPractices: [
+        "Use for binary settings (on/off, enabled/disabled)",
+        "Provide clear labels",
+        "Use intent colors to indicate state meaning",
+        "Place label on left for form layouts",
+        "Use icons sparingly for clarity",
+        "Immediate effect - no submit button needed",
+    ],
+    usage: `
+import { Switch } from '@idealyst/components';
+import { useState } from 'react';
+
+function Example() {
+  const [enabled, setEnabled] = useState(false);
+
+  return (
+    <Switch
+      checked={enabled}
+      onCheckedChange={setEnabled}
+      label="Enable notifications"
+      intent="primary"
+    />
+  );
+}
+`,
+    examples: {
+        basic: `import { Switch } from '@idealyst/components';
+
+<Switch label="Enable feature" />`,
+        variants: `import { Switch, View } from '@idealyst/components';
+
+<View spacing="md">
+  <Switch label="Small" size="small" checked />
+  <Switch label="Medium" size="medium" checked />
+  <Switch label="Large" size="large" checked />
+</View>`,
+        "with-icons": `import { Switch, View } from '@idealyst/components';
+import { useState } from 'react';
+
+function Example() {
+  const [darkMode, setDarkMode] = useState(false);
+
+  return (
+    <Switch
+      checked={darkMode}
+      onCheckedChange={setDarkMode}
+      label="Dark Mode"
+      enabledIcon="weather-night"
+      disabledIcon="white-balance-sunny"
+      intent="primary"
+    />
+  );
+}`,
+        interactive: `import { Switch, View, Text, Card } from '@idealyst/components';
+import { useState } from 'react';
+
+function SettingsPanel() {
+  const [settings, setSettings] = useState({
+    notifications: true,
+    location: false,
+    analytics: true,
+  });
+
+  const toggle = (key: string) => {
+    setSettings({ ...settings, [key]: !settings[key] });
+  };
+
+  return (
+    <Card variant="outlined" padding="medium">
+      <View spacing="md">
+        <Text weight="bold">Privacy Settings</Text>
+
+        <Switch
+          checked={settings.notifications}
+          onCheckedChange={() => toggle('notifications')}
+          label="Push Notifications"
+          labelPosition="left"
+          intent="primary"
+        />
+
+        <Switch
+          checked={settings.location}
+          onCheckedChange={() => toggle('location')}
+          label="Location Services"
+          labelPosition="left"
+          intent="warning"
+        />
+
+        <Switch
+          checked={settings.analytics}
+          onCheckedChange={() => toggle('analytics')}
+          label="Analytics & Data"
+          labelPosition="left"
+          intent="neutral"
+        />
+      </View>
+    </Card>
+  );
+}`,
+    },
+};
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/data/components/Switch.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,wCAAwC;IACrD,KAAK,EAAE;;;;;;;;;;;;CAYR;IACC,QAAQ,EAAE;QACR,sBAAsB;QACtB,kCAAkC;QAClC,aAAa;QACb,oBAAoB;QACpB,yBAAyB;QACzB,gBAAgB;QAChB,qBAAqB;KACtB;IACD,aAAa,EAAE;QACb,oDAAoD;QACpD,sBAAsB;QACtB,6CAA6C;QAC7C,sCAAsC;QACtC,iCAAiC;QACjC,4CAA4C;KAC7C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;CAgBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;kCAEuB;QAE9B,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;EAgBhB;QAEE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6Cf;KACC;CACF,CAAC"}

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

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

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

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

package/dist/data/components/TabBar.js

@@ -0,0 +1,145 @@
+export const TabBar = {
+    category: "navigation",
+    description: "Tab bar navigation component for switching between views or sections",
+    props: `
+- \`items\`: TabBarItem[] - Array of tab items
+  - \`value\`: string - Unique tab value
+  - \`label\`: string - Tab label text
+  - \`disabled\`: boolean - Whether tab is disabled
+- \`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
+`,
+    features: [
+        "Three visual variants",
+        "Controlled and uncontrolled modes",
+        "Three sizes",
+        "Five intent colors",
+        "Disabled tabs",
+        "Simple configuration",
+    ],
+    bestPractices: [
+        "Use 'underline' variant for page-level navigation",
+        "Use 'pills' variant for contained sections",
+        "Keep tab labels short (1-2 words)",
+        "Use 3-5 tabs for optimal UX",
+        "Disable tabs when content is unavailable",
+        "Preload tab content for smooth transitions",
+    ],
+    usage: `
+import { TabBar } from '@idealyst/components';
+import { useState } from 'react';
+
+function Example() {
+  const [activeTab, setActiveTab] = useState('home');
+
+  const items = [
+    { value: 'home', label: 'Home' },
+    { value: 'profile', label: 'Profile' },
+    { value: 'settings', label: 'Settings' },
+  ];
+
+  return (
+    <TabBar
+      items={items}
+      value={activeTab}
+      onChange={setActiveTab}
+      variant="underline"
+    />
+  );
+}
+`,
+    examples: {
+        basic: `import { TabBar } from '@idealyst/components';
+
+const items = [
+  { value: '1', label: 'Tab 1' },
+  { value: '2', label: 'Tab 2' },
+];
+
+<TabBar items={items} defaultValue="1" />`,
+        variants: `import { TabBar, View } from '@idealyst/components';
+
+const items = [
+  { value: 'a', label: 'First' },
+  { value: 'b', label: 'Second' },
+];
+
+<View spacing="md">
+  <TabBar items={items} variant="default" />
+  <TabBar items={items} variant="pills" />
+  <TabBar items={items} variant="underline" />
+</View>`,
+        "with-icons": `import { TabBar, View, Text } from '@idealyst/components';
+import { useState } from 'react';
+
+function Example() {
+  const [tab, setTab] = useState('overview');
+
+  const items = [
+    { value: 'overview', label: 'Overview' },
+    { value: 'analytics', label: 'Analytics' },
+    { value: 'reports', label: 'Reports' },
+  ];
+
+  return (
+    <View spacing="md">
+      <TabBar
+        items={items}
+        value={tab}
+        onChange={setTab}
+        variant="underline"
+        intent="primary"
+      />
+      <Text>{tab} content here</Text>
+    </View>
+  );
+}`,
+        interactive: `import { TabBar, View, Text, Card } from '@idealyst/components';
+import { useState } from 'react';
+
+function Example() {
+  const [activeTab, setActiveTab] = useState('personal');
+
+  const items = [
+    { value: 'personal', label: 'Personal Info' },
+    { value: 'security', label: 'Security' },
+    { value: 'notifications', label: 'Notifications' },
+    { value: 'billing', label: 'Billing', disabled: true },
+  ];
+
+  const renderContent = () => {
+    switch (activeTab) {
+      case 'personal':
+        return <Text>Personal information settings</Text>;
+      case 'security':
+        return <Text>Security and privacy settings</Text>;
+      case 'notifications':
+        return <Text>Notification preferences</Text>;
+      default:
+        return null;
+    }
+  };
+
+  return (
+    <View spacing="md">
+      <TabBar
+        items={items}
+        value={activeTab}
+        onChange={setActiveTab}
+        variant="pills"
+      />
+      <Card variant="outlined" padding="medium">
+        {renderContent()}
+      </Card>
+    </View>
+  );
+}`,
+    },
+};
+//# sourceMappingURL=TabBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabBar.js","sourceRoot":"","sources":["../../../src/data/components/TabBar.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,YAAY;IACtB,WAAW,EAAE,sEAAsE;IACnF,KAAK,EAAE;;;;;;;;;;;;;CAaR;IACC,QAAQ,EAAE;QACR,uBAAuB;QACvB,mCAAmC;QACnC,aAAa;QACb,oBAAoB;QACpB,eAAe;QACf,sBAAsB;KACvB;IACD,aAAa,EAAE;QACb,mDAAmD;QACnD,4CAA4C;QAC5C,mCAAmC;QACnC,6BAA6B;QAC7B,0CAA0C;QAC1C,4CAA4C;KAC7C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;CAsBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;0CAO+B;QAEtC,QAAQ,EAAE;;;;;;;;;;;QAWN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;EAwBhB;QAEE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCf;KACC;CACF,CAAC"}

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

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

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

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

package/dist/data/components/Table.js

@@ -0,0 +1,151 @@
+export const Table = {
+    category: "data",
+    description: "Data table component 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\`: 'small' | 'medium' | 'large' - Cell padding/size
+- \`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",
+        "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="small"
+          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

@@ -0,0 +1 @@
+{"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,6DAA6D;IAC1E,KAAK,EAAE;;;;;;;;;;;;;;;CAeR;IACC,QAAQ,EAAE;QACR,4BAA4B;QAC5B,uBAAuB;QACvB,uBAAuB;QACvB,aAAa;QACb,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

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

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