@ifhover/leaf-ui 0.6.0 → 0.7.0

package/dist/cjs/browser/modules/segmented/segmented.cjs

@@ -1,127 +0,0 @@
-"use client";
-"use strict";
-require('../../../styles/foundation.css');
-require('../../../styles/components/segmented.css');
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, getters, values)=>{
-        var define = (defs, kind)=>{
-            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-                enumerable: true,
-                [kind]: defs[key]
-            });
-        };
-        define(getters, "get");
-        define(values, "value");
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    Segmented: ()=>segmented_Segmented
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
-const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
-const context_cjs_namespaceObject = require("../config-provider/context.cjs");
-const form_cjs_namespaceObject = require("../form/form.cjs");
-const classes_cjs_namespaceObject = require("../shared/classes.cjs");
-const field_cjs_namespaceObject = require("../shared/field.cjs");
-const use_moving_indicator_cjs_namespaceObject = require("../tabs/use-moving-indicator.cjs");
-const segmented_Segmented = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
-    const { options, value, defaultValue, onChange, disabled: disabledProp, size = 'md', block = false, name, form, className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Segmented', rawProps);
-    const field = (0, form_cjs_namespaceObject.useFormField)();
-    const { direction } = (0, context_cjs_namespaceObject.useLeafConfig)();
-    const root = (0, external_react_namespaceObject.useRef)(null);
-    const marker = (0, external_react_namespaceObject.useRef)(null);
-    const merged = (0, field_cjs_namespaceObject.useMergedRef)(root, ref);
-    const disabled = disabledProp || field?.disabled;
-    const entries = options.map((option)=>'string' == typeof option ? {
-            label: option,
-            value: option
-        } : option);
-    const first = entries.find((option)=>!option.disabled)?.value ?? '';
-    const trigger = (0, external_react_namespaceObject.useRef)(null);
-    const [current, setCurrent] = (0, field_cjs_namespaceObject.useFieldValue)(value, defaultValue ?? first, trigger, form);
-    (0, use_moving_indicator_cjs_namespaceObject.useMovingIndicator)(root, marker, '[aria-checked="true"]', `${current}-${direction}`);
-    const id = (0, external_react_namespaceObject.useId)();
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-        ...props,
-        ref: merged,
-        role: "radiogroup",
-        "aria-disabled": disabled || void 0,
-        className: (0, classes_cjs_namespaceObject.classes)('leaf-segmented', `leaf-segmented--${size}`, block && 'leaf-segmented--block', className),
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                ref: marker,
-                className: "leaf-segmented__indicator",
-                "aria-hidden": "true"
-            }),
-            entries.map((option, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
-                    type: "button",
-                    ref: 0 === index ? trigger : void 0,
-                    role: "radio",
-                    "data-leaf-indicator-item": "",
-                    "aria-checked": current === option.value,
-                    disabled: disabled || option.disabled,
-                    tabIndex: current !== option.value && (entries.some((entry)=>entry.value === current && !entry.disabled) || option.value !== first) ? -1 : 0,
-                    id: `${id}-${index}`,
-                    onClick: ()=>{
-                        setCurrent(option.value);
-                        onChange?.(option.value);
-                    },
-                    onKeyDown: (event)=>{
-                        const available = entries.filter((entry)=>!entry.disabled);
-                        const position = available.findIndex((entry)=>entry.value === option.value);
-                        const next = 'Home' === event.key ? available[0] : 'End' === event.key ? available.at(-1) : [
-                            'ArrowLeft',
-                            'ArrowUp',
-                            'ArrowRight',
-                            'ArrowDown'
-                        ].includes(event.key) ? available[(position + ('ArrowUp' === event.key || event.key === ('rtl' === direction ? 'ArrowRight' : 'ArrowLeft') ? -1 : 1) + available.length) % available.length] : void 0;
-                        if (!next || disabled) return;
-                        event.preventDefault();
-                        setCurrent(next.value);
-                        onChange?.(next.value);
-                        document.getElementById(`${id}-${entries.findIndex((entry)=>entry.value === next.value)}`)?.focus();
-                    },
-                    children: [
-                        option.icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                            "aria-hidden": "true",
-                            children: option.icon
-                        }),
-                        option.label
-                    ]
-                }, option.value)),
-            name && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(field_cjs_namespaceObject.FormValue, {
-                value: current,
-                name: name,
-                form: form,
-                disabled: disabled,
-                triggerRef: trigger
-            })
-        ]
-    });
-});
-exports.Segmented = __webpack_exports__.Segmented;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Segmented"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
-
-//# sourceMappingURL=segmented.cjs.map

package/dist/cjs/browser/modules/segmented/segmented.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"segmented/segmented.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/segmented/segmented.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { forwardRef, type HTMLAttributes, type ReactNode, useId, useRef } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue, useMergedRef } from '../shared/field';\nimport type { ControlSize } from '../shared/types';\nimport { useMovingIndicator } from '../tabs/use-moving-indicator';\nexport interface SegmentedOption {\n  value: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  disabled?: boolean;\n}\nexport interface SegmentedProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  options: readonly (string | SegmentedOption)[];\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  disabled?: boolean;\n  size?: ControlSize;\n  block?: boolean;\n  name?: string;\n  form?: string;\n}\nexport const Segmented = forwardRef<HTMLDivElement, SegmentedProps>(function Segmented(\n  rawProps: SegmentedProps,\n  ref,\n) {\n  const {\n    options,\n    value,\n    defaultValue,\n    onChange,\n    disabled: disabledProp,\n    size = 'md',\n    block = false,\n    name,\n    form,\n    className,\n    ...props\n  } = useComponentProps('Segmented', rawProps);\n  const field = useFormField();\n  const { direction } = useLeafConfig();\n  const root = useRef<HTMLDivElement>(null);\n  const marker = useRef<HTMLSpanElement>(null);\n  const merged = useMergedRef(root, ref);\n  const disabled = disabledProp || field?.disabled;\n  const entries = options.map((option) =>\n    typeof option === 'string' ? { label: option, value: option } : option,\n  );\n  const first = entries.find((option) => !option.disabled)?.value ?? '';\n  const trigger = useRef<HTMLButtonElement>(null);\n  const [current, setCurrent] = useFieldValue(value, defaultValue ?? first, trigger, form);\n  useMovingIndicator(root, marker, '[aria-checked=\"true\"]', `${current}-${direction}`);\n  const id = useId();\n  return (\n    <div\n      {...props}\n      ref={merged}\n      role=\"radiogroup\"\n      aria-disabled={disabled || undefined}\n      className={classes(\n        'leaf-segmented',\n        `leaf-segmented--${size}`,\n        block && 'leaf-segmented--block',\n        className,\n      )}\n    >\n      <span ref={marker} className=\"leaf-segmented__indicator\" aria-hidden=\"true\" />\n      {entries.map((option, index) => (\n        // biome-ignore lint/a11y/useSemanticElements: Segmented buttons implement roving focus and radio-group selection with a shared form proxy.\n        <button\n          key={option.value}\n          type=\"button\"\n          ref={index === 0 ? trigger : undefined}\n          role=\"radio\"\n          data-leaf-indicator-item=\"\"\n          aria-checked={current === option.value}\n          disabled={disabled || option.disabled}\n          tabIndex={\n            current === option.value ||\n            (!entries.some((entry) => entry.value === current && !entry.disabled) &&\n              option.value === first)\n              ? 0\n              : -1\n          }\n          id={`${id}-${index}`}\n          onClick={() => {\n            setCurrent(option.value);\n            onChange?.(option.value);\n          }}\n          onKeyDown={(event) => {\n            const available = entries.filter((entry) => !entry.disabled);\n            const position = available.findIndex((entry) => entry.value === option.value);\n            const next =\n              event.key === 'Home'\n                ? available[0]\n                : event.key === 'End'\n                  ? available.at(-1)\n                  : ['ArrowLeft', 'ArrowUp', 'ArrowRight', 'ArrowDown'].includes(event.key)\n                    ? available[\n                        (position +\n                          (event.key === 'ArrowUp' ||\n                          event.key === (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft')\n                            ? -1\n                            : 1) +\n                          available.length) %\n                          available.length\n                      ]\n                    : undefined;\n            if (!next || disabled) return;\n            event.preventDefault();\n            setCurrent(next.value);\n            onChange?.(next.value);\n            document\n              .getElementById(`${id}-${entries.findIndex((entry) => entry.value === next.value)}`)\n              ?.focus();\n          }}\n        >\n          {option.icon && <span aria-hidden=\"true\">{option.icon}</span>}\n          {option.label}\n        </button>\n      ))}\n      {name && (\n        <FormValue\n          value={current}\n          name={name}\n          form={form}\n          disabled={disabled}\n          triggerRef={trigger}\n        />\n      )}\n    </div>\n  );\n});\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Segmented","forwardRef","rawProps","ref","options","value","defaultValue","onChange","disabledProp","size","block","name","form","className","props","useComponentProps","field","useFormField","direction","useLeafConfig","root","useRef","marker","merged","useMergedRef","disabled","entries","option","first","trigger","current","setCurrent","useFieldValue","useMovingIndicator","id","useId","undefined","classes","index","entry","event","available","position","next","document","FormValue"],"mappings":"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"}

