ui-ingredients 0.15.1 → 0.16.0

package/dist/clipboard/clipboard-indicator.svelte

@@ -1,12 +1,12 @@
 <script lang="ts" module>
-  import type {Assign, HtmlIngredientProps} from '../types.js';
-  import type {IndicatorProps} from '@zag-js/clipboard';
+  import type {HtmlIngredientProps} from '../types.js';
+
+  interface IndicatorState {
+    copied: boolean;
+  }
 
   export interface ClipboardIndicatorProps
-    extends Assign<
-      HtmlIngredientProps<'span', HTMLSpanElement>,
-      Partial<IndicatorProps>
-    > {}
+    extends HtmlIngredientProps<'span', HTMLSpanElement, IndicatorState> {}
 </script>
 
 <script lang="ts">
@@ -15,7 +15,6 @@
 
   let {
     ref = $bindable(null),
-    copied = false,
     asChild,
     children,
     ...props
@@ -23,15 +22,19 @@
 
   let clipboard = getClipboardContext();
 
+  let state = $derived({
+    copied: clipboard.copied,
+  });
+
   let mergedProps = $derived(
-    mergeProps(clipboard.getIndicatorProps({copied}), props),
+    mergeProps(clipboard.getIndicatorProps(state), props),
   );
 </script>
 
 {#if asChild}
-  {@render asChild(mergedProps)}
+  {@render asChild(mergedProps, state)}
 {:else}
   <span bind:this={ref} {...mergedProps}>
-    {@render children?.()}
+    {@render children?.(state)}
   </span>
 {/if}

package/dist/clipboard/clipboard-indicator.svelte.d.ts

@@ -1,6 +1,8 @@
-import type { Assign, HtmlIngredientProps } from '../types.js';
-import type { IndicatorProps } from '@zag-js/clipboard';
-export interface ClipboardIndicatorProps extends Assign<HtmlIngredientProps<'span', HTMLSpanElement>, Partial<IndicatorProps>> {
+import type { HtmlIngredientProps } from '../types.js';
+interface IndicatorState {
+    copied: boolean;
+}
+export interface ClipboardIndicatorProps extends HtmlIngredientProps<'span', HTMLSpanElement, IndicatorState> {
 }
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/drawer/create-drawer.svelte.js

@@ -44,13 +44,22 @@ export function createDrawer(props) {
                 return mergeProps(o.getTriggerProps(), parts.trigger.attrs);
             },
             getBodyProps() {
-                return { ...parts.body.attrs };
+                return {
+                    ...parts.body.attrs,
+                    'data-state': o.open ? 'open' : 'closed',
+                };
             },
             getFooterProps() {
-                return { ...parts.footer.attrs };
+                return {
+                    ...parts.footer.attrs,
+                    'data-state': o.open ? 'open' : 'closed',
+                };
             },
             getHeaderProps() {
-                return { ...parts.header.attrs };
+                return {
+                    ...parts.header.attrs,
+                    'data-state': o.open ? 'open' : 'closed',
+                };
             },
         };
     });

package/package.json

@@ -2,7 +2,7 @@
   "name": "ui-ingredients",
   "type": "module",
   "license": "MIT",
-  "version": "0.15.1",
+  "version": "0.16.0",
   "packageManager": "pnpm@9.12.3",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",