revotech-ui-kit 0.0.11 → 0.0.14

package/dist/src/components/atoms/toggle/toggle.stories.js

@@ -1,189 +0,0 @@
-import { html } from 'lit';
-import { expect, within, waitFor, userEvent } from '@storybook/test';
-import { Toggle, TOGGLE_SIZE, TOGGLE_VARIANT } from './toggle.atom';
-// import '../button';
-const meta = {
-    component: 'Toggle',
-    tags: ['autodocs'],
-    argTypes: {
-        variant: {
-            control: {
-                type: 'select',
-            },
-            options: Object.values(TOGGLE_VARIANT),
-            defaultValue: 'DEFAULT',
-            description: 'Choose the visual style of the toggle.',
-            table: {
-                defaultValue: { summary: 'DEFAULT' },
-            },
-        },
-        size: {
-            control: {
-                type: 'select',
-            },
-            options: Object.values(TOGGLE_SIZE),
-            description: 'Choose the size of the toggle.',
-            defaultValue: 'SMALL',
-            table: {
-                defaultValue: { summary: 'SMALL' },
-            },
-        },
-        disabled: {
-            control: 'boolean',
-            description: 'Disable the toggle to prevent interactions.',
-            table: {
-                defaultValue: { summary: 'false' },
-            },
-        },
-        checked: {
-            control: 'boolean',
-            description: 'Set the initial checked state of the toggle.',
-            table: {
-                defaultValue: { summary: 'false' },
-            },
-        },
-        required: {
-            control: 'boolean',
-            description: 'Mark the toggle as required.',
-            table: {
-                defaultValue: { summary: 'false' },
-            },
-        },
-    },
-};
-const testToggleBehavior = async (args, canvasElement, mockHandler) => {
-    const canvas = within(canvasElement);
-    const toggle = await waitFor(() => canvas.getByTestId('toggle-id'));
-    if (toggle.shadowRoot) {
-        const innerToggle = toggle.shadowRoot.querySelector('[data-testchild="children-id"]');
-        expect(innerToggle).toHaveAttribute('type', 'button');
-        // Test toggle state
-        if (args.checked) {
-            expect(innerToggle).toBeChecked();
-        }
-        else {
-            expect(innerToggle).not.toBeChecked();
-        }
-        // Test toggle click behavior
-        if (!args.disabled && innerToggle) {
-            await userEvent.click(innerToggle);
-            if (mockHandler) {
-                expect(mockHandler).toHaveBeenCalled();
-            }
-        }
-        // Test toggle disabled state
-        if (args.disabled) {
-            expect(innerToggle).toBeDisabled();
-        }
-        else {
-            expect(innerToggle).not.toBeDisabled();
-        }
-        // Test toggle variant classes
-        const expectedClasses = Toggle.toggleVariants({
-            variant: args.variant,
-            size: args.size,
-            className: '',
-        });
-        expect(innerToggle).toHaveClass(expectedClasses);
-        // Test toggle size classes
-        const expectedSizeClasses = Toggle.toggleVariants({
-            variant: args.variant,
-            size: args.size,
-            className: '',
-        });
-        expect(innerToggle).toHaveClass(expectedSizeClasses);
-    }
-};
-export default meta;
-export const Toggles = {
-    args: {
-        variant: 'DEFAULT',
-        size: 'SMALL',
-        disabled: false,
-        checked: false,
-        required: false,
-    },
-    render: ({ variant, size, disabled, checked, required }) => html `
-    <rtg-toggle
-      ?disabled=${disabled}
-      ?checked=${checked}
-      ?required=${required}
-      .variant=${variant}
-      .size=${size}
-      data-testid="toggle-id"
-      data-testchild="children-id"
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        stroke="currentColor"
-        stroke-width="2"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        class="lucide lucide-bold h-4 w-4"
-      >
-        <path d="M14 12a4 4 0 0 0 0-8H6v8"></path>
-        <path d="M15 20a4 4 0 0 0 0-8H6v8Z"></path>
-      </svg>
-    </rtg-toggle>
-  `,
-    play: async ({ args, canvasElement }) => {
-        await testToggleBehavior(args, canvasElement, null);
-    },
-};
-export const RequiredToggle = {
-    name: 'Required Toggle',
-    args: {
-        variant: 'DEFAULT',
-        size: 'SMALL',
-        disabled: false,
-        checked: false,
-        required: true,
-    },
-    render: ({ variant, size, disabled, checked, required }) => html `
-    <div>
-      <rtg-toggle
-        ?disabled=${disabled}
-        ?checked=${checked}
-        ?required=${required}
-        .variant=${variant}
-        .size=${size}
-        data-testid="toggle-id"
-        data-testchild="children-id"
-        @click=${(e) => {
-        const checkbox = e.target;
-        const button = document.querySelector('rtg-button');
-        if (button) {
-            button.disabled = required ? !checkbox.checked : false;
-        }
-    }}
-      >
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="24"
-          height="24"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          stroke-width="2"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          class="lucide lucide-italic h-4 w-4"
-        >
-          <line x1="19" x2="10" y1="4" y2="4"></line>
-          <line x1="14" x2="5" y1="20" y2="20"></line>
-          <line x1="15" x2="9" y1="4" y2="20"></line>
-        </svg>
-      </rtg-toggle>
-    </div>
-
-    <rtg-button ?disabled=${required && !checked}> send </rtg-button>
-  `,
-    play: async ({ args, canvasElement }) => {
-        await testToggleBehavior(args, canvasElement, null);
-    },
-};
-//# sourceMappingURL=toggle.stories.js.map

