@idealyst/mcp-server 1.0.86 → 1.0.88

package/dist/data/components/Progress.js

@@ -1,95 +0,0 @@
-export const Progress = {
-    category: "feedback",
-    description: "Progress indicator showing completion status of tasks or operations",
-    props: `
-- \`value\`: number - Current progress value (0-max)
-- \`max\`: number - Maximum value (default: 100)
-- \`variant\`: 'linear' | 'circular' - Progress bar style
-- \`intent\`: 'primary' | 'neutral' | 'success' | 'error' | 'warning' - Color scheme
-- \`size\`: 'small' | 'medium' | 'large' - Size of progress indicator
-- \`indeterminate\`: boolean - Show indeterminate/loading state
-- \`showLabel\`: boolean - Show percentage label
-- \`label\`: string - Custom label text
-- \`rounded\`: boolean - Rounded ends (linear variant)
-- \`style\`: ViewStyle - Additional custom styles
-- \`testID\`: string - Test identifier
-`,
-    features: [
-        "Linear and circular variants",
-        "Determinate and indeterminate modes",
-        "Five intent colors",
-        "Three sizes",
-        "Percentage label support",
-        "Custom label text",
-        "Rounded ends option",
-    ],
-    bestPractices: [
-        "Use determinate progress when percentage is known",
-        "Use indeterminate progress for unknown duration",
-        "Show label for user feedback",
-        "Use circular variant for compact spaces",
-        "Match intent to operation context",
-    ],
-    usage: `
-import { Progress } from '@idealyst/components';
-
-<Progress
-  value={65}
-  variant="linear"
-  intent="primary"
-  showLabel
-/>
-`,
-    examples: {
-        basic: `import { Progress } from '@idealyst/components';
-
-<Progress value={50} />`,
-        variants: `import { Progress, View } from '@idealyst/components';
-
-<View spacing="md">
-  <Progress value={30} variant="linear" intent="primary" />
-  <Progress value={60} variant="linear" intent="success" />
-  <Progress value={value} variant="circular" size="large" showLabel />
-</View>`,
-        "with-icons": `import { Progress, View, Text } from '@idealyst/components';
-
-<View spacing="sm">
-  <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
-    <Text>Uploading...</Text>
-    <Text>{progress}%</Text>
-  </View>
-  <Progress value={progress} intent="primary" />
-</View>`,
-        interactive: `import { Progress, Button, View, Text } from '@idealyst/components';
-import { useState, useEffect } from 'react';
-
-function Example() {
-  const [progress, setProgress] = useState(0);
-  const [running, setRunning] = useState(false);
-
-  useEffect(() => {
-    if (running && progress < 100) {
-      const timer = setTimeout(() => setProgress(progress + 10), 500);
-      return () => clearTimeout(timer);
-    } else if (progress >= 100) {
-      setRunning(false);
-    }
-  }, [progress, running]);
-
-  const handleStart = () => {
-    setProgress(0);
-    setRunning(true);
-  };
-
-  return (
-    <View spacing="md">
-      <Progress value={progress} intent="success" showLabel />
-      <Button onPress={handleStart} disabled={running}>
-        Start
-      </Button>
-    </View>
-  );
-}`,
-    },
-};
-//# sourceMappingURL=Progress.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../src/data/components/Progress.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,qEAAqE;IAClF,KAAK,EAAE;;;;;;;;;;;;CAYR;IACC,QAAQ,EAAE;QACR,8BAA8B;QAC9B,qCAAqC;QACrC,oBAAoB;QACpB,aAAa;QACb,0BAA0B;QAC1B,mBAAmB;QACnB,qBAAqB;KACtB;IACD,aAAa,EAAE;QACb,mDAAmD;QACnD,iDAAiD;QACjD,8BAA8B;QAC9B,yCAAyC;QACzC,mCAAmC;KACpC;IACD,KAAK,EAAE;;;;;;;;;CASR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;wBAEa;QAEpB,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;QAQV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6Bf;KACC;CACF,CAAC"}

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

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

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

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