package/dist/cjs/browser/segmented.cjs

@@ -1,2 +0,0 @@
-"use client";
-module.exports = require('./modules/segmented/index.cjs');

package/dist/cjs/segmented/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"segmented/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/segmented/index.d.cts

@@ -1,3 +0,0 @@
-export type { SegmentedOption, SegmentedProps } from './segmented.cjs';
-export { Segmented } from './segmented.cjs';
-//# sourceMappingURL=index.d.cts.map

package/dist/cjs/segmented/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/segmented/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/cjs/segmented/segmented.cjs

@@ -1,125 +0,0 @@
-"use client";
-"use strict";
-var __webpack_require__ = {};
-(()=>{
-    __webpack_require__.d = (exports1, getters, values)=>{
-        var define = (defs, kind)=>{
-            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-                enumerable: true,
-                [kind]: defs[key]
-            });
-        };
-        define(getters, "get");
-        define(values, "value");
-    };
-})();
-(()=>{
-    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
-})();
-(()=>{
-    __webpack_require__.r = (exports1)=>{
-        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
-            value: 'Module'
-        });
-        Object.defineProperty(exports1, '__esModule', {
-            value: true
-        });
-    };
-})();
-var __webpack_exports__ = {};
-__webpack_require__.r(__webpack_exports__);
-__webpack_require__.d(__webpack_exports__, {
-    Segmented: ()=>segmented_Segmented
-});
-const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_react_namespaceObject = require("react");
-const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
-const context_cjs_namespaceObject = require("../config-provider/context.cjs");
-const form_cjs_namespaceObject = require("../form/form.cjs");
-const classes_cjs_namespaceObject = require("../shared/classes.cjs");
-const field_cjs_namespaceObject = require("../shared/field.cjs");
-const use_moving_indicator_cjs_namespaceObject = require("../tabs/use-moving-indicator.cjs");
-const segmented_Segmented = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
-    const { options, value, defaultValue, onChange, disabled: disabledProp, size = 'md', block = false, name, form, className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Segmented', rawProps);
-    const field = (0, form_cjs_namespaceObject.useFormField)();
-    const { direction } = (0, context_cjs_namespaceObject.useLeafConfig)();
-    const root = (0, external_react_namespaceObject.useRef)(null);
-    const marker = (0, external_react_namespaceObject.useRef)(null);
-    const merged = (0, field_cjs_namespaceObject.useMergedRef)(root, ref);
-    const disabled = disabledProp || field?.disabled;
-    const entries = options.map((option)=>'string' == typeof option ? {
-            label: option,
-            value: option
-        } : option);
-    const first = entries.find((option)=>!option.disabled)?.value ?? '';
-    const trigger = (0, external_react_namespaceObject.useRef)(null);
-    const [current, setCurrent] = (0, field_cjs_namespaceObject.useFieldValue)(value, defaultValue ?? first, trigger, form);
-    (0, use_moving_indicator_cjs_namespaceObject.useMovingIndicator)(root, marker, '[aria-checked="true"]', `${current}-${direction}`);
-    const id = (0, external_react_namespaceObject.useId)();
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-        ...props,
-        ref: merged,
-        role: "radiogroup",
-        "aria-disabled": disabled || void 0,
-        className: (0, classes_cjs_namespaceObject.classes)('leaf-segmented', `leaf-segmented--${size}`, block && 'leaf-segmented--block', className),
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                ref: marker,
-                className: "leaf-segmented__indicator",
-                "aria-hidden": "true"
-            }),
-            entries.map((option, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("button", {
-                    type: "button",
-                    ref: 0 === index ? trigger : void 0,
-                    role: "radio",
-                    "data-leaf-indicator-item": "",
-                    "aria-checked": current === option.value,
-                    disabled: disabled || option.disabled,
-                    tabIndex: current !== option.value && (entries.some((entry)=>entry.value === current && !entry.disabled) || option.value !== first) ? -1 : 0,
-                    id: `${id}-${index}`,
-                    onClick: ()=>{
-                        setCurrent(option.value);
-                        onChange?.(option.value);
-                    },
-                    onKeyDown: (event)=>{
-                        const available = entries.filter((entry)=>!entry.disabled);
-                        const position = available.findIndex((entry)=>entry.value === option.value);
-                        const next = 'Home' === event.key ? available[0] : 'End' === event.key ? available.at(-1) : [
-                            'ArrowLeft',
-                            'ArrowUp',
-                            'ArrowRight',
-                            'ArrowDown'
-                        ].includes(event.key) ? available[(position + ('ArrowUp' === event.key || event.key === ('rtl' === direction ? 'ArrowRight' : 'ArrowLeft') ? -1 : 1) + available.length) % available.length] : void 0;
-                        if (!next || disabled) return;
-                        event.preventDefault();
-                        setCurrent(next.value);
-                        onChange?.(next.value);
-                        document.getElementById(`${id}-${entries.findIndex((entry)=>entry.value === next.value)}`)?.focus();
-                    },
-                    children: [
-                        option.icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                            "aria-hidden": "true",
-                            children: option.icon
-                        }),
-                        option.label
-                    ]
-                }, option.value)),
-            name && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(field_cjs_namespaceObject.FormValue, {
-                value: current,
-                name: name,
-                form: form,
-                disabled: disabled,
-                triggerRef: trigger
-            })
-        ]
-    });
-});
-exports.Segmented = __webpack_exports__.Segmented;
-for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "Segmented"
-].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
-Object.defineProperty(exports, '__esModule', {
-    value: true
-});
-
-//# sourceMappingURL=segmented.cjs.map

package/dist/cjs/segmented/segmented.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"segmented/segmented.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../src/segmented/segmented.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { forwardRef, type HTMLAttributes, type ReactNode, useId, useRef } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue, useMergedRef } from '../shared/field';\nimport type { ControlSize } from '../shared/types';\nimport { useMovingIndicator } from '../tabs/use-moving-indicator';\nexport interface SegmentedOption {\n  value: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  disabled?: boolean;\n}\nexport interface SegmentedProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  options: readonly (string | SegmentedOption)[];\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  disabled?: boolean;\n  size?: ControlSize;\n  block?: boolean;\n  name?: string;\n  form?: string;\n}\nexport const Segmented = forwardRef<HTMLDivElement, SegmentedProps>(function Segmented(\n  rawProps: SegmentedProps,\n  ref,\n) {\n  const {\n    options,\n    value,\n    defaultValue,\n    onChange,\n    disabled: disabledProp,\n    size = 'md',\n    block = false,\n    name,\n    form,\n    className,\n    ...props\n  } = useComponentProps('Segmented', rawProps);\n  const field = useFormField();\n  const { direction } = useLeafConfig();\n  const root = useRef<HTMLDivElement>(null);\n  const marker = useRef<HTMLSpanElement>(null);\n  const merged = useMergedRef(root, ref);\n  const disabled = disabledProp || field?.disabled;\n  const entries = options.map((option) =>\n    typeof option === 'string' ? { label: option, value: option } : option,\n  );\n  const first = entries.find((option) => !option.disabled)?.value ?? '';\n  const trigger = useRef<HTMLButtonElement>(null);\n  const [current, setCurrent] = useFieldValue(value, defaultValue ?? first, trigger, form);\n  useMovingIndicator(root, marker, '[aria-checked=\"true\"]', `${current}-${direction}`);\n  const id = useId();\n  return (\n    <div\n      {...props}\n      ref={merged}\n      role=\"radiogroup\"\n      aria-disabled={disabled || undefined}\n      className={classes(\n        'leaf-segmented',\n        `leaf-segmented--${size}`,\n        block && 'leaf-segmented--block',\n        className,\n      )}\n    >\n      <span ref={marker} className=\"leaf-segmented__indicator\" aria-hidden=\"true\" />\n      {entries.map((option, index) => (\n        // biome-ignore lint/a11y/useSemanticElements: Segmented buttons implement roving focus and radio-group selection with a shared form proxy.\n        <button\n          key={option.value}\n          type=\"button\"\n          ref={index === 0 ? trigger : undefined}\n          role=\"radio\"\n          data-leaf-indicator-item=\"\"\n          aria-checked={current === option.value}\n          disabled={disabled || option.disabled}\n          tabIndex={\n            current === option.value ||\n            (!entries.some((entry) => entry.value === current && !entry.disabled) &&\n              option.value === first)\n              ? 0\n              : -1\n          }\n          id={`${id}-${index}`}\n          onClick={() => {\n            setCurrent(option.value);\n            onChange?.(option.value);\n          }}\n          onKeyDown={(event) => {\n            const available = entries.filter((entry) => !entry.disabled);\n            const position = available.findIndex((entry) => entry.value === option.value);\n            const next =\n              event.key === 'Home'\n                ? available[0]\n                : event.key === 'End'\n                  ? available.at(-1)\n                  : ['ArrowLeft', 'ArrowUp', 'ArrowRight', 'ArrowDown'].includes(event.key)\n                    ? available[\n                        (position +\n                          (event.key === 'ArrowUp' ||\n                          event.key === (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft')\n                            ? -1\n                            : 1) +\n                          available.length) %\n                          available.length\n                      ]\n                    : undefined;\n            if (!next || disabled) return;\n            event.preventDefault();\n            setCurrent(next.value);\n            onChange?.(next.value);\n            document\n              .getElementById(`${id}-${entries.findIndex((entry) => entry.value === next.value)}`)\n              ?.focus();\n          }}\n        >\n          {option.icon && <span aria-hidden=\"true\">{option.icon}</span>}\n          {option.label}\n        </button>\n      ))}\n      {name && (\n        <FormValue\n          value={current}\n          name={name}\n          form={form}\n          disabled={disabled}\n          triggerRef={trigger}\n        />\n      )}\n    </div>\n  );\n});\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Segmented","forwardRef","rawProps","ref","options","value","defaultValue","onChange","disabledProp","size","block","name","form","className","props","useComponentProps","field","useFormField","direction","useLeafConfig","root","useRef","marker","merged","useMergedRef","disabled","entries","option","first","trigger","current","setCurrent","useFieldValue","useMovingIndicator","id","useId","undefined","classes","index","entry","event","available","position","next","document","FormValue"],"mappings":"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"}

