@casinogate/ui 1.11.14 → 2.0.0

package/dist/components/command/index.js

@@ -1,4 +1,2 @@
 export * as CommandPrimitive from './exports-primitive.js';
-export * as Command from './exports.js';
-export * as CommandApi from './api/index.js';
-export * from './types.js';
+export { Command } from '../../composed/command/index.js';

package/dist/components/data-table/index.d.ts

@@ -1,6 +1 @@
-export * as DataTablePrimitive from './exports-primitive.js';
-export * from './exports.js';
-export type { ColumnOrderState, ColumnPinningState, ColumnSizingState, ExpandedState, ExpandedStateList, GroupingState, PaginationState, RowSelectionState, SortingState, TableState, Updater, VisibilityState, } from '@tanstack/table-core';
-export { createTable } from './models/index.js';
-export type { ColumnDef, DataTableBodyProps, DataTableCellProps, DataTableHeaderProps, DataTableHeadProps, DataTableProps, DataTableResizeHandlerProps, DataTableRootProps, DataTableRowProps, DataTableSortButtonProps, DataTableTableProps, RowData, } from './types.js';
-export * from './utils/index.js';
+export * from '../../composed/data-table/index.js';

package/dist/components/data-table/index.js

@@ -1,4 +1 @@
-export * as DataTablePrimitive from './exports-primitive.js';
-export * from './exports.js';
-export { createTable } from './models/index.js';
-export * from './utils/index.js';
+export * from '../../composed/data-table/index.js';

package/dist/components/dialog/_ui/basic-dialog/basic-dialog.svelte

