@reshape-biotech/design-system 2.4.1 → 2.4.2

package/dist/components/button/Button.test.js

@@ -1,117 +0,0 @@
-import { render, fireEvent } from '@testing-library/svelte';
-import { describe, it, expect, vi } from 'vitest';
-import Button from './Button.svelte';
-// Helper component specifically for testing the default slot
-import ButtonTest from './Button.test.svelte';
-describe('Button Component', () => {
-    it('renders with default props', () => {
-        const { getByRole } = render(Button);
-        const button = getByRole('button');
-        expect(button).toBeInTheDocument();
-        expect(button).toHaveClass('button');
-        expect(button).toHaveClass('btn-primary'); // Default variant
-        expect(button).toHaveClass('btn-size-lg'); // Default size
-        expect(button).not.toHaveClass('rounded');
-        expect(button).not.toBeDisabled();
-        expect(button).not.toHaveClass('cursor-wait');
-        expect(button).not.toHaveClass('disabled'); // Ensure separate disabled class check
-        expect(button).toHaveAttribute('type', 'button');
-    });
-    it('renders children content provided via slot', () => {
-        // Use the helper component to render the button with slot content
-        const { getByText } = render(ButtonTest);
-        expect(getByText('Test Children')).toBeInTheDocument();
-    });
-    // Test variants
-    ['primary', 'secondary', 'transparent', 'danger', 'outline'].forEach((variant) => {
-        it(`applies the correct class for variant "${variant}"`, () => {
-            const { getByRole } = render(Button, { props: { variant } });
-            const button = getByRole('button');
-            expect(button).toHaveClass(`btn-${variant}`);
-        });
-    });
-    // Test inverse variants
-    ['secondary-inverse', 'transparent-inverse'].forEach((variant) => {
-        it(`applies the correct class for variant "${variant}"`, () => {
-            const { getByRole } = render(Button, { props: { variant } });
-            const button = getByRole('button');
-            expect(button).toHaveClass(`btn-${variant}`);
-        });
-    });
-    // Test sizes
-    ['xs', 'sm', 'md', 'lg'].forEach((size) => {
-        it(`applies the correct class for size "${size}"`, () => {
-            const { getByRole } = render(Button, { props: { size } });
-            const button = getByRole('button');
-            expect(button).toHaveClass(`btn-size-${size}`);
-        });
-    });
-    it('applies the rounded class when rounded is true', () => {
-        const { getByRole } = render(Button, { props: { rounded: true } });
-        const button = getByRole('button');
-        expect(button).toHaveClass('rounded');
-    });
-    it('handles click events', async () => {
-        const handleClick = vi.fn();
-        const { getByRole } = render(Button, { props: { onClick: handleClick } });
-        const button = getByRole('button');
-        await fireEvent.click(button);
-        expect(handleClick).toHaveBeenCalledTimes(1);
-    });
-    it('disables the button when disabled is true', async () => {
-        const handleClick = vi.fn();
-        const { getByRole } = render(Button, { props: { disabled: true, onClick: handleClick } });
-        const button = getByRole('button');
-        expect(button).toBeDisabled();
-        expect(button).toHaveClass('disabled'); // Check for the specific disabled class
-        await fireEvent.click(button);
-        expect(handleClick).not.toHaveBeenCalled();
-    });
-    it('shows spinner and prevents click when loading is true', async () => {
-        const handleClick = vi.fn();
-        const { getByRole, container } = render(Button, {
-            props: { loading: true, onClick: handleClick },
-        });
-        const button = getByRole('button');
-        expect(button).toHaveClass('cursor-wait');
-        // Check if Spinner is rendered by looking for the div with the 'spinner' class
-        expect(container.querySelector('div.spinner')).toBeInTheDocument();
-        await fireEvent.click(button);
-        expect(handleClick).not.toHaveBeenCalled();
-    });
-    it('applies accessibility label', () => {
-        const label = 'Click me button';
-        const { getByRole } = render(Button, { props: { accessibilityLabel: label } });
-        const button = getByRole('button');
-        expect(button).toHaveAttribute('aria-label', label);
-    });
-    it('applies custom class', () => {
-        const customClass = 'my-custom-class';
-        const { getByRole } = render(Button, { props: { class: customClass } });
-        const button = getByRole('button');
-        expect(button).toHaveClass(customClass);
-    });
-    it('applies data-testid', () => {
-        const testId = 'my-button-test-id';
-        const { getByTestId } = render(Button, { props: { dataTestId: testId } });
-        expect(getByTestId(testId)).toBeInTheDocument();
-    });
-    it('applies id', () => {
-        const testId = 'my-button-id';
-        const { getByRole } = render(Button, { props: { id: testId } });
-        const button = getByRole('button');
-        expect(button).toHaveAttribute('id', testId);
-    });
-    it('applies tabindex', () => {
-        const tabIndex = 0;
-        const { getByRole } = render(Button, { props: { tabindex: tabIndex } });
-        const button = getByRole('button');
-        expect(button).toHaveAttribute('tabindex', tabIndex.toString());
-    });
-    it('applies button type', () => {
-        const type = 'submit';
-        const { getByRole } = render(Button, { props: { type: type } });
-        const button = getByRole('button');
-        expect(button).toHaveAttribute('type', type);
-    });
-});