package/dist/cjs/segmented/segmented.d.cts

@@ -1,21 +0,0 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
-import type { ControlSize } from '../shared/types.cjs';
-export interface SegmentedOption {
-    value: string;
-    label: ReactNode;
-    icon?: ReactNode;
-    disabled?: boolean;
-}
-export interface SegmentedProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    options: readonly (string | SegmentedOption)[];
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-    disabled?: boolean;
-    size?: ControlSize;
-    block?: boolean;
-    name?: string;
-    form?: string;
-}
-export declare const Segmented: import("react").ForwardRefExoticComponent<SegmentedProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=segmented.d.cts.map

package/dist/cjs/segmented/segmented.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"segmented.d.cts","sourceRoot":"","sources":["../../../src/segmented/segmented.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAiB,MAAM,OAAO,CAAC;AAMvF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACtF,OAAO,EAAE,SAAS,CAAC,MAAM,GAAG,eAAe,CAAC,EAAE,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,eAAO,MAAM,SAAS,2GA8GpB,CAAC"}

package/dist/cjs/styles/components/segmented.css

@@ -1 +0,0 @@
-.leaf-segmented{--leaf-surface-inner-top: max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-top) - var(--leaf-surface-border));--leaf-surface-inner-right: max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-right) - var(--leaf-surface-border));--leaf-surface-inner-bottom: max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-bottom) - var(--leaf-surface-border));--leaf-surface-inner-left: max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-left) - var(--leaf-surface-border));--leaf-surface-inner-radius: var(--leaf-surface-inner-left) var(--leaf-surface-inner-right) var(--leaf-surface-inner-right) var(--leaf-surface-inner-left) / var(--leaf-surface-inner-top) var(--leaf-surface-inner-top) var(--leaf-surface-inner-bottom) var(--leaf-surface-inner-bottom);padding:var(--leaf-surface-padding-top) var(--leaf-surface-padding-right) var(--leaf-surface-padding-bottom) var(--leaf-surface-padding-left);border-radius:var(--leaf-surface-radius)}.leaf-segmented{--leaf-current-font-size: var(--leaf-font-size);--leaf-current-control-height: var(--leaf-control-height, 36px)}.leaf-segmented--sm{--leaf-current-control-height: var(--leaf-control-height-sm, 30px);--leaf-current-font-size: var(--leaf-font-size-sm, 12px)}.leaf-segmented--lg{--leaf-current-control-height: var(--leaf-control-height-lg, 42px);--leaf-current-font-size: var(--leaf-font-size-lg, 16px)}.leaf-segmented{--leaf-surface-radius: var(--leaf-component-segmented-radius, var(--leaf-radius));--leaf-surface-padding: var(--leaf-component-segmented-padding, 3px);--leaf-surface-border: 1px;--leaf-surface-padding-top: var( --leaf-component-segmented-padding-top, var(--leaf-surface-padding) );--leaf-surface-padding-right: var( --leaf-component-segmented-padding-right, var(--leaf-surface-padding) );--leaf-surface-padding-bottom: var( --leaf-component-segmented-padding-bottom, var(--leaf-surface-padding) );--leaf-surface-padding-left: var( --leaf-component-segmented-padding-left, var(--leaf-surface-padding) );position:relative;isolation:isolate;display:inline-flex;width:max-content;max-width:100%;align-self:flex-start;gap:var(--leaf-component-segmented-gap, 3px);background:var(--leaf-component-segmented-background, var(--leaf-color-surface-muted));box-sizing:border-box;border:1px solid var(--leaf-color-border-alpha-65)}.leaf-segmented__indicator{position:absolute;top:0;left:0;z-index:-1;pointer-events:none;width:var(--leaf-indicator-width, 0px);height:var(--leaf-indicator-height, 0px);transform:translate(var(--leaf-indicator-x, 0px), var(--leaf-indicator-y, 0px));border-radius:var(--leaf-surface-inner-radius);background:var(--leaf-color-surface-raised);box-shadow:var(--leaf-shadow-xs);opacity:0}.leaf-segmented__indicator[data-visible=true]{opacity:1}.leaf-segmented__indicator[data-animate=true]{transition:transform var(--leaf-motion-slow) var(--leaf-motion-spring),width var(--leaf-motion-slow) var(--leaf-motion-spring),height var(--leaf-motion-slow) var(--leaf-motion-spring)}.leaf-segmented--block{display:flex;width:100%;align-self:stretch}.leaf-segmented--block>button{flex:1}.leaf-segmented>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:calc(var(--leaf-current-control-height) - var(--leaf-surface-padding-top) - var(--leaf-surface-padding-bottom) - 2px);padding:0 12px;border:0;border-radius:var(--leaf-surface-inner-radius);background:rgba(0,0,0,0);color:var(--leaf-color-text-muted);font:var(--leaf-current-font-size)/1.5 var(--leaf-font-family);white-space:nowrap;cursor:pointer;transition:color var(--leaf-motion-fast) var(--leaf-motion-easing),transform var(--leaf-motion-fast) var(--leaf-motion-easing)}.leaf-segmented>button[aria-checked=true]{color:var(--leaf-color-text);font-weight:var(--leaf-font-weight)}.leaf-segmented>button:hover:not(:disabled){color:var(--leaf-color-text)}.leaf-segmented>button:active:not(:disabled){transform:scale(0.97)}.leaf-segmented>button:focus-visible{outline:3px solid var(--leaf-color-focus, var(--leaf-focus-color, var(--leaf-color-primary-alpha-42)));outline-offset:2px}.leaf-segmented>button:disabled{opacity:.45;cursor:not-allowed}.leaf-segmented>button svg{display:block;width:16px;height:16px}@media(prefers-reduced-motion: reduce){.leaf-segmented>button,.leaf-segmented__indicator[data-animate=true]{transition:none}}.leaf-segmented{--leaf-current-control-height: var(--leaf-component-segmented-height, var(--leaf-control-height));--leaf-current-font-size: var(--leaf-component-segmented-font-size, var(--leaf-font-size))}.leaf-segmented--sm{--leaf-current-control-height: var( --leaf-component-segmented-height-sm, var(--leaf-control-height-sm) );--leaf-current-font-size: var(--leaf-font-size-sm)}.leaf-segmented--lg{--leaf-current-control-height: var( --leaf-component-segmented-height-lg, var(--leaf-control-height-lg) );--leaf-current-font-size: var(--leaf-font-size-lg)}@media(forced-colors: active){.leaf-segmented__indicator{background:Highlight;forced-color-adjust:none}.leaf-segmented>button[aria-checked=true]{color:HighlightText}}

package/dist/cjs/styles/segmented.css

