@idealyst/mcp-server 1.2.24 → 1.2.26

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="sm">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="sm" onPress={() => setSize(Math.max(24, size - 12))}>
-          Smaller
-        </Button>
-        <Button size="sm" onPress={() => setSize(Math.min(96, size + 12))}>
-          Larger
-        </Button>
-      </View>
-
-      <View spacing="xs">
-        <Text size="sm">Intent:</Text>
-        <View style={{ flexDirection: 'row', gap: 8, flexWrap: 'wrap' }}>
-          {intents.map((i) => (
-            <Button
-              key={i}
-              size="sm"
-              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;;;;;;;;;;;;;CA8GlB,CAAC"}

package/dist/data/components/Screen.js

@@ -1,109 +0,0 @@
-export const Screen = {
-    category: "layout",
-    description: "Full-screen container component with spacing variants, background variants, and safe area support",
-    props: `
-- \`children\`: React.ReactNode - The content to display inside the screen
-- \`gap\`: Size - Space between children ('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
-- \`background\`: Surface | 'transparent' - Background variant - controls the background color
-- \`safeArea\`: boolean - Safe area padding for mobile devices
-- \`top\`: number - Content inset padding for scrollable content (mobile only)
-- \`bottom\`: number - Bottom content inset padding for scrollable content
-- \`left\`: number - Left content inset padding for scrollable content
-- \`right\`: number - Right content inset padding for scrollable content
-- \`scrollable\`: boolean - Whether the screen content is scrollable
-`,
-    features: [
-        "Four background color variants",
-        "Gap variant for spacing between children",
-        "Padding variants (uniform and directional)",
-        "Margin variants (uniform and directional)",
-        "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="xl" 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="xl" 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="xl" weight="bold">
-          Settings
-        </Text>
-        <Button
-          onPress={() => setDarkMode(!darkMode)}
-          type="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,mGAAmG;IAC5G,KAAK,EAAE;;;;;;;;;;;;;;;;CAgBZ;IACC,QAAQ,EAAE;QACR,gCAAgC;QAChC,0CAA0C;QAC1C,4CAA4C;QAC5C,2CAA2C;QAC3C,+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;;;;;;;;;;;;;CA8IlB,CAAC"}

package/dist/data/components/Select.js

@@ -1,141 +0,0 @@
-export const Select = {
-    category: "form",
-    description: "Dropdown select component with margin variants for choosing from a list of options",
-    props: `
-- \`options\`: SelectOption[] - Array of options to display in the select
-- \`value\`: string - The currently selected value
-- \`onValueChange\`: function - Called when the selected value changes
-- \`placeholder\`: string - Placeholder text when no value is selected
-- \`disabled\`: boolean - Whether the select is disabled
-- \`error\`: boolean - Whether the select shows an error state
-- \`helperText\`: string - Helper text to display below the select
-- \`label\`: string - Label text to display above the select
-- \`intent\`: SelectIntentVariant - The intent/color scheme of the select
-- \`size\`: SelectSizeVariant - The size of the select
-- \`margin\`: Size - Margin on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
-- \`marginVertical\`: Size - Top and bottom margin
-- \`marginHorizontal\`: Size - Left and right margin
-- \`searchable\`: boolean - Whether to show a search/filter input (web only)
-- \`filterOption\`: (option: SelectOption, searchTerm: string) => boolean - Custom search filter function (used with searchable)
-- \`presentationMode\`: 'dropdown' | 'actionSheet' - Native iOS presentation mode (native only)
-- \`maxHeight\`: number - Maximum height for the dropdown content
-`,
-    features: [
-        "Single selection from options",
-        "Searchable dropdown (web)",
-        "Icon support for options",
-        "Two visual variants",
-        "Label and helper text",
-        "Error state",
-        "Disabled options",
-        "Custom filtering",
-        "Platform-specific presentation modes",
-    ],
-    bestPractices: [
-        "Use for 5+ options (use RadioGroup for fewer)",
-        "Enable searchable for long option lists",
-        "Provide clear placeholder text",
-        "Group related options visually",
-        "Show error states inline with helperText",
-        "Consider icons for visual categorization",
-    ],
-    usage: `
-import { Select } from '@idealyst/components';
-import { useState } from 'react';
-
-function Example() {
-  const [value, setValue] = useState('');
-
-  const options = [
-    { value: 'us', label: 'United States' },
-    { value: 'ca', label: 'Canada' },
-    { value: 'uk', label: 'United Kingdom' },
-  ];
-
-  return (
-    <Select
-      label="Country"
-      options={options}
-      value={value}
-      onValueChange={setValue}
-      placeholder="Select a country"
-    />
-  );
-}
-`,
-    examples: {
-        basic: `import { Select } from '@idealyst/components';
-
-const options = [
-  { value: '1', label: 'Option 1' },
-  { value: '2', label: 'Option 2' },
-];
-
-<Select options={options} placeholder="Choose..." />`,
-        variants: `import { Select, View } from '@idealyst/components';
-
-const options = [{ value: '1', label: 'Option' }];
-
-<View spacing="md">
-  <Select options={options} type="outlined" size="sm" />
-  <Select options={options} type="filled" size="md" />
-  <Select options={options} type="outlined" size="lg" />
-</View>`,
-        "with-icons": `import { Select } from '@idealyst/components';
-
-const options = [
-  { value: 'light', label: 'Light Mode', icon: <Icon name="white-balance-sunny" /> },
-  { value: 'dark', label: 'Dark Mode', icon: <Icon name="weather-night" /> },
-  { value: 'auto', label: 'Auto', icon: <Icon name="brightness-auto" /> },
-];
-
-<Select
-  label="Theme"
-  options={options}
-  value={theme}
-  onValueChange={setTheme}
-/>`,
-        interactive: `import { Select, View, Text } from '@idealyst/components';
-import { useState } from 'react';
-
-function Example() {
-  const [country, setCountry] = useState('');
-  const [error, setError] = useState('');
-
-  const countries = [
-    { value: 'us', label: 'United States' },
-    { value: 'ca', label: 'Canada' },
-    { value: 'uk', label: 'United Kingdom' },
-    { value: 'au', label: 'Australia' },
-  ];
-
-  const handleChange = (value: string) => {
-    setCountry(value);
-    setError('');
-  };
-
-  const handleSubmit = () => {
-    if (!country) {
-      setError('Please select a country');
-    }
-  };
-
-  return (
-    <View spacing="md">
-      <Select
-        label="Country"
-        options={countries}
-        value={country}
-        onValueChange={handleChange}
-        placeholder="Select your country"
-        error={!!error}
-        helperText={error || 'Choose your country of residence'}
-        searchable
-      />
-      <Button onPress={handleSubmit}>Submit</Button>
-    </View>
-  );
-}`,
-    },
-};
-//# sourceMappingURL=Select.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/data/components/Select.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,oFAAoF;IAC7F,KAAK,EAAE;;;;;;;;;;;;;;;;;;CAkBZ;IACC,QAAQ,EAAE;QACR,+BAA+B;QAC/B,2BAA2B;QAC3B,0BAA0B;QAC1B,qBAAqB;QACrB,uBAAuB;QACvB,aAAa;QACb,kBAAkB;QAClB,kBAAkB;QAClB,sCAAsC;KACvC;IACD,aAAa,EAAE;QACb,+CAA+C;QAC/C,yCAAyC;QACzC,gCAAgC;QAChC,gCAAgC;QAChC,0CAA0C;QAC1C,0CAA0C;KAC3C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;CAuBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;qDAO0C;QAEjD,QAAQ,EAAE;;;;;;;;QAQN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;GAaf;QAEC,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCf;KACC;CACF,CAAC"}

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

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

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

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

package/dist/data/components/Skeleton.js

@@ -1,100 +0,0 @@
-export const Skeleton = {
-    category: "feedback",
-    description: "Loading placeholder that mimics content structure while data loads",
-    props: `
-- \`width\`: number | string - Width of the skeleton (number in pixels or string with units)
-- \`height\`: number | string - Height of the skeleton (number in pixels or string with units)
-- \`shape\`: SkeletonShape - Shape of the skeleton
-- \`borderRadius\`: number - Border radius for 'rounded' shape (in pixels)
-- \`animation\`: SkeletonAnimation - Animation type
-`,
-    features: [
-        "Three shapes: rectangle, circle, rounded",
-        "Three animation types",
-        "Configurable dimensions",
-        "Group component for multiple skeletons",
-        "Customizable spacing",
-        "Mimics content structure",
-    ],
-    bestPractices: [
-        "Match skeleton shape to actual content",
-        "Use pulse animation for general loading",
-        "Use wave animation for feed-like content",
-        "Show skeleton while data is loading",
-        "Replace skeleton with actual content smoothly",
-        "Use SkeletonGroup for consistent layouts",
-    ],
-    usage: `
-import { Skeleton, SkeletonGroup } from '@idealyst/components';
-
-// Single skeleton
-<Skeleton width={200} height={20} shape="rounded" />
-
-// Multiple skeletons
-<SkeletonGroup
-  count={3}
-  spacing={16}
-  skeletonProps={{ width: '100%', height: 60, shape: 'rounded' }}
-/>
-`,
-    examples: {
-        basic: `import { Skeleton } from '@idealyst/components';
-
-<Skeleton width={150} height={20} />`,
-        variants: `import { Skeleton, View } from '@idealyst/components';
-
-<View spacing="md">
-  <Skeleton width="100%" height={20} shape="rectangle" />
-  <Skeleton width={100} height={100} shape="circle" />
-  <Skeleton width={200} height={40} shape="rounded" />
-</View>`,
-        "with-icons": `import { Skeleton, View } from '@idealyst/components';
-
-// Mimicking a user card
-<View style={{ flexDirection: 'row', gap: 12, alignItems: 'center' }}>
-  <Skeleton width={48} height={48} shape="circle" />
-  <View spacing="sm" style={{ flex: 1 }}>
-    <Skeleton width="60%" height={16} />
-    <Skeleton width="40%" height={14} />
-  </View>
-</View>`,
-        interactive: `import { Skeleton, SkeletonGroup, View, Card, Text, Button } from '@idealyst/components';
-import { useState, useEffect } from 'react';
-
-function Example() {
-  const [loading, setLoading] = useState(true);
-  const [data, setData] = useState(null);
-
-  useEffect(() => {
-    setTimeout(() => {
-      setData({ title: 'Article Title', content: 'Article content...' });
-      setLoading(false);
-    }, 2000);
-  }, []);
-
-  if (loading) {
-    return (
-      <Card padding="md">
-        <View spacing="md">
-          <Skeleton width="80%" height={24} shape="rounded" />
-          <SkeletonGroup
-            count={3}
-            skeletonProps={{ width: '100%', height: 16 }}
-          />
-        </View>
-      </Card>
-    );
-  }
-
-  return (
-    <Card padding="md">
-      <View spacing="md">
-        <Text size="lg" weight="bold">{data.title}</Text>
-        <Text>{data.content}</Text>
-      </View>
-    </Card>
-  );
-}`,
-    },
-};
-//# sourceMappingURL=Skeleton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/data/components/Skeleton.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,oEAAoE;IAC7E,KAAK,EAAE;;;;;;CAMZ;IACC,QAAQ,EAAE;QACR,0CAA0C;QAC1C,uBAAuB;QACvB,yBAAyB;QACzB,wCAAwC;QACxC,sBAAsB;QACtB,0BAA0B;KAC3B;IACD,aAAa,EAAE;QACb,wCAAwC;QACxC,yCAAyC;QACzC,0CAA0C;QAC1C,qCAAqC;QACrC,+CAA+C;QAC/C,0CAA0C;KAC3C;IACD,KAAK,EAAE;;;;;;;;;;;;CAYR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;qCAE0B;QAEjC,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;;QASV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCf;KACC;CACF,CAAC"}

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

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

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

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