@taiv/ui 1.3.2 → 1.4.0

package/dist/components/Inputs/TextInputs/AutoComplete/AutoComplete.stories.js

@@ -0,0 +1,218 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AutoComplete } from './AutoComplete';
+import { Group } from '../../../Layout/Group/Group';
+const meta = {
+    title: 'Components/Inputs/TextInputs/AutoComplete',
+    component: AutoComplete,
+    parameters: {
+        layout: 'centered',
+    },
+    argTypes: {
+        size: {
+            control: { type: 'select' },
+            options: ['sm', 'md', 'lg'],
+            description: 'Controls the autocomplete size',
+            table: {
+                type: { summary: "'sm' | 'md' | 'lg'" },
+                defaultValue: { summary: "'md'" },
+            },
+        },
+        placeholder: {
+            control: { type: 'text' },
+            description: 'Placeholder text',
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: "'Select an option'" },
+            },
+        },
+        label: {
+            control: { type: 'text' },
+            description: 'Autocomplete label',
+            table: {
+                type: { summary: 'string' },
+            },
+        },
+        description: {
+            control: { type: 'text' },
+            description: 'Description text',
+            table: {
+                type: { summary: 'string' },
+            },
+        },
+        error: {
+            control: { type: 'text' },
+            description: 'Error message',
+            table: {
+                type: { summary: 'string' },
+            },
+        },
+        disabled: {
+            control: { type: 'boolean' },
+            description: 'Disabled state',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        required: {
+            control: { type: 'boolean' },
+            description: 'Required field',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        fullWidth: {
+            control: { type: 'boolean' },
+            description: 'Full width of container',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        width: {
+            control: { type: 'text' },
+            description: 'Custom width',
+            table: {
+                type: { summary: 'string | number' },
+            },
+        },
+        data: {
+            control: { type: 'object' },
+            description: 'Autocomplete data array',
+            table: {
+                type: { summary: 'string[] | AutocompleteItem[]' },
+            },
+        },
+        styles: {
+            control: { type: 'object' },
+            description: 'Custom styles object',
+            table: {
+                type: { summary: 'Record<string, CSSObject>' },
+            },
+        },
+        onChange: {
+            action: 'changed',
+            description: 'Change handler function',
+            table: {
+                type: { summary: '(value: string) => void' },
+            },
+        },
+    },
+};
+export default meta;
+const basicOptions = ['Apple', 'Banana', 'Cherry', 'Date', 'Elderberry', 'Fig', 'Grape', 'Honeydew'];
+const countryOptions = ['United States', 'Canada', 'United Kingdom', 'Germany', 'France', 'Japan', 'Australia', 'Brazil', 'India', 'China'];
+export const Default = {
+    args: {
+        data: basicOptions,
+        size: 'md',
+        disabled: false,
+        required: false,
+        fullWidth: false,
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { height: '220px' }, children: _jsx(Story, {}) })),
+    ],
+    parameters: {
+        docs: {
+            source: {
+                code: `<AutoComplete
+  data={['Apple', 'Banana', 'Cherry', 'Date']}
+  value={selectedValue}
+  onChange={setSelectedValue}
+/>`,
+            },
+        },
+    },
+};
+export const Variants = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(AutoComplete, { label: "Basic AutoComplete", data: basicOptions }), _jsx(AutoComplete, { label: "With Placeholder", placeholder: "Search fruits...", data: basicOptions }), _jsx(AutoComplete, { label: "With Description", description: "Select your favorite fruit", data: basicOptions })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: false,
+            },
+        },
+    },
+};
+export const Sizes = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(AutoComplete, { size: "sm", label: "Small AutoComplete", data: basicOptions }), _jsx(AutoComplete, { size: "md", label: "Medium AutoComplete (Default)", data: basicOptions }), _jsx(AutoComplete, { size: "lg", label: "Large AutoComplete", data: basicOptions })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: `<AutoComplete size="sm" label="Small AutoComplete" data={options} />
+<AutoComplete size="lg" label="Large AutoComplete" data={options} />`,
+            },
+        },
+    },
+};
+export const States = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(AutoComplete, { label: "Normal AutoComplete", data: basicOptions }), _jsx(AutoComplete, { label: "Disabled AutoComplete", data: basicOptions, disabled: true }), _jsx(AutoComplete, { label: "Required AutoComplete", data: basicOptions, required: true }), _jsx(AutoComplete, { label: "AutoComplete with Description", description: "Please select an option", data: basicOptions }), _jsx(AutoComplete, { label: "AutoComplete with Error", error: "This field is required", data: basicOptions })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: false,
+            },
+        },
+    },
+};
+export const AdditionalFunctionality = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(AutoComplete, { label: "Country Search", data: countryOptions, placeholder: "Search countries..." }), _jsx(AutoComplete, { label: "Custom Width AutoComplete", width: "300px", data: basicOptions }), _jsx(AutoComplete, { label: "Large Dataset", data: Array.from({ length: 50 }, (_, i) => `Option ${i + 1}`), placeholder: "Search options..." })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: `<AutoComplete
+  label="Country Search"
+  data={['United States', 'Canada', 'United Kingdom']}
+  placeholder="Search countries..."
+  value={selectedCountry}
+  onChange={setSelectedCountry}
+/>
+
+<AutoComplete
+  label="Custom Width AutoComplete"
+  width="300px"
+  data={options}
+  value={selectedValue}
+  onChange={setSelectedValue}
+/>`,
+            },
+        },
+    },
+};
+export const CustomStyling = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(AutoComplete, { label: "Custom Styled AutoComplete", data: basicOptions, styles: {
+                    input: {
+                        borderColor: '#ff6b6b',
+                        '&:focus': {
+                            borderColor: '#ff6b6b',
+                            boxShadow: '0 0 0 2px rgba(255, 107, 107, 0.2)',
+                        },
+                    },
+                    label: {
+                        color: '#ff6b6b',
+                        fontWeight: 600,
+                    },
+                } }), _jsx(AutoComplete, { label: "Another Custom Style", data: basicOptions, styles: {
+                    input: {
+                        backgroundColor: '#f8f9fa',
+                        borderColor: '#4CAF50',
+                        '&:focus': {
+                            borderColor: '#4CAF50',
+                            boxShadow: '0 0 0 2px rgba(76, 175, 80, 0.2)',
+                        },
+                    },
+                    label: {
+                        color: '#4CAF50',
+                        fontSize: '16px',
+                    },
+                } })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: false,
+            },
+        },
+    },
+};

