ui-ingredients 0.2.0 → 0.3.0

package/dist/toggle/create-toggle.svelte.d.ts

@@ -1,9 +1,11 @@
 import type { HTMLButtonAttributes } from 'svelte/elements';
+interface PressedChangeDetails {
+    pressed: boolean;
+}
 export interface CreateToggleProps {
     disabled?: boolean;
     pressed?: boolean;
-    pressedControlled?: boolean;
-    onPressedChange?: (pressed: boolean) => void;
+    onPressedChange?: (detail: PressedChangeDetails) => void;
 }
 export interface CreateToggleReturn {
     pressed: boolean;
@@ -11,3 +13,4 @@ export interface CreateToggleReturn {
     getRootProps: () => HTMLButtonAttributes;
 }
 export declare function createToggle(props: CreateToggleProps): any;
+export {};

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

@@ -4,10 +4,8 @@ import { parts } from './anatomy.js';
 export function createToggle(props) {
     let pressed = $state(props.pressed ?? false);
     function setPressed(value) {
-        props.onPressedChange?.(value);
-        if (!props.pressedControlled) {
-            pressed = value;
-        }
+        props.onPressedChange?.({ pressed: value });
+        pressed = value;
     }
     function getRootProps() {
         return {
@@ -24,11 +22,6 @@ export function createToggle(props) {
             ...parts.root.attrs,
         };
     }
-    $effect(() => {
-        if (props.pressedControlled) {
-            pressed = props.pressed ?? false;
-        }
-    });
     return reflect(() => ({
         pressed,
         setPressed,

package/dist/toggle/toggle-root.svelte

@@ -31,7 +31,6 @@
       'disabled',
       'pressed',
       'onPressedChange',
-      'pressedControlled',
     ])(props),
   );
 

package/package.json

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