@@ -1 +0,0 @@
-:root,:host{--leaf-color-option-hover: #ebebeb;--leaf-color-border-alpha-55: rgba(229, 229, 232, 0.55);--leaf-color-border-alpha-65: rgba(229, 229, 232, 0.65);--leaf-color-border-surface-70: #ededef;--leaf-color-border-text-muted-65: #b9b9be;--leaf-color-danger-alpha-18: rgba(200, 60, 60, 0.18);--leaf-color-danger-alpha-25: rgba(200, 60, 60, 0.25);--leaf-color-danger-alpha-42: rgba(200, 60, 60, 0.42);--leaf-color-primary-alpha-15: rgba(32, 131, 74, 0.15);--leaf-color-primary-alpha-18: rgba(32, 131, 74, 0.18);--leaf-color-primary-alpha-25: rgba(32, 131, 74, 0.25);--leaf-color-primary-alpha-42: rgba(32, 131, 74, 0.42);--leaf-color-primary-surface-9: #ebf4ef;--leaf-color-surface-text-98: #fbfbfb;--leaf-color-text-muted-surface-92: #74747b;--leaf-color-text-subtle: #74747b;--leaf-color-surface-raised: #fbfbfb;--leaf-color-border-hover: #b9b9be;--leaf-color-on-warning: #202024;--leaf-color-primary-hover: #26864f;--leaf-color-primary-active: #1b6f3f;--leaf-color-danger-hover: #cb4848;--leaf-color-danger-active: #aa3333;--leaf-color-primary: #20834a;--leaf-color-on-primary: #ffffff;--leaf-color-danger: #c83c3c;--leaf-color-on-danger: #ffffff;--leaf-color-warning: #faad14;--leaf-color-info: #1677ff;--leaf-color-success: #20834a;--leaf-control-height: 36px;--leaf-density-form-gap: 24px;--leaf-density-label-gap: 6px;--leaf-density-row-padding: 12px;--leaf-density-option-height: max(24px, calc(var(--leaf-control-height) - 4px));--leaf-density-option-padding: 6px;--leaf-density-field-padding: 10px;--leaf-density-dialog-block: 20px;--leaf-density-dialog-inline: 24px;--leaf-density-dialog-gap: 16px;--leaf-z-index-popup: 1000;--leaf-z-index-modal: 1100;--leaf-z-index-message: 1200;--leaf-color-text: #202024;--leaf-color-text-muted: #68686f;--leaf-color-surface: #ffffff;--leaf-color-surface-muted: #f6f6f7;--leaf-color-border: #e5e5e8;--leaf-radius: 10px;--leaf-radius-sm: calc(var(--leaf-radius) * 0.6);--leaf-radius-md: calc(var(--leaf-radius) * 1.2);--leaf-radius-lg: calc(var(--leaf-radius) * 1.6);--leaf-choice-radius: calc(var(--leaf-radius) * 0.5);--leaf-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;--leaf-font-size: 14px;--leaf-font-size-sm: max(1px, calc(var(--leaf-font-size) - 1px));--leaf-font-size-lg: calc(var(--leaf-font-size) + 2px);--leaf-font-weight: 500;--leaf-motion-duration: 200ms;--leaf-motion-easing: cubic-bezier(0.22, 1, 0.36, 1);--leaf-motion-spring: cubic-bezier(0.22, 1.28, 0.36, 1);--leaf-motion-play-state: running}[data-leaf-theme=light]{--leaf-color-option-hover: #ebebeb;--leaf-color-border-alpha-55: rgba(229, 229, 232, 0.55);--leaf-color-border-alpha-65: rgba(229, 229, 232, 0.65);--leaf-color-border-surface-70: #ededef;--leaf-color-border-text-muted-65: #b9b9be;--leaf-color-danger-alpha-18: rgba(200, 60, 60, 0.18);--leaf-color-danger-alpha-25: rgba(200, 60, 60, 0.25);--leaf-color-danger-alpha-42: rgba(200, 60, 60, 0.42);--leaf-color-primary-alpha-15: rgba(32, 131, 74, 0.15);--leaf-color-primary-alpha-18: rgba(32, 131, 74, 0.18);--leaf-color-primary-alpha-25: rgba(32, 131, 74, 0.25);--leaf-color-primary-alpha-42: rgba(32, 131, 74, 0.42);--leaf-color-primary-surface-9: #ebf4ef;--leaf-color-surface-text-98: #fbfbfb;--leaf-color-text-muted-surface-92: #74747b;--leaf-color-text-subtle: #74747b;--leaf-color-surface-raised: #fbfbfb;--leaf-color-border-hover: #b9b9be;--leaf-color-on-warning: #202024;--leaf-color-primary-hover: #26864f;--leaf-color-primary-active: #1b6f3f;--leaf-color-danger-hover: #cb4848;--leaf-color-danger-active: #aa3333;--leaf-color-primary: #20834a;--leaf-color-on-primary: #ffffff;--leaf-color-danger: #c83c3c;--leaf-color-on-danger: #ffffff;--leaf-color-success: #20834a;--leaf-color-warning: #faad14;--leaf-color-info: #1677ff;color-scheme:light;--leaf-color-text: #202024;--leaf-color-text-muted: #68686f;--leaf-color-surface: #ffffff;--leaf-color-surface-muted: #f6f6f7;--leaf-color-border: #e5e5e8}[data-leaf-theme=dark]{--leaf-color-option-hover: #2f2f33;--leaf-color-border-alpha-55: rgba(56, 56, 63, 0.55);--leaf-color-border-alpha-65: rgba(56, 56, 63, 0.65);--leaf-color-border-surface-70: #303036;--leaf-color-border-text-muted-65: #5e5e66;--leaf-color-danger-alpha-18: rgba(239, 133, 133, 0.18);--leaf-color-danger-alpha-25: rgba(239, 133, 133, 0.25);--leaf-color-danger-alpha-42: rgba(239, 133, 133, 0.42);--leaf-color-primary-alpha-15: rgba(131, 207, 158, 0.15);--leaf-color-primary-alpha-18: rgba(131, 207, 158, 0.18);--leaf-color-primary-alpha-25: rgba(131, 207, 158, 0.25);--leaf-color-primary-alpha-42: rgba(131, 207, 158, 0.42);--leaf-color-primary-surface-9: #252c2b;--leaf-color-surface-text-98: #202024;--leaf-color-text-muted-surface-92: #9a9aa3;--leaf-color-text-subtle: #9a9aa3;--leaf-color-surface-raised: #202024;--leaf-color-border-hover: #5e5e66;--leaf-color-on-warning: #202024;--leaf-color-primary-hover: #8fd4a8;--leaf-color-primary-active: #6fb086;--leaf-color-danger-hover: #f19191;--leaf-color-danger-active: #cb7171;--leaf-color-primary: #83cf9e;--leaf-color-on-primary: #11271a;--leaf-color-info: #69b1ff;--leaf-color-success: #83cf9e;--leaf-color-danger: #ef8585;--leaf-color-on-danger: #381818;--leaf-color-warning: #ffc53d;color-scheme:dark;--leaf-color-text: #ededf0;--leaf-color-text-muted: #a5a5ae;--leaf-color-surface: #1c1c20;--leaf-color-surface-muted: #25252b;--leaf-color-border: #38383f}:root,:host{--leaf-spacing: 8px;--leaf-line-height: 1.6;--leaf-heading-weight: 600;--leaf-shadow-xs: 0 1px 2px rgb(0 0 0 / 0.06), 0 0 0 1px rgb(0 0 0 / 0.02);--leaf-shadow-sm: 0 2px 6px rgb(0 0 0 / 0.05), 0 1px 2px rgb(0 0 0 / 0.04);--leaf-shadow-md: 0 8px 24px rgb(0 0 0 / 0.08), 0 2px 6px rgb(0 0 0 / 0.04);--leaf-shadow-lg: 0 20px 60px rgb(0 0 0 / 0.14), 0 4px 12px rgb(0 0 0 / 0.06)}:root,:host,[data-leaf-scope]{--leaf-spacing-xs: calc(var(--leaf-spacing) * 0.5);--leaf-spacing-sm: var(--leaf-spacing);--leaf-spacing-md: calc(var(--leaf-spacing) * 2);--leaf-spacing-lg: calc(var(--leaf-spacing) * 3);--leaf-spacing-xl: calc(var(--leaf-spacing) * 4);--leaf-control-height-sm: max(1px, calc(var(--leaf-control-height) - 6px));--leaf-control-height-lg: calc(var(--leaf-control-height) + 6px);--leaf-motion-fast: calc(var(--leaf-motion-duration) * 0.6);--leaf-motion-slow: calc(var(--leaf-motion-duration) * 1.6);--leaf-color-text-subtle: var(--leaf-color-text-muted-surface-92);--leaf-color-surface-raised: var(--leaf-color-surface-text-98);--leaf-color-border-hover: var(--leaf-color-border-text-muted-65);--leaf-color-divider: var(--leaf-color-border-surface-70)}@keyframes leaf-content-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes leaf-state-in{from{opacity:0;scale:.92}to{opacity:1;scale:1}}@media(prefers-reduced-motion: reduce){:where([class^=leaf-],[class*=" leaf-"]){animation:none !important;animation-delay:0s !important;transition-duration:0s !important;transition-delay:0s !important;scroll-behavior:auto !important}}.leaf-segmented,.leaf-floating{--leaf-surface-inner-top: max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-top) - var(--leaf-surface-border));--leaf-surface-inner-right: max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-right) - var(--leaf-surface-border));--leaf-surface-inner-bottom: max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-bottom) - var(--leaf-surface-border));--leaf-surface-inner-left: max(0px, var(--leaf-surface-radius) - var(--leaf-surface-padding-left) - var(--leaf-surface-border));--leaf-surface-inner-radius: var(--leaf-surface-inner-left) var(--leaf-surface-inner-right) var(--leaf-surface-inner-right) var(--leaf-surface-inner-left) / var(--leaf-surface-inner-top) var(--leaf-surface-inner-top) var(--leaf-surface-inner-bottom) var(--leaf-surface-inner-bottom);padding:var(--leaf-surface-padding-top) var(--leaf-surface-padding-right) var(--leaf-surface-padding-bottom) var(--leaf-surface-padding-left);border-radius:var(--leaf-surface-radius)}.leaf-floating{--leaf-surface-radius: var(--leaf-component-floating-radius, var(--leaf-radius-lg));--leaf-surface-padding: var(--leaf-component-floating-padding, 6px);--leaf-surface-border: 1px;--leaf-surface-padding-top: var( --leaf-component-floating-padding-top, var(--leaf-surface-padding) );--leaf-surface-padding-right: var( --leaf-component-floating-padding-right, var(--leaf-surface-padding) );--leaf-surface-padding-bottom: var( --leaf-component-floating-padding-bottom, var(--leaf-surface-padding) );--leaf-surface-padding-left: var( --leaf-component-floating-padding-left, var(--leaf-surface-padding) );--leaf-floating-option-radius: var(--leaf-surface-inner-radius);--leaf-popup-x: 0px;--leaf-popup-y: -4px;--leaf-popup-origin-x: center;--leaf-popup-origin-y: top;box-sizing:border-box;position:fixed;z-index:var(--leaf-z-index-popup, 1000);max-width:min(420px,100vw - 24px);max-height:min(360px,100vh - 32px);overflow:auto;border:var(--leaf-surface-border) solid var(--leaf-color-border);color:var(--leaf-color-text);font-family:var(--leaf-font-family);font-size:var(--leaf-font-size);line-height:1.5;background:var(--leaf-color-surface-raised, var(--leaf-color-surface));box-shadow:var(--leaf-shadow-md);overscroll-behavior:contain;opacity:1;translate:0 0;scale:1;transform-origin:var(--leaf-popup-origin-x) var(--leaf-popup-origin-y);transition:opacity var(--leaf-motion-duration) var(--leaf-motion-easing),translate var(--leaf-motion-slow) var(--leaf-motion-easing),scale var(--leaf-motion-slow) var(--leaf-motion-easing)}.leaf-floating[data-side=top]{--leaf-popup-y: 4px;--leaf-popup-origin-y: bottom}.leaf-floating[data-side=left]{--leaf-popup-x: 6px;--leaf-popup-y: 0px;--leaf-popup-origin-x: right;--leaf-popup-origin-y: center}.leaf-floating[data-side=right]{--leaf-popup-x: -6px;--leaf-popup-y: 0px;--leaf-popup-origin-x: left;--leaf-popup-origin-y: center}@starting-style{.leaf-floating{opacity:0;translate:var(--leaf-popup-x) var(--leaf-popup-y);scale:.985}}.leaf-floating[data-positioned=false]{opacity:0;translate:var(--leaf-popup-x) var(--leaf-popup-y);scale:.985}.leaf-floating[data-state=closing]{pointer-events:none;opacity:0;translate:var(--leaf-popup-x) var(--leaf-popup-y);scale:.98;transition-duration:var(--leaf-motion-duration);transition-timing-function:var(--leaf-motion-easing)}.leaf-floating:focus{outline:none}@media(prefers-reduced-motion: reduce){.leaf-floating,.leaf-floating[data-state=closing]{transition:none}}.leaf-form-value{position:absolute;width:1px;height:1px;padding:0;border:0;clip-path:inset(50%);opacity:0;pointer-events:none}.leaf-floating__option{box-sizing:border-box;display:flex;width:100%;min-height:var(--leaf-density-option-height);align-items:center;gap:8px;padding:var(--leaf-density-option-padding) var(--leaf-density-field-padding);padding-block:min(var(--leaf-density-option-padding),max(0px,(var(--leaf-density-option-height) - 1.4em)/2));border:0;border-radius:var(--leaf-floating-option-radius, var(--leaf-radius-sm));color:inherit;background:rgba(0,0,0,0);font:inherit;line-height:1.4;text-align:start;cursor:pointer;transition:color var(--leaf-motion-fast) var(--leaf-motion-easing),background-color var(--leaf-motion-fast) var(--leaf-motion-easing),box-shadow var(--leaf-motion-fast) var(--leaf-motion-easing)}.leaf-floating__option+.leaf-floating__option{margin-top:2px}.leaf-floating__option:hover:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):not([aria-checked=true]),.leaf-floating__option:focus-visible:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):not([aria-checked=true]),.leaf-floating__option[data-highlighted=true]:not([aria-disabled=true]):not([aria-selected=true]):not([aria-checked=true]){background:var(--leaf-color-option-hover)}.leaf-floating__option:active:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]):not([aria-checked=true]){background:var(--leaf-color-option-hover)}.leaf-floating__option[aria-selected=true]{color:var(--leaf-color-primary);font-weight:var(--leaf-font-weight);background:var(--leaf-color-primary-surface-9)}.leaf-floating__option:disabled,.leaf-floating__option[aria-disabled=true]{color:var(--leaf-color-text-muted);cursor:not-allowed;opacity:.55}.leaf-floating__option:focus-visible{outline:2px solid var(--leaf-color-primary);outline-offset:-2px}.leaf-floating__option-label{min-width:0;overflow-wrap:anywhere}.leaf-floating__options{display:flex;flex-direction:column;gap:2px}@media(prefers-reduced-motion: reduce){.leaf-floating__option{transition:none}}.leaf-floating__highlight{position:absolute;top:0;left:0;box-sizing:border-box;width:var(--leaf-option-highlight-width, 0px);height:var(--leaf-option-highlight-height, var(--leaf-density-option-height));translate:var(--leaf-option-highlight-x, 0px) var(--leaf-option-highlight-y, 0px);border:1px solid var(--leaf-color-border-alpha-55);border-radius:var(--leaf-floating-option-radius);background:var(--leaf-color-option-hover);pointer-events:none;transition:translate var(--leaf-motion-duration) var(--leaf-motion-spring),height var(--leaf-motion-fast) var(--leaf-motion-easing),width var(--leaf-motion-fast) var(--leaf-motion-easing),background-color var(--leaf-motion-fast) var(--leaf-motion-easing),border-color var(--leaf-motion-fast) var(--leaf-motion-easing)}.leaf-floating__highlight[data-ready=false],.leaf-floating__highlight[data-hidden]{visibility:hidden}.leaf-floating__highlight[data-selected]{background:var(--leaf-color-primary-surface-9);border-color:var(--leaf-color-primary-alpha-15)}.leaf-floating[data-hover-motion] .leaf-floating__option{position:relative;z-index:1}.leaf-floating[data-hover-motion] .leaf-floating__option:hover:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]),.leaf-floating[data-hover-motion] .leaf-floating__option:focus-visible:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]),.leaf-floating[data-hover-motion] .leaf-floating__option[data-highlighted]:not([aria-disabled=true]):not([aria-selected=true]),.leaf-floating[data-hover-motion] .leaf-floating__option:active:not(:disabled):not([aria-disabled=true]):not([aria-selected=true]){background:rgba(0,0,0,0)}.leaf-floating[data-selection=candidate] .leaf-floating__option[aria-selected=true]{color:inherit;font-weight:inherit;background:rgba(0,0,0,0)}.leaf-floating[data-selection=candidate] .leaf-floating__option[aria-selected=true]:not(:disabled):not([aria-disabled=true]){background:var(--leaf-color-option-hover)}.leaf-floating[data-selection=candidate][data-hover-motion] .leaf-floating__option[aria-selected=true]:not(:disabled):not([aria-disabled=true]){background:rgba(0,0,0,0)}@media(prefers-reduced-motion: reduce){.leaf-floating__highlight{transition:none}}.leaf-floating__empty{padding:12px 10px;color:var(--leaf-color-text-muted);font-size:var(--leaf-font-size-sm);text-align:center}.leaf-floating__empty--feedback{box-sizing:border-box;display:flex;min-height:112px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px}.leaf-floating__empty--feedback>svg{flex:none}.leaf-floating__empty--feedback>div{min-width:0;max-width:100%;overflow-wrap:anywhere}.leaf-floating__loading-icon{color:var(--leaf-color-primary);animation:var(--leaf-motion-animation, leaf-floating-spin calc(var(--leaf-motion-duration) * 4) linear infinite);animation-play-state:var(--leaf-motion-play-state, running)}@keyframes leaf-floating-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.leaf-floating__loading-icon{animation:none}}.leaf-button{--leaf-button-color: var(--leaf-color-primary);--leaf-button-color-alpha-18: var(--leaf-color-primary-alpha-18);--leaf-button-color-alpha-25: var(--leaf-color-primary-alpha-25);--leaf-button-color-alpha-42: var(--leaf-color-primary-alpha-42);--leaf-button-on-color: var(--leaf-color-on-primary);--leaf-focus-color: var(--leaf-button-color-alpha-42);--leaf-button-hover: var(--leaf-color-primary-hover, var(--leaf-button-color));--leaf-button-active: var(--leaf-color-primary-active, var(--leaf-button-color));--leaf-button-soft-hover: var(--leaf-color-primary-soft-hover, var(--leaf-button-color-alpha-18));--leaf-button-soft-active: var( --leaf-color-primary-soft-active, var(--leaf-button-color-alpha-25) );--leaf-button-border: var(--leaf-color-primary-border, var(--leaf-button-color-alpha-42));box-sizing:border-box;display:inline-flex;position:relative;align-items:center;justify-content:center;gap:var(--leaf-component-button-gap, 6px);min-height:var(--leaf-button-height, var(--leaf-current-control-height));padding:var(--leaf-component-button-padding, 0 calc(var(--leaf-button-height, var(--leaf-current-control-height)) * 0.42));border:1px solid rgba(0,0,0,0);border-radius:var(--leaf-component-button-radius, var(--leaf-button-radius, var(--leaf-radius)));font-family:var(--leaf-font-family);font-size:var(--leaf-component-button-font-size, var(--leaf-current-font-size));font-weight:var(--leaf-font-weight);line-height:1.5;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;appearance:none;transition:background-color var(--leaf-motion-duration) var(--leaf-motion-easing),border-color var(--leaf-motion-duration) var(--leaf-motion-easing),color var(--leaf-motion-duration) var(--leaf-motion-easing),box-shadow var(--leaf-motion-duration) var(--leaf-motion-easing),opacity var(--leaf-motion-duration) var(--leaf-motion-easing);--leaf-current-font-size: var(--leaf-font-size);--leaf-current-control-height: var(--leaf-control-height, 36px)}.leaf-button--sm{--leaf-current-control-height: var(--leaf-control-height-sm, 30px);--leaf-current-font-size: var(--leaf-font-size-sm, 12px)}.leaf-button--lg{--leaf-current-control-height: var(--leaf-control-height-lg, 42px);--leaf-current-font-size: var(--leaf-font-size-lg, 16px)}.leaf-button:focus-visible{outline:3px solid var(--leaf-color-focus, var(--leaf-focus-color, var(--leaf-color-primary-alpha-42)));outline-offset:2px}.leaf-button:disabled{cursor:not-allowed;opacity:.45}.leaf-button[data-loading]{cursor:default;opacity:1}.leaf-button__wave{position:absolute;z-index:1;inset:-1px;box-sizing:border-box;border-radius:inherit;color:var(--leaf-button-color);box-shadow:0 0 0 0 currentColor;opacity:0;pointer-events:none}.leaf-button__content{display:inline-flex;align-items:center;justify-content:center;gap:inherit;min-width:0;transition:opacity var(--leaf-motion-fast) var(--leaf-motion-easing),transform var(--leaf-motion-duration) var(--leaf-motion-spring)}.leaf-button__loading{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(0.7);pointer-events:none;transition:opacity var(--leaf-motion-duration) var(--leaf-motion-easing),transform var(--leaf-motion-duration) var(--leaf-motion-spring)}.leaf-button[data-loading] .leaf-button__content{opacity:0;transform:translateY(3px)}.leaf-button[data-loading] .leaf-button__loading{opacity:1;transform:scale(1)}.leaf-button[data-loading] .leaf-button__spinner{animation:var(--leaf-motion-animation, leaf-spin calc(var(--leaf-motion-duration) * 4.5) linear infinite);animation-play-state:var(--leaf-motion-play-state, running)}.leaf-button--danger{--leaf-button-color: var(--leaf-color-danger);--leaf-button-color-alpha-18: var(--leaf-color-danger-alpha-18);--leaf-button-color-alpha-25: var(--leaf-color-danger-alpha-25);--leaf-button-color-alpha-42: var(--leaf-color-danger-alpha-42);--leaf-button-on-color: var(--leaf-color-on-danger);--leaf-button-hover: var(--leaf-color-danger-hover, var(--leaf-button-color));--leaf-button-active: var(--leaf-color-danger-active, var(--leaf-button-color));--leaf-button-soft-hover: var(--leaf-button-color-alpha-18);--leaf-button-soft-active: var(--leaf-button-color-alpha-25);--leaf-button-border: var(--leaf-button-color-alpha-42)}.leaf-button--solid{color:var(--leaf-button-on-color);background:var(--leaf-button-color);border-color:rgba(0,0,0,0);box-shadow:none}.leaf-button--solid:hover:not(:disabled){background:var(--leaf-button-hover)}.leaf-button--solid:active:not(:disabled){background:var(--leaf-button-active);box-shadow:none}.leaf-button--ghost{color:var(--leaf-color-text);background:rgba(0,0,0,0)}.leaf-button--ghost:hover:not(:disabled){background:var(--leaf-color-surface-muted)}.leaf-button--ghost:active:not(:disabled){background:var(--leaf-color-border)}.leaf-button--danger.leaf-button--ghost{color:var(--leaf-button-color)}.leaf-button--danger.leaf-button--ghost:hover:not(:disabled){color:var(--leaf-button-hover);background:var(--leaf-button-soft-hover)}.leaf-button--danger.leaf-button--ghost:active:not(:disabled){color:var(--leaf-button-active);background:var(--leaf-button-soft-active)}.leaf-button--outline{color:var(--leaf-color-text);background:var(--leaf-color-surface);border-color:var(--leaf-component-button-border-color, var(--leaf-color-border));box-shadow:var(--leaf-component-button-shadow, 0 1px 2px rgba(0, 0, 0, 0.04))}.leaf-button--outline:hover:not(:disabled){color:var(--leaf-button-hover);border-color:var(--leaf-button-hover)}.leaf-button--outline:active:not(:disabled){color:var(--leaf-button-active);border-color:var(--leaf-button-active)}.leaf-button--danger.leaf-button--outline{color:var(--leaf-color-danger);border-color:var(--leaf-component-button-border-color, var(--leaf-button-border))}.leaf-button--icon-only{width:var(--leaf-button-height, var(--leaf-current-control-height));padding:0}.leaf-button--full-width{width:100%}.leaf-button--link{align-self:center;min-height:0;padding:0;border:0;border-radius:0;color:var(--leaf-button-color);background:rgba(0,0,0,0);box-shadow:none}.leaf-button--link:hover:not(:disabled){color:var(--leaf-button-hover)}.leaf-button--link:active:not(:disabled){color:var(--leaf-button-active)}.leaf-button--link.leaf-button--icon-only{width:auto}.leaf-button__icon,.leaf-button__spinner{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:16px;height:16px}.leaf-button__icon svg,.leaf-button__spinner svg{width:100%;height:100%}@keyframes leaf-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.leaf-button,.leaf-button__content,.leaf-button__loading{transition:none}.leaf-button[data-loading] .leaf-button__spinner{animation:none}.leaf-button__wave{display:none}}@media(forced-colors: active){.leaf-button__wave{display:none}.leaf-button{border-color:ButtonText}.leaf-button:disabled{color:GrayText;border-color:GrayText}.leaf-button:focus-visible{outline-color:Highlight}}.leaf-button-group{display:inline-flex;align-items:stretch;gap:8px}.leaf-button-group--attached{gap:0}.leaf-button-group--attached>.leaf-button{position:relative}.leaf-button-group--attached>.leaf-button:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}.leaf-button-group--attached>.leaf-button:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.leaf-button-group--attached>.leaf-button:hover:not(:disabled),.leaf-button-group--attached>.leaf-button:active:not(:disabled),.leaf-button-group--attached>.leaf-button:focus-visible{z-index:1}.leaf-button-group{border:0;padding:0;margin:0;min-width:0}.leaf-split-button{isolation:isolate}.leaf-split-button.leaf-button-group--attached>.leaf-button{z-index:1}.leaf-split-button>.leaf-button--outline{--leaf-split-button-divider-color: var( --leaf-component-button-border-color, var(--leaf-color-border) )}.leaf-split-button>.leaf-button--outline.leaf-button--danger{--leaf-split-button-divider-color: var( --leaf-component-button-border-color, var(--leaf-button-border) )}.leaf-split-button>.leaf-button--outline:first-child{border-inline-end-color:var(--leaf-split-button-divider-color)}.leaf-split-button>.leaf-button--outline:not(:first-child){border-inline-start-color:var(--leaf-split-button-divider-color)}.leaf-split-button>.leaf-button+.leaf-button:not(.leaf-button--outline){margin-inline-start:0}.leaf-split-button>.leaf-button+.leaf-button::before{content:"";position:absolute;z-index:2;inset-block:22%;inset-inline-start:0;width:1px;background:var(--leaf-component-button-border-color, var(--leaf-color-border));pointer-events:none}.leaf-split-button>.leaf-button+.leaf-button.leaf-button--solid::before{background:color-mix(in srgb, var(--leaf-button-on-color) 32%, transparent)}.leaf-split-button>.leaf-button+.leaf-button.leaf-button--outline::before{display:none}.leaf-split-button>.leaf-button+.leaf-button.leaf-button--link{margin-inline-start:8px}.leaf-split-button>.leaf-button+.leaf-button.leaf-button--link::before{inset-inline-start:-4px}@media(forced-colors: active){.leaf-split-button>.leaf-button+.leaf-button::before,.leaf-split-button>.leaf-button+.leaf-button.leaf-button--solid::before{background:ButtonText}}.leaf-button{--leaf-current-control-height: var(--leaf-component-button-height, var(--leaf-control-height));--leaf-current-font-size: var(--leaf-component-button-font-size, var(--leaf-font-size))}.leaf-button--sm{--leaf-current-control-height: var( --leaf-component-button-height-sm, var(--leaf-control-height-sm) );--leaf-current-font-size: var(--leaf-font-size-sm)}.leaf-button--lg{--leaf-current-control-height: var( --leaf-component-button-height-lg, var(--leaf-control-height-lg) );--leaf-current-font-size: var(--leaf-font-size-lg)}.leaf-segmented{--leaf-current-font-size: var(--leaf-font-size);--leaf-current-control-height: var(--leaf-control-height, 36px)}.leaf-segmented--sm{--leaf-current-control-height: var(--leaf-control-height-sm, 30px);--leaf-current-font-size: var(--leaf-font-size-sm, 12px)}.leaf-segmented--lg{--leaf-current-control-height: var(--leaf-control-height-lg, 42px);--leaf-current-font-size: var(--leaf-font-size-lg, 16px)}.leaf-segmented{--leaf-surface-radius: var(--leaf-component-segmented-radius, var(--leaf-radius));--leaf-surface-padding: var(--leaf-component-segmented-padding, 3px);--leaf-surface-border: 1px;--leaf-surface-padding-top: var( --leaf-component-segmented-padding-top, var(--leaf-surface-padding) );--leaf-surface-padding-right: var( --leaf-component-segmented-padding-right, var(--leaf-surface-padding) );--leaf-surface-padding-bottom: var( --leaf-component-segmented-padding-bottom, var(--leaf-surface-padding) );--leaf-surface-padding-left: var( --leaf-component-segmented-padding-left, var(--leaf-surface-padding) );position:relative;isolation:isolate;display:inline-flex;width:max-content;max-width:100%;align-self:flex-start;gap:var(--leaf-component-segmented-gap, 3px);background:var(--leaf-component-segmented-background, var(--leaf-color-surface-muted));box-sizing:border-box;border:1px solid var(--leaf-color-border-alpha-65)}.leaf-segmented__indicator{position:absolute;top:0;left:0;z-index:-1;pointer-events:none;width:var(--leaf-indicator-width, 0px);height:var(--leaf-indicator-height, 0px);transform:translate(var(--leaf-indicator-x, 0px), var(--leaf-indicator-y, 0px));border-radius:var(--leaf-surface-inner-radius);background:var(--leaf-color-surface-raised);box-shadow:var(--leaf-shadow-xs);opacity:0}.leaf-segmented__indicator[data-visible=true]{opacity:1}.leaf-segmented__indicator[data-animate=true]{transition:transform var(--leaf-motion-slow) var(--leaf-motion-spring),width var(--leaf-motion-slow) var(--leaf-motion-spring),height var(--leaf-motion-slow) var(--leaf-motion-spring)}.leaf-segmented--block{display:flex;width:100%;align-self:stretch}.leaf-segmented--block>button{flex:1}.leaf-segmented>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:calc(var(--leaf-current-control-height) - var(--leaf-surface-padding-top) - var(--leaf-surface-padding-bottom) - 2px);padding:0 12px;border:0;border-radius:var(--leaf-surface-inner-radius);background:rgba(0,0,0,0);color:var(--leaf-color-text-muted);font:var(--leaf-current-font-size)/1.5 var(--leaf-font-family);white-space:nowrap;cursor:pointer;transition:color var(--leaf-motion-fast) var(--leaf-motion-easing),transform var(--leaf-motion-fast) var(--leaf-motion-easing)}.leaf-segmented>button[aria-checked=true]{color:var(--leaf-color-text);font-weight:var(--leaf-font-weight)}.leaf-segmented>button:hover:not(:disabled){color:var(--leaf-color-text)}.leaf-segmented>button:active:not(:disabled){transform:scale(0.97)}.leaf-segmented>button:focus-visible{outline:3px solid var(--leaf-color-focus, var(--leaf-focus-color, var(--leaf-color-primary-alpha-42)));outline-offset:2px}.leaf-segmented>button:disabled{opacity:.45;cursor:not-allowed}.leaf-segmented>button svg{display:block;width:16px;height:16px}@media(prefers-reduced-motion: reduce){.leaf-segmented>button,.leaf-segmented__indicator[data-animate=true]{transition:none}}.leaf-segmented{--leaf-current-control-height: var(--leaf-component-segmented-height, var(--leaf-control-height));--leaf-current-font-size: var(--leaf-component-segmented-font-size, var(--leaf-font-size))}.leaf-segmented--sm{--leaf-current-control-height: var( --leaf-component-segmented-height-sm, var(--leaf-control-height-sm) );--leaf-current-font-size: var(--leaf-font-size-sm)}.leaf-segmented--lg{--leaf-current-control-height: var( --leaf-component-segmented-height-lg, var(--leaf-control-height-lg) );--leaf-current-font-size: var(--leaf-font-size-lg)}@media(forced-colors: active){.leaf-segmented__indicator{background:Highlight;forced-color-adjust:none}.leaf-segmented>button[aria-checked=true]{color:HighlightText}}

package/dist/esm/browser/modules/segmented/index.js

@@ -1,2 +0,0 @@
-"use client";
-export { Segmented } from "./segmented.js";

package/dist/esm/browser/modules/segmented/segmented.js

@@ -1,89 +0,0 @@
-"use client";
-import '../../../styles/foundation.css';
-import '../../../styles/components/segmented.css';
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useId, useRef } from "react";
-import { useComponentProps } from "../config-provider/component-defaults.js";
-import { useLeafConfig } from "../config-provider/context.js";
-import { useFormField } from "../form/form.js";
-import { classes } from "../shared/classes.js";
-import { FormValue, useFieldValue, useMergedRef } from "../shared/field.js";
-import { useMovingIndicator } from "../tabs/use-moving-indicator.js";
-const segmented_Segmented = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
-    const { options, value, defaultValue, onChange, disabled: disabledProp, size = 'md', block = false, name, form, className, ...props } = useComponentProps('Segmented', rawProps);
-    const field = useFormField();
-    const { direction } = useLeafConfig();
-    const root = useRef(null);
-    const marker = useRef(null);
-    const merged = useMergedRef(root, ref);
-    const disabled = disabledProp || field?.disabled;
-    const entries = options.map((option)=>'string' == typeof option ? {
-            label: option,
-            value: option
-        } : option);
-    const first = entries.find((option)=>!option.disabled)?.value ?? '';
-    const trigger = useRef(null);
-    const [current, setCurrent] = useFieldValue(value, defaultValue ?? first, trigger, form);
-    useMovingIndicator(root, marker, '[aria-checked="true"]', `${current}-${direction}`);
-    const id = useId();
-    return /*#__PURE__*/ jsxs("div", {
-        ...props,
-        ref: merged,
-        role: "radiogroup",
-        "aria-disabled": disabled || void 0,
-        className: classes('leaf-segmented', `leaf-segmented--${size}`, block && 'leaf-segmented--block', className),
-        children: [
-            /*#__PURE__*/ jsx("span", {
-                ref: marker,
-                className: "leaf-segmented__indicator",
-                "aria-hidden": "true"
-            }),
-            entries.map((option, index)=>/*#__PURE__*/ jsxs("button", {
-                    type: "button",
-                    ref: 0 === index ? trigger : void 0,
-                    role: "radio",
-                    "data-leaf-indicator-item": "",
-                    "aria-checked": current === option.value,
-                    disabled: disabled || option.disabled,
-                    tabIndex: current !== option.value && (entries.some((entry)=>entry.value === current && !entry.disabled) || option.value !== first) ? -1 : 0,
-                    id: `${id}-${index}`,
-                    onClick: ()=>{
-                        setCurrent(option.value);
-                        onChange?.(option.value);
-                    },
-                    onKeyDown: (event)=>{
-                        const available = entries.filter((entry)=>!entry.disabled);
-                        const position = available.findIndex((entry)=>entry.value === option.value);
-                        const next = 'Home' === event.key ? available[0] : 'End' === event.key ? available.at(-1) : [
-                            'ArrowLeft',
-                            'ArrowUp',
-                            'ArrowRight',
-                            'ArrowDown'
-                        ].includes(event.key) ? available[(position + ('ArrowUp' === event.key || event.key === ('rtl' === direction ? 'ArrowRight' : 'ArrowLeft') ? -1 : 1) + available.length) % available.length] : void 0;
-                        if (!next || disabled) return;
-                        event.preventDefault();
-                        setCurrent(next.value);
-                        onChange?.(next.value);
-                        document.getElementById(`${id}-${entries.findIndex((entry)=>entry.value === next.value)}`)?.focus();
-                    },
-                    children: [
-                        option.icon && /*#__PURE__*/ jsx("span", {
-                            "aria-hidden": "true",
-                            children: option.icon
-                        }),
-                        option.label
-                    ]
-                }, option.value)),
-            name && /*#__PURE__*/ jsx(FormValue, {
-                value: current,
-                name: name,
-                form: form,
-                disabled: disabled,
-                triggerRef: trigger
-            })
-        ]
-    });
-});
-export { segmented_Segmented as Segmented };
-
-//# sourceMappingURL=segmented.js.map

