@casinogate/ui 1.3.1 → 1.3.2

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

@@ -1,16 +1,3 @@
-import { type PaginationEllipsisProps } from './components/pagination.ellipsis.svelte';
-import { type PaginationItemProps } from './components/pagination.item.svelte';
-import { type PaginationNextButtonProps } from './components/pagination.next-button.svelte';
-import { type PaginationPrevButtonProps } from './components/pagination.prev-button.svelte';
-import { type PaginationRootProps } from './components/pagination.root.svelte';
-export declare const PaginationPrimitive: {
-    readonly Root: import("svelte").Component<PaginationRootProps, {}, "page">;
-    readonly Item: import("svelte").Component<import("bits-ui").PaginationPageProps, {}, "">;
-    readonly Ellipsis: import("svelte").Component<PaginationEllipsisProps, {}, "ref">;
-    readonly PrevButton: import("svelte").Component<import("bits-ui").PaginationPrevButtonProps, {}, "ref">;
-    readonly NextButton: import("svelte").Component<import("bits-ui").PaginationNextButtonProps, {}, "ref">;
-};
-export declare const Pagination: {
-    readonly Basic: import("svelte").Component<PaginationRootProps, {}, "page">;
-};
-export type { PaginationEllipsisProps, PaginationItemProps, PaginationNextButtonProps, PaginationPrevButtonProps, PaginationRootProps, };
+export * as PaginationPrimitive from './exports-primitive.js';
+export * from './exports.js';
+export type { PaginationEllipsisProps, PaginationItemProps, PaginationNextButtonProps, PaginationPrevButtonProps, PaginationProps, PaginationRootProps, } from './types.js';

package/dist/components/pagination/index.js

@@ -1,16 +1,2 @@
-import Ellipsis, {} from './components/pagination.ellipsis.svelte';
-import Item, {} from './components/pagination.item.svelte';
-import NextButton, {} from './components/pagination.next-button.svelte';
-import PrevButton, {} from './components/pagination.prev-button.svelte';
-import Root, {} from './components/pagination.root.svelte';
-import Basic from './presets/basic.svelte';
-export const PaginationPrimitive = {
-    Root,
-    Item,
-    Ellipsis,
-    PrevButton,
-    NextButton,
-};
-export const Pagination = {
-    Basic,
-};
+export * as PaginationPrimitive from './exports-primitive.js';
+export * from './exports.js';

package/dist/components/pagination/pagination.stories.svelte

