@casinogate/ui 1.1.0 → 1.1.1

package/dist/components/skeleton/skeleton.stories.svelte

@@ -6,7 +6,7 @@
 
   const parameters: Parameters = {
     controls: {
-      include: ['rounded', 'w', 'variant'],
+      include: ['rounded', 'w', 'variant', 'count'],
     },
   };
 
@@ -54,6 +54,14 @@
   {parameters}
 />
 
+<Story name="Count" {args} {parameters}>
+  {#snippet template(args: Args)}
+    <div class="cgui:flex cgui:gap-2.5">
+      <Skeleton {...args} class="cgui:h-11" w="full" count={3} />
+    </div>
+  {/snippet}
+</Story>
+
 <Story
   name="Avatar"
   args={{

package/dist/components/skeleton/skeleton.svelte

@@ -4,7 +4,10 @@
   import type { WithElementRef, Without } from 'svelte-toolbelt';
   import { skeletonStyles, type SkeletonVariantProps } from './styles.js';
 
-  type SkeletonPropsWithoutHTML = WithElementRef<{}> & SkeletonVariantProps;
+  type SkeletonPropsWithoutHTML = WithElementRef<{
+    count?: number;
+  }> &
+    SkeletonVariantProps;
 
   export type SkeletonProps = SkeletonPropsWithoutHTML & Without<PrimitiveDivAttributes, SkeletonPropsWithoutHTML>;
 </script>
@@ -16,10 +19,13 @@
     w = 'clear',
     rounded = 'md',
     variant = 'clear',
+    count = 1,
     ...restProps
   }: SkeletonProps = $props();
 
   const variants = $derived(skeletonStyles({ w, rounded, variant }));
 </script>
 
-<div class={cn(variants, className)} {...restProps}></div>
+{#each Array.from({ length: count }) as i (i)}
+  <div class={cn(variants, className)} {...restProps}></div>
+{/each}

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

@@ -1,7 +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<{}> & SkeletonVariantProps;
+type SkeletonPropsWithoutHTML = WithElementRef<{
+    count?: number;
+}> & SkeletonVariantProps;
 export type SkeletonProps = SkeletonPropsWithoutHTML & Without<PrimitiveDivAttributes, SkeletonPropsWithoutHTML>;
 declare const Skeleton: import("svelte").Component<SkeletonProps, {}, "ref">;
 type Skeleton = ReturnType<typeof Skeleton>;

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

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

package/dist/components/toast/index.js

@@ -0,0 +1 @@
+"use strict";

package/dist/index.d.ts

@@ -8,3 +8,7 @@ export * from './components/segment/index.js';
 export * from './components/icons/index.js';
 export * from './components/input/index.js';
 export * from './components/spinner/index.js';
+export * from './components/button-group/index.js';
+export * from './components/skeleton/index.js';
+export * from './components/field/index.js';
+export * from './components/separator/index.js';

package/dist/index.js

@@ -8,3 +8,7 @@ export * from './components/segment/index.js';
 export * from './components/icons/index.js';
 export * from './components/input/index.js';
 export * from './components/spinner/index.js';
+export * from './components/button-group/index.js';
+export * from './components/skeleton/index.js';
+export * from './components/field/index.js';
+export * from './components/separator/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@casinogate/ui",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "files": [
     "dist",
     "!dist/**/*.test.*",