package/dist/components/Inputs/TextInputs/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,12 @@
+import { PasswordInputProps as MantinePasswordInputProps } from '@mantine/core';
+import { CSSObject } from '@mantine/styles';
+import { componentSizes } from '../shared/sizes';
+type PasswordInputProps = MantinePasswordInputProps & {
+    size?: keyof typeof componentSizes;
+    width?: string | number;
+    fullWidth?: boolean;
+    styles?: Record<string, CSSObject>;
+};
+declare const PasswordInput: ({ size, width, fullWidth, styles, placeholder, ...props }: PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
+export { PasswordInput };
+//# sourceMappingURL=PasswordInput.d.ts.map

package/dist/components/Inputs/TextInputs/PasswordInput/PasswordInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Inputs/TextInputs/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyC,kBAAkB,IAAI,yBAAyB,EAAE,MAAM,eAAe,CAAC;AACvH,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AASjD,KAAK,kBAAkB,GAAG,yBAAyB,GAAG;IACpD,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,2DAA6F,kBAAkB,4CAyCrI,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Inputs/TextInputs/PasswordInput/PasswordInput.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PasswordInput as MantinePasswordInput } from '@mantine/core';
+import { neutral } from '../../../../constants/colors';
+import { fontBase } from '../../../../constants/font';
+import { componentSizes } from '../shared/sizes';
+// Workaround for Icon sizing since we dont have a Provider setup
+const mantineSize = {
+    sm: 'lg',
+    md: 'xl',
+    lg: 'xl',
+};
+const PasswordInput = ({ size = 'md', width, fullWidth = false, styles, placeholder = 'Enter password', ...props }) => {
+    const selectedSize = componentSizes[size];
+    const computedWidth = fullWidth ? '100%' : width || `${selectedSize.width}rem`;
+    const style = {
+        input: {
+            ...fontBase,
+            color: neutral[200],
+            transition: 'all 200ms ease-in-out',
+            borderRadius: '8px',
+            height: `${selectedSize.height}rem`,
+            fontSize: selectedSize.fontSize,
+            padding: '0 1rem',
+        },
+        label: {
+            ...fontBase,
+            color: neutral[200],
+            fontSize: `calc(${selectedSize.fontSize} - 0.05rem)`,
+        },
+        error: {
+            ...fontBase,
+            fontSize: `calc(${selectedSize.fontSize} - 0.05rem)`,
+        },
+        innerInput: {
+            ...fontBase,
+            color: neutral[200],
+            height: `${selectedSize.height}rem`,
+            fontSize: selectedSize.fontSize,
+            padding: '0 1rem',
+        },
+        visibilityToggle: {
+            color: neutral[200],
+            marginRight: '1.25rem',
+            '&:hover': {
+                backgroundColor: 'transparent',
+            },
+        },
+        ...styles,
+    };
+    return _jsx(MantinePasswordInput, { w: computedWidth, ...props, placeholder: placeholder, size: mantineSize[size], styles: style });
+};
+export { PasswordInput };