package/dist/src/components/atoms/toggle/toggle.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle.stories.js","sourceRoot":"","sources":["../../../../../src/components/atoms/toggle/toggle.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport type { Meta, StoryObj } from '@storybook/web-components';\nimport { expect, within, waitFor, userEvent } from '@storybook/test';\nimport { Toggle, TOGGLE_SIZE, TOGGLE_VARIANT } from './toggle.atom';\n// import '../button';\n\nconst meta: Meta = {\n  component: 'Toggle',\n  tags: ['autodocs'],\n  argTypes: {\n    variant: {\n      control: {\n        type: 'select',\n      },\n      options: Object.values(TOGGLE_VARIANT),\n      defaultValue: 'DEFAULT',\n      description: 'Choose the visual style of the toggle.',\n      table: {\n        defaultValue: { summary: 'DEFAULT' },\n      },\n    },\n    size: {\n      control: {\n        type: 'select',\n      },\n      options: Object.values(TOGGLE_SIZE),\n      description: 'Choose the size of the toggle.',\n      defaultValue: 'SMALL',\n      table: {\n        defaultValue: { summary: 'SMALL' },\n      },\n    },\n    disabled: {\n      control: 'boolean',\n      description: 'Disable the toggle to prevent interactions.',\n      table: {\n        defaultValue: { summary: 'false' },\n      },\n    },\n    checked: {\n      control: 'boolean',\n      description: 'Set the initial checked state of the toggle.',\n      table: {\n        defaultValue: { summary: 'false' },\n      },\n    },\n    required: {\n      control: 'boolean',\n      description: 'Mark the toggle as required.',\n      table: {\n        defaultValue: { summary: 'false' },\n      },\n    },\n  },\n};\n\nconst testToggleBehavior = async (\n  args: any,\n  canvasElement: any,\n  mockHandler: any\n) => {\n  const canvas = within(canvasElement);\n  const toggle = await waitFor(() => canvas.getByTestId('toggle-id'));\n  if (toggle.shadowRoot) {\n    const innerToggle = toggle.shadowRoot.querySelector(\n      '[data-testchild=\"children-id\"]'\n    );\n    expect(innerToggle).toHaveAttribute('type', 'button');\n    // Test toggle state\n    if (args.checked) {\n      expect(innerToggle).toBeChecked();\n    } else {\n      expect(innerToggle).not.toBeChecked();\n    }\n\n    // Test toggle click behavior\n    if (!args.disabled && innerToggle) {\n      await userEvent.click(innerToggle);\n      if (mockHandler) {\n        expect(mockHandler).toHaveBeenCalled();\n      }\n    }\n\n    // Test toggle disabled state\n    if (args.disabled) {\n      expect(innerToggle).toBeDisabled();\n    } else {\n      expect(innerToggle).not.toBeDisabled();\n    }\n\n    // Test toggle variant classes\n    const expectedClasses = Toggle.toggleVariants({\n      variant: args.variant,\n      size: args.size,\n      className: '',\n    });\n    expect(innerToggle).toHaveClass(expectedClasses);\n    // Test toggle size classes\n    const expectedSizeClasses = Toggle.toggleVariants({\n      variant: args.variant,\n      size: args.size,\n      className: '',\n    });\n    expect(innerToggle).toHaveClass(expectedSizeClasses);\n  }\n};\n\nexport default meta;\ntype Story = StoryObj;\n\nexport const Toggles: Story = {\n  args: {\n    variant: 'DEFAULT',\n    size: 'SMALL',\n    disabled: false,\n    checked: false,\n    required: false,\n  },\n  render: ({ variant, size, disabled, checked, required }) => html`\n    <rtg-toggle\n      ?disabled=${disabled}\n      ?checked=${checked}\n      ?required=${required}\n      .variant=${variant}\n      .size=${size}\n      data-testid=\"toggle-id\"\n      data-testchild=\"children-id\"\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        class=\"lucide lucide-bold h-4 w-4\"\n      >\n        <path d=\"M14 12a4 4 0 0 0 0-8H6v8\"></path>\n        <path d=\"M15 20a4 4 0 0 0 0-8H6v8Z\"></path>\n      </svg>\n    </rtg-toggle>\n  `,\n  play: async ({ args, canvasElement }) => {\n    await testToggleBehavior(args, canvasElement, null);\n  },\n};\n\nexport const RequiredToggle: Story = {\n  name: 'Required Toggle',\n  args: {\n    variant: 'DEFAULT',\n    size: 'SMALL',\n    disabled: false,\n    checked: false,\n    required: true,\n  },\n  render: ({ variant, size, disabled, checked, required }) => html`\n    <div>\n      <rtg-toggle\n        ?disabled=${disabled}\n        ?checked=${checked}\n        ?required=${required}\n        .variant=${variant}\n        .size=${size}\n        data-testid=\"toggle-id\"\n        data-testchild=\"children-id\"\n        @click=${(e: Event) => {\n          const checkbox = e.target as HTMLInputElement;\n          const button = document.querySelector(\n            'rtg-button'\n          ) as unknown as HTMLButtonElement;\n          if (button) {\n            button.disabled = required ? !checkbox.checked : false;\n          }\n        }}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          class=\"lucide lucide-italic h-4 w-4\"\n        >\n          <line x1=\"19\" x2=\"10\" y1=\"4\" y2=\"4\"></line>\n          <line x1=\"14\" x2=\"5\" y1=\"20\" y2=\"20\"></line>\n          <line x1=\"15\" x2=\"9\" y1=\"4\" y2=\"20\"></line>\n        </svg>\n      </rtg-toggle>\n    </div>\n\n    <rtg-button ?disabled=${required && !checked}> send </rtg-button>\n  `,\n  play: async ({ args, canvasElement }) => {\n    await testToggleBehavior(args, canvasElement, null);\n  },\n};\n"]}