@@ -50,8 +50,7 @@
     <button
       class="cgui:mt-4 cgui:w-full cgui:text-center cgui:bg-primary-80 cgui:text-fg-white cgui:p-2 cgui:rounded-md cgui:cursor-pointer"
       onclick={() => {
-        dialogs.openRegistered({
-          key: 'nested',
+        dialogs.openRegistered('nested', {
           props: {},
         });
       }}>Open Nested Dialog</button

package/dist/components/dialog/_ui/nested-dialog/nested-dialog.svelte

@@ -22,6 +22,6 @@
   <div class="cgui:flex cgui:gap-2">
     <Button variant="outline" onclick={() => dialogs.closeAll()}>Close all</Button>
 
-    <Button onclick={itemCtx.close}>Close Nested Dialog</Button>
+    <Button onclick={() => itemCtx.close()}>Close Nested Dialog</Button>
   </div>
 </div>

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

@@ -1,5 +1,3 @@
-export * as DialogPrimitive from './exports-primitive.js';
-export * as Dialog from './exports.js';
-export { useDialogItemContext } from './dialog-host-item.svelte';
-export { dialogs } from './model/index.js';
-export type { DialogCloseProps, DialogContentProps, DialogCustomProps, DialogHandle, DialogOptions, DialogOverlayProps, DialogPortalProps, DialogPositionerProps, DialogRootProps, DialogRegistrationValue, ExtractRegisterdDialogs, InjectedDialogProps, RegisteredDialogCollection, RegisteredDialogKeys, RegisteredDialogsOverride, WithDialogProps, } from './types.js';
+export * as DialogPrimitive from '../../primitives/dialog/components/index.js';
+export { Dialog, dialogs, useDialogItemContext } from '../../composed/dialog/index.js';
+export type * from '../../composed/dialog/types.js';

package/dist/components/dialog/index.js

@@ -1,4 +1,2 @@
-export * as DialogPrimitive from './exports-primitive.js';
-export * as Dialog from './exports.js';
-export { useDialogItemContext } from './dialog-host-item.svelte';
-export { dialogs } from './model/index.js';
+export * as DialogPrimitive from '../../primitives/dialog/components/index.js';
+export { Dialog, dialogs, useDialogItemContext } from '../../composed/dialog/index.js';

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

@@ -1,3 +1,4 @@
 export * as DropdownPrimitive from './exports-primitive.js';
-export * as Dropdown from './exports.js';
-export type { DropdownCollection, DropdownCollectionOptions, DropdownContentProps, DropdownGroup, DropdownGroupHeadingProps, DropdownGroupProps, DropdownItem, DropdownItemAction, DropdownItemBase, DropdownItemEvents, DropdownItemLink, DropdownItemProps, DropdownItemSeparator, DropdownItemSub, DropdownPortalProps, DropdownProps, DropdownRootProps, DropdownSelectableItem, DropdownSeparatorProps, DropdownSubContentProps, DropdownSubProps, DropdownSubTriggerProps, DropdownTriggerProps, } from './types.js';
+export { Dropdown } from '../../composed/dropdown/index.js';
+export type { DropdownContentProps, DropdownGroupHeadingProps, DropdownGroupProps, DropdownItemProps, DropdownPortalProps, DropdownRootProps, DropdownSeparatorProps, DropdownSubContentProps, DropdownSubProps, DropdownSubTriggerProps, DropdownTriggerProps, } from './types.js';
+export type { DropdownGroup, DropdownItem, DropdownItemAction, DropdownItemBase, DropdownItemLink, DropdownItemSeparator, DropdownItemSub, DropdownProps, DropdownSelectableItem, } from '../../composed/dropdown/types.js';

package/dist/components/dropdown/index.js

@@ -1,2 +1,2 @@
 export * as DropdownPrimitive from './exports-primitive.js';
-export * as Dropdown from './exports.js';
+export { Dropdown } from '../../composed/dropdown/index.js';

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

@@ -1,3 +1,3 @@
 export * as FieldPrimitive from './components/index.js';
-export * as Field from './composed/index.js';
+export { Field } from '../../composed/field/index.js';
 export type { FieldControlProps, FieldDescriptionProps, FieldErrorProps, FieldLabelProps, FieldProps, FieldRootProps, } from './types.js';

package/dist/components/field/index.js

@@ -1,2 +1,2 @@
 export * as FieldPrimitive from './components/index.js';
-export * as Field from './composed/index.js';
+export { Field } from '../../composed/field/index.js';

package/dist/components/file-upload/index.d.ts

@@ -1,3 +1,3 @@
-export * as FileUploadPrimitive from './components/index.js';
-export * as FileUpload from './composed/index.js';
-export * from './types.js';
+export * as FileUploadPrimitive from '../../primitives/file-upload/components/index.js';
+export { FileUpload } from '../../composed/file-upload/index.js';
+export type * from '../../primitives/file-upload/types.js';

package/dist/components/file-upload/index.js

@@ -1,3 +1,2 @@
-export * as FileUploadPrimitive from './components/index.js';
-export * as FileUpload from './composed/index.js';
-export * from './types.js';
+export * as FileUploadPrimitive from '../../primitives/file-upload/components/index.js';
+export { FileUpload } from '../../composed/file-upload/index.js';

package/dist/components/icons/check.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import type { IconProps } from './types.js';
 
-  let { width = 24, height = 24, color = 'currentColor', ...props }: IconProps = $props();
+  let { width, height, color = 'currentColor', ...props }: IconProps = $props();
 </script>
 
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {width} {height} {...props}>

package/dist/components/icons/exports.d.ts

@@ -1,31 +1 @@
-export { default as Asterisk } from './asterisk.svelte';
-export { default as CaretDown } from './caret-down.svelte';
-export { default as CaretUp } from './caret-up.svelte';
-export { default as Check } from './check.svelte';
-export { default as Checkmark } from './checkmark.svelte';
-export { default as ChevronDown } from './chevron-down.svelte';
-export { default as ChevronLeft } from './chevron-left.svelte';
-export { default as ChevronRight } from './chevron-right.svelte';
-export { default as ChevronSmallDown } from './chevron-small-down.svelte';
-export { default as ChevronSmallLeft } from './chevron-small-left.svelte';
-export { default as ChevronSmallRight } from './chevron-small-right.svelte';
-export { default as ChevronSmallUp } from './chevron-small-up.svelte';
-export { default as ChevronUp } from './chevron-up.svelte';
-export { default as Cross } from './cross.svelte';
-export { default as Dots } from './dots.svelte';
-export { default as Error } from './error.svelte';
-export { default as EyeCrossed } from './eye-crossed.svelte';
-export { default as Eye } from './eye.svelte';
-export { default as File } from './file.svelte';
-export { default as Info } from './info.svelte';
-export { default as Magnifier } from './magnifier.svelte';
-export { default as Minus } from './minus.svelte';
-export { default as Plus } from './plus.svelte';
-export { default as SidebarToggle } from './sidebar-toggle.svelte';
-export { default as Slash } from './slash.svelte';
-export { default as SortDown } from './sort-down.svelte';
-export { default as SortUp } from './sort-up.svelte';
-export { default as Sort } from './sort.svelte';
-export { default as Spinner } from './spinner.svelte';
-export { default as Success } from './success.svelte';
-export { default as Warning } from './warning.svelte';
+export * from '../../atomic/icons/exports.js';

package/dist/components/icons/exports.js

@@ -1,31 +1 @@
-export { default as Asterisk } from './asterisk.svelte';
-export { default as CaretDown } from './caret-down.svelte';
-export { default as CaretUp } from './caret-up.svelte';
-export { default as Check } from './check.svelte';
-export { default as Checkmark } from './checkmark.svelte';
-export { default as ChevronDown } from './chevron-down.svelte';
-export { default as ChevronLeft } from './chevron-left.svelte';
-export { default as ChevronRight } from './chevron-right.svelte';
-export { default as ChevronSmallDown } from './chevron-small-down.svelte';
-export { default as ChevronSmallLeft } from './chevron-small-left.svelte';
-export { default as ChevronSmallRight } from './chevron-small-right.svelte';
-export { default as ChevronSmallUp } from './chevron-small-up.svelte';
-export { default as ChevronUp } from './chevron-up.svelte';
-export { default as Cross } from './cross.svelte';
-export { default as Dots } from './dots.svelte';
-export { default as Error } from './error.svelte';
-export { default as EyeCrossed } from './eye-crossed.svelte';
-export { default as Eye } from './eye.svelte';
-export { default as File } from './file.svelte';
-export { default as Info } from './info.svelte';
-export { default as Magnifier } from './magnifier.svelte';
-export { default as Minus } from './minus.svelte';
-export { default as Plus } from './plus.svelte';
-export { default as SidebarToggle } from './sidebar-toggle.svelte';
-export { default as Slash } from './slash.svelte';
-export { default as SortDown } from './sort-down.svelte';
-export { default as SortUp } from './sort-up.svelte';
-export { default as Sort } from './sort.svelte';
-export { default as Spinner } from './spinner.svelte';
-export { default as Success } from './success.svelte';
-export { default as Warning } from './warning.svelte';
+export * from '../../atomic/icons/exports.js';

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

@@ -1,2 +1 @@
-export * as Icon from './exports.js';
-export type { IconProps } from './types.js';
+export * from '../../atomic/icons/index.js';

package/dist/components/icons/index.js

@@ -1 +1 @@
-export * as Icon from './exports.js';
+export * from '../../atomic/icons/index.js';

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

@@ -1,2 +1 @@
-import type { PrimitiveSVGAttributes } from '../../internal/types/html-attributes.js';
-export type IconProps = PrimitiveSVGAttributes;
+export type { IconProps } from '../../atomic/icons/types.js';

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

@@ -1,4 +1,4 @@
 export * as NavigationPrimitive from './components/index.js';
-export * as Navigation from './composed/index.js';
-export { createNavCollection } from './model/index.js';
-export type { NavigationCollection, NavigationCollectionOptions, NavigationContentProps, NavigationItem, NavigationItemAction, NavigationItemBase, NavigationItemLink, NavigationItemProps, NavigationItemSub, NavigationProps, NavigationRootProps, NavigationSelectableItem, NavigationSubContentProps, NavigationSubProps, NavigationSubTriggerProps, NavigationTriggerProps, } from './types.js';
+export { Navigation } from '../../composed/navigation/index.js';
+export type { NavigationContentProps, NavigationItemProps, NavigationRootProps, NavigationSubContentProps, NavigationSubProps, NavigationSubTriggerProps, NavigationTriggerProps, } from './types.js';
+export type { NavigationItem, NavigationItemAction, NavigationItemBase, NavigationItemLink, NavigationItemSub, NavigationProps, NavigationSelectableItem, } from '../../composed/navigation/types.js';

package/dist/components/navigation/index.js

@@ -1,3 +1,2 @@
 export * as NavigationPrimitive from './components/index.js';
-export * as Navigation from './composed/index.js';
-export { createNavCollection } from './model/index.js';
+export { Navigation } from '../../composed/navigation/index.js';

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

@@ -1,6 +1,6 @@
 export { default as Ellipsis } from './pagination.ellipsis.svelte';
 export { default as Item } from './pagination.item.svelte';
 export { default as NextButton } from './pagination.next-button.svelte';
-export { default as PageSize } from './pagination.page-size.svelte';
+export { PageSize } from '../../../primitives/pagination/components/index.js';
 export { default as PrevButton } from './pagination.prev-button.svelte';
 export { default as Root } from './pagination.root.svelte';

package/dist/components/pagination/components/index.js

@@ -1,6 +1,6 @@
 export { default as Ellipsis } from './pagination.ellipsis.svelte';
 export { default as Item } from './pagination.item.svelte';
 export { default as NextButton } from './pagination.next-button.svelte';
-export { default as PageSize } from './pagination.page-size.svelte';
+export { PageSize } from '../../../primitives/pagination/components/index.js';
 export { default as PrevButton } from './pagination.prev-button.svelte';
 export { default as Root } from './pagination.root.svelte';

package/dist/components/pagination/components/pagination.page-size.svelte

@@ -1,40 +1,8 @@
 <script lang="ts">
-  import { Select, type SelectCollection } from '../../select/index.js';
-  import { createSelectCollection } from '../../select/select.svelte';
-  import type { PaginationPageSizeProps } from '../types.js';
+  import PageSize from '../../../primitives/pagination/components/pagination.page-size.svelte';
+  import type { PaginationPageSizeProps } from '../../../primitives/pagination/types.js';
 
   let { perPage = $bindable(10), perPageItems = [10, 20, 50, 100], ...restProps }: PaginationPageSizeProps = $props();
-
-  let value = $state(String(perPage));
-
-  const collection: SelectCollection = $derived(
-    createSelectCollection({
-      items: perPageItems.map((item) => ({
-        value: String(item),
-        label: String(item),
-      })),
-    })
-  );
-
-  $effect(() => {
-    value = String(perPage);
-  });
-
-  function onSelect(newValue: string | string[]) {
-    if (typeof newValue === 'string' && newValue) {
-      perPage = Number(newValue);
-    }
-  }
 </script>
 
-<Select.Root
-  {collection}
-  bind:value
-  type="single"
-  {onSelect}
-  triggerClass="cgui:min-w-15"
-  triggerProps={{
-    fullWidth: false,
-  }}
-  {...restProps}
-/>
+<PageSize bind:perPage {perPageItems} {...restProps} />

package/dist/components/pagination/components/pagination.page-size.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { PaginationPageSizeProps } from '../types.js';
+import type { PaginationPageSizeProps } from '../../../primitives/pagination/types.js';
 declare const Pagination: import("svelte").Component<PaginationPageSizeProps, {}, "perPage">;
 type Pagination = ReturnType<typeof Pagination>;
 export default Pagination;

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

@@ -1,3 +1,3 @@
 export * as PaginationPrimitive from './components/index.js';
-export * as Pagination from './composed/index.js';
+export { Pagination } from '../../composed/pagination/index.js';
 export * from './types.js';

package/dist/components/pagination/index.js

@@ -1,3 +1,3 @@
 export * as PaginationPrimitive from './components/index.js';
-export * as Pagination from './composed/index.js';
+export { Pagination } from '../../composed/pagination/index.js';
 export * from './types.js';

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

@@ -1,6 +1,6 @@
-import type { SelectContentProps } from '../select/types.js';
 import type { WithVariants } from '../../internal/types/composition.js';
 import type { PrimitiveDivAttributes } from '../../internal/types/html-attributes.js';
+import type { PaginationPageSizeProps as PaginationPageSizePropsPrimitive } from '../../primitives/pagination/types.js';
 import { type PaginationNextButtonProps as PaginationNextButtonPropsPrimitive, type PaginationPageProps as PaginationPagePropsPrimitive, type PaginationPrevButtonProps as PaginationPrevButtonPropsPrimitive, type PaginationRootProps as PaginationRootPropsPrimitive } from 'bits-ui';
 import type { WithChild, WithElementRef } from 'svelte-toolbelt';
 import type { PaginationItemVariants, PaginationVariantsProps } from './styles.js';
@@ -9,14 +9,7 @@ export type PaginationEllipsisProps = WithChild<WithElementRef<{} & PrimitiveDiv
 export type PaginationItemProps = WithVariants<PaginationPagePropsPrimitive, PaginationItemVariants>;
 export type PaginationNextButtonProps = PaginationNextButtonPropsPrimitive;
 export type PaginationPrevButtonProps = PaginationPrevButtonPropsPrimitive;
-export type PaginationPageSizeProps = {
-    perPage?: number;
-    perPageItems?: number[];
-    placeholder?: string;
-    contentProps?: Omit<SelectContentProps, 'class' | 'children' | 'child' | 'ref'>;
-    contentClass?: string;
-    disabled?: boolean;
-};
+export type PaginationPageSizeProps = PaginationPageSizePropsPrimitive;
 export type PaginationProps = PaginationRootProps & {
     perPage?: number;
     perPageItems?: number[];

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

@@ -1,3 +1,3 @@
 export * as PopoverPrimitive from './exports-primitive.js';
-export * from './exports.js';
-export type * from './types.js';
+export * from '../../composed/popover/index.js';
+export type { PrimitivePopoverContentProps, PrimitivePopoverPortalProps, PrimitivePopoverRootProps, PrimitivePopoverTriggerProps, } from './types.js';

package/dist/components/popover/index.js

@@ -1,2 +1,2 @@
 export * as PopoverPrimitive from './exports-primitive.js';
-export * from './exports.js';
+export * from '../../composed/popover/index.js';

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

@@ -1,3 +1,3 @@
 export * as SegmentPrimitive from './exports-primitive.js';
-export * from './exports.js';
+export * from '../../composed/segment/index.js';
 export type { SegmentItemProps, SegmentItemValue, SegmentProps, SegmentRootProps } from './types.js';

package/dist/components/segment/index.js

@@ -1,2 +1,2 @@
 export * as SegmentPrimitive from './exports-primitive.js';
-export * from './exports.js';
+export * from '../../composed/segment/index.js';

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

@@ -1,3 +1,3 @@
 export * as SelectPrimitive from './exports-primitive.js';
-export * as Select from './exports.js';
+export { Select } from '../../composed/select/index.js';
 export type * from './types.js';

package/dist/components/select/index.js

@@ -1,2 +1,2 @@
 export * as SelectPrimitive from './exports-primitive.js';
-export * as Select from './exports.js';
+export { Select } from '../../composed/select/index.js';

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

@@ -1,3 +1,3 @@
 export * as SliderPrimitive from './components/index.js';
-export * as Slider from './composed/index.js';
+export { Slider } from '../../composed/slider/index.js';
 export * from './types.js';

package/dist/components/slider/index.js

@@ -1,3 +1,3 @@
 export * as SliderPrimitive from './components/index.js';
-export * as Slider from './composed/index.js';
+export { Slider } from '../../composed/slider/index.js';
 export * from './types.js';

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

@@ -1,4 +1,4 @@
 export * as SwitchPrimitive from './exports-primitive.js';
-export * from './exports.js';
+export * from '../../composed/switch/index.js';
 export { SwitchController } from './model/index.js';
 export type { SwitchProps, SwitchRootProps, SwitchThumbProps } from './types.js';

package/dist/components/switch/index.js

@@ -1,3 +1,3 @@
 export * as SwitchPrimitive from './exports-primitive.js';
-export * from './exports.js';
+export * from '../../composed/switch/index.js';
 export { SwitchController } from './model/index.js';

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

@@ -1,3 +1,3 @@
 export * as ToastPrimitive from './components/index.js';
-export * as Toast from './composed/index.js';
+export { Toast } from '../../composed/toast/index.js';
 export * from './types.js';

package/dist/components/toast/index.js

@@ -1,3 +1,3 @@
 export * as ToastPrimitive from './components/index.js';
-export * as Toast from './composed/index.js';
+export { Toast } from '../../composed/toast/index.js';
 export * from './types.js';

package/dist/composed/breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+export * as Breadcrumb from './root/index.js';
+export type * from './types.js';

package/dist/composed/breadcrumb/index.js

@@ -0,0 +1 @@
+export * as Breadcrumb from './root/index.js';

package/dist/composed/breadcrumb/root/breadcrumb.root.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+  import * as Primitive from '../../../primitives/breadcrumb/components/index.js';
+  import type { BreadcrumbProps } from '../types.js';
+
+  let { ref = $bindable(null), path, ...restProps }: BreadcrumbProps = $props();
+
+  const items = $derived.by(() => {
+    if (Array.isArray(path)) {
+      return path.map((p, idx, arr) => {
+        if (typeof p === 'string') {
+          const fullPath = arr.slice(0, idx + 1).join('/');
+
+          return {
+            label: p,
+            href: `/${fullPath}`,
+          };
+        }
+
+        return p;
+      });
+    }
+
+    return path
+      .split('/')
+      .filter(Boolean)
+      .map((p, idx, arr) => ({
+        label: p,
+        href: `/${arr.slice(0, idx + 1).join('/')}`,
+      }));
+  });
+</script>
+
+<Primitive.Root bind:ref {...restProps}>
+  <Primitive.List>
+    {#each items as item, idx (idx)}
+      {@const isLast = idx === items.length - 1}
+
+      {#if isLast}
+        <Primitive.Item>
+          <Primitive.Page>{item.label}</Primitive.Page>
+        </Primitive.Item>
+      {:else}
+        <Primitive.Item>
+          <Primitive.Link href={item.href}>{item.label}</Primitive.Link>
+        </Primitive.Item>
+        <Primitive.Separator />
+      {/if}
+    {/each}
+  </Primitive.List>
+</Primitive.Root>

package/dist/composed/breadcrumb/root/breadcrumb.root.svelte.d.ts

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

package/dist/composed/breadcrumb/root/index.d.ts

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

package/dist/composed/breadcrumb/root/index.js

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

package/dist/composed/breadcrumb/types.d.ts

@@ -0,0 +1,10 @@
+import type { BreadcrumbRootProps } from '../../primitives/breadcrumb/types.js';
+import type { WithoutChildrenOrChild } from 'svelte-toolbelt';
+type PathValue = string | string[] | {
+    label: string;
+    href: string;
+}[];
+export type BreadcrumbProps = WithoutChildrenOrChild<BreadcrumbRootProps> & {
+    path: PathValue;
+};
+export {};

package/dist/composed/breadcrumb/types.js

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

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

@@ -0,0 +1,2 @@
+export * from './root/index.js';
+export type * from './types.js';

package/dist/composed/collapsible/index.js

@@ -0,0 +1 @@
+export * from './root/index.js';

package/dist/composed/collapsible/root/collapsible.root.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">
+  import * as Primitive from '../../../primitives/collapsible/components/index.js';
+  import type { CollapsibleProps } from '../types.js';
+
+  let {
+    open = $bindable(false),
+    ref = $bindable(null),
+    children,
+    trigger,
+    icon,
+    triggerClass,
+    contentClass,
+    triggerProps,
+    contentProps,
+    ...restProps
+  }: CollapsibleProps = $props();
+</script>
+
+<Primitive.Root bind:open bind:ref {...restProps}>
+  {#if trigger !== undefined}
+    {#if typeof trigger === 'string'}
+      <Primitive.Trigger class={triggerClass} {icon} {...triggerProps}>
+        {trigger}
+      </Primitive.Trigger>
+    {:else}
+      <Primitive.Trigger class={triggerClass} {icon} {...triggerProps}>
+        {#snippet children({ open })}
+          {@render trigger?.({ open })}
+        {/snippet}
+      </Primitive.Trigger>
+    {/if}
+  {/if}
+
+  <Primitive.Content class={contentClass} {...contentProps}>
+    {@render children?.()}
+  </Primitive.Content>
+</Primitive.Root>

package/dist/composed/collapsible/root/collapsible.root.svelte.d.ts

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

package/dist/composed/collapsible/root/index.d.ts

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

package/dist/composed/collapsible/root/index.js

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

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

@@ -0,0 +1,14 @@
+import type { CollapsibleContentProps, CollapsibleRootProps, CollapsibleTriggerProps } from '../../primitives/collapsible/types.js';
+import type { Snippet } from 'svelte';
+import type { WithoutChildrenOrChild } from 'svelte-toolbelt';
+export type CollapsibleProps = WithoutChildrenOrChild<CollapsibleRootProps> & {
+    trigger?: Snippet<[{
+        open: boolean;
+    }]> | string;
+    icon?: Snippet | null;
+    children?: Snippet;
+    triggerClass?: string;
+    contentClass?: string;
+    triggerProps?: Omit<CollapsibleTriggerProps, 'class' | 'children' | 'child' | 'icon'>;
+    contentProps?: Omit<CollapsibleContentProps, 'class' | 'children' | 'child'>;
+};

package/dist/composed/collapsible/types.js

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