@flightlesslabs/dodo-ui 0.22.1 → 0.23.0

package/dist/components/Form/RadioGroup/Radio/Radio.stories.svelte

@@ -1,78 +0,0 @@
-<script module lang="ts">
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import Radio from './Radio.svelte';
-  import type { RadioProps } from './Radio.svelte';
-  import type { ArgTypes } from 'storybook/internal/csf';
-  import { componentColorOptions } from '../../../../attributes/color.js';
-  import { componentSizeOptions } from '../../../../attributes/size.js';
-  import { componentRoundnessOptions } from '../../../../attributes/roundness.js';
-  import { componentVariantOptions } from '../../../../attributes/variant.js';
-  import RadioGroup from '../RadioGroup.svelte';
-
-  /**
-   * Storybook controls for Radio
-   */
-  export const RadioArgTypes: Partial<ArgTypes<RadioProps>> = {
-    // ------------------------------
-    // Core
-    // ------------------------------
-    children: { table: { category: 'API', subcategory: 'Base' } },
-    disabled: {
-      control: { type: 'boolean' },
-      description: 'Disable interactions',
-      table: { category: 'API', subcategory: 'Base' },
-    },
-    class: { table: { category: 'API', subcategory: 'Base' } },
-
-    // ------------------------------
-    // Appearance
-    // ------------------------------
-    color: {
-      control: { type: 'select' },
-      options: componentColorOptions,
-      description: 'Color theme token',
-      table: { category: 'API', subcategory: 'Appearance', defaultValue: { summary: 'neutral' } },
-    },
-    variant: {
-      control: { type: 'select' },
-      options: componentVariantOptions,
-      description: 'Visual variant of the Radio',
-      table: { category: 'API', subcategory: 'Appearance', defaultValue: { summary: 'text' } },
-    },
-    size: {
-      control: { type: 'select' },
-      options: componentSizeOptions,
-      description: 'Visual size token',
-      table: { category: 'API', subcategory: 'Appearance', defaultValue: { summary: 'normal' } },
-    },
-    roundness: {
-      control: { type: 'select' },
-      options: componentRoundnessOptions,
-      description: 'Border radius token',
-      table: { category: 'API', subcategory: 'Appearance', defaultValue: { summary: 'full' } },
-    },
-    outline: {
-      control: { type: 'boolean' },
-      description: 'Render outlined style',
-      table: { category: 'API', subcategory: 'Appearance', defaultValue: { summary: 'true' } },
-    },
-  };
-
-  const { Story } = defineMeta({
-    component: Radio,
-    tags: ['autodocs'],
-    argTypes: RadioArgTypes,
-  });
-</script>
-
-<!-- ------------------------------ -->
-<!-- Stories -->
-<!-- ------------------------------ -->
-
-<Story name="Default" asChild>
-  <RadioGroup id="Default">
-    <Radio id="Default-1" value="1">One</Radio>
-    <Radio id="Default-2" value="2">Two</Radio>
-    <Radio id="Default-3" value="3">Three</Radio>
-  </RadioGroup>
-</Story>

package/dist/components/Form/RadioGroup/Radio/Radio.stories.svelte.d.ts

@@ -1,25 +0,0 @@
-import Radio from './Radio.svelte';
-import type { RadioProps } from './Radio.svelte';
-import type { ArgTypes } from 'storybook/internal/csf';
-/**
- * Storybook controls for Radio
- */
-export declare const RadioArgTypes: Partial<ArgTypes<RadioProps>>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Radio: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Radio = InstanceType<typeof Radio>;
-export default Radio;

package/dist/components/Form/RadioGroup/RadioGroup.stories.svelte

