@casinogate/ui 1.3.1 → 1.3.2

package/dist/components/input/input.password.svelte

@@ -1,14 +1,9 @@
-<script lang="ts" module>
-  export type InputPasswordProps = Omit<InputProps, 'endChevron' | 'type'> & {
-    showPassword?: boolean;
-  };
-</script>
-
 <script lang="ts">
-  import { EyeCrossedIcon, EyeIcon } from '../icons/index.js';
+  import { Icon } from '../icons/index.js';
 
   import { cn } from '../../internal/utils/common.js';
-  import Input, { type InputProps } from './input.svelte';
+  import Input from './input.svelte';
+  import type { InputPasswordProps } from './types.js';
 
   let {
     ref = $bindable(null),
@@ -18,26 +13,22 @@
   }: InputPasswordProps = $props();
 
   const type = $derived(showPassword ? 'text' : 'password');
-
-  function togglePassword() {
-    showPassword = !showPassword;
-  }
 </script>
 
 <Input bind:ref bind:value {type} {...restProps}>
   {#snippet endChevron()}
     <button
       type="button"
-      onclick={togglePassword}
+      onclick={() => (showPassword = !showPassword)}
       class={cn(
         'cgui:cursor-pointer cgui:p-0 cgui:flex cgui:items-center cgui:justify-center cgui:bg-transparent cgui:border-none',
         'cgui:focus-visible:ring-stroke-focus cgui:focus-visible:border-stroke-focus cgui:outline-stroke-focus'
       )}
     >
       {#if showPassword}
-        <EyeIcon width={20} height={20} />
+        <Icon.Eye width={20} height={20} />
       {:else}
-        <EyeCrossedIcon width={20} height={20} />
+        <Icon.EyeCrossed width={20} height={20} />
       {/if}
     </button>
   {/snippet}

package/dist/components/input/input.password.svelte.d.ts

@@ -1,7 +1,5 @@
-export type InputPasswordProps = Omit<InputProps, 'endChevron' | 'type'> & {
-    showPassword?: boolean;
-};
-import Input, { type InputProps } from './input.svelte';
+import Input from './input.svelte';
+import type { InputPasswordProps } from './types.js';
 declare const Input: import("svelte").Component<InputPasswordProps, {}, "value" | "ref" | "showPassword">;
 type Input = ReturnType<typeof Input>;
 export default Input;

package/dist/components/input/input.svelte

@@ -1,25 +1,14 @@
-<script lang="ts" module>
-  import type { PrimitiveInputAttributes } from '../../internal/types/html-attributes.js';
+<script lang="ts">
   import { getDataActive } from '../../internal/utils/attrs.js';
   import { cn, useId } from '../../internal/utils/common.js';
-  import type { Snippet } from 'svelte';
-  import type { WithElementRef, Without } from 'svelte-toolbelt';
-  import { type InputVariants, inputStyles } from './styles.js';
-
-  type InputPropsWithoutHTML = WithElementRef<{
-    startChevron?: Snippet;
+  import { inputStyles } from './styles.js';
+  import type { InputProps } from './types.js';
 
-    endChevron?: Snippet;
-  }> &
-    InputVariants;
+  const uid = $props.id();
 
-  export type InputProps = InputPropsWithoutHTML & Without<PrimitiveInputAttributes, InputPropsWithoutHTML>;
-</script>
-
-<script lang="ts">
   let {
     ref = $bindable(null),
-    id = useId(),
+    id = useId(uid),
     value = $bindable(''),
     class: className,
     startChevron,

package/dist/components/input/input.svelte.d.ts

@@ -1,12 +1,4 @@
-import type { PrimitiveInputAttributes } from '../../internal/types/html-attributes.js';
-import type { Snippet } from 'svelte';
-import type { WithElementRef, Without } from 'svelte-toolbelt';
-import { type InputVariants } from './styles.js';
-type InputPropsWithoutHTML = WithElementRef<{
-    startChevron?: Snippet;
-    endChevron?: Snippet;
-}> & InputVariants;
-export type InputProps = InputPropsWithoutHTML & Without<PrimitiveInputAttributes, InputPropsWithoutHTML>;
+import type { InputProps } from './types.js';
 declare const Input: import("svelte").Component<InputProps, {}, "value" | "ref">;
 type Input = ReturnType<typeof Input>;
 export default Input;

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

@@ -0,0 +1,13 @@
+import type { PrimitiveInputAttributes } from '../../internal/types/html-attributes.js';
+import type { Snippet } from 'svelte';
+import type { WithElementRef, Without } from 'svelte-toolbelt';
+import type { InputVariants } from './styles.js';
+type InputPropsWithoutHTML = WithElementRef<{
+    startChevron?: Snippet;
+    endChevron?: Snippet;
+}> & InputVariants;
+export type InputProps = InputPropsWithoutHTML & Without<PrimitiveInputAttributes, InputPropsWithoutHTML>;
+export type InputPasswordProps = Omit<InputProps, 'endChevron' | 'type'> & {
+    showPassword?: boolean;
+};
+export {};

package/dist/components/input/types.js

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

package/dist/components/navigation/components/navigation.content.svelte

@@ -1,21 +1,16 @@
-<script lang="ts" module>
-  import type { PrimitiveElementAttributes } from '../../../internal/types/html-attributes.js';
-  import { boxWith, mergeProps, type WithChild, type WithElementRef, type Without } from 'svelte-toolbelt';
-
-  type NavigationContentPropsWithoutHTML = WithElementRef<WithChild<{}>>;
-
-  export type NavigationContentProps = NavigationContentPropsWithoutHTML &
-    Without<PrimitiveElementAttributes, NavigationContentPropsWithoutHTML>;
-</script>
-
 <script lang="ts">
+  import { boxWith, mergeProps } from 'svelte-toolbelt';
+
   import { NavigationStylesContext } from '../styles.js';
   import { cn, useId } from '../../../internal/utils/common.js';
+  import type { NavigationContentProps } from '../types.js';
   import { NavigationContentState } from './navigation.svelte.js';
 
+  const uid = $props.id();
+
   let {
     ref = $bindable(null),
-    id = useId(),
+    id = useId(uid),
     children,
     child,
     class: className,

package/dist/components/navigation/components/navigation.content.svelte.d.ts

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

package/dist/components/navigation/components/navigation.item.svelte

@@ -1,22 +1,17 @@
-<script lang="ts" module>
-  type NavigationItemPropsWithoutHTML = WithElementRef<WithChild<{}>>;
-
-  export type NavigationItemProps = NavigationItemPropsWithoutHTML &
-    Without<PrimitiveElementAttributes, NavigationItemPropsWithoutHTML>;
-</script>
-
 <script lang="ts">
   import { CollapsiblePrimitive } from '../../collapsible/index.js';
   import { NavigationStylesContext } from '../styles.js';
   import { PopoverPrimitive } from '../../popover/index.js';
-  import type { PrimitiveElementAttributes } from '../../../internal/types/html-attributes.js';
   import { cn, useId } from '../../../internal/utils/common.js';
-  import { boxWith, mergeProps, type WithChild, type WithElementRef, type Without } from 'svelte-toolbelt';
+  import { boxWith, mergeProps } from 'svelte-toolbelt';
+  import type { NavigationItemProps } from '../types.js';
   import { NavigationItemState } from './navigation.svelte.js';
 
+  const uid = $props.id();
+
   let {
     ref = $bindable(null),
-    id = useId(),
+    id = useId(uid),
     children,
     child,
     class: className,

package/dist/components/navigation/components/navigation.item.svelte.d.ts

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

package/dist/components/navigation/components/navigation.root.svelte

@@ -1,22 +1,17 @@
-<script lang="ts" module>
-  type NavigationRootPropsWithoutHTML = WithElementRef<WithChild<{}, { compact: boolean }>> & NavigationVariantsProps;
-
-  export type NavigationRootProps = NavigationRootPropsWithoutHTML &
-    Without<PrimitiveElementAttributes, NavigationRootPropsWithoutHTML>;
-</script>
-
 <script lang="ts">
-  import { NavigationStylesContext, navigationVariants, type NavigationVariantsProps } from '../styles.js';
+  import { NavigationStylesContext, navigationVariants } from '../styles.js';
+  import type { NavigationRootProps } from '../types.js';
 
   import { NavigationRootState } from './navigation.svelte.js';
 
-  import type { PrimitiveElementAttributes } from '../../../internal/types/html-attributes.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';
+
+  const uid = $props.id();
 
   let {
     ref = $bindable(null),
-    id = useId(),
+    id = useId(uid),
     children,
     child,
     class: className,

package/dist/components/navigation/components/navigation.root.svelte.d.ts

@@ -1,10 +1,4 @@
-type NavigationRootPropsWithoutHTML = WithElementRef<WithChild<{}, {
-    compact: boolean;
-}>> & NavigationVariantsProps;
-export type NavigationRootProps = NavigationRootPropsWithoutHTML & Without<PrimitiveElementAttributes, NavigationRootPropsWithoutHTML>;
-import { type NavigationVariantsProps } from '../styles.js';
-import type { PrimitiveElementAttributes } from '../../../internal/types/html-attributes.js';
-import { type WithChild, type WithElementRef, type Without } from 'svelte-toolbelt';
+import type { NavigationRootProps } from '../types.js';
 declare const Navigation: import("svelte").Component<NavigationRootProps, {}, "ref">;
 type Navigation = ReturnType<typeof Navigation>;
 export default Navigation;

package/dist/components/navigation/components/navigation.sub-content.svelte

@@ -1,25 +1,20 @@
-<script lang="ts" module>
-  import type { PrimitiveElementAttributes } from '../../../internal/types/html-attributes.js';
-  import { boxWith, mergeProps, type WithChild, type WithElementRef, type Without } from 'svelte-toolbelt';
-
-  type NavigationSubContentPropsWithoutHTML = WithElementRef<WithChild<{}, { compact: boolean }>>;
-
-  export type NavigationSubContentProps = NavigationSubContentPropsWithoutHTML &
-    Without<PrimitiveElementAttributes, NavigationSubContentPropsWithoutHTML>;
-</script>
-
 <script lang="ts">
+  import { boxWith, mergeProps } from 'svelte-toolbelt';
+
   import { CollapsiblePrimitive } from '../../collapsible/index.js';
   import { NavigationStylesContext } from '../styles.js';
   import { PopoverPrimitive } from '../../popover/index.js';
   import { cn, useId } from '../../../internal/utils/common.js';
   import { cubicInOut } from 'svelte/easing';
   import { fade, fly } from 'svelte/transition';
+  import type { NavigationSubContentProps } from '../types.js';
   import { NavigationSubContentState } from './navigation.svelte.js';
 
+  const uid = $props.id();
+
   let {
     ref = $bindable(null),
-    id = useId(),
+    id = useId(uid),
     children,
     child,
     class: className,

package/dist/components/navigation/components/navigation.sub-content.svelte.d.ts

@@ -1,9 +1,4 @@
-import type { PrimitiveElementAttributes } from '../../../internal/types/html-attributes.js';
-import { type WithChild, type WithElementRef, type Without } from 'svelte-toolbelt';
-type NavigationSubContentPropsWithoutHTML = WithElementRef<WithChild<{}, {
-    compact: boolean;
-}>>;
-export type NavigationSubContentProps = NavigationSubContentPropsWithoutHTML & Without<PrimitiveElementAttributes, NavigationSubContentPropsWithoutHTML>;
+import type { NavigationSubContentProps } from '../types.js';
 declare const Navigation: import("svelte").Component<NavigationSubContentProps, {}, "ref">;
 type Navigation = ReturnType<typeof Navigation>;
 export default Navigation;

package/dist/components/navigation/components/navigation.trigger.svelte

@@ -1,35 +1,18 @@
-<script lang="ts" module>
-  type NavigationTriggerPropsWithoutHTML = WithElementRef<
-    WithChild<
-      {
-        href?: string;
-
-        disabled?: boolean;
-      },
-      {
-        compact: boolean;
-      }
-    >
-  >;
-
-  export type NavigationTriggerProps = NavigationTriggerPropsWithoutHTML &
-    Without<PrimitiveElementAttributes, NavigationTriggerPropsWithoutHTML>;
-</script>
-
 <script lang="ts">
   import { CollapsiblePrimitive } from '../../collapsible/index.js';
   import ChevronDown from '../../icons/chevron-down.svelte';
   import { NavigationStylesContext } from '../styles.js';
   import { PopoverPrimitive } from '../../popover/index.js';
-  import type { PrimitiveElementAttributes } from '../../../internal/types/html-attributes.js';
   import { cn, useId } from '../../../internal/utils/common.js';
-  import type { WithChild, WithElementRef, Without } from 'svelte-toolbelt';
   import { boxWith, mergeProps } from 'svelte-toolbelt';
+  import type { NavigationTriggerProps } from '../types.js';
   import { NavigationTriggerState } from './navigation.svelte.js';
 
+  const uid = $props.id();
+
   let {
     ref = $bindable(null),
-    id = useId(),
+    id = useId(uid),
     children,
     child,
     class: className,

package/dist/components/navigation/components/navigation.trigger.svelte.d.ts

@@ -1,12 +1,4 @@
-type NavigationTriggerPropsWithoutHTML = WithElementRef<WithChild<{
-    href?: string;
-    disabled?: boolean;
-}, {
-    compact: boolean;
-}>>;
-export type NavigationTriggerProps = NavigationTriggerPropsWithoutHTML & Without<PrimitiveElementAttributes, NavigationTriggerPropsWithoutHTML>;
-import type { PrimitiveElementAttributes } from '../../../internal/types/html-attributes.js';
-import type { WithChild, WithElementRef, Without } from 'svelte-toolbelt';
+import type { NavigationTriggerProps } from '../types.js';
 declare const Navigation: import("svelte").Component<NavigationTriggerProps, {}, "ref">;
 type Navigation = ReturnType<typeof Navigation>;
 export default Navigation;

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

@@ -0,0 +1,5 @@
+export { default as Content } from './components/navigation.content.svelte';
+export { default as Item } from './components/navigation.item.svelte';
+export { default as Root } from './components/navigation.root.svelte';
+export { default as SubContent } from './components/navigation.sub-content.svelte';
+export { default as Trigger } from './components/navigation.trigger.svelte';

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

@@ -0,0 +1,5 @@
+export { default as Content } from './components/navigation.content.svelte';
+export { default as Item } from './components/navigation.item.svelte';
+export { default as Root } from './components/navigation.root.svelte';
+export { default as SubContent } from './components/navigation.sub-content.svelte';
+export { default as Trigger } from './components/navigation.trigger.svelte';

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

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

package/dist/components/navigation/exports.js

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

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

@@ -1,12 +1,3 @@
-import { type NavigationContentProps } from './components/navigation.content.svelte';
-import { type NavigationItemProps } from './components/navigation.item.svelte';
-import { type NavigationRootProps } from './components/navigation.root.svelte';
-import { type NavigationSubContentProps } from './components/navigation.sub-content.svelte';
-export declare const NavigationPrimitive: {
-    readonly Root: import("svelte").Component<NavigationRootProps, {}, "ref">;
-    readonly Trigger: import("svelte").Component<import("./components/navigation.trigger.svelte").NavigationTriggerProps, {}, "ref">;
-    readonly Content: import("svelte").Component<NavigationContentProps, {}, "ref">;
-    readonly Item: import("svelte").Component<NavigationItemProps, {}, "ref">;
-    readonly SubContent: import("svelte").Component<NavigationSubContentProps, {}, "ref">;
-};
-export type { NavigationContentProps, NavigationItemProps, NavigationRootProps, NavigationSubContentProps };
+export * as NavigationPrimitive from './exports-primitive.js';
+export * from './exports.js';
+export type { NavigationContentProps, NavigationItemProps, NavigationRootProps, NavigationSubContentProps, NavigationTriggerProps, } from './types.js';

package/dist/components/navigation/index.js

@@ -1,12 +1,2 @@
-import Content, {} from './components/navigation.content.svelte';
-import Item, {} from './components/navigation.item.svelte';
-import Root, {} from './components/navigation.root.svelte';
-import SubContent, {} from './components/navigation.sub-content.svelte';
-import Trigger from './components/navigation.trigger.svelte';
-export const NavigationPrimitive = {
-    Root,
-    Trigger,
-    Content,
-    Item,
-    SubContent,
-};
+export * as NavigationPrimitive from './exports-primitive.js';
+export * from './exports.js';

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

@@ -0,0 +1,23 @@
+import type { PrimitiveElementAttributes } from '../../internal/types/html-attributes.js';
+import type { WithChild, WithElementRef, Without } from 'svelte-toolbelt';
+import type { NavigationVariantsProps } from './styles.js';
+type NavigationRootPropsWithoutHTML = WithElementRef<WithChild<{}, {
+    compact: boolean;
+}>> & NavigationVariantsProps;
+export type NavigationRootProps = NavigationRootPropsWithoutHTML & Without<PrimitiveElementAttributes, NavigationRootPropsWithoutHTML>;
+type NavigationItemPropsWithoutHTML = WithElementRef<WithChild<{}>>;
+export type NavigationItemProps = NavigationItemPropsWithoutHTML & Without<PrimitiveElementAttributes, NavigationItemPropsWithoutHTML>;
+type NavigationContentPropsWithoutHTML = WithElementRef<WithChild<{}>>;
+export type NavigationContentProps = NavigationContentPropsWithoutHTML & Without<PrimitiveElementAttributes, NavigationContentPropsWithoutHTML>;
+type NavigationSubContentPropsWithoutHTML = WithElementRef<WithChild<{}, {
+    compact: boolean;
+}>>;
+export type NavigationSubContentProps = NavigationSubContentPropsWithoutHTML & Without<PrimitiveElementAttributes, NavigationSubContentPropsWithoutHTML>;
+type NavigationTriggerPropsWithoutHTML = WithElementRef<WithChild<{
+    href?: string;
+    disabled?: boolean;
+}, {
+    compact: boolean;
+}>>;
+export type NavigationTriggerProps = NavigationTriggerPropsWithoutHTML & Without<PrimitiveElementAttributes, NavigationTriggerPropsWithoutHTML>;
+export {};

package/dist/components/navigation/types.js

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

package/dist/components/pagination/components/pagination.ellipsis.svelte

@@ -1,15 +1,9 @@
-<script lang="ts" module>
-  export type PaginationEllipsisProps = WithChild<WithElementRef<{} & PrimitiveDivAttributes>>;
-</script>
-
 <script lang="ts">
   import { PaginationStylesContext } from '../styles.js';
 
-  import { DotsIcon } from '../../icons/index.js';
-  import type { WithChild } from '../../../internal/types/composition.js';
-  import type { PrimitiveDivAttributes } from '../../../internal/types/html-attributes.js';
+  import { Icon } from '../../icons/index.js';
   import { cn } from '../../../internal/utils/common.js';
-  import type { WithElementRef } from 'svelte-toolbelt';
+  import type { PaginationEllipsisProps } from '../types.js';
 
   let { class: className, ref = $bindable(null), child, ...restProps }: PaginationEllipsisProps = $props();
 
@@ -22,6 +16,6 @@
   {@render child?.({ props: { class: classNames, ...restProps } })}
 {:else}
   <div bind:this={ref} class={classNames} {...restProps}>
-    <DotsIcon width={16} height={16} />
+    <Icon.Dots width={16} height={16} />
   </div>
 {/if}

package/dist/components/pagination/components/pagination.ellipsis.svelte.d.ts

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

package/dist/components/pagination/components/pagination.item.svelte

@@ -1,12 +1,9 @@
-<script lang="ts" module>
-  export type PaginationItemProps = PaginationPagePropsPrimitive;
-</script>
-
 <script lang="ts">
   import { cn } from '../../../internal/utils/common.js';
   import { PaginationStylesContext } from '../styles.js';
+  import type { PaginationItemProps } from '../types.js';
 
-  import { Pagination as PaginationPrimitive, type PaginationPageProps as PaginationPagePropsPrimitive } from 'bits-ui';
+  import { Pagination as PaginationPrimitive } from 'bits-ui';
 
   let { page, class: className, ...props }: PaginationItemProps = $props();
 

package/dist/components/pagination/components/pagination.item.svelte.d.ts

@@ -1,5 +1,4 @@
-export type PaginationItemProps = PaginationPagePropsPrimitive;
-import { Pagination as PaginationPrimitive, type PaginationPageProps as PaginationPagePropsPrimitive } from 'bits-ui';
+import { Pagination as PaginationPrimitive } from 'bits-ui';
 declare const Pagination: import("svelte").Component<PaginationPrimitive.PageProps, {}, "">;
 type Pagination = ReturnType<typeof Pagination>;
 export default Pagination;

package/dist/components/pagination/components/pagination.next-button.svelte

@@ -1,16 +1,10 @@
-<script lang="ts" module>
-  export type PaginationNextButtonProps = PaginationNextButtonPropsPrimitive;
-</script>
-
 <script lang="ts">
   import { cn } from '../../../internal/utils/common.js';
   import { PaginationStylesContext } from '../styles.js';
 
-  import { ChevronRightIcon } from '../../icons/index.js';
-  import {
-    Pagination as PaginationPrimitive,
-    type PaginationNextButtonProps as PaginationNextButtonPropsPrimitive,
-  } from 'bits-ui';
+  import { Icon } from '../../icons/index.js';
+  import { Pagination as PaginationPrimitive } from 'bits-ui';
+  import type { PaginationNextButtonProps } from '../types.js';
 
   let { class: className, children, ref = $bindable(null), ...props }: PaginationNextButtonProps = $props();
 
@@ -23,6 +17,6 @@
   {#if children}
     {@render children?.()}
   {:else}
-    <ChevronRightIcon />
+    <Icon.ChevronRight />
   {/if}
 </PaginationPrimitive.NextButton>

package/dist/components/pagination/components/pagination.next-button.svelte.d.ts

@@ -1,5 +1,4 @@
-export type PaginationNextButtonProps = PaginationNextButtonPropsPrimitive;
-import { Pagination as PaginationPrimitive, type PaginationNextButtonProps as PaginationNextButtonPropsPrimitive } from 'bits-ui';
+import { Pagination as PaginationPrimitive } from 'bits-ui';
 declare const Pagination: import("svelte").Component<PaginationPrimitive.NextButtonProps, {}, "ref">;
 type Pagination = ReturnType<typeof Pagination>;
 export default Pagination;

package/dist/components/pagination/components/pagination.prev-button.svelte

@@ -1,16 +1,9 @@
-<script lang="ts" module>
-  export type PaginationPrevButtonProps = PaginationPrevButtonPropsPrimitive;
-</script>
-
 <script lang="ts">
+  import { Icon } from '../../icons/index.js';
   import { cn } from '../../../internal/utils/common.js';
+  import { Pagination as PaginationPrimitive } from 'bits-ui';
   import { PaginationStylesContext } from '../styles.js';
-
-  import { ChevronLeftIcon } from '../../icons/index.js';
-  import {
-    Pagination as PaginationPrimitive,
-    type PaginationPrevButtonProps as PaginationPrevButtonPropsPrimitive,
-  } from 'bits-ui';
+  import type { PaginationPrevButtonProps } from '../types.js';
 
   let { class: className, children, ref = $bindable(null), ...props }: PaginationPrevButtonProps = $props();
 
@@ -23,6 +16,6 @@
   {#if children}
     {@render children?.()}
   {:else}
-    <ChevronLeftIcon />
+    <Icon.ChevronLeft />
   {/if}
 </PaginationPrimitive.PrevButton>

package/dist/components/pagination/components/pagination.prev-button.svelte.d.ts

@@ -1,5 +1,4 @@
-export type PaginationPrevButtonProps = PaginationPrevButtonPropsPrimitive;
-import { Pagination as PaginationPrimitive, type PaginationPrevButtonProps as PaginationPrevButtonPropsPrimitive } from 'bits-ui';
+import { Pagination as PaginationPrimitive } from 'bits-ui';
 declare const Pagination: import("svelte").Component<PaginationPrimitive.PrevButtonProps, {}, "ref">;
 type Pagination = ReturnType<typeof Pagination>;
 export default Pagination;

package/dist/components/pagination/components/pagination.root.svelte

@@ -1,16 +1,9 @@
-<script lang="ts" module>
-  export type PaginationRootProps = PaginationRootPropsPrimitive & PaginationVariantsProps;
-</script>
-
 <script lang="ts">
-  import {
-    PaginationStylesContext,
-    type PaginationVariantsProps,
-    paginationStyles,
-  } from '../styles.js';
   import { cn } from '../../../internal/utils/common.js';
-  import { Pagination as PaginationPrimitive, type PaginationRootProps as PaginationRootPropsPrimitive } from 'bits-ui';
+  import { Pagination as PaginationPrimitive } from 'bits-ui';
   import { box } from 'svelte-toolbelt';
+  import { PaginationStylesContext, paginationStyles } from '../styles.js';
+  import type { PaginationRootProps } from '../types.js';
 
   let {
     page = $bindable(1),

package/dist/components/pagination/components/pagination.root.svelte.d.ts

@@ -1,6 +1,4 @@
-export type PaginationRootProps = PaginationRootPropsPrimitive & PaginationVariantsProps;
-import { type PaginationVariantsProps } from '../styles.js';
-import { type PaginationRootProps as PaginationRootPropsPrimitive } from 'bits-ui';
+import type { PaginationRootProps } from '../types.js';
 declare const Pagination: import("svelte").Component<PaginationRootProps, {}, "page">;
 type Pagination = ReturnType<typeof Pagination>;
 export default Pagination;

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

@@ -0,0 +1,5 @@
+export { default as Ellipsis } from './components/pagination.ellipsis.svelte';
+export { default as Item } from './components/pagination.item.svelte';
+export { default as NextButton } from './components/pagination.next-button.svelte';
+export { default as PrevButton } from './components/pagination.prev-button.svelte';
+export { default as Root } from './components/pagination.root.svelte';

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

@@ -0,0 +1,5 @@
+export { default as Ellipsis } from './components/pagination.ellipsis.svelte';
+export { default as Item } from './components/pagination.item.svelte';
+export { default as NextButton } from './components/pagination.next-button.svelte';
+export { default as PrevButton } from './components/pagination.prev-button.svelte';
+export { default as Root } from './components/pagination.root.svelte';

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

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

package/dist/components/pagination/exports.js

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