package/dist/esm/browser/modules/segmented/segmented.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"segmented/segmented.js","sources":["../../../../../src/segmented/segmented.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode, useId, useRef } from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue, useMergedRef } from '../shared/field';\nimport type { ControlSize } from '../shared/types';\nimport { useMovingIndicator } from '../tabs/use-moving-indicator';\nexport interface SegmentedOption {\n  value: string;\n  label: ReactNode;\n  icon?: ReactNode;\n  disabled?: boolean;\n}\nexport interface SegmentedProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  options: readonly (string | SegmentedOption)[];\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  disabled?: boolean;\n  size?: ControlSize;\n  block?: boolean;\n  name?: string;\n  form?: string;\n}\nexport const Segmented = forwardRef<HTMLDivElement, SegmentedProps>(function Segmented(\n  rawProps: SegmentedProps,\n  ref,\n) {\n  const {\n    options,\n    value,\n    defaultValue,\n    onChange,\n    disabled: disabledProp,\n    size = 'md',\n    block = false,\n    name,\n    form,\n    className,\n    ...props\n  } = useComponentProps('Segmented', rawProps);\n  const field = useFormField();\n  const { direction } = useLeafConfig();\n  const root = useRef<HTMLDivElement>(null);\n  const marker = useRef<HTMLSpanElement>(null);\n  const merged = useMergedRef(root, ref);\n  const disabled = disabledProp || field?.disabled;\n  const entries = options.map((option) =>\n    typeof option === 'string' ? { label: option, value: option } : option,\n  );\n  const first = entries.find((option) => !option.disabled)?.value ?? '';\n  const trigger = useRef<HTMLButtonElement>(null);\n  const [current, setCurrent] = useFieldValue(value, defaultValue ?? first, trigger, form);\n  useMovingIndicator(root, marker, '[aria-checked=\"true\"]', `${current}-${direction}`);\n  const id = useId();\n  return (\n    <div\n      {...props}\n      ref={merged}\n      role=\"radiogroup\"\n      aria-disabled={disabled || undefined}\n      className={classes(\n        'leaf-segmented',\n        `leaf-segmented--${size}`,\n        block && 'leaf-segmented--block',\n        className,\n      )}\n    >\n      <span ref={marker} className=\"leaf-segmented__indicator\" aria-hidden=\"true\" />\n      {entries.map((option, index) => (\n        // biome-ignore lint/a11y/useSemanticElements: Segmented buttons implement roving focus and radio-group selection with a shared form proxy.\n        <button\n          key={option.value}\n          type=\"button\"\n          ref={index === 0 ? trigger : undefined}\n          role=\"radio\"\n          data-leaf-indicator-item=\"\"\n          aria-checked={current === option.value}\n          disabled={disabled || option.disabled}\n          tabIndex={\n            current === option.value ||\n            (!entries.some((entry) => entry.value === current && !entry.disabled) &&\n              option.value === first)\n              ? 0\n              : -1\n          }\n          id={`${id}-${index}`}\n          onClick={() => {\n            setCurrent(option.value);\n            onChange?.(option.value);\n          }}\n          onKeyDown={(event) => {\n            const available = entries.filter((entry) => !entry.disabled);\n            const position = available.findIndex((entry) => entry.value === option.value);\n            const next =\n              event.key === 'Home'\n                ? available[0]\n                : event.key === 'End'\n                  ? available.at(-1)\n                  : ['ArrowLeft', 'ArrowUp', 'ArrowRight', 'ArrowDown'].includes(event.key)\n                    ? available[\n                        (position +\n                          (event.key === 'ArrowUp' ||\n                          event.key === (direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft')\n                            ? -1\n                            : 1) +\n                          available.length) %\n                          available.length\n                      ]\n                    : undefined;\n            if (!next || disabled) return;\n            event.preventDefault();\n            setCurrent(next.value);\n            onChange?.(next.value);\n            document\n              .getElementById(`${id}-${entries.findIndex((entry) => entry.value === next.value)}`)\n              ?.focus();\n          }}\n        >\n          {option.icon && <span aria-hidden=\"true\">{option.icon}</span>}\n          {option.label}\n        </button>\n      ))}\n      {name && (\n        <FormValue\n          value={current}\n          name={name}\n          form={form}\n          disabled={disabled}\n          triggerRef={trigger}\n        />\n      )}\n    </div>\n  );\n});\n"],"names":["Segmented","forwardRef","rawProps","ref","options","value","defaultValue","onChange","disabledProp","size","block","name","form","className","props","useComponentProps","field","useFormField","direction","useLeafConfig","root","useRef","marker","merged","useMergedRef","disabled","entries","option","first","trigger","current","setCurrent","useFieldValue","useMovingIndicator","id","useId","undefined","classes","index","entry","event","available","position","next","document","FormValue"],"mappings":"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"}