@@ -1,172 +0,0 @@
-<script module lang="ts">
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import RadioGroup from './RadioGroup.svelte';
-  import type { RadioGroupProps } from './RadioGroup.svelte';
-  import type { ArgTypes } from 'storybook/internal/csf';
-  import Radio from './Radio/Radio.svelte';
-  import Theme from '../../Layout/Theme/Theme.svelte';
-
-  /**
-   * Storybook controls for RadioGroup
-   */
-  export const RadioGroupArgTypes: Partial<ArgTypes<RadioGroupProps>> = {
-    // ------------------------------
-    // Core
-    // ------------------------------
-    children: { table: { category: 'API', subcategory: 'Base' } },
-    disabled: {
-      control: { type: 'boolean' },
-      description: 'Disable interactions',
-      table: { category: 'API', subcategory: 'Base' },
-    },
-    class: { table: { category: 'API', subcategory: 'Base' } },
-    orientation: {
-      control: { type: 'select' },
-      options: ['horizontal', 'vertical'],
-      table: {
-        category: 'API',
-        subcategory: 'Base',
-        defaultValue: { summary: 'vertical' },
-      },
-    },
-  };
-
-  const { Story } = defineMeta({
-    component: RadioGroup,
-    tags: ['autodocs'],
-    argTypes: RadioGroupArgTypes,
-  });
-
-  let myValue = $state<string>('3');
-</script>
-
-<!-- ------------------------------ -->
-<!-- Stories -->
-<!-- ------------------------------ -->
-
-<!-- ------------------------------ -->
-<!-- Stories -->
-<!-- ------------------------------ -->
-
-<Story name="Default" asChild>
-  <RadioGroup id="Default">
-    <Radio id="Default-1" value="1">One</Radio>
-    <Radio id="Default-2" value="2">Two</Radio>
-    <Radio id="Default-3" value="3">Three</Radio>
-  </RadioGroup>
-</Story>
-
-<Story name="Selected" asChild>
-  <RadioGroup id="Selected" bind:value={myValue}>
-    <Radio id="Selected-1" value="1">One</Radio>
-    <Radio id="Selected-2" value="2">Two</Radio>
-    <Radio id="Selected-3" value="3">Three</Radio>
-  </RadioGroup>
-</Story>
-
-<Story name="Horizontal" asChild>
-  <RadioGroup orientation="horizontal" id="Horizontal">
-    <Radio id="Horizontal-1" value="1">One</Radio>
-    <Radio id="Horizontal-2" value="2">Two</Radio>
-    <Radio id="Horizontal-3" value="3">Three</Radio>
-  </RadioGroup>
-</Story>
-
-<Story name="Solid" asChild>
-  <RadioGroup id="Solid" value="1">
-    <Radio id="Solid-1" value="1" variant="solid">One</Radio>
-    <Radio id="Solid-2" value="2" variant="solid">Two</Radio>
-    <Radio id="Solid-3" value="3" variant="solid">Three</Radio>
-  </RadioGroup>
-</Story>
-
-<Story name="NoOutline" asChild>
-  <RadioGroup id="NoOutline" value="1">
-    <Radio id="NoOutline-1" value="1" outline={false}>One</Radio>
-    <Radio id="NoOutline-2" value="2" outline={false}>Two</Radio>
-    <Radio id="NoOutline-3" value="3" outline={false}>Three</Radio>
-  </RadioGroup>
-</Story>
-
-<Story name="Disabled" asChild>
-  <RadioGroup disabled id="Disabled" value="1">
-    <Radio id="Disabled-1" value="1">One</Radio>
-    <Radio id="Disabled-2" value="2">Two</Radio>
-    <Radio id="Disabled-3" value="3">Three</Radio>
-  </RadioGroup>
-</Story>
-
-<Story name="DisabledRadio" asChild>
-  <RadioGroup id="DisabledRadio" value="2">
-    <Radio id="DisabledRadio-1" value="1" disabled>One (disabled)</Radio>
-    <Radio id="DisabledRadio-2" value="2">Two</Radio>
-    <Radio id="DisabledRadio-3" value="3">Three</Radio>
-  </RadioGroup>
-</Story>
-
-<Story name="Primary" asChild>
-  <RadioGroup id="Primary" value="1">
-    <Radio id="Primary-1" value="1" color="primary">One</Radio>
-    <Radio id="Primary-2" value="2" color="primary">Two</Radio>
-    <Radio id="Primary-3" value="3" color="primary">Three</Radio>
-  </RadioGroup>
-</Story>
-
-<Story name="Large" asChild>
-  <RadioGroup id="Large" value="1">
-    <Radio id="Large-1" value="1" size="large">One</Radio>
-    <Radio id="Large-2" value="2" size="large">Two</Radio>
-    <Radio id="Large-3" value="3" size="large">Three</Radio>
-  </RadioGroup>
-</Story>
-
-<Story name="Safe" asChild>
-  <RadioGroup id="Safe" value="1">
-    <Radio id="Safe-1" value="1" color="safe">One</Radio>
-    <Radio id="Safe-2" value="2" color="safe">Two</Radio>
-    <Radio id="Safe-3" value="3" color="safe">Three</Radio>
-  </RadioGroup>
-</Story>
-
-<Story name="Danger" asChild>
-  <RadioGroup id="Danger" value="1">
-    <Radio id="Danger-1" value="1" color="danger">One</Radio>
-    <Radio id="Danger-2" value="2" color="danger">Two</Radio>
-    <Radio id="Danger-3" value="3" color="danger">Three</Radio>
-  </RadioGroup>
-</Story>
-
-<Story name="onValueChange (Actions)" asChild>
-  <RadioGroup
-    id="onValueChange"
-    value="1"
-    onValueChange={(value: string) => {
-      alert('onValueChange');
-      console.log('onValueChange', value);
-    }}
-  >
-    <Radio id="onValueChange-1" value="1">One</Radio>
-    <Radio id="onValueChange-2" value="2">Two</Radio>
-    <Radio id="onValueChange-3" value="3">Three</Radio>
-  </RadioGroup>
-</Story>
-
-<Story name="Light Theme" asChild>
-  <Theme type="light">
-    <RadioGroup value="1">
-      <Radio id="Light_theme-1" value="1">One</Radio>
-      <Radio id="Light_theme-2" value="2">Two</Radio>
-      <Radio id="Light_theme-3" value="3">Three</Radio>
-    </RadioGroup>
-  </Theme>
-</Story>
-
-<Story name="Dark Theme" asChild globals={{ backgrounds: { value: 'dark' } }}>
-  <Theme type="dark">
-    <RadioGroup value="1">
-      <Radio id="Dark_theme-1" value="1">One</Radio>
-      <Radio id="Dark_theme-2" value="2">Two</Radio>
-      <Radio id="Dark_theme-3" value="3">Three</Radio>
-    </RadioGroup>
-  </Theme>
-</Story>

