@idealyst/mcp-server 1.2.23 → 1.2.25

package/dist/data/components/Slider.js

@@ -1,151 +0,0 @@
-export const Slider = {
-    category: "form",
-    description: "Input slider with margin variants for selecting numeric values from a range",
-    props: `
-- \`value\`: number - The current value of the slider (controlled)
-- \`defaultValue\`: number - The default value for uncontrolled usage
-- \`min\`: number - The minimum value of the slider range
-- \`max\`: number - The maximum value of the slider range
-- \`step\`: number - The increment step when moving the slider
-- \`disabled\`: boolean - Whether the slider is disabled
-- \`showValue\`: boolean - Whether to display the current value
-- \`showMinMax\`: boolean - Whether to show min and max labels
-- \`marks\`: SliderMark[] - Array of marks to display on the slider track
-- \`intent\`: SliderIntentVariant - The intent/color scheme of the slider
-- \`size\`: SliderSizeVariant - The size variant of the slider
-- \`margin\`: Size - Margin on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
-- \`marginVertical\`: Size - Top and bottom margin
-- \`marginHorizontal\`: Size - Left and right margin
-- \`icon\`: IconName | React.ReactNode - Icon to display in the slider thumb
-- \`onValueChange\`: function - Called when the slider value changes during dragging
-- \`onValueCommit\`: function - Called when the user finishes changing the value (on release)
-`,
-    features: [
-        "Controlled and uncontrolled modes",
-        "Min/max value constraints",
-        "Step increment",
-        "Custom marks",
-        "Value display",
-        "Min/max labels",
-        "Three sizes",
-        "Five intent colors",
-        "Icon support in thumb",
-        "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="sm" value={25} />
-  <Slider size="md" value={50} />
-  <Slider size="lg" 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}
-          icon="volume-medium"
-          style={{ flex: 1 }}
-        />
-        <Icon name="volume-high" size="md" />
-      </View>
-      <Text align="center">{volume}%</Text>
-    </View>
-  );
-}
-
-// Brightness control with icon in thumb
-function BrightnessControl() {
-  const [brightness, setBrightness] = useState(75);
-
-  return (
-    <View spacing="sm">
-      <Text>Brightness: {brightness}%</Text>
-      <Slider
-        value={brightness}
-        onValueChange={setBrightness}
-        min={0}
-        max={100}
-        icon="brightness-6"
-        intent="warning"
-        showMinMax
-      />
-    </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

@@ -1 +0,0 @@
-{"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,6EAA6E;IACtF,KAAK,EAAE;;;;;;;;;;;;;;;;;;CAkBZ;IACC,QAAQ,EAAE;QACR,mCAAmC;QACnC,2BAA2B;QAC3B,gBAAgB;QAChB,cAAc;QACd,eAAe;QACf,gBAAgB;QAChB,aAAa;QACb,oBAAoB;QACpB,uBAAuB;QACvB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2ChB;QAEE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8Bf;KACC;CACF,CAAC"}

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

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

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

package/dist/data/components/Switch.js

@@ -1,128 +0,0 @@
-export const Switch = {
-    category: "form",
-    description: "Toggle switch with margin variants for binary on/off states",
-    props: `
-- \`checked\`: boolean - Whether the switch is in the on/checked state
-- \`onCheckedChange\`: function - Called when the switch state changes
-- \`disabled\`: boolean - Whether the switch is disabled
-- \`label\`: string - Label text to display next to the switch
-- \`labelPosition\`: 'left' | 'right' - Position of the label relative to the switch
-- \`intent\`: SwitchIntentVariant - The intent/color scheme of the switch
-- \`size\`: SwitchSizeVariant - The size variant of the switch
-- \`margin\`: Size - Margin on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
-- \`marginVertical\`: Size - Top and bottom margin
-- \`marginHorizontal\`: Size - Left and right margin
-- \`enabledIcon\`: IconName | React.ReactNode - Icon to display when switch is on
-- \`disabledIcon\`: IconName | React.ReactNode - Icon to display when switch is off
-`,
-    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="sm" checked />
-  <Switch label="Medium" size="md" checked />
-  <Switch label="Large" size="lg" 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 type="outlined" padding="md">
-      <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

@@ -1 +0,0 @@
-{"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,6DAA6D;IACtE,KAAK,EAAE;;;;;;;;;;;;;CAaZ;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

@@ -1,17 +0,0 @@
-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;
-        justify: string;
-        "bottom-nav": string;
-    };
-};
-//# sourceMappingURL=TabBar.d.ts.map

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

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

package/dist/data/components/TabBar.js

@@ -1,244 +0,0 @@
-export const TabBar = {
-    category: "navigation",
-    description: "Tab bar navigation component with icons, layout options, and spacing variants for switching between views or sections",
-    props: `
-- \`items\`: TabBarItem[] - Array of tab items to display
-  - \`value\`: string - Unique identifier for the tab
-  - \`label\`: string - Display text for the tab
-  - \`icon\`: ReactNode | ((props: { active: boolean; size: number }) => ReactNode) - Optional icon
-  - \`disabled\`: boolean - Whether the tab is disabled
-- \`value\`: string - The currently selected tab value (controlled)
-- \`defaultValue\`: string - The default selected tab for uncontrolled usage
-- \`onChange\`: function - Called when the selected tab changes
-- \`type\`: 'standard' | 'pills' | 'underline' - The visual style variant
-- \`size\`: 'xs' | 'sm' | 'md' | 'lg' | 'xl' - The size variant of the tabs
-- \`iconPosition\`: 'left' | 'top' - Position of icon relative to label (default: 'left')
-- \`justify\`: 'start' | 'center' | 'equal' | 'space-between' - Layout justification (default: 'start')
-- \`pillMode\`: 'light' | 'dark' - Mode for pills variant
-- \`gap\`: Size - Space between tabs
-- \`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
-`,
-    features: [
-        "Three visual variants (standard, pills, underline)",
-        "Icon support with render function for active state",
-        "Icon position: left (horizontal) or top (stacked)",
-        "Layout justification: start, center, equal, space-between",
-        "Controlled and uncontrolled modes",
-        "Five sizes (xs, sm, md, lg, xl)",
-        "Gap, padding, and margin variants",
-        "Disabled tabs",
-    ],
-    bestPractices: [
-        "Use 'underline' variant for page-level navigation",
-        "Use 'pills' variant for contained sections",
-        "Use justify='equal' with iconPosition='top' for bottom navigation style",
-        "Use icon render function to change color based on active state",
-        "Keep tab labels short (1-2 words)",
-        "Use 3-5 tabs for optimal UX",
-        "Disable tabs when content is unavailable",
-    ],
-    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}
-      type="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 gap="md">
-  <TabBar items={items} type="standard" />
-  <TabBar items={items} type="pills" />
-  <TabBar items={items} type="underline" />
-</View>`,
-        "with-icons": `import { TabBar, View, Icon } from '@idealyst/components';
-import { useState } from 'react';
-
-function Example() {
-  const [tab, setTab] = useState('home');
-
-  const items = [
-    {
-      value: 'home',
-      label: 'Home',
-      icon: ({ active, size }) => (
-        <Icon name="home" size={size} color={active ? 'primary' : 'secondary'} />
-      ),
-    },
-    {
-      value: 'search',
-      label: 'Search',
-      icon: ({ active, size }) => (
-        <Icon name="magnify" size={size} color={active ? 'primary' : 'secondary'} />
-      ),
-    },
-    {
-      value: 'profile',
-      label: 'Profile',
-      icon: ({ active, size }) => (
-        <Icon name="account" size={size} color={active ? 'primary' : 'secondary'} />
-      ),
-    },
-  ];
-
-  return (
-    <View gap="md">
-      {/* Icons on left (default) */}
-      <TabBar items={items} value={tab} onChange={setTab} iconPosition="left" />
-
-      {/* Icons on top (stacked) */}
-      <TabBar items={items} value={tab} onChange={setTab} iconPosition="top" />
-    </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 gap="md">
-      <TabBar
-        items={items}
-        value={activeTab}
-        onChange={setActiveTab}
-        type="pills"
-      />
-      <Card type="outlined" padding="md">
-        {renderContent()}
-      </Card>
-    </View>
-  );
-}`,
-        justify: `import { TabBar, View, Text } from '@idealyst/components';
-
-const items = [
-  { value: 'tab1', label: 'Tab 1' },
-  { value: 'tab2', label: 'Tab 2' },
-  { value: 'tab3', label: 'Tab 3' },
-];
-
-<View gap="md">
-  {/* Left aligned (default) */}
-  <Text typography="caption">justify="start"</Text>
-  <TabBar items={items} justify="start" />
-
-  {/* Centered */}
-  <Text typography="caption">justify="center"</Text>
-  <TabBar items={items} justify="center" />
-
-  {/* Full width, equal sized tabs */}
-  <Text typography="caption">justify="equal"</Text>
-  <TabBar items={items} justify="equal" />
-
-  {/* Space between tabs */}
-  <Text typography="caption">justify="space-between"</Text>
-  <TabBar items={items} justify="space-between" />
-</View>`,
-        "bottom-nav": `import { TabBar, Icon } from '@idealyst/components';
-import { useState } from 'react';
-
-// Bottom navigation style: full width with stacked icons
-function BottomNav() {
-  const [tab, setTab] = useState('home');
-
-  const items = [
-    {
-      value: 'home',
-      label: 'Home',
-      icon: ({ active, size }) => (
-        <Icon name="home" size={size} color={active ? 'primary' : 'secondary'} />
-      ),
-    },
-    {
-      value: 'search',
-      label: 'Search',
-      icon: ({ active, size }) => (
-        <Icon name="magnify" size={size} color={active ? 'primary' : 'secondary'} />
-      ),
-    },
-    {
-      value: 'notifications',
-      label: 'Alerts',
-      icon: ({ active, size }) => (
-        <Icon name="bell" size={size} color={active ? 'primary' : 'secondary'} />
-      ),
-    },
-    {
-      value: 'profile',
-      label: 'Profile',
-      icon: ({ active, size }) => (
-        <Icon name="account" size={size} color={active ? 'primary' : 'secondary'} />
-      ),
-    },
-  ];
-
-  return (
-    <TabBar
-      items={items}
-      value={tab}
-      onChange={setTab}
-      justify="equal"
-      iconPosition="top"
-    />
-  );
-}`,
-    },
-};
-//# sourceMappingURL=TabBar.js.map

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

@@ -1 +0,0 @@
-{"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,uHAAuH;IAChI,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;CAqBZ;IACC,QAAQ,EAAE;QACR,oDAAoD;QACpD,oDAAoD;QACpD,mDAAmD;QACnD,2DAA2D;QAC3D,mCAAmC;QACnC,iCAAiC;QACjC,mCAAmC;QACnC,eAAe;KAChB;IACD,aAAa,EAAE;QACb,mDAAmD;QACnD,4CAA4C;QAC5C,yEAAyE;QACzE,gEAAgE;QAChE,mCAAmC;QACnC,6BAA6B;QAC7B,0CAA0C;KAC3C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;CAsBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;0CAO+B;QAEtC,QAAQ,EAAE;;;;;;;;;;;QAWN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuChB;QAEE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCf;QAEE,OAAO,EAAE;;;;;;;;;;;;;;;;;;;;;;;;QAwBL;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+ChB;KACC;CACF,CAAC"}

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

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

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