package/dist/esm/browser/segmented.js

@@ -1,2 +0,0 @@
-"use client";
-export * from './modules/segmented/index.js';

package/dist/esm/segmented/index.d.ts

@@ -1,3 +0,0 @@
-export type { SegmentedOption, SegmentedProps } from './segmented.js';
-export { Segmented } from './segmented.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/segmented/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/segmented/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/esm/segmented/index.js

@@ -1,2 +0,0 @@
-"use client";
-export { Segmented } from "./segmented.js";

package/dist/esm/segmented/segmented.d.ts

@@ -1,21 +0,0 @@
-import { type HTMLAttributes, type ReactNode } from 'react';
-import type { ControlSize } from '../shared/types.js';
-export interface SegmentedOption {
-    value: string;
-    label: ReactNode;
-    icon?: ReactNode;
-    disabled?: boolean;
-}
-export interface SegmentedProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    options: readonly (string | SegmentedOption)[];
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-    disabled?: boolean;
-    size?: ControlSize;
-    block?: boolean;
-    name?: string;
-    form?: string;
-}
-export declare const Segmented: import("react").ForwardRefExoticComponent<SegmentedProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=segmented.d.ts.map

package/dist/esm/segmented/segmented.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"segmented.d.ts","sourceRoot":"","sources":["../../../src/segmented/segmented.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAiB,MAAM,OAAO,CAAC;AAMvF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACtF,OAAO,EAAE,SAAS,CAAC,MAAM,GAAG,eAAe,CAAC,EAAE,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,eAAO,MAAM,SAAS,2GA8GpB,CAAC"}