package/dist/components/Form/RadioGroup/RadioGroup.stories.svelte.d.ts

@@ -1,25 +0,0 @@
-import RadioGroup from './RadioGroup.svelte';
-import type { RadioGroupProps } from './RadioGroup.svelte';
-import type { ArgTypes } from 'storybook/internal/csf';
-/**
- * Storybook controls for RadioGroup
- */
-export declare const RadioGroupArgTypes: Partial<ArgTypes<RadioGroupProps>>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const RadioGroup: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type RadioGroup = InstanceType<typeof RadioGroup>;
-export default RadioGroup;

package/dist/components/Form/Select/Select.stories.svelte

@@ -1,175 +0,0 @@
-<script module lang="ts">
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import Select from './Select.svelte';
-  import type { SelectProps } from './Select.svelte';
-  import type { ArgTypes } from 'storybook/internal/csf';
-
-  import { componentSizeOptions } from '../../../attributes/size.js';
-  import { componentRoundnessOptions } from '../../../attributes/roundness.js';
-  import Theme from '../../Layout/Theme/Theme.svelte';
-
-  const description = `
- A searchable Select component based on bits-ui [combobox](https://bits-ui.com/docs/components/combobox).
-
- \`\`\`ts
- import { Select } from '@flightlesslabs/dodo-ui';
- \`\`\`
-`;
-
-  const options = [
-    { value: 'one', label: 'One' },
-    { value: 'two', label: 'Two' },
-    { value: 'three', label: 'Three' },
-    { value: 'four', label: 'Four' },
-    { value: 'five', label: 'Five' },
-    { value: 'six', label: 'Six' },
-    { value: 'seven', label: 'Seven' },
-    { value: 'eight', label: 'Eight' },
-    { value: 'nine', label: 'Nine' },
-    { value: 'ten', label: 'Ten' },
-    { value: 'eleven', label: 'Eleven' },
-    { value: 'twelve', label: 'Twelve' },
-    { value: 'thirteen', label: 'Thirteen' },
-    { value: 'fourteen', label: 'Fourteen' },
-    { value: 'fifteen', label: 'Fifteen' },
-    { value: 'sixteen', label: 'Sixteen' },
-    { value: 'seventeen', label: 'Seventeen' },
-    { value: 'eighteen', label: 'Eighteen' },
-    { value: 'nineteen', label: 'Nineteen' },
-    { value: 'twenty', label: 'Twenty' },
-    { value: 'twentyOne', label: 'Twenty One' },
-    { value: 'twentyTwo', label: 'Twenty Two' },
-    { value: 'twentyThree', label: 'Twenty Three' },
-    { value: 'twentyFour', label: 'Twenty Four' },
-    { value: 'twentyFive', label: 'Twenty Five' },
-  ];
-
-  // ------------------------------
-  // Storybook ArgTypes
-  // ------------------------------
-  export const storySelectArgTypes: Partial<ArgTypes<SelectProps>> = {
-    // ------------------------------
-    // Core
-    // ------------------------------
-    class: { table: { category: 'API', subcategory: 'Base' } },
-    value: {
-      control: { type: 'text' },
-      table: { category: 'API', subcategory: 'Base' },
-    },
-    name: { table: { category: 'API', subcategory: 'Base' } },
-    options: { table: { category: 'API', subcategory: 'Base' } },
-    searchable: {
-      control: { type: 'boolean' },
-      table: { category: 'API', subcategory: 'Base' },
-    },
-
-    // ------------------------------
-    // State
-    // ------------------------------
-    disabled: {
-      control: { type: 'boolean' },
-      description: 'Disabled state of the input',
-      table: { category: 'API', subcategory: 'State', defaultValue: { summary: 'false' } },
-    },
-    focused: {
-      control: { type: 'boolean' },
-      description: 'Force focused visual state',
-      table: { category: 'API', subcategory: 'State', defaultValue: { summary: 'false' } },
-    },
-    error: {
-      control: { type: 'boolean' },
-      description: 'Error visual state',
-      table: { category: 'API', subcategory: 'State', defaultValue: { summary: 'false' } },
-    },
-
-    // ------------------------------
-    // Appearance
-    // ------------------------------
-    size: {
-      control: { type: 'select' },
-      options: componentSizeOptions,
-      description: 'Visual size token',
-      table: { category: 'API', subcategory: 'Appearance', defaultValue: { summary: 'normal' } },
-    },
-    roundness: {
-      control: { type: 'select' },
-      options: componentRoundnessOptions,
-      description: 'Border radius token',
-      table: { category: 'API', subcategory: 'Appearance', defaultValue: { summary: '1' } },
-    },
-    outline: {
-      control: { type: 'boolean' },
-      description: 'Render outlined enclosure',
-      table: { category: 'API', subcategory: 'Appearance', defaultValue: { summary: 'true' } },
-    },
-
-    // ------------------------------
-    // Slots (Snippets)
-    // ------------------------------
-    before: {
-      table: { category: 'API', subcategory: 'Slots' },
-      description: 'Content rendered before the input',
-    },
-    after: {
-      table: { category: 'API', subcategory: 'Slots' },
-      description: 'Content rendered after the input',
-    },
-  };
-
-  // ------------------------------
-  // Storybook Meta
-  // ------------------------------
-  const { Story } = defineMeta({
-    component: Select,
-    tags: ['autodocs'],
-    argTypes: storySelectArgTypes,
-    args: {
-      options,
-    },
-    parameters: {
-      docs: {
-        description: {
-          component: description,
-        },
-      },
-    },
-  });
-
-  let myValue = $state<string | undefined>(options[1].value);
-</script>
-
-<!-- ------------------------------ -->
-<!-- Stories -->
-<!-- ------------------------------ -->
-
-<Story name="Default" args={{ placeholder: 'Select an option' }} />
-
-<Story name="Searchable" args={{ searchable: true, placeholder: 'Search a number' }} />
-
-<Story name="Controlled" asChild>
-  <Select {options} bind:value={myValue} />
-</Story>
-
-<Story
-  name="OnChange (Actions)"
-  args={{
-    onValueChange: (val: string) => {
-      alert('OnChange');
-      console.log('OnChange', val);
-    },
-  }}
-/>
-
-<Story name="Disabled" args={{ placeholder: 'Select an option', disabled: true }} />
-
-<Story name="Light Theme" asChild>
-  <Theme type="light">
-    <Select {options} />
-  </Theme>
-</Story>
-
-<Story name="Dark Theme" asChild globals={{ backgrounds: { value: 'dark' } }}>
-  <Theme type="dark">
-    <Select {options} popupProps={{ theme: 'dark' }} />
-  </Theme>
-</Story>

