@taiv/ui 1.3.2 → 1.4.0

package/dist/components/Inputs/Dropdowns/CascadingSelect/CascadingSelect.stories.js

@@ -0,0 +1,362 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CascadingSelect } from './CascadingSelect';
+import { Group } from '../../../Layout/Group/Group';
+const meta = {
+    title: 'Components/Inputs/Dropdowns/CascadingSelect',
+    component: CascadingSelect,
+    parameters: {
+        layout: 'centered',
+    },
+    argTypes: {
+        size: {
+            control: { type: 'select' },
+            options: ['sm', 'md', 'lg'],
+            description: 'Controls the cascading select 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: 'Select 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' },
+            },
+        },
+        clearable: {
+            control: { type: 'boolean' },
+            description: 'Allow clearing selection',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        searchable: {
+            control: { type: 'boolean' },
+            description: 'Allow searching options',
+            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: '(value: string | null) => void' },
+            },
+        },
+    },
+};
+export default meta;
+// Sample hierarchical data
+const categoryData = [
+    {
+        option: { value: 'electronics', label: 'Electronics' },
+        icon: '📱',
+        children: [
+            {
+                option: { value: 'phones', label: 'Smartphones' },
+                icon: '📱',
+                children: [
+                    { option: { value: 'iphone', label: 'iPhone' }, icon: '🍎' },
+                    { option: { value: 'samsung', label: 'Samsung Galaxy' }, icon: '📱' },
+                    { option: { value: 'google', label: 'Google Pixel' }, icon: '🔍' },
+                ],
+            },
+            {
+                option: { value: 'laptops', label: 'Laptops' },
+                icon: '💻',
+                children: [
+                    { option: { value: 'macbook', label: 'MacBook' }, icon: '🍎' },
+                    { option: { value: 'thinkpad', label: 'ThinkPad' }, icon: '💻' },
+                    { option: { value: 'surface', label: 'Surface' }, icon: '🖥️' },
+                ],
+            },
+        ],
+    },
+    {
+        option: { value: 'clothing', label: 'Clothing' },
+        icon: '👕',
+        children: [
+            {
+                option: { value: 'mens', label: "Men's Clothing" },
+                icon: '👔',
+                children: [
+                    { option: { value: 'shirts', label: 'Shirts' }, icon: '👕' },
+                    { option: { value: 'pants', label: 'Pants' }, icon: '👖' },
+                    { option: { value: 'shoes', label: 'Shoes' }, icon: '👟' },
+                ],
+            },
+            {
+                option: { value: 'womens', label: "Women's Clothing" },
+                icon: '👗',
+                children: [
+                    { option: { value: 'dresses', label: 'Dresses' }, icon: '👗' },
+                    { option: { value: 'tops', label: 'Tops' }, icon: '👚' },
+                    { option: { value: 'accessories', label: 'Accessories' }, icon: '👜' },
+                ],
+            },
+        ],
+    },
+    {
+        option: { value: 'home', label: 'Home & Garden' },
+        icon: '🏠',
+        children: [
+            {
+                option: { value: 'furniture', label: 'Furniture' },
+                icon: '🪑',
+                children: [
+                    { option: { value: 'sofas', label: 'Sofas' }, icon: '🛋️' },
+                    { option: { value: 'tables', label: 'Tables' }, icon: '🪑' },
+                    { option: { value: 'chairs', label: 'Chairs' }, icon: '🪑' },
+                ],
+            },
+        ],
+    },
+];
+const simpleHierarchyData = [
+    {
+        option: { value: 'level1', label: 'Level 1 Item' },
+        children: [{ option: { value: 'level2a', label: 'Level 2 Item A' } }, { option: { value: 'level2b', label: 'Level 2 Item B' } }],
+    },
+    {
+        option: { value: 'another-level1', label: 'Another Level 1 Item' },
+        children: [{ option: { value: 'another-level2', label: 'Another Level 2 Item' } }],
+    },
+];
+export const Default = {
+    args: {
+        data: categoryData,
+        placeholder: 'Select a category',
+        size: 'md',
+        disabled: false,
+        required: false,
+        fullWidth: false,
+        clearable: false,
+        searchable: false,
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { height: '220px' }, children: _jsx(Story, {}) })),
+    ],
+    parameters: {
+        docs: {
+            source: {
+                code: `<CascadingSelect
+  data={[
+    {
+      option: { value: 'electronics', label: 'Electronics' },
+      icon: '📱',
+      children: [
+        {
+          option: { value: 'phones', label: 'Smartphones' },
+          children: [
+            { option: { value: 'iphone', label: 'iPhone' } },
+            { option: { value: 'samsung', label: 'Samsung Galaxy' } },
+          ],
+        },
+      ],
+    },
+  ]}
+  placeholder="Select a category"
+  value={selectedValue}
+  onChange={(value) => setSelectedValue(value)}
+/>`,
+            },
+        },
+    },
+};
+export const Sizes = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(CascadingSelect, { size: "sm", data: simpleHierarchyData, placeholder: "Small Cascading Select" }), _jsx(CascadingSelect, { size: "md", data: simpleHierarchyData, placeholder: "Medium Cascading Select (Default)" }), _jsx(CascadingSelect, { size: "lg", data: simpleHierarchyData, placeholder: "Large Cascading Select" })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: false,
+            },
+        },
+    },
+};
+export const WithIcons = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(CascadingSelect, { label: "Categories with Icons", data: categoryData, placeholder: "Select with icons" }), _jsx(CascadingSelect, { label: "Simple Hierarchy", data: simpleHierarchyData, placeholder: "Select without icons" })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: false,
+            },
+        },
+    },
+};
+export const States = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(CascadingSelect, { label: "Normal Cascading Select", data: simpleHierarchyData, placeholder: "Select option" }), _jsx(CascadingSelect, { label: "Disabled Cascading Select", data: simpleHierarchyData, placeholder: "Select option", disabled: true }), _jsx(CascadingSelect, { label: "Required Cascading Select", data: simpleHierarchyData, placeholder: "Select option", required: true }), _jsx(CascadingSelect, { label: "Cascading Select with Description", description: "Please choose an option from the hierarchy", data: simpleHierarchyData, placeholder: "Select option" }), _jsx(CascadingSelect, { label: "Cascading Select with Error", error: "This field is required", data: simpleHierarchyData, placeholder: "Select option" })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: false,
+            },
+        },
+    },
+};
+export const WithFeatures = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(CascadingSelect, { label: "Clearable Cascading Select", data: simpleHierarchyData, placeholder: "Select option", clearable: true, value: "level2a" }), _jsx(CascadingSelect, { label: "Searchable Cascading Select", data: categoryData, placeholder: "Search categories", searchable: true })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: false,
+            },
+        },
+    },
+};
+export const FullWidth = {
+    render: () => (_jsx("div", { style: { width: '400px' }, children: _jsx(CascadingSelect, { label: "Full Width Cascading Select", data: simpleHierarchyData, placeholder: "Select option", fullWidth: true }) })),
+    parameters: {
+        docs: {
+            source: {
+                code: false,
+            },
+        },
+    },
+};
+export const DeepHierarchy = {
+    render: () => {
+        const deepData = [
+            {
+                option: { value: 'company', label: 'Company' },
+                icon: '🏢',
+                children: [
+                    {
+                        option: { value: 'departments', label: 'Departments' },
+                        icon: '🏛️',
+                        children: [
+                            {
+                                option: { value: 'engineering', label: 'Engineering' },
+                                icon: '⚙️',
+                                children: [
+                                    {
+                                        option: { value: 'frontend', label: 'Frontend' },
+                                        icon: '💻',
+                                        children: [
+                                            { option: { value: 'react', label: 'React Team' }, icon: '⚛️' },
+                                            { option: { value: 'vue', label: 'Vue Team' }, icon: '💚' },
+                                        ],
+                                    },
+                                    {
+                                        option: { value: 'backend', label: 'Backend' },
+                                        icon: '🔧',
+                                        children: [
+                                            { option: { value: 'node', label: 'Node.js Team' }, icon: '🟢' },
+                                            { option: { value: 'python', label: 'Python Team' }, icon: '🐍' },
+                                        ],
+                                    },
+                                ],
+                            },
+                        ],
+                    },
+                ],
+            },
+        ];
+        return _jsx(CascadingSelect, { label: "Deep Hierarchy Example", data: deepData, placeholder: "Navigate through company structure", searchable: true });
+    },
+    parameters: {
+        docs: {
+            source: {
+                code: false,
+            },
+        },
+    },
+};
+export const CustomStyles = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(CascadingSelect, { label: "Custom Styled Cascading Select", data: simpleHierarchyData, placeholder: "Select option", styles: {
+                    input: {
+                        borderColor: '#ff6b6b',
+                        '&:focus': {
+                            borderColor: '#ff6b6b',
+                            boxShadow: '0 0 0 2px rgba(255, 107, 107, 0.2)',
+                        },
+                    },
+                    label: {
+                        color: '#ff6b6b',
+                        fontWeight: 600,
+                    },
+                } }), _jsx(CascadingSelect, { label: "Another Custom Style", data: simpleHierarchyData, placeholder: "Select option", 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/Dropdowns/FontSelect/FontSelect.d.ts

@@ -0,0 +1,11 @@
+import { SelectProps } from '../Select/Select';
+import { SelectOption } from '../../../../utils/select';
+export interface FontSelectProps extends Omit<SelectProps, 'value' | 'data'> {
+    data?: SelectOption[];
+    value?: string | null;
+    width?: string | number;
+    fullWidth?: boolean;
+}
+declare const FontSelect: ({ data, value, placeholder, size, width, fullWidth, styles, ...props }: FontSelectProps) => import("react/jsx-runtime").JSX.Element;
+export { FontSelect };
+//# sourceMappingURL=FontSelect.d.ts.map

package/dist/components/Inputs/Dropdowns/FontSelect/FontSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontSelect.d.ts","sourceRoot":"","sources":["../../../../../src/components/Inputs/Dropdowns/FontSelect/FontSelect.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAU,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1E,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,UAAU,GAAI,wEAAyG,eAAe,4CAoD3I,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Inputs/Dropdowns/FontSelect/FontSelect.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@mantine/core';
+import { neutral } from '../../../../constants/colors';
+import { componentSizes } from '../shared/sizes';
+import { Select } from '../Select/Select';
+import Fonts from './font-options';
+const FontSelect = ({ data, value, placeholder = 'Select a font', size = 'md', width, fullWidth = false, styles, ...props }) => {
+    const selectedSize = componentSizes[size];
+    const computedWidth = fullWidth ? '100%' : width || `${selectedSize.minWidth}rem`;
+    const DropdownItem = ({ value, label, ...others }) => (_jsx(Box, { title: label, children: _jsx("div", { style: {
+                fontFamily: value,
+                fontSize: selectedSize.fontSize,
+                color: neutral[200],
+                padding: selectedSize.dropdownPadding,
+                borderRadius: '0.5rem',
+                transition: 'background-color 200ms ease-in-out',
+            }, ...others, children: label }) }));
+    const style = {
+        input: {
+            fontFamily: value || 'Poppins, sans-serif',
+            color: neutral[200],
+            border: `1px solid ${neutral[100]}`,
+            borderRadius: '8px',
+            transition: 'all 200ms ease-in-out',
+            height: `${selectedSize.height}rem`,
+            fontSize: selectedSize.fontSize,
+            padding: selectedSize.inputPadding,
+        },
+        item: {
+            fontFamily: 'Poppins, sans-serif',
+            color: neutral[200],
+            borderRadius: '8px',
+            transition: 'background-color 200ms ease-in-out',
+            padding: selectedSize.dropdownPadding,
+            fontSize: selectedSize.fontSize,
+            '&[data-selected]': {
+                backgroundColor: neutral[50],
+                color: neutral[200],
+            },
+            '&[data-hovered]': {
+                backgroundColor: neutral[50],
+            },
+            ...styles,
+        },
+    };
+    return _jsx(Select, { placeholder: placeholder, width: computedWidth, value: value, size: size, styles: style, itemComponent: DropdownItem, data: data || Fonts.FONTS, ...props });
+};
+export { FontSelect };

package/dist/components/Inputs/Dropdowns/FontSelect/FontSelect.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { FontSelect } from './FontSelect';
+declare const meta: Meta<typeof FontSelect>;
+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=FontSelect.stories.d.ts.map

package/dist/components/Inputs/Dropdowns/FontSelect/FontSelect.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontSelect.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Inputs/Dropdowns/FontSelect/FontSelect.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA2GjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAenB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAiBpB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAcrC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA6C3B,CAAC"}

package/dist/components/Inputs/Dropdowns/FontSelect/FontSelect.stories.js

@@ -0,0 +1,215 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FontSelect } from './FontSelect';
+import { Group } from '../../../Layout/Group/Group';
+const meta = {
+    title: 'Components/Inputs/Dropdowns/FontSelect',
+    component: FontSelect,
+    parameters: {
+        layout: 'centered',
+    },
+    argTypes: {
+        size: {
+            control: { type: 'select' },
+            options: ['sm', 'md', 'lg'],
+            description: 'Controls the font select size',
+            table: {
+                type: { summary: "'sm' | 'md' | 'lg'" },
+                defaultValue: { summary: "'md'" },
+            },
+        },
+        placeholder: {
+            control: { type: 'text' },
+            description: 'Placeholder text',
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: "'Select a font'" },
+            },
+        },
+        label: {
+            control: { type: 'text' },
+            description: 'Font select 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' },
+            },
+        },
+        clearable: {
+            control: { type: 'boolean' },
+            description: 'Allow clearing selection',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
+        },
+        searchable: {
+            control: { type: 'boolean' },
+            description: 'Allow searching fonts',
+            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: '(value: string | null) => void' },
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        size: 'md',
+        disabled: false,
+        required: false,
+        fullWidth: false,
+        clearable: false,
+        searchable: false,
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { height: '220px' }, children: _jsx(Story, {}) })),
+    ],
+    parameters: {
+        docs: {
+            source: {
+                code: `<FontSelect
+  value={selectedFont}
+  onChange={(value) => setSelectedFont(value)}
+/>`,
+            },
+        },
+    },
+};
+export const Variants = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(FontSelect, { label: "Default Font Select" }), _jsx(FontSelect, { label: "With Custom Data", data: [
+                    { value: 'Arial', label: 'Arial' },
+                    { value: 'Helvetica', label: 'Helvetica' },
+                    { value: 'Times New Roman', label: 'Times New Roman' },
+                    { value: 'Georgia', label: 'Georgia' },
+                ] })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: false,
+            },
+        },
+    },
+};
+export const Sizes = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(FontSelect, { size: "sm" }), _jsx(FontSelect, { size: "md" }), _jsx(FontSelect, { size: "lg" })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: false,
+            },
+        },
+    },
+};
+export const States = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(FontSelect, { label: "Normal Font Select" }), _jsx(FontSelect, { label: "Disabled Font Select", disabled: true }), _jsx(FontSelect, { label: "Required Font Select", required: true }), _jsx(FontSelect, { label: "Font Select with Description", description: "Choose your preferred font" }), _jsx(FontSelect, { label: "Font Select with Error", error: "Please select a font" })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: false,
+            },
+        },
+    },
+};
+export const AdditionalFunctionality = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(FontSelect, { label: "Clearable Font Select", clearable: true, value: "Poppins" }), _jsx(FontSelect, { label: "Searchable Font Select", searchable: true })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: false,
+            },
+        },
+    },
+};
+export const CustomStyling = {
+    render: () => (_jsxs(Group, { gap: "2rem", children: [_jsx(FontSelect, { label: "Custom Styled Font Select", styles: {
+                    input: {
+                        borderColor: '#ff6b6b',
+                        '&:focus': {
+                            borderColor: '#ff6b6b',
+                            boxShadow: '0 0 0 2px rgba(255, 107, 107, 0.2)',
+                        },
+                    },
+                    label: {
+                        color: '#ff6b6b',
+                        fontWeight: 600,
+                    },
+                } }), _jsx(FontSelect, { 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',
+                    },
+                } })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: false,
+            },
+        },
+    },
+};

package/dist/components/Inputs/Dropdowns/FontSelect/font-options.d.ts

@@ -0,0 +1,9 @@
+import { SelectOption } from '../../../../utils/select';
+export declare const FONTS: SelectOption[];
+export declare const FONT_SIZES: SelectOption[];
+declare const _default: {
+    FONTS: SelectOption[];
+    FONT_SIZES: SelectOption[];
+};
+export default _default;
+//# sourceMappingURL=font-options.d.ts.map

package/dist/components/Inputs/Dropdowns/FontSelect/font-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-options.d.ts","sourceRoot":"","sources":["../../../../../src/components/Inputs/Dropdowns/FontSelect/font-options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,eAAO,MAAM,KAAK,EAAE,YAAY,EAoC/B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,YAAY,EA0BpC,CAAC;;;;;AAEF,wBAAqC"}