package/dist/components/Inputs/TextInputs/PasswordInput/PasswordInput.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { PasswordInput } from './PasswordInput';
+declare const meta: Meta<typeof PasswordInput>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const Sizes: Story;
+export declare const States: Story;
+export declare const AdditionalFunctionality: Story;
+export declare const CustomStyling: Story;
+//# sourceMappingURL=PasswordInput.stories.d.ts.map

package/dist/components/Inputs/TextInputs/PasswordInput/PasswordInput.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Inputs/TextInputs/PasswordInput/PasswordInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAiHpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAgBnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAiBpB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA6BrC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAmD3B,CAAC"}

package/dist/components/Inputs/TextInputs/PasswordInput/PasswordInput.stories.js

@@ -0,0 +1,235 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PasswordInput } from './PasswordInput';
+import { Group } from '../../../Layout/Group/Group';
+const meta = {
+    title: 'Components/Inputs/TextInputs/PasswordInput',
+    component: PasswordInput,
+    parameters: {
+        layout: 'centered',
+    },
+    argTypes: {
+        size: {
+            control: { type: 'select' },
+            options: ['sm', 'md', 'lg'],
+            description: 'Controls the password input size',
+            table: {
+                type: { summary: "'sm' | 'md' | 'lg'" },
+                defaultValue: { summary: "'md'" },
+            },
+        },
+        placeholder: {
+            control: { type: 'text' },
+            description: 'Placeholder text',
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: "'Enter password'" },
+            },
+        },
+        label: {
+            control: { type: 'text' },
+            description: 'Password input label',
+            table: {
+                type: { summary: 'string' },
+            },
+        },
+        description: {
+            control: { type: 'text' },
+            description: 'Description text',
+            table: {
+                type: { summary: 'string' },
+            },
+        },
+        error: {
+            control: { type: 'text' },
+            description: 'Error message',
+            table: {
+                type: { summary: 'string' },
+            },
+        },
+        disabled: {
+            control: { type: 'boolean' },
+            description: 'Disabled state',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        required: {
+            control: { type: 'boolean' },
+            description: 'Required field',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        fullWidth: {
+            control: { type: 'boolean' },
+            description: 'Full width of container',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        width: {
+            control: { type: 'text' },
+            description: 'Custom width',
+            table: {
+                type: { summary: 'string | number' },
+            },
+        },
+        visible: {
+            control: { type: 'boolean' },
+            description: 'Controlled visibility state',
+            table: {
+                type: { summary: 'boolean' },
+            },
+        },
+        defaultVisible: {
+            control: { type: 'boolean' },
+            description: 'Default visibility state',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        styles: {
+            control: { type: 'object' },
+            description: 'Custom styles object',
+            table: {
+                type: { summary: 'Record<string, CSSObject>' },
+            },
+        },
+        onChange: {
+            action: 'changed',
+            description: 'Change handler function',
+            table: {
+                type: { summary: '(event: React.ChangeEvent<HTMLInputElement>) => void' },
+            },
+        },
+        onVisibilityChange: {
+            action: 'visibility changed',
+            description: 'Visibility change handler',
+            table: {
+                type: { summary: '(visible: boolean) => void' },
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        label: 'Password',
+        size: 'md',
+        disabled: false,
+        required: false,
+        fullWidth: false,
+        defaultVisible: false,
+    },
+    parameters: {
+        docs: {
+            source: {
+                code: `<PasswordInput
+  label="Password"
+  value={password}
+  onChange={(event) => setPassword(event.currentTarget.value)}
+/>`,
+            },
+        },
+    },
+};
+export const Variants = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(PasswordInput, { label: "Basic Password Input" }), _jsx(PasswordInput, { label: "With Placeholder", placeholder: "Enter your password" }), _jsx(PasswordInput, { label: "With Description", description: "Password must be at least 8 characters" })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: false,
+            },
+        },
+    },
+};
+export const Sizes = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(PasswordInput, { size: "sm", label: "Small Password", placeholder: "Enter password" }), _jsx(PasswordInput, { size: "md", label: "Medium Password (Default)", placeholder: "Enter password" }), _jsx(PasswordInput, { size: "lg", label: "Large Password", placeholder: "Enter password" })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: `<PasswordInput size="sm" label="Small Password" placeholder="Enter password" />
+<PasswordInput size="lg" label="Large Password" placeholder="Enter password" />`,
+            },
+        },
+    },
+};
+export const States = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(PasswordInput, { label: "Normal Password Input" }), _jsx(PasswordInput, { label: "Disabled Password Input", disabled: true }), _jsx(PasswordInput, { label: "Required Password Input", required: true }), _jsx(PasswordInput, { label: "Password Input with Description", description: "Password must be at least 8 characters" }), _jsx(PasswordInput, { label: "Password Input with Error", error: "Password is too short" })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: false,
+            },
+        },
+    },
+};
+export const AdditionalFunctionality = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(PasswordInput, { label: "New Password", description: "Password must be at least 8 characters", placeholder: "Create a strong password" }), _jsx(PasswordInput, { label: "Confirm Password", placeholder: "Re-enter password", error: "Passwords do not match" }), _jsx(PasswordInput, { label: "Custom Width Password", width: "300px" })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: `<PasswordInput
+  label="New Password"
+  description="Password must be at least 8 characters"
+  placeholder="Create a strong password"
+  value={newPassword}
+  onChange={handleNewPassword}
+/>
+
+<PasswordInput
+  label="Confirm Password"
+  placeholder="Re-enter password"
+  value={confirmPassword}
+  onChange={handleConfirmPassword}
+  error="Passwords do not match"
+/>`,
+            },
+        },
+    },
+};
+export const CustomStyling = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(PasswordInput, { label: "Custom Styled Password Input", styles: {
+                    input: {
+                        borderColor: '#ff6b6b',
+                        '&:focus': {
+                            borderColor: '#ff6b6b',
+                            boxShadow: '0 0 0 2px rgba(255, 107, 107, 0.2)',
+                        },
+                    },
+                    label: {
+                        color: '#ff6b6b',
+                        fontWeight: 600,
+                    },
+                    visibilityToggle: {
+                        color: '#ff6b6b',
+                    },
+                } }), _jsx(PasswordInput, { label: "Another Custom Style", styles: {
+                    input: {
+                        backgroundColor: '#f8f9fa',
+                        borderColor: '#4CAF50',
+                        '&:focus': {
+                            borderColor: '#4CAF50',
+                            boxShadow: '0 0 0 2px rgba(76, 175, 80, 0.2)',
+                        },
+                    },
+                    label: {
+                        color: '#4CAF50',
+                        fontSize: '16px',
+                    },
+                    visibilityToggle: {
+                        color: '#4CAF50',
+                    },
+                } })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: false,
+            },
+        },
+    },
+};