package/dist/components/Form/Select/Select.stories.svelte.d.ts

@@ -1,22 +0,0 @@
-import Select from './Select.svelte';
-import type { SelectProps } from './Select.svelte';
-import type { ArgTypes } from 'storybook/internal/csf';
-export declare const storySelectArgTypes: Partial<ArgTypes<SelectProps>>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Select: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Select = InstanceType<typeof Select>;
-export default Select;

package/dist/components/Form/Switch/Switch.stories.svelte

@@ -1,128 +0,0 @@
-<script module lang="ts">
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import Switch from './Switch.svelte';
-  import type { SwitchProps } from './Switch.svelte';
-  import type { ArgTypes } from 'storybook/internal/csf';
-  import { componentColorOptions } from '../../../attributes/color.js';
-  import { componentSizeOptions } from '../../../attributes/size.js';
-  import { componenRoundnessShapeOptions } from '../../../attributes/roundness.js';
-  import Theme from '../../Layout/Theme/Theme.svelte';
-  import { componentVariantOptions } from '../../../attributes/variant.js';
-
-  const description = `
- A Switch/toggle component based on bits-ui [switch](https://bits-ui.com/docs/components/switch).
-
- \`\`\`ts
- import { Switch } from '@flightlesslabs/dodo-ui';
- \`\`\`
-`;
-
-  /**
-   * Storybook controls for Switch
-   */
-  export const SwitchArgTypes: Partial<ArgTypes<SwitchProps>> = {
-    // ------------------------------
-    // Core
-    // ------------------------------
-    children: { table: { category: 'API', subcategory: 'Base' } },
-    disabled: {
-      control: { type: 'boolean' },
-      description: 'Disable interactions',
-      table: { category: 'API', subcategory: 'Base' },
-    },
-    class: { table: { category: 'API', subcategory: 'Base' } },
-
-    // ------------------------------
-    // Appearance
-    // ------------------------------
-    color: {
-      control: { type: 'select' },
-      options: componentColorOptions,
-      description: 'Color theme token',
-      table: { category: 'API', subcategory: 'Appearance', defaultValue: { summary: 'neutral' } },
-    },
-    variant: {
-      control: { type: 'select' },
-      options: componentVariantOptions,
-      description: 'Visual variant of the Switch',
-      table: { category: 'API', subcategory: 'Appearance', defaultValue: { summary: 'text' } },
-    },
-    size: {
-      control: { type: 'select' },
-      options: componentSizeOptions,
-      description: 'Visual size token',
-      table: { category: 'API', subcategory: 'Appearance', defaultValue: { summary: 'normal' } },
-    },
-    roundness: {
-      control: { type: 'select' },
-      options: componenRoundnessShapeOptions,
-      description: 'Border radius token',
-      table: { category: 'API', subcategory: 'Appearance' },
-    },
-    outline: {
-      control: { type: 'boolean' },
-      description: 'Render outlined style',
-      table: { category: 'API', subcategory: 'Appearance', defaultValue: { summary: 'true' } },
-    },
-  };
-
-  const { Story } = defineMeta({
-    component: Switch,
-    tags: ['autodocs'],
-    argTypes: SwitchArgTypes,
-    parameters: {
-      docs: {
-        description: {
-          component: description,
-        },
-      },
-    },
-  });
-
-  let myValue = $state<boolean>(true);
-</script>
-
-<!-- ------------------------------ -->
-<!-- Stories -->
-<!-- ------------------------------ -->
-
-<Story name="Default" args={{ id: 'Default' }}>Check this text</Story>
-
-<Story name="Controlled" asChild>
-  <Switch id="Checked" bind:checked={myValue}>Check this text</Switch>
-</Story>
-
-<Story name="Solid" args={{ id: 'Solid', variant: 'solid', checked: true }}>Check this text</Story>
-
-<Story name="NoOutline" args={{ id: 'Outline', outline: false }}>Check this text</Story>
-
-<Story
-  name="OnChange (Actions)"
-  args={{
-    id: 'OnChange_Action',
-    onCheckedChange: (checked: boolean) => {
-      alert('OnChange');
-      console.log('OnChange', checked);
-    },
-  }}
->
-  Check this text
-</Story>
-
-<Story name="Color" args={{ id: 'Safe', color: 'safe' }}>Check this text</Story>
-
-<Story name="Large" args={{ id: 'Large', size: 'large' }}>Check this text</Story>
-
-<Story name="Disabled" args={{ disabled: true }}>Check this text</Story>
-
-<Story name="Light Theme" asChild>
-  <Theme type="light">
-    <Switch id="Light_Theme">Check this text</Switch>
-  </Theme>
-</Story>
-
-<Story name="Dark Theme" asChild globals={{ backgrounds: { value: 'dark' } }}>
-  <Theme type="dark">
-    <Switch id="Dark_Theme">Check this text</Switch>
-  </Theme>
-</Story>

package/dist/components/Form/Switch/Switch.stories.svelte.d.ts

@@ -1,25 +0,0 @@
-import Switch from './Switch.svelte';
-import type { SwitchProps } from './Switch.svelte';
-import type { ArgTypes } from 'storybook/internal/csf';
-/**
- * Storybook controls for Switch
- */
-export declare const SwitchArgTypes: Partial<ArgTypes<SwitchProps>>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const Switch: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Switch = InstanceType<typeof Switch>;
-export default Switch;