package/dist/data/components/RadioButton.js

@@ -1,140 +0,0 @@
-export const RadioButton = {
-    category: "form",
-    description: "Radio button for single-choice selection within a group",
-    props: `
-RadioButton Props:
-- \`value\`: string - The value of this radio button
-- \`checked\`: boolean - Whether the radio is checked
-- \`onPress\`: () => void - Press handler
-- \`disabled\`: boolean - Whether disabled
-- \`label\`: string - Label text
-- \`size\`: 'small' | 'medium' | 'large' - Radio size
-- \`intent\`: 'primary' | 'success' | 'error' | 'warning' | 'neutral' - Color scheme
-- \`style\`: ViewStyle - Additional styles
-- \`testID\`: string - Test identifier
-
-RadioGroup Props:
-- \`value\`: string - Currently selected value
-- \`onValueChange\`: (value: string) => void - Selection change handler
-- \`disabled\`: boolean - Disable all radio buttons
-- \`orientation\`: 'horizontal' | 'vertical' - Layout orientation
-- \`children\`: ReactNode - Radio button children
-- \`style\`: ViewStyle - Additional styles
-- \`testID\`: string - Test identifier
-`,
-    features: [
-        "Single selection within group",
-        "Horizontal and vertical layouts",
-        "Label support",
-        "Three sizes",
-        "Five intent colors",
-        "Disabled state (individual or group)",
-        "Controlled component",
-    ],
-    bestPractices: [
-        "Use RadioGroup to manage selection state",
-        "Always provide labels for accessibility",
-        "Use for mutually exclusive options (3-5 choices)",
-        "For 2 options, consider Switch or Checkbox",
-        "For many options (>5), consider Select",
-        "Group related options visually",
-    ],
-    usage: `
-import { RadioGroup, RadioButton } from '@idealyst/components';
-import { useState } from 'react';
-
-function Example() {
-  const [value, setValue] = useState('option1');
-
-  return (
-    <RadioGroup value={value} onValueChange={setValue}>
-      <RadioButton value="option1" label="Option 1" />
-      <RadioButton value="option2" label="Option 2" />
-      <RadioButton value="option3" label="Option 3" />
-    </RadioGroup>
-  );
-}
-`,
-    examples: {
-        basic: `import { RadioGroup, RadioButton } from '@idealyst/components';
-
-<RadioGroup value={selected} onValueChange={setSelected}>
-  <RadioButton value="a" label="Choice A" />
-  <RadioButton value="b" label="Choice B" />
-</RadioGroup>`,
-        variants: `import { RadioGroup, RadioButton, View } from '@idealyst/components';
-
-<View spacing="md">
-  {/* Vertical (default) */}
-  <RadioGroup value={value} onValueChange={setValue}>
-    <RadioButton value="1" label="Option 1" />
-    <RadioButton value="2" label="Option 2" />
-  </RadioGroup>
-
-  {/* Horizontal */}
-  <RadioGroup value={value} onValueChange={setValue} orientation="horizontal">
-    <RadioButton value="1" label="Small" size="small" />
-    <RadioButton value="2" label="Medium" size="medium" />
-    <RadioButton value="3" label="Large" size="large" />
-  </RadioGroup>
-</View>`,
-        "with-icons": `import { RadioGroup, RadioButton } from '@idealyst/components';
-
-<RadioGroup value={plan} onValueChange={setPlan}>
-  <RadioButton
-    value="free"
-    label="Free Plan"
-    intent="neutral"
-  />
-  <RadioButton
-    value="pro"
-    label="Pro Plan"
-    intent="primary"
-  />
-  <RadioButton
-    value="enterprise"
-    label="Enterprise Plan"
-    intent="success"
-  />
-</RadioGroup>`,
-        interactive: `import { RadioGroup, RadioButton, View, Text, Card } from '@idealyst/components';
-import { useState } from 'react';
-
-function Example() {
-  const [shipping, setShipping] = useState('standard');
-
-  const options = [
-    { value: 'standard', label: 'Standard (5-7 days)', price: 'Free' },
-    { value: 'express', label: 'Express (2-3 days)', price: '$10' },
-    { value: 'overnight', label: 'Overnight', price: '$25' },
-  ];
-
-  return (
-    <View spacing="md">
-      <Text weight="bold">Select Shipping Method</Text>
-      <RadioGroup value={shipping} onValueChange={setShipping}>
-        {options.map((option) => (
-          <Card
-            key={option.value}
-            variant={shipping === option.value ? 'outlined' : 'default'}
-            padding="small"
-            clickable
-            onPress={() => setShipping(option.value)}
-          >
-            <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
-              <RadioButton
-                value={option.value}
-                label={option.label}
-                checked={shipping === option.value}
-              />
-              <Text weight="bold">{option.price}</Text>
-            </View>
-          </Card>
-        ))}
-      </RadioGroup>
-    </View>
-  );
-}`,
-    },
-};
-//# sourceMappingURL=RadioButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/data/components/RadioButton.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,yDAAyD;IACtE,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;CAoBR;IACC,QAAQ,EAAE;QACR,+BAA+B;QAC/B,iCAAiC;QACjC,eAAe;QACf,aAAa;QACb,oBAAoB;QACpB,sCAAsC;QACtC,sBAAsB;KACvB;IACD,aAAa,EAAE;QACb,0CAA0C;QAC1C,yCAAyC;QACzC,kDAAkD;QAClD,4CAA4C;QAC5C,wCAAwC;QACxC,gCAAgC;KACjC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;CAeR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;cAKG;QAEV,QAAQ,EAAE;;;;;;;;;;;;;;;QAeN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;cAkBJ;QAEV,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCf;KACC;CACF,CAAC"}

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

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

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

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

