ui-ingredients 0.11.0 → 0.12.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.11.0",
+  "version": "0.12.0",
   "packageManager": "pnpm@9.12.2",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",