@casinogate/ui 1.3.0 → 1.3.2

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

@@ -1,21 +1,17 @@
-<script lang="ts" module>
-  export type CollapsibleContentProps = CollapsibleContentPropsPrimitive;
-</script>
-
 <script lang="ts">
   import { CollapsibleStylesContext } from '../styles.js';
+  import type { CollapsibleContentProps } from '../types.js';
 
   import { cn, useId } from '../../../internal/utils/common.js';
 
-  import {
-    Collapsible as CollapsiblePrimitive,
-    type CollapsibleContentProps as CollapsibleContentPropsPrimitive,
-  } from 'bits-ui';
+  import { Collapsible as CollapsiblePrimitive } from 'bits-ui';
   import { fade } from 'svelte/transition';
 
+  const uid = $props.id();
+
   let {
     ref = $bindable(null),
-    id = useId(),
+    id = useId(uid),
     forceMount = true,
     class: className,
     child: childSnippet,

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

@@ -1,5 +1,4 @@
-export type CollapsibleContentProps = CollapsibleContentPropsPrimitive;
-import { Collapsible as CollapsiblePrimitive, type CollapsibleContentProps as CollapsibleContentPropsPrimitive } from 'bits-ui';
+import { Collapsible as CollapsiblePrimitive } from 'bits-ui';
 declare const Collapsaible: import("svelte").Component<CollapsiblePrimitive.ContentProps, {}, "ref">;
 type Collapsaible = ReturnType<typeof Collapsaible>;
 export default Collapsaible;

package/dist/components/collapsible/components/collapsaible.root.svelte

@@ -1,25 +1,17 @@
-<script lang="ts" module>
-  export type CollapsibleRootProps = CollapsibleRootPropsPrimitive & CollapsibleVariantsProps;
-</script>
-
 <script lang="ts">
-  import {
-    CollapsibleStylesContext,
-    collapsibleVariants,
-    type CollapsibleVariantsProps,
-  } from '../styles.js';
+  import { CollapsibleStylesContext, collapsibleVariants } from '../styles.js';
+  import type { CollapsibleRootProps } from '../types.js';
   import { cn, useId } from '../../../internal/utils/common.js';
-  import {
-    Collapsible as CollapsiblePrimitive,
-    type CollapsibleRootProps as CollapsibleRootPropsPrimitive,
-  } from 'bits-ui';
+  import { Collapsible as CollapsiblePrimitive } from 'bits-ui';
   import { box, mergeProps } from 'svelte-toolbelt';
   import { CollapsibleGroupContext, CollapsibleRootState } from './collapsaible.svelte.js';
 
+  const uid = $props.id();
+
   let {
     open = $bindable(false),
     ref = $bindable(null),
-    id = useId(),
+    id = useId(uid),
     disabled,
     class: className,
     variant = 'default',

package/dist/components/collapsible/components/collapsaible.root.svelte.d.ts

@@ -1,6 +1,4 @@
-export type CollapsibleRootProps = CollapsibleRootPropsPrimitive & CollapsibleVariantsProps;
-import { type CollapsibleVariantsProps } from '../styles.js';
-import { type CollapsibleRootProps as CollapsibleRootPropsPrimitive } from 'bits-ui';
+import type { CollapsibleRootProps } from '../types.js';
 declare const Collapsaible: import("svelte").Component<CollapsibleRootProps, {}, "ref" | "open">;
 type Collapsaible = ReturnType<typeof Collapsaible>;
 export default Collapsaible;

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

@@ -1,23 +1,16 @@
-<script lang="ts" module>
-  export type CollapsibleTriggerProps = CollapsibleTriggerPropsPrimitive & {
-    icon?: Snippet | null;
-  };
-</script>
-
 <script lang="ts">
   import { CollapsibleStylesContext } from '../styles.js';
-  import { ChevronSmallRightIcon } from '../../icons/index.js';
+  import type { CollapsibleTriggerProps } from '../types.js';
+  import { Icon } from '../../icons/index.js';
   import { cn, useId } from '../../../internal/utils/common.js';
 
-  import {
-    Collapsible as CollapsiblePrimitive,
-    type CollapsibleTriggerProps as CollapsibleTriggerPropsPrimitive,
-  } from 'bits-ui';
-  import type { Snippet } from 'svelte';
+  import { Collapsible as CollapsiblePrimitive } from 'bits-ui';
+
+  const uid = $props.id();
 
   let {
     ref = $bindable(null),
-    id = useId(),
+    id = useId(uid),
     class: className,
     child: childSnippet,
     children: childrenSnippet,
@@ -39,7 +32,7 @@
             {#if iconSnippet}
               {@render iconSnippet?.()}
             {:else}
-              <ChevronSmallRightIcon width={16} height={16} />
+              <Icon.ChevronSmallRight width={16} height={16} />
             {/if}
           </span>
         {/if}

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

@@ -1,8 +1,4 @@
-export type CollapsibleTriggerProps = CollapsibleTriggerPropsPrimitive & {
-    icon?: Snippet | null;
-};
-import { type CollapsibleTriggerProps as CollapsibleTriggerPropsPrimitive } from 'bits-ui';
-import type { Snippet } from 'svelte';
+import type { CollapsibleTriggerProps } from '../types.js';
 declare const Collapsaible: import("svelte").Component<CollapsibleTriggerProps, {}, "ref">;
 type Collapsaible = ReturnType<typeof Collapsaible>;
 export default Collapsaible;

package/dist/components/collapsible/exports-primitive.d.ts

@@ -0,0 +1,3 @@
+export { default as Content } from './components/collapsaible.content.svelte';
+export { default as Root } from './components/collapsaible.root.svelte';
+export { default as Trigger } from './components/collapsaible.trigger.svelte';

package/dist/components/collapsible/exports-primitive.js

@@ -0,0 +1,3 @@
+export { default as Content } from './components/collapsaible.content.svelte';
+export { default as Root } from './components/collapsaible.root.svelte';
+export { default as Trigger } from './components/collapsaible.trigger.svelte';

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

@@ -1,9 +1,2 @@
-import { type CollapsibleContentProps } from './components/collapsaible.content.svelte';
-import { type CollapsibleRootProps } from './components/collapsaible.root.svelte';
-import { type CollapsibleTriggerProps } from './components/collapsaible.trigger.svelte';
-export declare const CollapsiblePrimitive: {
-    Root: import("svelte").Component<CollapsibleRootProps, {}, "ref" | "open">;
-    Trigger: import("svelte").Component<CollapsibleTriggerProps, {}, "ref">;
-    Content: import("svelte").Component<import("bits-ui").CollapsibleContentProps, {}, "ref">;
-};
-export type { CollapsibleContentProps, CollapsibleRootProps, CollapsibleTriggerProps };
+export * as CollapsiblePrimitive from './exports-primitive.js';
+export type { CollapsibleContentProps, CollapsibleOpenVariant, CollapsibleRootProps, CollapsibleTriggerProps, } from './types.js';

package/dist/components/collapsible/index.js

@@ -1,8 +1 @@
-import Content, {} from './components/collapsaible.content.svelte';
-import Root, {} from './components/collapsaible.root.svelte';
-import Trigger, {} from './components/collapsaible.trigger.svelte';
-export const CollapsiblePrimitive = {
-    Root,
-    Trigger,
-    Content,
-};
+export * as CollapsiblePrimitive from './exports-primitive.js';

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

@@ -71,36 +71,36 @@ export declare const collapsibleVariants: import("tailwind-variants").TVReturnTy
 export type CollapsibleVariantsProps = VariantProps<typeof collapsibleVariants>;
 export declare const CollapsibleStylesContext: Context<ReadableBox<{
     root: (slotProps?: ({
-        variant?: "clean" | "default" | undefined;
+        variant?: "default" | "clean" | undefined;
         iconPosition?: "end" | "start" | undefined;
     } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
     trigger: (slotProps?: ({
-        variant?: "clean" | "default" | undefined;
+        variant?: "default" | "clean" | undefined;
         iconPosition?: "end" | "start" | undefined;
     } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
     icon: (slotProps?: ({
-        variant?: "clean" | "default" | undefined;
+        variant?: "default" | "clean" | undefined;
         iconPosition?: "end" | "start" | undefined;
     } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
     content: (slotProps?: ({
-        variant?: "clean" | "default" | undefined;
+        variant?: "default" | "clean" | undefined;
         iconPosition?: "end" | "start" | undefined;
     } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
 } & {
     root: (slotProps?: ({
-        variant?: "clean" | "default" | undefined;
+        variant?: "default" | "clean" | undefined;
         iconPosition?: "end" | "start" | undefined;
     } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
     trigger: (slotProps?: ({
-        variant?: "clean" | "default" | undefined;
+        variant?: "default" | "clean" | undefined;
         iconPosition?: "end" | "start" | undefined;
     } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
     icon: (slotProps?: ({
-        variant?: "clean" | "default" | undefined;
+        variant?: "default" | "clean" | undefined;
         iconPosition?: "end" | "start" | undefined;
     } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
     content: (slotProps?: ({
-        variant?: "clean" | "default" | undefined;
+        variant?: "default" | "clean" | undefined;
         iconPosition?: "end" | "start" | undefined;
     } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
 } & {}>>;

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

@@ -1 +1,9 @@
+import type { CollapsibleVariantsProps } from './styles.js';
+import { type CollapsibleContentProps as CollapsibleContentPropsPrimitive, type CollapsibleRootProps as CollapsibleRootPropsPrimitive, type CollapsibleTriggerProps as CollapsibleTriggerPropsPrimitive } from 'bits-ui';
+import type { Snippet } from 'svelte';
 export type CollapsibleOpenVariant = 'single' | 'multiple';
+export type CollapsibleRootProps = CollapsibleRootPropsPrimitive & CollapsibleVariantsProps;
+export type CollapsibleContentProps = CollapsibleContentPropsPrimitive;
+export type CollapsibleTriggerProps = CollapsibleTriggerPropsPrimitive & {
+    icon?: Snippet | null;
+};

package/dist/components/collapsible/types.js

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

package/dist/components/data-table/components/data-table.body.svelte

@@ -1,15 +1,7 @@
-<script lang="ts" module>
-  type DataTableBodyPropsWithoutHTML = WithElementRef<WithChildren<{}>>;
-
-  export type DataTableBodyProps = DataTableBodyPropsWithoutHTML &
-    Without<PrimitiveDivAttributes, DataTableBodyPropsWithoutHTML>;
-</script>
-
 <script lang="ts">
-  import type { PrimitiveDivAttributes } from '../../../internal/types/html-attributes.js';
+  import type { DataTableBodyProps } from '../types.js';
   import { cn, useId } from '../../../internal/utils/common.js';
-  import { type WithChildren } from 'bits-ui';
-  import { box, mergeProps, type WithElementRef, type Without } from 'svelte-toolbelt';
+  import { box, mergeProps } from 'svelte-toolbelt';
   import { DataTableStylesContext } from '../styles.js';
   import { DataTableBodyState } from './data-table.svelte.js';
 

package/dist/components/data-table/components/data-table.body.svelte.d.ts

@@ -1,8 +1,4 @@
-type DataTableBodyPropsWithoutHTML = WithElementRef<WithChildren<{}>>;
-export type DataTableBodyProps = DataTableBodyPropsWithoutHTML & Without<PrimitiveDivAttributes, DataTableBodyPropsWithoutHTML>;
-import type { PrimitiveDivAttributes } from '../../../internal/types/html-attributes.js';
-import { type WithChildren } from 'bits-ui';
-import { type WithElementRef, type Without } from 'svelte-toolbelt';
+import type { DataTableBodyProps } from '../types.js';
 declare const DataTable: import("svelte").Component<DataTableBodyProps, {}, "ref">;
 type DataTable = ReturnType<typeof DataTable>;
 export default DataTable;

package/dist/components/data-table/components/data-table.cell.svelte

@@ -1,23 +1,11 @@
-<script lang="ts" module>
-  type DataTableCellPropsWithoutHTML = WithElementRef<
-    WithChildren<{
-      cell: Cell<any, unknown> | null;
-    }>
-  >;
-
-  export type DataTableCellProps = DataTableCellPropsWithoutHTML &
-    Without<PrimitiveTdAttributes, DataTableCellPropsWithoutHTML>;
-</script>
-
 <script lang="ts">
+  import type { DataTableCellProps } from '../types.js';
   import { DataTableStylesContext } from '../styles.js';
 
   import { DataTableCellState } from './data-table.svelte.js';
 
-  import type { PrimitiveTdAttributes } from '../../../internal/types/html-attributes.js';
   import { cn, useId } from '../../../internal/utils/common.js';
-  import type { Cell } from '@tanstack/table-core';
-  import { box, mergeProps, type WithChildren, type WithElementRef, type Without } from 'svelte-toolbelt';
+  import { box, mergeProps } from 'svelte-toolbelt';
 
   let {
     ref = $bindable(null),

package/dist/components/data-table/components/data-table.cell.svelte.d.ts

@@ -1,10 +1,4 @@
-type DataTableCellPropsWithoutHTML = WithElementRef<WithChildren<{
-    cell: Cell<any, unknown> | null;
-}>>;
-export type DataTableCellProps = DataTableCellPropsWithoutHTML & Without<PrimitiveTdAttributes, DataTableCellPropsWithoutHTML>;
-import type { PrimitiveTdAttributes } from '../../../internal/types/html-attributes.js';
-import type { Cell } from '@tanstack/table-core';
-import { type WithChildren, type WithElementRef, type Without } from 'svelte-toolbelt';
+import type { DataTableCellProps } from '../types.js';
 declare const DataTable: import("svelte").Component<DataTableCellProps, {}, "ref">;
 type DataTable = ReturnType<typeof DataTable>;
 export default DataTable;

package/dist/components/data-table/components/data-table.head.svelte

@@ -1,23 +1,11 @@
-<script lang="ts" module>
-  type DataTableHeadPropsWithoutHTML = WithElementRef<
-    WithChildren<{
-      header: Header<any, unknown>;
-    }>
-  >;
-
-  export type DataTableHeadProps = DataTableHeadPropsWithoutHTML &
-    Without<PrimitiveDivAttributes, DataTableHeadPropsWithoutHTML>;
-</script>
-
 <script lang="ts">
+  import type { DataTableHeadProps } from '../types.js';
   import { DataTableStylesContext } from '../styles.js';
 
   import { DataTableHeadState } from './data-table.svelte.js';
 
-  import type { PrimitiveDivAttributes } from '../../../internal/types/html-attributes.js';
   import { cn, useId } from '../../../internal/utils/common.js';
-  import type { Header } from '@tanstack/table-core';
-  import { box, mergeProps, type WithChildren, type WithElementRef, type Without } from 'svelte-toolbelt';
+  import { box, mergeProps } from 'svelte-toolbelt';
 
   let {
     ref = $bindable(null),

package/dist/components/data-table/components/data-table.head.svelte.d.ts

@@ -1,10 +1,4 @@
-type DataTableHeadPropsWithoutHTML = WithElementRef<WithChildren<{
-    header: Header<any, unknown>;
-}>>;
-export type DataTableHeadProps = DataTableHeadPropsWithoutHTML & Without<PrimitiveDivAttributes, DataTableHeadPropsWithoutHTML>;
-import type { PrimitiveDivAttributes } from '../../../internal/types/html-attributes.js';
-import type { Header } from '@tanstack/table-core';
-import { type WithChildren, type WithElementRef, type Without } from 'svelte-toolbelt';
+import type { DataTableHeadProps } from '../types.js';
 declare const DataTable: import("svelte").Component<DataTableHeadProps, {}, "ref">;
 type DataTable = ReturnType<typeof DataTable>;
 export default DataTable;

package/dist/components/data-table/components/data-table.header.svelte

@@ -1,18 +1,11 @@
-<script lang="ts" module>
-  type DataTableHeaderPropsWithoutHTML = WithElementRef<WithChildren<{}>>;
-
-  export type DataTableHeaderProps = DataTableHeaderPropsWithoutHTML &
-    Without<PrimitiveDivAttributes, DataTableHeaderPropsWithoutHTML>;
-</script>
-
 <script lang="ts">
   import { DataTableHeaderState } from './data-table.svelte.js';
 
   import { DataTableStylesContext } from '../styles.js';
+  import type { DataTableHeaderProps } from '../types.js';
 
-  import type { PrimitiveDivAttributes } from '../../../internal/types/html-attributes.js';
   import { cn, useId } from '../../../internal/utils/common.js';
-  import { box, mergeProps, type WithChildren, type WithElementRef, type Without } from 'svelte-toolbelt';
+  import { box, mergeProps } from 'svelte-toolbelt';
 
   let {
     ref = $bindable(null),

package/dist/components/data-table/components/data-table.header.svelte.d.ts

@@ -1,7 +1,4 @@
-type DataTableHeaderPropsWithoutHTML = WithElementRef<WithChildren<{}>>;
-export type DataTableHeaderProps = DataTableHeaderPropsWithoutHTML & Without<PrimitiveDivAttributes, DataTableHeaderPropsWithoutHTML>;
-import type { PrimitiveDivAttributes } from '../../../internal/types/html-attributes.js';
-import { type WithChildren, type WithElementRef, type Without } from 'svelte-toolbelt';
+import type { DataTableHeaderProps } from '../types.js';
 declare const DataTable: import("svelte").Component<DataTableHeaderProps, {}, "ref">;
 type DataTable = ReturnType<typeof DataTable>;
 export default DataTable;

package/dist/components/data-table/components/data-table.resize-handler.svelte

@@ -1,14 +1,7 @@
-<script lang="ts" module>
-  type DataTableResizeHandlerPropsWithoutHTML = WithElementRef<{}>;
-
-  export type DataTableResizeHandlerProps = DataTableResizeHandlerPropsWithoutHTML &
-    Without<PrimitiveDivAttributes, DataTableResizeHandlerPropsWithoutHTML>;
-</script>
-
 <script lang="ts">
-  import type { PrimitiveDivAttributes } from '../../../internal/types/html-attributes.js';
+  import type { DataTableResizeHandlerProps } from '../types.js';
   import { cn, useId } from '../../../internal/utils/common.js';
-  import { box, mergeProps, type WithElementRef, type Without } from 'svelte-toolbelt';
+  import { box, mergeProps } from 'svelte-toolbelt';
   import { DataTableStylesContext } from '../styles.js';
   import { DataTableResizeHandlerState } from './data-table.svelte.js';
 

package/dist/components/data-table/components/data-table.resize-handler.svelte.d.ts

@@ -1,7 +1,4 @@
-type DataTableResizeHandlerPropsWithoutHTML = WithElementRef<{}>;
-export type DataTableResizeHandlerProps = DataTableResizeHandlerPropsWithoutHTML & Without<PrimitiveDivAttributes, DataTableResizeHandlerPropsWithoutHTML>;
-import type { PrimitiveDivAttributes } from '../../../internal/types/html-attributes.js';
-import { type WithElementRef, type Without } from 'svelte-toolbelt';
+import type { DataTableResizeHandlerProps } from '../types.js';
 declare const DataTable: import("svelte").Component<DataTableResizeHandlerProps, {}, "ref">;
 type DataTable = ReturnType<typeof DataTable>;
 export default DataTable;

package/dist/components/data-table/components/data-table.root.svelte

@@ -1,22 +1,13 @@
 <script lang="ts" module>
-  type DataTableRootPropsWithoutHTML<TData extends RowData> = WithElementRef<
-    WithChildren<{
-      table: CreateTableReturn<TData>;
-    }>
-  > &
-    DataTableVariantsProps;
-
-  export type DataTableRootProps<TData extends RowData> = DataTableRootPropsWithoutHTML<TData> &
-    Without<PrimitiveDivAttributes, DataTableRootPropsWithoutHTML<TData>>;
+  type TData = unknown;
 </script>
 
-<script lang="ts" generics="TData extends RowData">
-  import type { CreateTableReturn } from '../models/create-table.svelte.js';
-  import type { PrimitiveDivAttributes } from '../../../internal/types/html-attributes.js';
+<script lang="ts" generics="TData extends RowData = RowData">
+  import type { DataTableRootProps } from '../types.js';
   import { cn, useId } from '../../../internal/utils/common.js';
   import type { RowData } from '@tanstack/table-core';
-  import { box, mergeProps, type WithChildren, type WithElementRef, type Without } from 'svelte-toolbelt';
-  import { DataTableStylesContext, dataTableVariants, type DataTableVariantsProps } from '../styles.js';
+  import { box, mergeProps } from 'svelte-toolbelt';
+  import { DataTableStylesContext, dataTableVariants } from '../styles.js';
   import { DataTableRootState } from './data-table.svelte.js';
 
   let {

package/dist/components/data-table/components/data-table.root.svelte.d.ts

@@ -1,20 +1,13 @@
-type DataTableRootPropsWithoutHTML<TData extends RowData> = WithElementRef<WithChildren<{
-    table: CreateTableReturn<TData>;
-}>> & DataTableVariantsProps;
-export type DataTableRootProps<TData extends RowData> = DataTableRootPropsWithoutHTML<TData> & Without<PrimitiveDivAttributes, DataTableRootPropsWithoutHTML<TData>>;
-import type { CreateTableReturn } from '../models/create-table.svelte.js';
-import type { PrimitiveDivAttributes } from '../../../internal/types/html-attributes.js';
+import type { DataTableRootProps } from '../types.js';
 import type { RowData } from '@tanstack/table-core';
-import { type WithChildren, type WithElementRef, type Without } from 'svelte-toolbelt';
-import { type DataTableVariantsProps } from '../styles.js';
-declare function $$render<TData extends RowData>(): {
+declare function $$render<TData extends RowData = RowData>(): {
     props: DataTableRootProps<TData>;
     exports: {};
     bindings: "ref";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<TData extends RowData> {
+declare class __sveltets_Render<TData extends RowData = RowData> {
     props(): ReturnType<typeof $$render<TData>>['props'];
     events(): ReturnType<typeof $$render<TData>>['events'];
     slots(): ReturnType<typeof $$render<TData>>['slots'];
@@ -22,12 +15,12 @@ declare class __sveltets_Render<TData extends RowData> {
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <TData extends RowData>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData>['props']>, ReturnType<__sveltets_Render<TData>['events']>, ReturnType<__sveltets_Render<TData>['slots']>> & {
+    new <TData extends RowData = RowData>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData>['props']>, ReturnType<__sveltets_Render<TData>['events']>, ReturnType<__sveltets_Render<TData>['slots']>> & {
         $$bindings?: ReturnType<__sveltets_Render<TData>['bindings']>;
     } & ReturnType<__sveltets_Render<TData>['exports']>;
-    <TData extends RowData>(internal: unknown, props: ReturnType<__sveltets_Render<TData>['props']> & {}): ReturnType<__sveltets_Render<TData>['exports']>;
+    <TData extends RowData = RowData>(internal: unknown, props: ReturnType<__sveltets_Render<TData>['props']> & {}): ReturnType<__sveltets_Render<TData>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
 declare const DataTable: $$IsomorphicComponent;
-type DataTable<TData extends RowData> = InstanceType<typeof DataTable<TData>>;
+type DataTable<TData extends RowData = RowData> = InstanceType<typeof DataTable<TData>>;
 export default DataTable;

package/dist/components/data-table/components/data-table.row.svelte

@@ -1,18 +1,11 @@
-<script lang="ts" module>
-  type DataTableRowPropsWithoutHTML = WithElementRef<WithChildren<{}>>;
-
-  export type DataTableRowProps = DataTableRowPropsWithoutHTML &
-    Without<PrimitiveDivAttributes, DataTableRowPropsWithoutHTML>;
-</script>
-
 <script lang="ts">
+  import type { DataTableRowProps } from '../types.js';
   import { DataTableStylesContext } from '../styles.js';
 
   import { DataTableRowState } from './data-table.svelte.js';
 
-  import type { PrimitiveDivAttributes } from '../../../internal/types/html-attributes.js';
   import { cn, useId } from '../../../internal/utils/common.js';
-  import { box, mergeProps, type WithChildren, type WithElementRef, type Without } from 'svelte-toolbelt';
+  import { box, mergeProps } from 'svelte-toolbelt';
 
   let { ref = $bindable(null), id = useId(), children, class: className, ...restProps }: DataTableRowProps = $props();
 

package/dist/components/data-table/components/data-table.row.svelte.d.ts

@@ -1,7 +1,4 @@
-type DataTableRowPropsWithoutHTML = WithElementRef<WithChildren<{}>>;
-export type DataTableRowProps = DataTableRowPropsWithoutHTML & Without<PrimitiveDivAttributes, DataTableRowPropsWithoutHTML>;
-import type { PrimitiveDivAttributes } from '../../../internal/types/html-attributes.js';
-import { type WithChildren, type WithElementRef, type Without } from 'svelte-toolbelt';
+import type { DataTableRowProps } from '../types.js';
 declare const DataTable: import("svelte").Component<DataTableRowProps, {}, "ref">;
 type DataTable = ReturnType<typeof DataTable>;
 export default DataTable;

package/dist/components/data-table/components/data-table.sort-button.svelte

@@ -1,15 +1,8 @@
-<script lang="ts" module>
-  type DataTableSortButtonPropsWithoutHTML = WithElementRef<WithChild<{}>>;
-
-  export type DataTableSortButtonProps = DataTableSortButtonPropsWithoutHTML &
-    Without<PrimitiveButtonAttributes, DataTableSortButtonPropsWithoutHTML>;
-</script>
-
 <script lang="ts">
-  import { SortIcon } from '../../icons/index.js';
-  import type { PrimitiveButtonAttributes } from '../../../internal/types/html-attributes.js';
+  import type { DataTableSortButtonProps } from '../types.js';
+  import { Icon } from '../../icons/index.js';
   import { cn, useId } from '../../../internal/utils/common.js';
-  import { box, mergeProps, type WithChild, type WithElementRef, type Without } from 'svelte-toolbelt';
+  import { box, mergeProps } from 'svelte-toolbelt';
   import { DataTableStylesContext } from '../styles.js';
   import { DataTableSortButtonState } from './data-table.svelte.js';
 
@@ -44,7 +37,7 @@
     {#if children}
       {@render children?.()}
     {:else}
-      <SortIcon />
+      <Icon.Sort />
     {/if}
   </button>
 {/if}

package/dist/components/data-table/components/data-table.sort-button.svelte.d.ts

@@ -1,7 +1,4 @@
-type DataTableSortButtonPropsWithoutHTML = WithElementRef<WithChild<{}>>;
-export type DataTableSortButtonProps = DataTableSortButtonPropsWithoutHTML & Without<PrimitiveButtonAttributes, DataTableSortButtonPropsWithoutHTML>;
-import type { PrimitiveButtonAttributes } from '../../../internal/types/html-attributes.js';
-import { type WithChild, type WithElementRef, type Without } from 'svelte-toolbelt';
+import type { DataTableSortButtonProps } from '../types.js';
 declare const DataTable: import("svelte").Component<DataTableSortButtonProps, {}, "ref">;
 type DataTable = ReturnType<typeof DataTable>;
 export default DataTable;

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

@@ -85,7 +85,7 @@ export declare class DataTableHeadState {
         readonly "data-slot": "head";
         readonly 'data-id': string;
         readonly style: {
-            readonly width: `calc(${number} * 1px)`;
+            readonly width: "calc(undefined * 1px)" | `calc(${number} * 1px)`;
         };
         readonly colspan: number;
     };
@@ -104,7 +104,7 @@ export declare class DataTableCellState {
         readonly id: string;
         readonly "data-slot": "cell";
         readonly style: {
-            readonly width: `calc(${number} * 1px)`;
+            readonly width: "calc(undefined * 1px)" | `calc(${number} * 1px)`;
         };
     };
 }

package/dist/components/data-table/components/data-table.table.svelte

@@ -1,14 +1,7 @@
-<script lang="ts" module>
-  type DataTableTablePropsWithoutHTML = WithElementRef<WithChildren<{}>>;
-
-  export type DataTableTableProps = DataTableTablePropsWithoutHTML &
-    Without<PrimitiveTableAttributes, DataTableTablePropsWithoutHTML>;
-</script>
-
 <script lang="ts">
-  import type { PrimitiveTableAttributes } from '../../../internal/types/html-attributes.js';
+  import type { DataTableTableProps } from '../types.js';
   import { cn, useId } from '../../../internal/utils/common.js';
-  import { box, mergeProps, type WithChildren, type WithElementRef, type Without } from 'svelte-toolbelt';
+  import { box, mergeProps } from 'svelte-toolbelt';
   import { DataTableStylesContext } from '../styles.js';
   import { DataTableTableState } from './data-table.svelte.js';
 

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

@@ -1,7 +1,4 @@
-type DataTableTablePropsWithoutHTML = WithElementRef<WithChildren<{}>>;
-export type DataTableTableProps = DataTableTablePropsWithoutHTML & Without<PrimitiveTableAttributes, DataTableTablePropsWithoutHTML>;
-import type { PrimitiveTableAttributes } from '../../../internal/types/html-attributes.js';
-import { type WithChildren, type WithElementRef, type Without } from 'svelte-toolbelt';
+import type { DataTableTableProps } from '../types.js';
 declare const DataTable: import("svelte").Component<DataTableTableProps, {}, "ref">;
 type DataTable = ReturnType<typeof DataTable>;
 export default DataTable;

package/dist/components/data-table/data-table.svelte

@@ -1,31 +1,20 @@
-<script lang="ts" module>
-  import type { WithoutChildren } from 'svelte-toolbelt';
-
-  export type DataTableBasicProps<TData extends RowData> = WithoutChildren<DataTableRootProps<TData>> & {
-    empty?: Snippet;
-
-    loading?: Snippet;
-  };
-</script>
-
-<script lang="ts" generics="TData extends RowData">
+<script lang="ts" generics="TData extends RowData = any">
   import { Spinner } from '../spinner/index.js';
   import { watch } from 'runed';
-  import type { Snippet } from 'svelte';
   import { fade } from 'svelte/transition';
   import DataTableBody from './components/data-table.body.svelte';
   import DataTableCell from './components/data-table.cell.svelte';
   import DataTableHead from './components/data-table.head.svelte';
   import DataTableHeader from './components/data-table.header.svelte';
   import DataTableResizeHandler from './components/data-table.resize-handler.svelte';
-  import DataTableRoot, { type DataTableRootProps } from './components/data-table.root.svelte';
+  import DataTableRoot from './components/data-table.root.svelte';
   import DataTableRow from './components/data-table.row.svelte';
   import DataTableSortButton from './components/data-table.sort-button.svelte';
   import DataTableTable from './components/data-table.table.svelte';
   import FlexRender from './components/flex-render.svelte';
-  import { type RowData } from './types.js';
+  import { type DataTableProps, type RowData } from './types.js';
 
-  let { ref = $bindable(null), table, empty, loading, ...restProps }: DataTableBasicProps<TData> = $props();
+  let { ref = $bindable(null), table, empty, loading, ...restProps }: DataTableProps<TData> = $props();
 
   let isFirstLoaded = $state(false);