@flightlesslabs/dodo-ui 0.19.1 → 1.0.0--beta-2

package/dist/stories/components/Layout/Accordian/Customize/Customize.stories.svelte.d.ts

@@ -1,18 +0,0 @@
-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 Customize: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Customize = InstanceType<typeof Customize>;
-export default Customize;

package/dist/stories/components/Layout/Accordian/Events/Events.stories.svelte

@@ -1,30 +0,0 @@
-<script module lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import { storyAccordianArgTypes } from '../Accordian.stories.svelte';
-import Accordian, {} from '../Accordian.svelte';
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-const { Story } = defineMeta({
-    component: Accordian,
-    tags: ['autodocs'],
-    argTypes: storyAccordianArgTypes,
-});
-let open = $state(false);
-</script>
-
-<Story name="Toggle" asChild>
-  <Accordian
-    {open}
-    ontoggle={(e: AccordianToggleEvent) => {
-      open = !open;
-
-      console.log('Input Event', e);
-    }}
-  >
-    {#snippet summary()}
-      Click me!
-    {/snippet}
-
-    Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur nisi hic accusamus,
-    mollitia velit corporis, sit culpa nam ducimus quisquam aliquam eos atque doloribus architecto
-    at harum, explicabo et doloremque.
-  </Accordian>
-</Story>

package/dist/stories/components/Layout/Accordian/Events/Events.stories.svelte.d.ts

@@ -1,18 +0,0 @@
-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 Events: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Events = InstanceType<typeof Events>;
-export default Events;

package/dist/stories/components/Layout/Accordian/Size/Size.stories.svelte

@@ -1,48 +0,0 @@
-<script module>
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import Accordian from '../Accordian.svelte';
-  import { storyAccordianArgTypes } from '../Accordian.stories.svelte';
-
-  // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-  const { Story } = defineMeta({
-    component: Accordian,
-    tags: ['autodocs'],
-    argTypes: storyAccordianArgTypes,
-  });
-</script>
-
-<Story name="Normal" asChild>
-  <Accordian>
-    {#snippet summary()}
-      Click me!
-    {/snippet}
-
-    Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur nisi hic accusamus,
-    mollitia velit corporis, sit culpa nam ducimus quisquam aliquam eos atque doloribus architecto
-    at harum, explicabo et doloremque.
-  </Accordian>
-</Story>
-
-<Story name="Small" asChild>
-  <Accordian size="small">
-    {#snippet summary()}
-      Click me!
-    {/snippet}
-
-    Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur nisi hic accusamus,
-    mollitia velit corporis, sit culpa nam ducimus quisquam aliquam eos atque doloribus architecto
-    at harum, explicabo et doloremque.
-  </Accordian>
-</Story>
-
-<Story name="Larger" asChild>
-  <Accordian size="large">
-    {#snippet summary()}
-      Click me!
-    {/snippet}
-
-    Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur nisi hic accusamus,
-    mollitia velit corporis, sit culpa nam ducimus quisquam aliquam eos atque doloribus architecto
-    at harum, explicabo et doloremque.
-  </Accordian>
-</Story>

package/dist/stories/components/Layout/Accordian/Size/Size.stories.svelte.d.ts

@@ -1,26 +0,0 @@
-export default Size;
-type Size = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const Size: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-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;
-}

package/dist/stories/components/Layout/Grid/Column/Column.stories.svelte

@@ -1,18 +0,0 @@
-<script module lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import Column, { GridColumnSizeArray } from './Column.svelte';
-export const storyGridColumnArgTypes = {
-    size: {
-        control: { type: 'select' },
-        options: GridColumnSizeArray,
-    },
-};
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-const { Story } = defineMeta({
-    component: Column,
-    tags: ['autodocs'],
-    argTypes: storyGridColumnArgTypes,
-});
-</script>
-
-<!-- Default Grid Column -->
-<Story name="Default">Hola!</Story>

package/dist/stories/components/Layout/Grid/Column/Column.stories.svelte.d.ts

@@ -1,21 +0,0 @@
-import Column from './Column.svelte';
-import type { StoryBookArgTypes } from '../../../../../storybook-types.js';
-export declare const storyGridColumnArgTypes: StoryBookArgTypes;
-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 Column: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Column = InstanceType<typeof Column>;
-export default Column;

package/dist/stories/components/Layout/Grid/Column/Column.svelte

@@ -1,73 +0,0 @@
-<script lang="ts" module>import {} from 'svelte';
-export const GridColumnSizeArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
-</script>
-
-<script lang="ts">"use strict";
-let { children, class: className = '', ref = $bindable(), sm = 12, md, lg, xl, xl2, } = $props();
-const breakpoints = [
-    { name: 'sm', value: sm },
-    { name: 'md', value: md },
-    { name: 'lg', value: lg },
-    { name: 'xl', value: xl },
-    { name: 'xl2', value: xl2 },
-];
-function getBreakpointClasses() {
-    let classNameBreakpoints = [];
-    for (let index = 0; index < breakpoints.length; index++) {
-        const element = breakpoints[index];
-        if (!element.value) {
-            continue;
-        }
-        classNameBreakpoints.push(`breakpoint--${element.name}`);
-    }
-    return classNameBreakpoints;
-}
-function getBreakpointCssVariables() {
-    let cssVariablesBreakpoints = [];
-    for (let index = 0; index < breakpoints.length; index++) {
-        const element = breakpoints[index];
-        if (!element.value) {
-            continue;
-        }
-        cssVariablesBreakpoints.push(`--GridColumnBreakpoint-${element.name}: ${element.value}`);
-    }
-    return cssVariablesBreakpoints.join(';');
-}
-</script>
-
-<div
-  class={['dodo-ui-GridColumn', ...getBreakpointClasses(), className].join(' ')}
-  style={getBreakpointCssVariables()}
-  bind:this={ref}
->
-  {#if children}
-    {@render children()}
-  {/if}
-</div>
-
-<style>.dodo-ui-GridColumn {
-  min-width: 0;
-}
-.dodo-ui-GridColumn.breakpoint--sm {
-  grid-column: span var(--GridColumnBreakpoint-sm);
-}
-@media (min-width: 48rem) {
-  .dodo-ui-GridColumn.breakpoint--md {
-    grid-column: span var(--GridColumnBreakpoint-md);
-  }
-}
-@media (min-width: 64rem) {
-  .dodo-ui-GridColumn.breakpoint--lg {
-    grid-column: span var(--GridColumnBreakpoint-lg);
-  }
-}
-@media (min-width: 80rem) {
-  .dodo-ui-GridColumn.breakpoint--xl {
-    grid-column: span var(--GridColumnBreakpoint-xl);
-  }
-}
-@media (min-width: 96rem) {
-  .dodo-ui-GridColumn.breakpoint--xl2 {
-    grid-column: span var(--GridColumnBreakpoint-xl2);
-  }
-}</style>

package/dist/stories/components/Layout/Grid/Column/Column.svelte.d.ts

@@ -1,24 +0,0 @@
-import { type Snippet } from 'svelte';
-export type GridColumnSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export declare const GridColumnSizeArray: GridColumnSize[];
-export interface GridColumnProps {
-    /** GridColumn contents goes here */
-    children?: Snippet;
-    /** GridColumn ref */
-    ref?: HTMLDivElement;
-    /** Custom css class */
-    class?: string;
-    /** Breakpoint: sm */
-    sm?: GridColumnSize;
-    /** Breakpoint: md */
-    md?: GridColumnSize;
-    /** Breakpoint: lg */
-    lg?: GridColumnSize;
-    /** Breakpoint: xl */
-    xl?: GridColumnSize;
-    /** Breakpoint: 2 xl */
-    xl2?: GridColumnSize;
-}
-declare const Column: import("svelte").Component<GridColumnProps, {}, "ref">;
-type Column = ReturnType<typeof Column>;
-export default Column;

package/dist/stories/components/Layout/Grid/Grid.stories.svelte

@@ -1,179 +0,0 @@
-<script module lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import Grid from './Grid.svelte';
-import Row from './Row/Row.svelte';
-import Column from './Column/Column.svelte';
-import Paper from '../Paper/Paper.svelte';
-export const storyGridArgTypes = {};
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-const { Story } = defineMeta({
-    component: Grid,
-    tags: ['autodocs'],
-    argTypes: storyGridArgTypes,
-});
-</script>
-
-<!-- Default Grid -->
-<Story name="Default" asChild>
-  <Grid>
-    <Column>Hola!</Column>
-    <Column>Hola!</Column>
-    <Column>Hola!</Column>
-  </Grid>
-</Story>
-
-<Story name="Example Column" asChild>
-  <Grid>
-    <Column sm={10}>
-      <Paper color="primary"><p>10</p></Paper>
-    </Column>
-    <Column sm={2}><Paper color="primary"><p>2</p></Paper></Column>
-    <Column sm={4}><Paper color="primary"><p>4</p></Paper></Column>
-  </Grid>
-</Story>
-
-<!-- the Row helps to furher separate Columns -->
-<Story name="Example Row" asChild>
-  <Grid>
-    <Row>
-      <Column sm={10}>
-        <Paper color="primary"><p>10</p></Paper>
-      </Column>
-      <Column sm={2}><Paper color="primary"><p>2</p></Paper></Column>
-      <Column sm={4}><Paper color="primary"><p>4</p></Paper></Column>
-    </Row>
-    <Row>
-      <Column sm={10}>
-        <Paper color="primary"><p>10</p></Paper>
-      </Column>
-      <Column sm={2}><Paper color="primary"><p>2</p></Paper></Column>
-      <Column sm={4}><Paper color="primary"><p>4</p></Paper></Column>
-    </Row>
-  </Grid>
-</Story>
-
-<Story name="Nested" asChild>
-  <Grid>
-    <Column sm={6}>
-      <Paper color="primary"><p>6</p></Paper>
-    </Column>
-    <Column sm={6}>
-      <Grid>
-        <Column sm={8}>
-          <Paper color="safe"><p>8</p></Paper>
-        </Column>
-        <Column sm={4}>
-          <Paper color="safe"><p>4</p></Paper>
-        </Column>
-        <Column sm={12}>
-          <Paper color="safe"><p>12</p></Paper>
-        </Column>
-      </Grid>
-    </Column>
-  </Grid>
-</Story>
-
-<!-- Resize the screen to see the effect -->
-<Story name="Responsive" asChild>
-  <Grid spacing={2}>
-    <Row>
-      <Column md={8}>
-        <Paper color="primary"><p>md:8</p></Paper>
-      </Column>
-      <Column md={4}><Paper color="primary"><p>md:4</p></Paper></Column>
-    </Row>
-    <Row>
-      <Column sm={4}>
-        <Paper color="primary"><p>sm:4</p></Paper>
-      </Column>
-      <Column><Paper color="primary"><p>sm:12</p></Paper></Column>
-    </Row>
-    <Row>
-      <Column lg={2}>
-        <Paper color="primary"><p>lg:2</p></Paper>
-      </Column>
-      <Column lg={10}>
-        <Paper color="primary"><p>lg:10</p></Paper>
-      </Column>
-    </Row>
-    <Row>
-      <Column xl={2}>
-        <Paper color="primary"><p>xl:2</p></Paper>
-      </Column>
-      <Column xl={10}>
-        <Paper color="primary"><p>xl:10</p></Paper>
-      </Column>
-    </Row>
-    <Row>
-      <Column xl2={2}>
-        <Paper color="primary"><p>xl2:2</p></Paper>
-      </Column>
-      <Column xl2={10}>
-        <Paper color="primary"><p>xl2:10</p></Paper>
-      </Column>
-    </Row>
-  </Grid>
-</Story>
-
-<Story name="Spacing" asChild>
-  <Grid spacing={2}>
-    <Row>
-      <Column sm={4}>
-        <Paper color="primary"><p>4</p></Paper>
-      </Column>
-      <Column sm={4}><Paper color="primary"><p>4</p></Paper></Column>
-      <Column sm={4}><Paper color="primary"><p>4</p></Paper></Column>
-    </Row>
-    <Row>
-      <Column sm={4}>
-        <Paper color="primary"><p>4</p></Paper>
-      </Column>
-      <Column><Paper color="primary"><p>12</p></Paper></Column>
-    </Row>
-    <Row>
-      <Column sm={2}>
-        <Paper color="primary"><p>2</p></Paper>
-      </Column>
-      <Column sm={3}>
-        <Paper color="primary"><p>3</p></Paper>
-      </Column>
-      <Column sm={4}>
-        <Paper color="primary"><p>4</p></Paper>
-      </Column>
-      <Column>
-        <Paper color="primary"><p>12</p></Paper>
-      </Column>
-    </Row>
-  </Grid>
-</Story>
-
-<Story name="RowSpacing" asChild>
-  <Grid rowSpacing={4}>
-    <Row>
-      <Column sm={4}>
-        <Paper color="primary"><p>4</p></Paper>
-      </Column>
-      <Column sm={4}><Paper color="primary"><p>4</p></Paper></Column>
-      <Column sm={4}><Paper color="primary"><p>4</p></Paper></Column>
-    </Row>
-    <Row>
-      <Column sm={4}>
-        <Paper color="primary"><p>4</p></Paper>
-      </Column>
-      <Column><Paper color="primary"><p>12</p></Paper></Column>
-    </Row>
-    <Row>
-      <Column sm={2}>
-        <Paper color="primary"><p>2</p></Paper>
-      </Column>
-      <Column sm={3}>
-        <Paper color="primary"><p>3</p></Paper>
-      </Column>
-      <Column sm={4}>
-        <Paper color="primary"><p>4</p></Paper>
-      </Column>
-      <Column>
-        <Paper color="primary"><p>12</p></Paper>
-      </Column>
-    </Row>
-  </Grid>
-</Story>

package/dist/stories/components/Layout/Grid/Grid.stories.svelte.d.ts

@@ -1,21 +0,0 @@
-import Grid from './Grid.svelte';
-import type { StoryBookArgTypes } from '../../../../storybook-types.js';
-export declare const storyGridArgTypes: StoryBookArgTypes;
-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 Grid: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Grid = InstanceType<typeof Grid>;
-export default Grid;

package/dist/stories/components/Layout/Grid/Grid.svelte

@@ -1,24 +0,0 @@
-<script lang="ts" module>import {} from 'svelte';
-</script>
-
-<script lang="ts">"use strict";
-let { children, class: className = '', ref = $bindable(), spacing = 1, rowSpacing, } = $props();
-const rowSpacingModified = rowSpacing || rowSpacing === 0 ? rowSpacing : spacing;
-</script>
-
-<div
-  class={['dodo-ui-Grid', className].join(' ')}
-  bind:this={ref}
-  style={`--GridSpacing: ${spacing}; --GridRowSpacing: ${rowSpacingModified};`}
->
-  {#if children}
-    {@render children()}
-  {/if}
-</div>
-
-<style>.dodo-ui-Grid {
-  display: grid;
-  grid-template-columns: repeat(12, 1fr);
-  gap: calc(var(--GridRowSpacing) * var(--dodo-ui-space));
-  grid-auto-flow: row;
-}</style>

package/dist/stories/components/Layout/Grid/Grid.svelte.d.ts

@@ -1,16 +0,0 @@
-import { type Snippet } from 'svelte';
-export interface GridProps {
-    /** Grid contents goes here */
-    children?: Snippet;
-    /** Grid ref */
-    ref?: HTMLDivElement;
-    /** Custom css class */
-    class?: string;
-    /** Grid spacing, affects Coulumns */
-    spacing?: number;
-    /** Optional Row spacing, default is 0 */
-    rowSpacing?: number;
-}
-declare const Grid: import("svelte").Component<GridProps, {}, "ref">;
-type Grid = ReturnType<typeof Grid>;
-export default Grid;

package/dist/stories/components/Layout/Grid/Row/Row.stories.svelte

@@ -1,19 +0,0 @@
-<script module lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import Row from './Row.svelte';
-import Column from '../Column/Column.svelte';
-export const storyGridRowArgTypes = {};
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-const { Story } = defineMeta({
-    component: Row,
-    tags: ['autodocs'],
-    argTypes: storyGridRowArgTypes,
-});
-</script>
-
-<!-- Default Grid Row -->
-<Story name="Default" asChild>
-  <Row>
-    <Column>Hola!</Column>
-    <Column>Hola!</Column>
-  </Row>
-</Story>

package/dist/stories/components/Layout/Grid/Row/Row.stories.svelte.d.ts

@@ -1,21 +0,0 @@
-import Row from './Row.svelte';
-import type { StoryBookArgTypes } from '../../../../../storybook-types.js';
-export declare const storyGridRowArgTypes: StoryBookArgTypes;
-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 Row: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Row = InstanceType<typeof Row>;
-export default Row;

package/dist/stories/components/Layout/Grid/Row/Row.svelte

@@ -1,20 +0,0 @@
-<script lang="ts" module>import {} from 'svelte';
-</script>
-
-<script lang="ts">"use strict";
-let { children, class: className = '', ref = $bindable(), } = $props();
-</script>
-
-<div class={['dodo-ui-GridRow', className].join(' ')} bind:this={ref}>
-  {#if children}
-    {@render children()}
-  {/if}
-</div>
-
-<style>.dodo-ui-GridRow {
-  grid-column: span 12;
-  display: grid;
-  grid-template-columns: repeat(12, 1fr);
-  gap: calc(var(--GridSpacing) * var(--dodo-ui-space));
-  grid-auto-flow: row;
-}</style>

package/dist/stories/components/Layout/Grid/Row/Row.svelte.d.ts

@@ -1,12 +0,0 @@
-import { type Snippet } from 'svelte';
-export interface GridRowProps {
-    /** GridRow contents goes here */
-    children?: Snippet;
-    /** GridRow ref */
-    ref?: HTMLDivElement;
-    /** Custom css class */
-    class?: string;
-}
-declare const Row: import("svelte").Component<GridRowProps, {}, "ref">;
-type Row = ReturnType<typeof Row>;
-export default Row;

package/dist/stories/components/Layout/Menu/DynamicMenu/Customize/Customize.stories.svelte

@@ -1,28 +0,0 @@
-<script module lang="ts">import { defineMeta } from '@storybook/addon-svelte-csf';
-import DynamicMenu from '../DynamicMenu.svelte';
-import { dynamicMenuItemOptions, storyDynamicMenuArgTypes } from '../DynamicMenu.stories.svelte';
-// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-const { Story } = defineMeta({
-    component: DynamicMenu,
-    tags: ['autodocs'],
-    argTypes: storyDynamicMenuArgTypes,
-});
-</script>
-
-<!-- Custom Menu Item Content -->
-<Story name="CustomMenuItemContent" asChild>
-  <DynamicMenu options={dynamicMenuItemOptions}>
-    {#snippet customMenuItemContent(option, selectedOption)}
-      {selectedOption?.id === option.id ? '✅' : ''} {option.label} 💯💯💯
-    {/snippet}
-  </DynamicMenu>
-</Story>
-
-<!-- Custom Menu Item Placeholder Content -->
-<Story name="CustomPlaceholderMenuItemContent" asChild>
-  <DynamicMenu options={[]} showOptionsPlaceholder>
-    {#snippet customPlaceholderMenuItemContent()}
-      No dice 💯💯💯
-    {/snippet}
-  </DynamicMenu>
-</Story>

package/dist/stories/components/Layout/Menu/DynamicMenu/Customize/Customize.stories.svelte.d.ts

@@ -1,18 +0,0 @@
-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 Customize: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Customize = InstanceType<typeof Customize>;
-export default Customize;