package/dist/data/components/SVGImage.js

@@ -1,112 +0,0 @@
-export const SVGImage = {
-    category: "media",
-    description: "SVG image component with color, size, and intent support",
-    props: `
-- \`source\`: string | { uri: string } | React.FC<SvgProps> - SVG source (local file, URL, or component)
-- \`width\`: number | string - Image width
-- \`height\`: number | string - Image height
-- \`size\`: number | string - Sets both width and height
-- \`color\`: string - Custom color override
-- \`intent\`: IntentNames - Theme intent color
-- \`resizeMode\`: 'contain' | 'cover' | 'stretch' - How SVG fits container
-- \`style\`: ViewProps - Additional styles
-`,
-    features: [
-        "Multiple source types (file, URL, component)",
-        "Size and dimension control",
-        "Color customization",
-        "Theme intent colors",
-        "Resize modes",
-        "Cross-platform support",
-    ],
-    bestPractices: [
-        "Use local SVG files for icons and logos",
-        "Use remote URLs for dynamic SVGs",
-        "Set explicit size for consistent rendering",
-        "Use intent colors for theme consistency",
-        "Prefer 'contain' resizeMode to preserve aspect ratio",
-        "Optimize SVG files for web performance",
-    ],
-    usage: `
-import { SVGImage } from '@idealyst/components';
-import LogoIcon from './assets/logo.svg';
-
-// Local SVG file
-<SVGImage source={LogoIcon} size={48} intent="primary" />
-
-// Remote SVG
-<SVGImage
-  source={{ uri: 'https://cdn.example.com/icon.svg' }}
-  width={32}
-  height={32}
-  color="#FF0000"
-/>
-`,
-    examples: {
-        basic: `import { SVGImage } from '@idealyst/components';
-import Icon from './icon.svg';
-
-<SVGImage source={Icon} size={24} />`,
-        variants: `import { SVGImage, View } from '@idealyst/components';
-import Logo from './logo.svg';
-
-<View style={{ flexDirection: 'row', gap: 16, alignItems: 'center' }}>
-  <SVGImage source={Logo} size={24} />
-  <SVGImage source={Logo} size={32} />
-  <SVGImage source={Logo} size={48} />
-  <SVGImage source={Logo} size={64} />
-</View>`,
-        "with-icons": `import { SVGImage, View, Text } from '@idealyst/components';
-import ReactLogo from './react-logo.svg';
-
-<View style={{ flexDirection: 'row', alignItems: 'center', gap: 12 }}>
-  <SVGImage source={ReactLogo} size={32} color="#61dafb" />
-  <View spacing="xs">
-    <Text weight="bold">React Application</Text>
-    <Text size="small">Built with React & React Native</Text>
-  </View>
-</View>`,
-        interactive: `import { SVGImage, View, Button, Text } from '@idealyst/components';
-import { useState } from 'react';
-import AppIcon from './app-icon.svg';
-
-function Example() {
-  const [size, setSize] = useState(48);
-  const [intent, setIntent] = useState('primary');
-
-  const intents = ['primary', 'neutral', 'success', 'error', 'warning'];
-
-  return (
-    <View spacing="md" style={{ alignItems: 'center' }}>
-      <SVGImage source={AppIcon} size={size} intent={intent} />
-
-      <View style={{ flexDirection: 'row', gap: 8 }}>
-        <Button size="small" onPress={() => setSize(Math.max(24, size - 12))}>
-          Smaller
-        </Button>
-        <Button size="small" onPress={() => setSize(Math.min(96, size + 12))}>
-          Larger
-        </Button>
-      </View>
-
-      <View spacing="xs">
-        <Text size="small">Intent:</Text>
-        <View style={{ flexDirection: 'row', gap: 8, flexWrap: 'wrap' }}>
-          {intents.map((i) => (
-            <Button
-              key={i}
-              size="small"
-              variant={intent === i ? 'contained' : 'outlined'}
-              onPress={() => setIntent(i)}
-            >
-              {i}
-            </Button>
-          ))}
-        </View>
-      </View>
-    </View>
-  );
-}`,
-    },
-};
-//# sourceMappingURL=SVGImage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SVGImage.js","sourceRoot":"","sources":["../../../src/data/components/SVGImage.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,OAAO;IACjB,WAAW,EAAE,0DAA0D;IACvE,KAAK,EAAE;;;;;;;;;CASR;IACC,QAAQ,EAAE;QACR,8CAA8C;QAC9C,4BAA4B;QAC5B,qBAAqB;QACrB,qBAAqB;QACrB,cAAc;QACd,wBAAwB;KACzB;IACD,aAAa,EAAE;QACb,yCAAyC;QACzC,kCAAkC;QAClC,4CAA4C;QAC5C,yCAAyC;QACzC,sDAAsD;QACtD,wCAAwC;KACzC;IACD,KAAK,EAAE;;;;;;;;;;;;;;CAcR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;qCAG0B;QAEjC,QAAQ,EAAE;;;;;;;;QAQN;QAEJ,YAAY,EAAE;;;;;;;;;QASV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCf;KACC;CACF,CAAC"}

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

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

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

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