package/dist/components/button/Button.test.svelte

@@ -1,5 +0,0 @@
-<script lang="ts">
-  import Button from './Button.svelte';
-</script>
-
-<Button>Test Children</Button>

package/dist/components/button/Button.test.svelte.d.ts

@@ -1,19 +0,0 @@
-import Button from './Button.svelte';
-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 Button: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Button = InstanceType<typeof Button>;
-export default Button;

package/dist/components/button/index.d.ts

@@ -1 +0,0 @@
-export { default as Button } from './Button.svelte';

package/dist/components/button/index.js

@@ -1 +0,0 @@
-export { default as Button } from './Button.svelte';

package/dist/components/card/Card.stories.svelte

@@ -1,130 +0,0 @@
-<script module lang="ts">
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import Card from './Card.svelte';
-  import RequiredStatusIndicator from '../required-status-indicator/RequiredStatusIndicator.svelte';
-
-  const { Story } = defineMeta({
-    title: 'Design System/Card',
-    component: Card,
-    tags: ['autodocs'],
-    argTypes: {
-      Header: { description: 'Optional header snippet', control: false },
-      children: { description: 'Content snippet for the main body (required)', control: false },
-      headerBorder: { control: 'boolean', description: 'Show a border below the header' },
-      class: { control: 'text', description: 'Additional CSS classes for the card' },
-    },
-  });
-</script>
-
-<Story name="Content Only" args={{ class: 'w-96' }} asChild>
-  <Card class="w-96">
-    {#snippet children()}
-      <h3 class="mb-2 text-lg font-semibold text-primary">Card with Content Only</h3>
-      <p class="text-secondary">This card demonstrates providing only the children snippet.</p>
-      <button
-        class="mt-4 rounded bg-accent-inverse px-4 py-2 text-primary-inverse hover:bg-accent-inverse-hover"
-      >
-        Action Button
-      </button>
-    {/snippet}
-  </Card>
-</Story>
-
-<Story name="Header Only" args={{ class: 'w-96' }} asChild>
-  <Card class="w-96">
-    {#snippet Header()}
-      <p class="text-primary">Card with Header Only</p>
-      <p class="text-sm text-tertiary">No main content here, just a header.</p>
-    {/snippet}
-    {#snippet children()}{/snippet}
-  </Card>
-</Story>
-
-<Story name="Header and Content" args={{ class: 'w-96' }} asChild>
-  <Card class="w-96">
-    {#snippet Header()}
-      <div class="flex items-center justify-between">
-        <p class="text-primary">Insect Health</p>
-        <span class="text-sm text-success">Target</span>
-      </div>
-    {/snippet}
-    {#snippet children()}
-      <div class="space-y-2">
-        <div>
-          <label for="insect-name" class="block text-sm font-medium text-secondary">Name *</label>
-          <input
-            type="text"
-            id="insect-name"
-            value="Insect health"
-            class="border-border-input mt-1 block w-full rounded-md p-2"
-          />
-        </div>
-        <div>
-          <label for="insect-desc" class="block text-sm font-medium text-secondary"
-            >Description *</label
-          >
-          <input
-            type="text"
-            id="insect-desc"
-            value="Health based on insect activity"
-            class="border-border-input mt-1 block w-full rounded-md p-2"
-          />
-        </div>
-      </div>
-    {/snippet}
-  </Card>
-</Story>
-
-<Story name="Header, Content, and Border" args={{ headerBorder: true, class: 'w-96' }} asChild>
-  <Card headerBorder={true} class="w-96">
-    {#snippet Header()}
-      <div class="flex items-center justify-between">
-        <p class="text-primary">Insect Count</p>
-        <RequiredStatusIndicator requiredCount={2} currentCount={2} />
-      </div>
-    {/snippet}
-    {#snippet children()}
-      <div class="space-y-2">
-        <div>
-          <label for="count-name" class="block text-sm font-medium text-secondary">Name *</label>
-          <input
-            type="text"
-            id="count-name"
-            value="Insect count"
-            class="border-border-input mt-1 block w-full rounded-md p-2"
-          />
-        </div>
-        <div>
-          <label for="count-desc" class="block text-sm font-medium text-secondary"
-            >Description *</label
-          >
-          <input
-            type="text"
-            id="count-desc"
-            value="Total count of insects detected"
-            class="border-border-input mt-1 block w-full rounded-md p-2"
-          />
-        </div>
-        <p class="text-secondary">This card has a border under the header.</p>
-      </div>
-    {/snippet}
-  </Card>
-</Story>
-
-<Story name="With Custom Styling" args={{}} asChild>
-  <Card class="w-1/2 bg-accent text-primary-inverse shadow-lg">
-    {#snippet Header()}
-      <p class="">Custom Styled Card</p>
-    {/snippet}
-    {#snippet children()}
-      <p>
-        This card uses the <code class="rounded bg-black/20 px-1">class</code> prop to apply a
-        different background (<code class="rounded bg-black/20 px-1">bg-accent</code>), text color (<code
-          class="rounded bg-black/20 px-1">text-primary-inverse</code
-        >), width (<code class="rounded bg-black/20 px-1">w-1/2</code>), and a larger shadow (<code
-          class="rounded bg-black/20 px-1">shadow-lg</code
-        >).
-      </p>
-    {/snippet}
-  </Card>
-</Story>

package/dist/components/card/Card.stories.svelte.d.ts

@@ -1,19 +0,0 @@
-import Card from './Card.svelte';
-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 Card: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Card = InstanceType<typeof Card>;
-export default Card;

package/dist/components/card/Card.svelte

@@ -1,25 +0,0 @@
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-
-  type Props = {
-    Header?: Snippet;
-    children: Snippet;
-    headerBorder?: boolean;
-    class?: string;
-  };
-
-  const { Header, children, headerBorder = false, class: additionalClasses = '' }: Props = $props();
-</script>
-
-<div class="rounded-lg border border-static bg-surface shadow-sm {additionalClasses}">
-  {#if Header}
-    <header class="px-6 py-4" class:border-b={headerBorder} class:border-static={headerBorder}>
-      {@render Header()}
-    </header>
-  {/if}
-  {#if children}
-    <div class="p-6">
-      {@render children()}
-    </div>
-  {/if}
-</div>

package/dist/components/card/Card.svelte.d.ts

@@ -1,10 +0,0 @@
-import type { Snippet } from 'svelte';
-type Props = {
-    Header?: Snippet;
-    children: Snippet;
-    headerBorder?: boolean;
-    class?: string;
-};
-declare const Card: import("svelte").Component<Props, {}, "">;
-type Card = ReturnType<typeof Card>;
-export default Card;

package/dist/components/card/index.d.ts

@@ -1 +0,0 @@
-export { default as Card } from './Card.svelte';

package/dist/components/card/index.js

@@ -1 +0,0 @@
-export { default as Card } from './Card.svelte';

package/dist/components/checkbox/Checkbox.stories.svelte

@@ -1,22 +0,0 @@
-<script module lang="ts">
-  import Checkbox from './Checkbox.svelte';
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-
-  const { Story } = defineMeta({
-    component: Checkbox,
-    title: 'Design System/Checkbox',
-    tags: ['autodocs'],
-  });
-
-  let checked = $state<boolean>(false);
-</script>
-
-<Story name="Default" args={{ checked: false }} />
-
-<Story name="Checked" args={{ checked: true }} />
-
-<Story name="Unchecked" args={{ checked: false }} />
-
-<Story name="Disabled" args={{ checked: true, disabled: true }} />
-
-<Story name="Indeterminate" args={{ checked: false, indeterminate: true }} />

package/dist/components/checkbox/Checkbox.stories.svelte.d.ts

@@ -1,19 +0,0 @@
-import Checkbox from './Checkbox.svelte';
-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 Checkbox: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Checkbox = InstanceType<typeof Checkbox>;
-export default Checkbox;

package/dist/components/checkbox/Checkbox.svelte

@@ -1,24 +0,0 @@
-<script lang="ts">
-  import { Checkbox, type CheckboxRootProps } from 'bits-ui';
-  import { Icon } from '../icons';
-
-  export type CheckboxProps = CheckboxRootProps;
-
-  let { checked = $bindable(false), onCheckedChange, name, ...props }: CheckboxProps = $props();
-</script>
-
-<Checkbox.Root bind:checked {onCheckedChange} {...props}>
-  {#snippet children({ checked, indeterminate })}
-    <div
-      class={`flex items-center justify-center rounded border border-static ${checked ? 'bg-dark-accent-inverse-hover' : ''}`}
-    >
-      {#if checked}
-        <Icon iconName="Check" class="text-primary-inverse" />
-      {:else if indeterminate}
-        <Icon iconName="Minus" />
-      {:else}
-        <div class="h-4 w-4"></div>
-      {/if}
-    </div>
-  {/snippet}
-</Checkbox.Root>

package/dist/components/checkbox/Checkbox.svelte.d.ts

@@ -1,5 +0,0 @@
-import { Checkbox, type CheckboxRootProps } from 'bits-ui';
-export type CheckboxProps = CheckboxRootProps;
-declare const Checkbox: import("svelte").Component<Checkbox.RootProps, {}, "checked">;
-type Checkbox = ReturnType<typeof Checkbox>;
-export default Checkbox;

package/dist/components/checkbox/Checkbox.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/checkbox/Checkbox.test.js

@@ -1,51 +0,0 @@
-import { render, fireEvent } from '@testing-library/svelte';
-import { describe, it, expect, vi } from 'vitest';
-import Checkbox from './Checkbox.svelte';
-describe('Checkbox component', () => {
-    it('renders correctly', () => {
-        const { getByRole } = render(Checkbox, { props: { checked: false } });
-        expect(getByRole('checkbox')).toBeTruthy();
-    });
-    it('is unchecked by default', () => {
-        const { getByRole } = render(Checkbox);
-        expect(getByRole('checkbox')).not.toBeChecked();
-    });
-    it('is checked when checked prop is true', () => {
-        const { getByRole } = render(Checkbox, {
-            props: {
-                checked: true,
-            },
-        });
-        expect(getByRole('checkbox')).toBeChecked();
-    });
-    it('calls onChange handler when clicked', async () => {
-        const handleChange = vi.fn();
-        const { getByRole } = render(Checkbox, {
-            props: {
-                checked: false,
-                onCheckedChange: handleChange,
-            },
-        });
-        const checkbox = getByRole('checkbox');
-        await fireEvent.click(checkbox);
-        expect(handleChange).toHaveBeenCalledTimes(1);
-    });
-    it('is disabled when disabled prop is true', () => {
-        const { getByRole } = render(Checkbox, {
-            props: {
-                checked: false,
-                disabled: true,
-            },
-        });
-        const checkbox = getByRole('checkbox');
-        expect(checkbox.hasAttribute('disabled')).toBe(true);
-    });
-    it('is indeterminate when indeterminate prop is true', () => {
-        const { getByRole } = render(Checkbox, {
-            props: {
-                indeterminate: true,
-            },
-        });
-        expect(getByRole('checkbox')).toHaveAttribute('data-state', 'indeterminate');
-    });
-});

package/dist/components/checkbox/index.d.ts

@@ -1 +0,0 @@
-export { default as Checkbox } from './Checkbox.svelte';

package/dist/components/checkbox/index.js

@@ -1 +0,0 @@
-export { default as Checkbox } from './Checkbox.svelte';

package/dist/components/collapsible/Collapsible.stories.svelte

@@ -1,41 +0,0 @@
-<script module lang="ts">
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import { Root as CollapsibleRootForMeta } from './index';
-  import * as Collapsible from './index';
-  import Button from '../button/Button.svelte';
-
-  const { Story } = defineMeta({
-    component: CollapsibleRootForMeta,
-    title: 'Design System/Collapsible',
-    tags: ['autodocs'],
-  });
-
-  let open = $state(false);
-</script>
-
-<Story name="Base" asChild>
-  <Collapsible.Root class="w-[200px]">
-    <Collapsible.Trigger class="w-full">
-      <h6>Trigger</h6>
-    </Collapsible.Trigger>
-
-    <Collapsible.Content>Content</Collapsible.Content>
-  </Collapsible.Root>
-</Story>
-
-<Story name="Without Icon" asChild>
-  <Collapsible.Root class="w-[200px]">
-    <Collapsible.Trigger class="w-full" withIcon={false}>
-      <h6>Trigger</h6>
-    </Collapsible.Trigger>
-
-    <Collapsible.Content>Content</Collapsible.Content>
-  </Collapsible.Root>
-</Story>
-
-<Story name="Controlled" asChild>
-  <Button onClick={() => (open = !open)}>Outside Trigger</Button>
-  <Collapsible.Root class="w-[200px]" {open}>
-    <Collapsible.Content>Content</Collapsible.Content>
-  </Collapsible.Root>
-</Story>

package/dist/components/collapsible/Collapsible.stories.svelte.d.ts

@@ -1,19 +0,0 @@
-import * as Collapsible from './index';
-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 Collapsible: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Collapsible = InstanceType<typeof Collapsible>;
-export default Collapsible;

package/dist/components/collapsible/components/collapsible-content.svelte

@@ -1,26 +0,0 @@
-<script lang="ts">
-  import { Collapsible, type WithoutChildrenOrChild } from 'bits-ui';
-  import { slide } from 'svelte/transition';
-  import type { Snippet } from 'svelte';
-  import type { CollapsibleContentProps } from '../types';
-
-  let {
-    ref = $bindable(null),
-    duration = 200,
-    children,
-    ...restProps
-  }: WithoutChildrenOrChild<CollapsibleContentProps> & {
-    duration?: number;
-    children?: Snippet;
-  } = $props();
-</script>
-
-<Collapsible.Content forceMount bind:ref {...restProps}>
-  {#snippet child({ props, open })}
-    {#if open}
-      <div {...props} transition:slide={{ duration }}>
-        {@render children?.()}
-      </div>
-    {/if}
-  {/snippet}
-</Collapsible.Content>

package/dist/components/collapsible/components/collapsible-content.svelte.d.ts

@@ -1,10 +0,0 @@
-import { type WithoutChildrenOrChild } from 'bits-ui';
-import type { Snippet } from 'svelte';
-import type { CollapsibleContentProps } from '../types';
-type $$ComponentProps = WithoutChildrenOrChild<CollapsibleContentProps> & {
-    duration?: number;
-    children?: Snippet;
-};
-declare const CollapsibleContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
-type CollapsibleContent = ReturnType<typeof CollapsibleContent>;
-export default CollapsibleContent;

package/dist/components/collapsible/components/collapsible-trigger.svelte

@@ -1,36 +0,0 @@
-<script lang="ts">
-  import { Collapsible } from 'bits-ui';
-  import { Icon } from '../../icons';
-  import type { CollapsibleTriggerProps } from '../types';
-
-  let { children, withIcon = true, ...props }: CollapsibleTriggerProps = $props();
-</script>
-
-<Collapsible.Trigger {...props} class="transition-all {props.class}">
-  <div class="container h-8">
-    {@render children()}
-    {#if withIcon}
-      <Icon iconName="CaretDown" color="secondary" class="icon z-[-1] m-1" />
-    {/if}
-  </div>
-</Collapsible.Trigger>
-
-<style>
-  :global([data-state='open']) :global(.icon) {
-
-    --tw-rotate: 180deg;
-
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
-}
-
-  .container {
-
-    display: flex;
-
-    align-items: center;
-
-    justify-content: space-between;
-
-    gap: 0.5rem
-}
-</style>

package/dist/components/collapsible/components/collapsible-trigger.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { CollapsibleTriggerProps } from '../types';
-declare const CollapsibleTrigger: import("svelte").Component<CollapsibleTriggerProps, {}, "">;
-type CollapsibleTrigger = ReturnType<typeof CollapsibleTrigger>;
-export default CollapsibleTrigger;

package/dist/components/collapsible/index.d.ts

@@ -1,5 +0,0 @@
-import { Collapsible } from 'bits-ui';
-export declare const Root: import("svelte").Component<Collapsible.RootProps, {}, "ref" | "open">;
-export { default as Trigger } from './components/collapsible-trigger.svelte';
-export { default as Content } from './components/collapsible-content.svelte';
-export type { CollapsibleTriggerProps, CollapsibleContentProps } from './types';

package/dist/components/collapsible/index.js

@@ -1,4 +0,0 @@
-import { Collapsible } from 'bits-ui';
-export const Root = Collapsible.Root;
-export { default as Trigger } from './components/collapsible-trigger.svelte';
-export { default as Content } from './components/collapsible-content.svelte';

package/dist/components/collapsible/types.d.ts

@@ -1,9 +0,0 @@
-import { type CollapsibleContentProps as BitsCollapsibleContentProps, type CollapsibleTriggerProps as BitsCollapsibleTriggerProps } from 'bits-ui';
-import type { Snippet } from 'svelte';
-export type CollapsibleTriggerProps = {
-    children: Snippet;
-    withIcon?: boolean;
-} & BitsCollapsibleTriggerProps;
-export type CollapsibleContentProps = {
-    children: Snippet;
-} & BitsCollapsibleContentProps;

package/dist/components/collapsible/types.js

@@ -1 +0,0 @@
-import {} from 'bits-ui';