@@ -64,6 +64,6 @@
 
 <Story name="Basic Preset" {args} {parameters}>
   {#snippet template(args: Args)}
-    <Pagination.Basic {...args} />
+    <Pagination {...args} />
   {/snippet}
 </Story>

package/dist/components/pagination/pagination.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+  import Ellipsis from './components/pagination.ellipsis.svelte';
+  import Item from './components/pagination.item.svelte';
+  import NextButton from './components/pagination.next-button.svelte';
+  import PrevButton from './components/pagination.prev-button.svelte';
+  import Root from './components/pagination.root.svelte';
+  import type { PaginationProps } from './types.js';
+
+  let { page = $bindable(1), ...restProps }: PaginationProps = $props();
+</script>
+
+<Root bind:page {...restProps}>
+  {#snippet children({ pages })}
+    <PrevButton />
+
+    {#each pages as page (page.key)}
+      {#if page.type === 'ellipsis'}
+        <Ellipsis />
+      {:else}
+        <Item {page}>
+          {page.value}
+        </Item>
+      {/if}
+    {/each}
+
+    <NextButton />
+  {/snippet}
+</Root>

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

@@ -0,0 +1,3 @@
+declare const Pagination: import("svelte").Component<import("./types.js").PaginationRootProps, {}, "page">;
+type Pagination = ReturnType<typeof Pagination>;
+export default Pagination;

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

@@ -0,0 +1,10 @@
+import type { PrimitiveDivAttributes } from '../../internal/types/html-attributes.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 { PaginationVariantsProps } from './styles.js';
+export type PaginationRootProps = PaginationRootPropsPrimitive & PaginationVariantsProps;
+export type PaginationEllipsisProps = WithChild<WithElementRef<{} & PrimitiveDivAttributes>>;
+export type PaginationItemProps = PaginationPagePropsPrimitive;
+export type PaginationNextButtonProps = PaginationNextButtonPropsPrimitive;
+export type PaginationPrevButtonProps = PaginationPrevButtonPropsPrimitive;
+export type PaginationProps = PaginationRootProps;

package/dist/components/pagination/types.js

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

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

@@ -0,0 +1,4 @@
+export { default as Content } from './components/popover.content.svelte';
+export { default as Root } from './components/popover.root.svelte';
+export { default as Trigger } from './components/popover.trigger.svelte';
+export declare const Portal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;

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

@@ -0,0 +1,5 @@
+import { Popover as PopoverPrimitiveBits } from 'bits-ui';
+export { default as Content } from './components/popover.content.svelte';
+export { default as Root } from './components/popover.root.svelte';
+export { default as Trigger } from './components/popover.trigger.svelte';
+export const Portal = PopoverPrimitiveBits.Portal;

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

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

package/dist/components/popover/exports.js

@@ -1,15 +1 @@
-import { Popover as PopoverPrimitiveBits } from 'bits-ui';
-import { default as Content } from './components/popover.content.svelte';
-import { default as Root } from './components/popover.root.svelte';
-import { default as Trigger } from './components/popover.trigger.svelte';
-import { default as PopoverComponent } from './popover.svelte';
-const Portal = PopoverPrimitiveBits.Portal;
-export const PopoverPrimitive = {
-    Root,
-    Trigger,
-    Portal,
-    Content,
-};
-export const Popover = Object.assign(PopoverComponent, {
-    Trigger,
-});
+export { default as Popover } from './popover.svelte';

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

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

package/dist/components/popover/index.js

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

package/dist/components/popover/popover.svelte

@@ -1,11 +1,10 @@
 <script lang="ts" module>
-  import type { AnimationFn } from './types.js';
+  import type { AnimationDirection, AnimationFn, PopoverProps } from './types.js';
 
   type T = unknown;
 </script>
 
 <script lang="ts" generics="T extends AnimationFn = AnimationFn">
-  import type { AnimationDirection, PopoverProps } from './types.js';
   import { cubicInOut } from 'svelte/easing';
   import { fly } from 'svelte/transition';
   import Content from './components/popover.content.svelte';

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

@@ -1,5 +1,4 @@
-import type { AnimationFn } from './types.js';
-import type { PopoverProps } from './types.js';
+import type { AnimationFn, PopoverProps } from './types.js';
 declare function $$render<T extends AnimationFn = AnimationFn>(): {
     props: PopoverProps<T>;
     exports: {};

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

@@ -18,7 +18,7 @@ export type AnimationDirection = {
     x: number;
     y: number;
 };
-export type PopoverProps<TAnimationFn extends AnimationFn> = WithoutChildrenOrChild<PrimitivePopoverRootProps> & Pick<PrimitivePopoverContentProps, 'ref' | 'class' | 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'preventScroll' | 'customAnchor' | 'forceMount'> & {
+export type PopoverProps<TAnimationFn extends AnimationFn = AnimationFn> = WithoutChildrenOrChild<PrimitivePopoverRootProps> & Pick<PrimitivePopoverContentProps, 'ref' | 'class' | 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'preventScroll' | 'customAnchor' | 'forceMount'> & {
     trigger?: Snippet;
     children?: Snippet;
     animationFn?: TAnimationFn;

package/dist/components/segment/components/segment.item.svelte

@@ -1,22 +1,20 @@
-<script lang="ts" module>
-  import type { PrimitiveButtonAttributes } from '../../../internal/types/html-attributes.js';
+<script lang="ts">
   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 { SegmentStylesContext } from '../styles.js';
+  import type { SegmentItemProps } from '../types.js';
   import { SegmentItemState } from './segmet.svelte.js';
 
-  type SegmentItemPropsWithoutHTML = WithElementRef<
-    WithChildren<{
-      value: string;
-    }>
-  >;
-
-  export type SegmentItemProps = SegmentItemPropsWithoutHTML &
-    Without<PrimitiveButtonAttributes, SegmentItemPropsWithoutHTML>;
-</script>
+  const uid = $props.id();
 
-<script lang="ts">
-  let { value, ref = $bindable(null), id = useId(), children, class: className, ...props }: SegmentItemProps = $props();
+  let {
+    value,
+    ref = $bindable(null),
+    id = useId(uid),
+    children,
+    class: className,
+    ...props
+  }: SegmentItemProps = $props();
 
   const itemState = SegmentItemState.create({
     value: box.with(() => value),

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

@@ -1,9 +1,4 @@
-import type { PrimitiveButtonAttributes } from '../../../internal/types/html-attributes.js';
-import { type WithChildren, type WithElementRef, type Without } from 'svelte-toolbelt';
-type SegmentItemPropsWithoutHTML = WithElementRef<WithChildren<{
-    value: string;
-}>>;
-export type SegmentItemProps = SegmentItemPropsWithoutHTML & Without<PrimitiveButtonAttributes, SegmentItemPropsWithoutHTML>;
+import type { SegmentItemProps } from '../types.js';
 declare const Segment: import("svelte").Component<SegmentItemProps, {}, "ref">;
 type Segment = ReturnType<typeof Segment>;
 export default Segment;

package/dist/components/segment/components/segment.root.svelte

@@ -1,32 +1,16 @@
-<script lang="ts" module>
-  import type { Without } from '../../../internal/types/common.js';
-  import type { PrimitiveDivAttributes } from '../../../internal/types/html-attributes.js';
+<script lang="ts">
   import { cn, useId } from '../../../internal/utils/common.js';
-  import { box, mergeProps, type WithChildren, type WithElementRef } from 'svelte-toolbelt';
-  import { SegmentStylesContext, segmentVariants, type SegmentVariantsProps } from '../styles.js';
+  import { box, mergeProps } from 'svelte-toolbelt';
+  import { SegmentStylesContext, segmentVariants } from '../styles.js';
+  import type { SegmentRootProps } from '../types.js';
   import { SegmentRootState } from './segmet.svelte.js';
 
-  type SegmentRootPropsWithouitHTML = WithElementRef<
-    WithChildren<
-      {
-        value?: string;
-
-        onValueChange?: (value: string) => void;
-
-        disabled?: boolean;
-      } & SegmentVariantsProps
-    >
-  >;
+  const uid = $props.id();
 
-  export type SegmentRootProps = SegmentRootPropsWithouitHTML &
-    Without<PrimitiveDivAttributes, SegmentRootPropsWithouitHTML>;
-</script>
-
-<script lang="ts">
   let {
     value = $bindable(''),
     ref = $bindable(null),
-    id = useId(),
+    id = useId(uid),
     disabled = false,
     children,
     class: className,

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

@@ -1,13 +1,4 @@
-import type { Without } from '../../../internal/types/common.js';
-import type { PrimitiveDivAttributes } from '../../../internal/types/html-attributes.js';
-import { type WithChildren, type WithElementRef } from 'svelte-toolbelt';
-import { type SegmentVariantsProps } from '../styles.js';
-type SegmentRootPropsWithouitHTML = WithElementRef<WithChildren<{
-    value?: string;
-    onValueChange?: (value: string) => void;
-    disabled?: boolean;
-} & SegmentVariantsProps>>;
-export type SegmentRootProps = SegmentRootPropsWithouitHTML & Without<PrimitiveDivAttributes, SegmentRootPropsWithouitHTML>;
+import type { SegmentRootProps } from '../types.js';
 declare const Segment: import("svelte").Component<SegmentRootProps, {}, "value" | "ref">;
 type Segment = ReturnType<typeof Segment>;
 export default Segment;

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

@@ -0,0 +1,2 @@
+export { default as Item } from './components/segment.item.svelte';
+export { default as Root } from './components/segment.root.svelte';

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

@@ -0,0 +1,2 @@
+export { default as Item } from './components/segment.item.svelte';
+export { default as Root } from './components/segment.root.svelte';

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

@@ -1,7 +1,2 @@
-import { type SegmentItemProps } from './components/segment.item.svelte';
-import { type SegmentRootProps } from './components/segment.root.svelte';
-export declare const SegmentPrimitive: {
-    Root: import("svelte").Component<SegmentRootProps, {}, "value" | "ref">;
-    Item: import("svelte").Component<SegmentItemProps, {}, "ref">;
-};
-export type { SegmentItemProps, SegmentRootProps };
+export * as SegmentPrimitive from './exports-primitive.js';
+export type { SegmentItemProps, SegmentRootProps } from './types.js';

package/dist/components/segment/index.js

@@ -1,6 +1 @@
-import Item, {} from './components/segment.item.svelte';
-import Root, {} from './components/segment.root.svelte';
-export const SegmentPrimitive = {
-    Root,
-    Item,
-};
+export * as SegmentPrimitive from './exports-primitive.js';

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

@@ -0,0 +1,14 @@
+import type { PrimitiveButtonAttributes, PrimitiveDivAttributes } from '../../internal/types/html-attributes.js';
+import type { WithChildren, WithElementRef, Without } from 'svelte-toolbelt';
+import type { SegmentVariantsProps } from './styles.js';
+type SegmentRootPropsWithouitHTML = WithElementRef<WithChildren<{
+    value?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+} & SegmentVariantsProps>>;
+export type SegmentRootProps = SegmentRootPropsWithouitHTML & Without<PrimitiveDivAttributes, SegmentRootPropsWithouitHTML>;
+type SegmentItemPropsWithoutHTML = WithElementRef<WithChildren<{
+    value: string;
+}>>;
+export type SegmentItemProps = SegmentItemPropsWithoutHTML & Without<PrimitiveButtonAttributes, SegmentItemPropsWithoutHTML>;
+export {};

package/dist/components/segment/types.js

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

package/dist/components/select/components/select.root.svelte

@@ -1,13 +1,10 @@
-<script lang="ts" module>
-  export type SelectRootProps = SelectRootPropsPrimitive & SelectVariantsProps;
-</script>
-
 <script lang="ts">
   import { box } from 'svelte-toolbelt';
 
-  import { SelectStylesContext, selectVariants, type SelectVariantsProps } from '../styles.js';
+  import { SelectStylesContext, selectVariants } from '../styles.js';
 
-  import { Select as SelectPrimitive, type SelectRootProps as SelectRootPropsPrimitive } from 'bits-ui';
+  import { Select as SelectPrimitive } from 'bits-ui';
+  import type { SelectRootProps } from '../types.js';
 
   let {
     value = $bindable(''),

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

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

package/dist/components/select/components/select.trigger.svelte

@@ -1,18 +1,9 @@
-<script lang="ts" module>
-  export type SelectTriggerProps = WithoutChild<SelectTriggerPropsPrimitive> & {
-    startChevron?: Snippet;
-
-    endChevron?: Snippet;
-  };
-</script>
-
 <script lang="ts">
   import { getDataActive } from '../../../internal/utils/attrs.js';
   import { cn, useId } from '../../../internal/utils/common.js';
-  import { Select as SelectPrimitive, type SelectTriggerProps as SelectTriggerPropsPrimitive } from 'bits-ui';
-  import type { Snippet } from 'svelte';
-  import type { WithoutChild } from 'svelte-toolbelt';
+  import { Select as SelectPrimitive } from 'bits-ui';
   import { SelectStylesContext } from '../styles.js';
+  import type { SelectTriggerProps } from '../types.js';
 
   let {
     ref = $bindable(null),

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

@@ -1,10 +1,4 @@
-export type SelectTriggerProps = WithoutChild<SelectTriggerPropsPrimitive> & {
-    startChevron?: Snippet;
-    endChevron?: Snippet;
-};
-import { type SelectTriggerProps as SelectTriggerPropsPrimitive } from 'bits-ui';
-import type { Snippet } from 'svelte';
-import type { WithoutChild } from 'svelte-toolbelt';
+import type { SelectTriggerProps } from '../types.js';
 declare const Select: import("svelte").Component<SelectTriggerProps, {}, "ref">;
 type Select = ReturnType<typeof Select>;
 export default Select;

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

@@ -0,0 +1,2 @@
+export { default as Root } from './components/select.root.svelte';
+export { default as Trigger } from './components/select.trigger.svelte';

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

@@ -0,0 +1,2 @@
+export { default as Root } from './components/select.root.svelte';
+export { default as Trigger } from './components/select.trigger.svelte';

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

@@ -1,7 +1,2 @@
-import { type SelectRootProps } from './components/select.root.svelte';
-import { type SelectTriggerProps } from './components/select.trigger.svelte';
-export declare const SelectPrimitive: {
-    Root: import("svelte").Component<SelectRootProps, {}, "value" | "open">;
-    Trigger: import("svelte").Component<SelectTriggerProps, {}, "ref">;
-};
-export type { SelectRootProps, SelectTriggerProps };
+export * as SelectPrimitive from './exports-primitive.js';
+export type { SelectRootProps, SelectTriggerProps } from './types.js';

package/dist/components/select/index.js

@@ -1,6 +1 @@
-import Root, {} from './components/select.root.svelte';
-import Trigger, {} from './components/select.trigger.svelte';
-export const SelectPrimitive = {
-    Root,
-    Trigger,
-};
+export * as SelectPrimitive from './exports-primitive.js';

package/dist/components/select/select.stories.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-  import { ChevronDownIcon } from '../icons/index.js';
+  import { Icon } from '../icons/index.js';
   import { defineMeta } from '@storybook/addon-svelte-csf';
   import type { Parameters } from '@storybook/sveltekit';
   import type { ComponentProps } from 'svelte';
@@ -29,11 +29,11 @@
 </script>
 
 {#snippet startChevron()}
-  <ChevronDownIcon class="cgui:size-4" />
+  <Icon.ChevronDown class="cgui:size-4" />
 {/snippet}
 
 {#snippet endChevron()}
-  <ChevronDownIcon class="cgui:size-4" />
+  <Icon.ChevronDown class="cgui:size-4" />
 {/snippet}
 
 <Story name="Basic" {args} {parameters}>

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

@@ -0,0 +1,9 @@
+import { type SelectRootProps as SelectRootPropsPrimitive, type SelectTriggerProps as SelectTriggerPropsPrimitive } from 'bits-ui';
+import type { Snippet } from 'svelte';
+import type { WithoutChild } from 'svelte-toolbelt';
+import { type SelectVariantsProps } from './styles.js';
+export type SelectRootProps = SelectRootPropsPrimitive & SelectVariantsProps;
+export type SelectTriggerProps = WithoutChild<SelectTriggerPropsPrimitive> & {
+    startChevron?: Snippet;
+    endChevron?: Snippet;
+};

package/dist/components/select/types.js

@@ -0,0 +1,2 @@
+import {} from 'bits-ui';
+import {} from './styles.js';

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

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

package/dist/components/separator/exports.js

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

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

@@ -1,5 +1,2 @@
-import { type SeparatorProps } from './separator.svelte';
-export declare const Separator: {
-    Root: import("svelte").Component<import("bits-ui").SeparatorRootProps, {}, "ref">;
-};
-export type { SeparatorProps };
+export * from './exports.js';
+export type { SeparatorProps } from './types.js';

package/dist/components/separator/index.js

@@ -1,4 +1 @@
-import Root, {} from './separator.svelte';
-export const Separator = {
-    Root,
-};
+export * from './exports.js';

package/dist/components/separator/separator.svelte

@@ -1,11 +1,8 @@
-<script lang="ts" module>
-  export type SeparatorProps = SeparatorPrimitive.RootProps;
-</script>
-
 <script lang="ts">
   import { SLOT_ATTR_NAME } from '../../internal/constants/attrs.js';
   import { cn } from '../../internal/utils/common.js';
   import { Separator as SeparatorPrimitive } from 'bits-ui';
+  import type { SeparatorProps } from './types.js';
 
   let { ref = $bindable(null), class: className, ...restProps }: SeparatorProps = $props();
 </script>

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

@@ -1,4 +1,3 @@
-export type SeparatorProps = SeparatorPrimitive.RootProps;
 import { Separator as SeparatorPrimitive } from 'bits-ui';
 declare const Separator: import("svelte").Component<SeparatorPrimitive.RootProps, {}, "ref">;
 type Separator = ReturnType<typeof Separator>;

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

@@ -0,0 +1,2 @@
+import { type SeparatorRootProps as SeparatorRootPropsPrimitive } from 'bits-ui';
+export type SeparatorProps = SeparatorRootPropsPrimitive;

package/dist/components/separator/types.js

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

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

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

package/dist/components/skeleton/exports.js

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

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

@@ -1 +1,2 @@
-export { default as Skeleton, type SkeletonProps } from './skeleton.svelte';
+export * from './exports.js';
+export type { SkeletonProps } from './types.js';

package/dist/components/skeleton/index.js

@@ -1 +1 @@
-export { default as Skeleton } from './skeleton.svelte';
+export * from './exports.js';

package/dist/components/skeleton/skeleton.svelte

@@ -1,20 +1,8 @@
-<script lang="ts" module>
-  import type { PrimitiveDivAttributes } from '../../internal/types/html-attributes.js';
+<script lang="ts">
   import { cn } from '../../internal/utils/common.js';
-  import type { WithElementRef, Without } from 'svelte-toolbelt';
-  import { skeletonStyles, type SkeletonVariantProps } from './styles.js';
-
-  type SkeletonPropsWithoutHTML = WithElementRef<{
-    count?: number;
-
-    as?: keyof HTMLElementTagNameMap;
-  }> &
-    SkeletonVariantProps;
+  import { skeletonStyles } from './styles.js';
+  import type { SkeletonProps } from './types.js';
 
-  export type SkeletonProps = SkeletonPropsWithoutHTML & Without<PrimitiveDivAttributes, SkeletonPropsWithoutHTML>;
-</script>
-
-<script lang="ts">
   let {
     ref = $bindable(null),
     class: className,

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

@@ -1,11 +1,4 @@
-import type { PrimitiveDivAttributes } from '../../internal/types/html-attributes.js';
-import type { WithElementRef, Without } from 'svelte-toolbelt';
-import { type SkeletonVariantProps } from './styles.js';
-type SkeletonPropsWithoutHTML = WithElementRef<{
-    count?: number;
-    as?: keyof HTMLElementTagNameMap;
-}> & SkeletonVariantProps;
-export type SkeletonProps = SkeletonPropsWithoutHTML & Without<PrimitiveDivAttributes, SkeletonPropsWithoutHTML>;
+import type { SkeletonProps } from './types.js';
 declare const Skeleton: import("svelte").Component<SkeletonProps, {}, "ref">;
 type Skeleton = ReturnType<typeof Skeleton>;
 export default Skeleton;

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

@@ -0,0 +1,9 @@
+import type { PrimitiveDivAttributes } from '../../internal/types/html-attributes.js';
+import type { WithElementRef, Without } from 'svelte-toolbelt';
+import type { SkeletonVariantProps } from './styles.js';
+type SkeletonPropsWithoutHTML = WithElementRef<{
+    count?: number;
+    as?: keyof HTMLElementTagNameMap;
+}> & SkeletonVariantProps;
+export type SkeletonProps = SkeletonPropsWithoutHTML & Without<PrimitiveDivAttributes, SkeletonPropsWithoutHTML>;
+export {};

package/dist/components/skeleton/types.js

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

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

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

package/dist/components/spinner/exports.js

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

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

@@ -1 +1,2 @@
-export { default as Spinner, type SpinnerProps } from './spinner.svelte';
+export * from './exports.js';
+export type { SpinnerProps } from './types.js';

package/dist/components/spinner/index.js

@@ -1 +1 @@
-export { default as Spinner } from './spinner.svelte';
+export * from './exports.js';