package/dist/data/components/Screen.js

@@ -1,99 +0,0 @@
-export const Screen = {
-    category: "layout",
-    description: "Full-screen container component with background variants, padding, and safe area support",
-    props: `
-- \`children\`: ReactNode - Content to display inside the screen
-- \`background\`: 'primary' | 'secondary' | 'tertiary' | 'inverse' - Background color variant
-- \`padding\`: 'none' | 'sm' | 'md' | 'lg' | 'xl' - Screen padding variant
-- \`safeArea\`: boolean - Apply safe area padding for mobile devices
-- \`style\`: any - Additional custom styles
-- \`testID\`: string - Test identifier
-- \`scrollable\`: boolean - Make content scrollable
-`,
-    features: [
-        "Four background color variants",
-        "Five padding options",
-        "Safe area support for notches/home indicators",
-        "Optional scrollable content",
-        "Full-screen container",
-        "Cross-platform support",
-    ],
-    bestPractices: [
-        "Use as root container for app screens",
-        "Enable safeArea for mobile apps",
-        "Use 'primary' background for main content",
-        "Use 'inverse' background for dark mode or special screens",
-        "Combine with View for internal spacing",
-        "Enable scrollable for long content",
-    ],
-    usage: `
-import { Screen, View, Text } from '@idealyst/components';
-
-<Screen background="primary" padding="md" safeArea>
-  <View spacing="lg">
-    <Text size="xlarge" weight="bold">Screen Title</Text>
-    <Text>Screen content goes here</Text>
-  </View>
-</Screen>
-`,
-    examples: {
-        basic: `import { Screen, Text } from '@idealyst/components';
-
-<Screen background="primary" padding="md">
-  <Text>Basic screen content</Text>
-</Screen>`,
-        variants: `import { Screen, Text } from '@idealyst/components';
-
-// Different backgrounds
-<Screen background="primary"><Text>Primary</Text></Screen>
-<Screen background="secondary"><Text>Secondary</Text></Screen>
-<Screen background="tertiary"><Text>Tertiary</Text></Screen>
-<Screen background="inverse"><Text>Inverse</Text></Screen>`,
-        "with-icons": `import { Screen, View, Icon, Text } from '@idealyst/components';
-
-<Screen background="primary" padding="lg" safeArea>
-  <View spacing="md">
-    <View style={{ alignItems: 'center' }}>
-      <Icon name="check-circle" size="xl" color="success" />
-    </View>
-    <Text align="center" size="xlarge" weight="bold">
-      Success!
-    </Text>
-    <Text align="center">
-      Your action was completed successfully
-    </Text>
-  </View>
-</Screen>`,
-        interactive: `import { Screen, View, Text, Button } from '@idealyst/components';
-import { useState } from 'react';
-
-function Example() {
-  const [darkMode, setDarkMode] = useState(false);
-
-  return (
-    <Screen
-      background={darkMode ? 'inverse' : 'primary'}
-      padding="md"
-      safeArea
-      scrollable
-    >
-      <View spacing="lg">
-        <Text size="xlarge" weight="bold">
-          Settings
-        </Text>
-        <Button
-          onPress={() => setDarkMode(!darkMode)}
-          variant="outlined"
-        >
-          Toggle {darkMode ? 'Light' : 'Dark'} Mode
-        </Button>
-        <Text>
-          Current theme: {darkMode ? 'Dark' : 'Light'}
-        </Text>
-      </View>
-    </Screen>
-  );
-}`,
-    },
-};
-//# sourceMappingURL=Screen.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Screen.js","sourceRoot":"","sources":["../../../src/data/components/Screen.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,QAAQ;IAClB,WAAW,EAAE,0FAA0F;IACvG,KAAK,EAAE;;;;;;;;CAQR;IACC,QAAQ,EAAE;QACR,gCAAgC;QAChC,sBAAsB;QACtB,+CAA+C;QAC/C,6BAA6B;QAC7B,uBAAuB;QACvB,wBAAwB;KACzB;IACD,aAAa,EAAE;QACb,uCAAuC;QACvC,iCAAiC;QACjC,2CAA2C;QAC3C,2DAA2D;QAC3D,wCAAwC;QACxC,oCAAoC;KACrC;IACD,KAAK,EAAE;;;;;;;;;CASR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;UAID;QAEN,QAAQ,EAAE;;;;;;2DAM6C;QAEvD,YAAY,EAAE;;;;;;;;;;;;;;UAcR;QAEN,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6Bf;KACC;CACF,CAAC"}

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

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

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

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