ui-ingredients 0.10.0 → 0.12.0

package/dist/create-unique-id.d.ts

@@ -1 +1 @@
-export declare const createUniqueId: () => string;
+export declare function createUniqueId(): string;

package/dist/create-unique-id.js

@@ -1,2 +1,15 @@
-import { uid } from 'uid';
-export const createUniqueId = () => uid();
+let prefix = 0;
+let counter = 0;
+export function createUniqueId() {
+    if (prefix >= Number.MAX_SAFE_INTEGER) {
+        prefix = 0;
+    }
+    if (counter >= Number.MAX_SAFE_INTEGER) {
+        prefix += 1;
+        counter = 0;
+    }
+    else {
+        counter += 1;
+    }
+    return `${prefix}${counter}`.padStart(8, '0');
+}

package/dist/segment-group/create-segment-group.svelte.js

@@ -1,8 +1,10 @@
 import { createUniqueId } from '../create-unique-id.js';
 import { getEnvironmentContext } from '../environment-provider/enviroment-provider-context.svelte.js';
 import { getLocaleContext } from '../locale-provider/local-provider-context.svelte.js';
+import { mergeProps } from '../merge-props.js';
 import * as segmentGroup from '@zag-js/radio-group';
 import { normalizeProps, reflect, useMachine } from '@zag-js/svelte';
+import { parts } from './segment-group-anatomy.js';
 export function createSegmentGroup(props) {
     const locale = getLocaleContext();
     const environment = getEnvironmentContext();
@@ -14,5 +16,28 @@ export function createSegmentGroup(props) {
         ...props,
     }));
     const [state, send] = useMachine(segmentGroup.machine(context));
-    return reflect(() => segmentGroup.connect(state, send, normalizeProps));
+    return reflect(() => {
+        const o = segmentGroup.connect(state, send, normalizeProps);
+        return {
+            ...o,
+            getIndicatorProps() {
+                return mergeProps(o.getIndicatorProps(), parts.indicator.attrs);
+            },
+            getItemControlProps(props) {
+                return mergeProps(o.getItemControlProps(props), parts.itemControl.attrs);
+            },
+            getItemProps(props) {
+                return mergeProps(o.getItemProps(props), parts.item.attrs);
+            },
+            getItemTextProps(props) {
+                return mergeProps(o.getItemTextProps(props), parts.itemText.attrs);
+            },
+            getLabelProps() {
+                return mergeProps(o.getLabelProps(), parts.label.attrs);
+            },
+            getRootProps() {
+                return mergeProps(o.getRootProps(), parts.root.attrs);
+            },
+        };
+    });
 }

package/dist/segment-group/segment-group-indicator.svelte

@@ -7,7 +7,6 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {parts} from './segment-group-anatomy.js';
   import {getSegmentGroupContext} from './segment-group-context.svelte.js';
 
   let {
@@ -20,7 +19,7 @@
   let segmentGroup = getSegmentGroupContext();
 
   let mergedProps = $derived(
-    mergeProps(segmentGroup.getIndicatorProps(), parts.indicator.attrs, props),
+    mergeProps(segmentGroup.getIndicatorProps(), props),
   );
 </script>
 

package/dist/segment-group/segment-group-item-control.svelte

@@ -7,7 +7,6 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {parts} from './segment-group-anatomy.js';
   import {
     getSegmentGroupContext,
     getSegmentGroupItemPropsContext,
@@ -24,11 +23,7 @@
   let itemProps = getSegmentGroupItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(
-      segmentGroup.getItemControlProps(itemProps),
-      parts.itemControl.attrs,
-      props,
-    ),
+    mergeProps(segmentGroup.getItemControlProps(itemProps), props),
   );
 </script>
 

package/dist/segment-group/segment-group-item-text.svelte

@@ -7,7 +7,6 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {parts} from './segment-group-anatomy.js';
   import {
     getSegmentGroupContext,
     getSegmentGroupItemPropsContext,
@@ -24,11 +23,7 @@
   let itemProps = getSegmentGroupItemPropsContext();
 
   let mergedProps = $derived(
-    mergeProps(
-      segmentGroup.getItemTextProps(itemProps),
-      parts.itemText.attrs,
-      props,
-    ),
+    mergeProps(segmentGroup.getItemTextProps(itemProps), props),
   );
 </script>
 

package/dist/segment-group/segment-group-item.svelte

@@ -12,7 +12,6 @@
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
   import {createSplitProps} from '@zag-js/utils';
-  import {parts} from './segment-group-anatomy.js';
   import {
     getSegmentGroupContext,
     setSegmentGroupItemPropsContext,
@@ -33,11 +32,7 @@
 
   let itemState = $derived(segmentGroup.getItemState(itemProps));
   let mergedProps = $derived(
-    mergeProps(
-      segmentGroup.getItemProps(itemProps),
-      parts.item.attrs,
-      localProps,
-    ),
+    mergeProps(segmentGroup.getItemProps(itemProps), localProps),
   );
 
   setSegmentGroupItemPropsContext(() => itemProps);

package/dist/segment-group/segment-group-label.svelte

@@ -7,7 +7,6 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
-  import {parts} from './segment-group-anatomy.js';
   import {getSegmentGroupContext} from './segment-group-context.svelte.js';
 
   let {
@@ -19,9 +18,7 @@
 
   let segmentGroup = getSegmentGroupContext();
 
-  let mergedProps = $derived(
-    mergeProps(segmentGroup.getLabelProps(), parts.label.attrs, props),
-  );
+  let mergedProps = $derived(mergeProps(segmentGroup.getLabelProps(), props));
 </script>
 
 {#if asChild}

package/dist/segment-group/segment-group-root.svelte

@@ -17,7 +17,6 @@
   import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '@zag-js/utils';
   import {createSegmentGroup} from './create-segment-group.svelte.js';
-  import {parts} from './segment-group-anatomy.js';
   import {setSegmentGroupContext} from './segment-group-context.svelte.js';
 
   let {
@@ -44,7 +43,7 @@
   let segmentGroup = createSegmentGroup(reflect(() => createSegmentGroupProps));
 
   let mergedProps = $derived(
-    mergeProps(segmentGroup.getRootProps(), parts.root.attrs, localProps),
+    mergeProps(segmentGroup.getRootProps(), localProps),
   );
 
   setSegmentGroupContext(segmentGroup);

package/package.json

@@ -2,7 +2,7 @@
   "name": "ui-ingredients",
   "type": "module",
   "license": "MIT",
-  "version": "0.10.0",
+  "version": "0.12.0",
   "packageManager": "pnpm@9.12.2",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -344,8 +344,7 @@
     "@zag-js/tooltip": "^0.76.0",
     "@zag-js/tour": "^0.76.0",
     "@zag-js/tree-view": "^0.76.0",
-    "@zag-js/utils": "^0.76.0",
-    "uid": "^2.0.2"
+    "@zag-js/utils": "^0.76.0"
   },
   "peerDependencies": {
     "svelte": ">=5.0.0"