package/dist/src/components/atoms/toggle/toggle.style.d.ts

@@ -1,4 +0,0 @@
-export declare const toggleStyle: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "lg" | "md" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/src/components/atoms/toggle/toggle.style.js

@@ -1,19 +0,0 @@
-import { cva } from 'class-variance-authority';
-export const toggleStyle = cva('inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground bg-transparent h-10 px-3', {
-    variants: {
-        variant: {
-            default: ` hover:bg-muted hover:text-muted-foreground`,
-            outline: ` border border-input hover:bg-accent hover:text-accent-foreground`,
-        },
-        size: {
-            sm: 'h-9 px-2.5',
-            md: 'h-10 px-3',
-            lg: 'h-11 px-5',
-        },
-    },
-    defaultVariants: {
-        variant: 'default',
-        size: 'sm',
-    },
-});
-//# sourceMappingURL=toggle.style.js.map

package/dist/src/components/atoms/toggle/toggle.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle.style.js","sourceRoot":"","sources":["../../../../../src/components/atoms/toggle/toggle.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,gWAAgW,EAChW;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,6CAA6C;YACtD,OAAO,EAAE,mEAAmE;SAC7E;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,YAAY;YAChB,EAAE,EAAE,WAAW;YACf,EAAE,EAAE,WAAW;SAChB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAC","sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport const toggleStyle = cva(\n  'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground bg-transparent h-10 px-3',\n  {\n    variants: {\n      variant: {\n        default: ` hover:bg-muted hover:text-muted-foreground`,\n        outline: ` border border-input hover:bg-accent hover:text-accent-foreground`,\n      },\n      size: {\n        sm: 'h-9 px-2.5',\n        md: 'h-10 px-3',\n        lg: 'h-11 px-5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'sm',\n    },\n  }\n);\n"]}

package/dist/src/components/command/command.d.ts

@@ -1,56 +0,0 @@
-import { LitElement } from 'lit';
-export declare class Command extends LitElement {
-    static styles: import("lit").CSSResult[];
-    _input: Array<HTMLElement>;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export declare class CommandList extends LitElement {
-    static styles: import("lit").CSSResult[];
-    private get identifier();
-    render(): import("lit-html").TemplateResult<1>;
-}
-export declare class CommandGroup extends LitElement {
-    heading: string;
-    _id: string;
-    _hidden: string;
-    private static _counter;
-    static styles: import("lit").CSSResult[];
-    private get identifier();
-    render(): import("lit-html").TemplateResult<1>;
-}
-export declare class CommandSeparator extends LitElement {
-    _id: string;
-    _hidden: string;
-    private static _counter;
-    static styles: import("lit").CSSResult[];
-    private get identifier();
-    render(): import("lit-html").TemplateResult<1>;
-}
-export declare class CommandEmpty extends LitElement {
-    _id: string;
-    _hidden: string;
-    private static _counter;
-    static styles: import("lit").CSSResult[];
-    private get identifier();
-    render(): import("lit-html").TemplateResult<1>;
-}
-export declare class CommandItem extends LitElement {
-    _id: string;
-    _hidden: string;
-    private static _counter;
-    static styles: import("lit").CSSResult[];
-    private get identifier();
-    get value(): string;
-    selected: boolean;
-    private handleMouseEvent;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export declare class CommandInput extends LitElement {
-    placeholder: string;
-    _value: string;
-    static styles: import("lit").CSSResult[];
-    private get identifier();
-    private filterItems;
-    private handleChange;
-    render(): import("lit-html").TemplateResult<1>;
-}