package/dist/components/Inputs/TextInputs/SearchBar/SearchBar.d.ts

@@ -0,0 +1,7 @@
+import { TextInputProps } from '@mantine/core';
+interface SearchBarProps extends TextInputProps {
+    fullWidth?: boolean;
+}
+declare const SearchBar: ({ width, fullWidth, size, styles, ...props }: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
+export { SearchBar };
+//# sourceMappingURL=SearchBar.d.ts.map

package/dist/components/Inputs/TextInputs/SearchBar/SearchBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Inputs/TextInputs/SearchBar/SearchBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAM/C,UAAU,cAAe,SAAQ,cAAc;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,SAAS,GAAI,8CAA6D,cAAc,4CA4B7F,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Inputs/TextInputs/SearchBar/SearchBar.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TextInput } from '../TextInput/TextInput';
+import { neutral } from '../../../../constants/colors';
+import { fontBase } from '../../../../constants/font';
+import { componentSizes } from '../shared/sizes';
+const SearchBar = ({ width, fullWidth = false, size = 'md', styles, ...props }) => {
+    const selectedSize = componentSizes[size || 'md'];
+    const computedWidth = fullWidth ? '100%' : width || `${selectedSize.width}rem`;
+    const style = {
+        input: {
+            ...fontBase,
+            fontSize: selectedSize.fontSize,
+            color: neutral[200],
+            border: `1px solid ${neutral[100]}`,
+            borderRadius: '8px',
+            height: `${selectedSize.height}rem`,
+            transition: 'all 200ms ease-in-out',
+        },
+        ...styles,
+    };
+    return (_jsx(TextInput, { placeholder: "Search", width: computedWidth, styles: style, icon: _jsx("i", { className: "fas fa-search", style: { fontSize: 14, marginLeft: '0.25rem' } }), size: 'lg', fullWidth: fullWidth, ...props }));
+};
+export { SearchBar };

package/dist/components/Inputs/TextInputs/SearchBar/SearchBar.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { SearchBar } from './SearchBar';
+declare const meta: Meta<typeof SearchBar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const Sizes: Story;
+export declare const States: Story;
+export declare const AdditionalFunctionality: Story;
+export declare const CustomStyling: Story;
+//# sourceMappingURL=SearchBar.stories.d.ts.map

package/dist/components/Inputs/TextInputs/SearchBar/SearchBar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Inputs/TextInputs/SearchBar/SearchBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA2FhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAgBnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAiBpB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA2BrC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA6C3B,CAAC"}