@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/cjs/browser/modules/qrcode/qrcode.cjs

@@ -0,0 +1,124 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/qrcode.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__, {
+    QRCode: ()=>QRCode
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_qrcode_react_namespaceObject = require("qrcode.react");
+const external_react_namespaceObject = require("react");
+const button_cjs_namespaceObject = require("../button/button.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const loading_cjs_namespaceObject = require("../loading/loading.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
+function QRCode(rawProps) {
+    const { value, size = 160, color = 'var(--leaf-color-text)', backgroundColor = 'var(--leaf-color-surface)', level = 'M', logo, logoSize = 32, status = 'active', onRefresh, downloadable = false, fileName = 'qrcode.svg', className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('QRCode', rawProps);
+    const t = (0, use_text_cjs_namespaceObject.useText)();
+    const root = (0, external_react_namespaceObject.useRef)(null);
+    const download = ()=>{
+        const svg = root.current?.querySelector('svg');
+        if (!svg) return;
+        const clone = svg.cloneNode(true);
+        const original = Array.from(svg.querySelectorAll('[fill]'));
+        clone.querySelectorAll('[fill]').forEach((element, index)=>{
+            element.setAttribute('fill', getComputedStyle(original[index] ?? svg).fill);
+        });
+        const address = URL.createObjectURL(new Blob([
+            new XMLSerializer().serializeToString(clone)
+        ], {
+            type: 'image/svg+xml'
+        }));
+        const anchor = document.createElement('a');
+        anchor.href = address;
+        anchor.download = fileName;
+        anchor.click();
+        setTimeout(()=>URL.revokeObjectURL(address), 1000);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ...props,
+        ref: root,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-qr-code', className),
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "leaf-qr-code__image",
+                style: {
+                    width: Math.max(64, size),
+                    height: Math.max(64, size)
+                },
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_qrcode_react_namespaceObject.QRCodeSVG, {
+                        value: value,
+                        size: Math.max(64, size),
+                        level: level,
+                        marginSize: 2,
+                        fgColor: color,
+                        bgColor: backgroundColor,
+                        title: props['aria-label'] ?? t('qrCode.qrCode'),
+                        imageSettings: logo ? {
+                            src: logo,
+                            width: logoSize,
+                            height: logoSize,
+                            excavate: true
+                        } : void 0
+                    }),
+                    'active' !== status && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "leaf-qr-code__overlay",
+                        children: 'loading' === status ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(loading_cjs_namespaceObject.LoadingControl, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+                            variant: "outline",
+                            startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.RefreshCw, {}),
+                            onClick: onRefresh,
+                            children: t('qrCode.refreshCode')
+                        })
+                    })
+                ]
+            }),
+            downloadable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
+                size: "sm",
+                variant: "ghost",
+                startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Download, {}),
+                onClick: download,
+                children: t('common.download')
+            })
+        ]
+    });
+}
+exports.QRCode = __webpack_exports__.QRCode;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "QRCode"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=qrcode.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"qrcode/qrcode.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/qrcode/qrcode.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 { Download, RefreshCw } from 'lucide-react';\nimport { QRCodeSVG } from 'qrcode.react';\nimport { type HTMLAttributes, useRef } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { LoadingControl as Loading } from '../loading/loading';\nimport { classes } from '../shared/classes';\nimport { useText } from '../shared/use-text';\nexport interface QRCodeProps extends HTMLAttributes<HTMLDivElement> {\n  value: string;\n  size?: number;\n  color?: string;\n  backgroundColor?: string;\n  level?: 'L' | 'M' | 'Q' | 'H';\n  logo?: string;\n  logoSize?: number;\n  status?: 'active' | 'loading' | 'expired';\n  onRefresh?: () => void;\n  downloadable?: boolean;\n  fileName?: string;\n}\nexport function QRCode(rawProps: QRCodeProps) {\n  const {\n    value,\n    size = 160,\n    color = 'var(--leaf-color-text)',\n    backgroundColor = 'var(--leaf-color-surface)',\n    level = 'M',\n    logo,\n    logoSize = 32,\n    status = 'active',\n    onRefresh,\n    downloadable = false,\n    fileName = 'qrcode.svg',\n    className,\n    ...props\n  } = useComponentProps('QRCode', rawProps);\n  const t = useText();\n  const root = useRef<HTMLDivElement>(null);\n  const download = () => {\n    const svg = root.current?.querySelector('svg');\n    if (!svg) return;\n    const clone = svg.cloneNode(true) as SVGSVGElement;\n    const original = Array.from(svg.querySelectorAll('[fill]'));\n    clone.querySelectorAll('[fill]').forEach((element, index) => {\n      element.setAttribute('fill', getComputedStyle(original[index] ?? svg).fill);\n    });\n    const address = URL.createObjectURL(\n      new Blob([new XMLSerializer().serializeToString(clone)], { type: 'image/svg+xml' }),\n    );\n    const anchor = document.createElement('a');\n    anchor.href = address;\n    anchor.download = fileName;\n    anchor.click();\n    setTimeout(() => URL.revokeObjectURL(address), 1000);\n  };\n  return (\n    <div {...props} ref={root} className={classes('leaf-qr-code', className)}>\n      <div\n        className=\"leaf-qr-code__image\"\n        style={{ width: Math.max(64, size), height: Math.max(64, size) }}\n      >\n        <QRCodeSVG\n          value={value}\n          size={Math.max(64, size)}\n          level={level}\n          marginSize={2}\n          fgColor={color}\n          bgColor={backgroundColor}\n          title={props['aria-label'] ?? t('qrCode.qrCode')}\n          imageSettings={\n            logo ? { src: logo, width: logoSize, height: logoSize, excavate: true } : undefined\n          }\n        />\n        {status !== 'active' && (\n          <div className=\"leaf-qr-code__overlay\">\n            {status === 'loading' ? (\n              <Loading />\n            ) : (\n              <ButtonControl variant=\"outline\" startIcon={<RefreshCw />} onClick={onRefresh}>\n                {t('qrCode.refreshCode')}\n              </ButtonControl>\n            )}\n          </div>\n        )}\n      </div>\n      {downloadable && (\n        <ButtonControl size=\"sm\" variant=\"ghost\" startIcon={<Download />} onClick={download}>\n          {t('common.download')}\n        </ButtonControl>\n      )}\n    </div>\n  );\n}\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","QRCode","rawProps","value","size","color","backgroundColor","level","logo","logoSize","status","onRefresh","downloadable","fileName","className","props","useComponentProps","t","useText","root","useRef","download","svg","clone","original","Array","element","index","getComputedStyle","address","URL","Blob","XMLSerializer","anchor","document","setTimeout","classes","Math","QRCodeSVG","undefined","Loading","ButtonControl","RefreshCw","Download"],"mappings":"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"}

package/dist/cjs/browser/modules/radio/index.cjs

@@ -0,0 +1,46 @@
+"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__, {
+    Radio: ()=>external_radio_cjs_namespaceObject.Radio,
+    RadioGroup: ()=>external_radio_cjs_namespaceObject.RadioGroup
+});
+const external_radio_cjs_namespaceObject = require("./radio.cjs");
+exports.Radio = __webpack_exports__.Radio;
+exports.RadioGroup = __webpack_exports__.RadioGroup;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Radio",
+    "RadioGroup"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/browser/modules/radio/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio/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/browser/modules/radio/radio.cjs

@@ -0,0 +1,172 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/radio.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__, {
+    Radio: ()=>radio_Radio,
+    RadioControl: ()=>radio_RadioControl,
+    RadioGroup: ()=>radio_RadioGroup
+});
+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 form_cjs_namespaceObject = require("../form/form.cjs");
+const classes_cjs_namespaceObject = require("../shared/classes.cjs");
+const radio_RadioControl = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ size = 'md', variant = 'plain', description, icon, extra, className, style, disabled: disabledProp, children, ...props }, ref) {
+    const field = (0, form_cjs_namespaceObject.useFormField)();
+    const id = (0, external_react_namespaceObject.useId)();
+    const disabled = disabledProp || field?.disabled;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("label", {
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-radio', `leaf-radio--${size}`, `leaf-radio--${variant}`, null != description && 'leaf-radio--described', className),
+        style: style,
+        "data-disabled": disabled ? '' : void 0,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                className: "leaf-radio__control",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
+                        ...props,
+                        id: props.id ?? field?.id,
+                        required: props.required ?? field?.required,
+                        "aria-labelledby": props['aria-labelledby'] ?? (props['aria-label'] || null == children ? void 0 : `${id}-label`),
+                        "aria-describedby": [
+                            props['aria-describedby'],
+                            field?.descriptionId,
+                            null != description && `${id}-description`,
+                            null != extra && `${id}-extra`
+                        ].filter(Boolean).join(' ') || void 0,
+                        "aria-invalid": field?.error ? true : props['aria-invalid'],
+                        ref: ref,
+                        type: "radio",
+                        disabled: disabled,
+                        className: "leaf-radio__input"
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        className: "leaf-radio__mark"
+                    })
+                ]
+            }),
+            null != icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "leaf-radio__icon",
+                "aria-hidden": "true",
+                children: icon
+            }),
+            (null != children || null != description) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                className: "leaf-radio__copy",
+                children: [
+                    null != children && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        id: `${id}-label`,
+                        className: "leaf-radio__label",
+                        children: children
+                    }),
+                    null != description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                        id: `${id}-description`,
+                        className: "leaf-radio__description",
+                        children: description
+                    })
+                ]
+            }),
+            null != extra && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                id: `${id}-extra`,
+                className: "leaf-radio__extra",
+                children: extra
+            })
+        ]
+    });
+});
+radio_RadioControl.displayName = 'RadioControl';
+const radio_RadioGroup = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { options, value, defaultValue, name, label, size = 'md', variant = 'plain', direction = 'horizontal', required, onChange, disabled: disabledProp, className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('RadioGroup', rawProps);
+    const id = (0, external_react_namespaceObject.useId)();
+    const field = (0, form_cjs_namespaceObject.useFormField)();
+    const disabled = disabledProp || field?.disabled;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("fieldset", {
+        ...props,
+        ref: ref,
+        id: props.id ?? field?.id,
+        "aria-labelledby": props['aria-labelledby'] ?? (label ? void 0 : field?.labelId),
+        "aria-describedby": [
+            props['aria-describedby'],
+            field?.descriptionId
+        ].filter(Boolean).join(' ') || void 0,
+        "aria-invalid": field?.error ? true : props['aria-invalid'],
+        tabIndex: -1,
+        disabled: disabled,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-radio-group', `leaf-radio-group--${direction}`, `leaf-radio-group--${variant}`, className),
+        children: [
+            label && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("legend", {
+                className: "leaf-radio-group__legend",
+                children: label
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "leaf-radio-group__options",
+                children: options.map((option)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(radio_RadioControl, {
+                        id: `${props.id ?? field?.id ?? id}-${option.value}`,
+                        size: size,
+                        variant: 'card' === variant ? 'card' : 'plain',
+                        description: option.description,
+                        icon: option.icon,
+                        extra: option.extra,
+                        name: name ?? id,
+                        value: option.value,
+                        disabled: disabled || option.disabled,
+                        required: required ?? field?.required,
+                        checked: void 0 === value ? void 0 : value === option.value,
+                        defaultChecked: void 0 === value ? defaultValue === option.value : void 0,
+                        onChange: onChange,
+                        children: option.label
+                    }, option.value))
+            })
+        ]
+    });
+});
+radio_RadioGroup.displayName = 'RadioGroup';
+const radio_Radio = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const props = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Radio', rawProps);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(radio_RadioControl, {
+        ...props,
+        ref: ref
+    });
+});
+radio_Radio.displayName = 'Radio';
+exports.Radio = __webpack_exports__.Radio;
+exports.RadioControl = __webpack_exports__.RadioControl;
+exports.RadioGroup = __webpack_exports__.RadioGroup;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Radio",
+    "RadioControl",
+    "RadioGroup"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=radio.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio/radio.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/radio/radio.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 {\n  type ChangeEventHandler,\n  type FieldsetHTMLAttributes,\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useId,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  size?: ControlSize;\n  variant?: 'plain' | 'card';\n  description?: ReactNode;\n  icon?: ReactNode;\n  extra?: ReactNode;\n}\nexport const RadioControl = forwardRef<HTMLInputElement, RadioProps>(function RadioControl(\n  {\n    size = 'md',\n    variant = 'plain',\n    description,\n    icon,\n    extra,\n    className,\n    style,\n    disabled: disabledProp,\n    children,\n    ...props\n  }: RadioProps,\n  ref,\n) {\n  const field = useFormField();\n  const id = useId();\n  const disabled = disabledProp || field?.disabled;\n  return (\n    <label\n      className={classes(\n        'leaf-radio',\n        `leaf-radio--${size}`,\n        `leaf-radio--${variant}`,\n        description != null && 'leaf-radio--described',\n        className,\n      )}\n      style={style}\n      data-disabled={disabled ? '' : undefined}\n    >\n      <span className=\"leaf-radio__control\">\n        <input\n          {...props}\n          id={props.id ?? field?.id}\n          required={props.required ?? field?.required}\n          aria-labelledby={\n            props['aria-labelledby'] ??\n            (!props['aria-label'] && children != null ? `${id}-label` : undefined)\n          }\n          aria-describedby={\n            [\n              props['aria-describedby'],\n              field?.descriptionId,\n              description != null && `${id}-description`,\n              extra != null && `${id}-extra`,\n            ]\n              .filter(Boolean)\n              .join(' ') || undefined\n          }\n          aria-invalid={field?.error ? true : props['aria-invalid']}\n          ref={ref}\n          type=\"radio\"\n          disabled={disabled}\n          className=\"leaf-radio__input\"\n        />\n        <span className=\"leaf-radio__mark\" />\n      </span>\n      {icon != null && (\n        <span className=\"leaf-radio__icon\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      {(children != null || description != null) && (\n        <span className=\"leaf-radio__copy\">\n          {children != null && (\n            <span id={`${id}-label`} className=\"leaf-radio__label\">\n              {children}\n            </span>\n          )}\n          {description != null && (\n            <span id={`${id}-description`} className=\"leaf-radio__description\">\n              {description}\n            </span>\n          )}\n        </span>\n      )}\n      {extra != null && (\n        <span id={`${id}-extra`} className=\"leaf-radio__extra\">\n          {extra}\n        </span>\n      )}\n    </label>\n  );\n});\nRadioControl.displayName = 'RadioControl';\nexport interface RadioOption {\n  label: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  extra?: ReactNode;\n  value: string;\n  disabled?: boolean;\n}\nexport interface RadioGroupProps\n  extends Omit<\n    FieldsetHTMLAttributes<HTMLFieldSetElement>,\n    'onChange' | 'defaultValue' | 'children'\n  > {\n  options: readonly RadioOption[];\n  value?: string;\n  defaultValue?: string;\n  name?: string;\n  label?: ReactNode;\n  size?: ControlSize;\n  variant?: 'plain' | 'card' | 'list';\n  direction?: 'horizontal' | 'vertical';\n  required?: boolean;\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n}\nexport const RadioGroup = forwardRef<HTMLFieldSetElement, RadioGroupProps>(function RadioGroup(\n  rawProps: RadioGroupProps,\n  ref,\n) {\n  const {\n    options,\n    value,\n    defaultValue,\n    name,\n    label,\n    size = 'md',\n    variant = 'plain',\n    direction = 'horizontal',\n    required,\n    onChange,\n    disabled: disabledProp,\n    className,\n    ...props\n  } = useComponentProps('RadioGroup', rawProps);\n  const id = useId();\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  return (\n    <fieldset\n      {...props}\n      ref={ref}\n      id={props.id ?? field?.id}\n      aria-labelledby={props['aria-labelledby'] ?? (!label ? field?.labelId : undefined)}\n      aria-describedby={\n        [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') || undefined\n      }\n      aria-invalid={field?.error ? true : props['aria-invalid']}\n      tabIndex={-1}\n      disabled={disabled}\n      className={classes(\n        'leaf-radio-group',\n        `leaf-radio-group--${direction}`,\n        `leaf-radio-group--${variant}`,\n        className,\n      )}\n    >\n      {label && <legend className=\"leaf-radio-group__legend\">{label}</legend>}\n      <div className=\"leaf-radio-group__options\">\n        {options.map((option) => (\n          <RadioControl\n            key={option.value}\n            id={`${props.id ?? field?.id ?? id}-${option.value}`}\n            size={size}\n            variant={variant === 'card' ? 'card' : 'plain'}\n            description={option.description}\n            icon={option.icon}\n            extra={option.extra}\n            name={name ?? id}\n            value={option.value}\n            disabled={disabled || option.disabled}\n            required={required ?? field?.required}\n            checked={value === undefined ? undefined : value === option.value}\n            defaultChecked={value === undefined ? defaultValue === option.value : undefined}\n            onChange={onChange}\n          >\n            {option.label}\n          </RadioControl>\n        ))}\n      </div>\n    </fieldset>\n  );\n});\nRadioGroup.displayName = 'RadioGroup';\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n  rawProps: RadioProps,\n  ref,\n) {\n  const props = useComponentProps('Radio', rawProps);\n  return <RadioControl {...props} ref={ref} />;\n});\nRadio.displayName = 'Radio';\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","RadioControl","forwardRef","size","variant","description","icon","extra","className","style","disabledProp","children","props","ref","field","useFormField","id","useId","disabled","classes","undefined","Boolean","RadioGroup","rawProps","options","value","defaultValue","name","label","direction","required","onChange","useComponentProps","option","Radio"],"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;;;;;;;;;;;;;;ACaO,MAAMI,qBAAeC,AAAA,WAAHD,GAAGC,IAAAA,+BAAAA,UAAAA,AAAAA,EAAyC,SACnE,EACEC,OAAO,IAAI,EACXC,UAAU,OAAO,EACjBC,WAAW,EACXC,IAAI,EACJC,KAAK,EACLC,SAAS,EACTC,KAAK,EACL,UAAUC,YAAY,EACtBC,QAAQ,EACR,GAAGC,OACQ,EACbC,GAAG;IAEH,MAAMC,QAAQC,AAAAA,IAAAA,yBAAAA,YAAAA,AAAAA;IACd,MAAMC,KAAKC,AAAAA,IAAAA,+BAAAA,KAAAA,AAAAA;IACX,MAAMC,WAAWR,gBAAgBI,OAAO;IACxC,OACE,AADK,WAAP,GACE,sCAAC;QACC,WAAWK,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EACT,cACA,CAAC,YAAY,EAAEhB,MAAM,EACrB,CAAC,YAAY,EAAEC,SAAS,EACxBC,AAAe,QAAfA,eAAuB,yBACvBG;QAEF,OAAOC;QACP,iBAAeS,WAAW,KAAKE;;0BAE/B,sCAAC;gBAAK,WAAU;;kCACd,qCAAC;wBACE,GAAGR,KAAK;wBACT,IAAIA,MAAM,EAAE,IAAIE,OAAO;wBACvB,UAAUF,MAAM,QAAQ,IAAIE,OAAO;wBACnC,mBACEF,KAAK,CAAC,kBAAkB,IACvB,CAACA,KAAK,CAAC,aAAa,IAAID,AAAY,QAAZA,WAAmCS,SAAhB,GAAGJ,GAAG,MAAM,CAAC,AAAW;wBAEtE,oBACE;4BACEJ,KAAK,CAAC,mBAAmB;4BACzBE,OAAO;4BACQ,QAAfT,eAAuB,GAAGW,GAAG,YAAY,CAAC;4BACjC,QAATT,SAAiB,GAAGS,GAAG,MAAM,CAAC;yBAC/B,CACE,MAAM,CAACK,SACP,IAAI,CAAC,QAAQD;wBAElB,gBAAcN,OAAO,QAAQ,OAAOF,KAAK,CAAC,eAAe;wBACzD,KAAKC;wBACL,MAAK;wBACL,UAAUK;wBACV,WAAU;;kCAEZ,qCAAC;wBAAK,WAAU;;;;YAET,QAARZ,QACC,AADe,WAAR,GACP,qCAAC;gBAAK,WAAU;gBAAmB,eAAY;0BAC5CA;;YAGHK,CAAAA,AAAY,QAAZA,YAAoBN,AAAe,QAAfA,WAAkB,KACtC,AADsC,cACtC,sCAAC;gBAAK,WAAU;;oBACD,QAAZM,YACC,AADmB,WAAR,GACX,qCAAC;wBAAK,IAAI,GAAGK,GAAG,MAAM,CAAC;wBAAE,WAAU;kCAChCL;;oBAGW,QAAfN,eACC,AADsB,WAAR,GACd,qCAAC;wBAAK,IAAI,GAAGW,GAAG,YAAY,CAAC;wBAAE,WAAU;kCACtCX;;;;YAKC,QAATE,SACC,AADgB,WAAR,GACR,qCAAC;gBAAK,IAAI,GAAGS,GAAG,MAAM,CAAC;gBAAE,WAAU;0BAChCT;;;;AAKX;AACAN,mBAAa,WAAW,GAAG;AAyBpB,MAAMqB,mBAAapB,AAAA,WAAHoB,GAAGpB,IAAAA,+BAAAA,UAAAA,AAAAA,EAAiD,SACzEqB,QAAyB,EACzBV,GAAG;IAEH,MAAM,EACJW,OAAO,EACPC,KAAK,EACLC,YAAY,EACZC,IAAI,EACJC,KAAK,EACLzB,OAAO,IAAI,EACXC,UAAU,OAAO,EACjByB,YAAY,YAAY,EACxBC,QAAQ,EACRC,QAAQ,EACR,UAAUrB,YAAY,EACtBF,SAAS,EACT,GAAGI,OACJ,GAAGoB,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,cAAcT;IACpC,MAAMP,KAAKC,AAAAA,IAAAA,+BAAAA,KAAAA,AAAAA;IACX,MAAMH,QAAQC,AAAAA,IAAAA,yBAAAA,YAAAA,AAAAA;IACd,MAAMG,WAAWR,gBAAgBI,OAAO;IACxC,OACE,AADK,WAAP,GACE,sCAAC;QACE,GAAGF,KAAK;QACT,KAAKC;QACL,IAAID,MAAM,EAAE,IAAIE,OAAO;QACvB,mBAAiBF,KAAK,CAAC,kBAAkB,IAAK,CAACgB,QAAyBR,SAAjBN,OAAO,OAAkB;QAChF,oBACE;YAACF,KAAK,CAAC,mBAAmB;YAAEE,OAAO;SAAc,CAAC,MAAM,CAACO,SAAS,IAAI,CAAC,QAAQD;QAEjF,gBAAcN,OAAO,QAAQ,OAAOF,KAAK,CAAC,eAAe;QACzD,UAAU;QACV,UAAUM;QACV,WAAWC,AAAAA,IAAAA,4BAAAA,OAAAA,AAAAA,EACT,oBACA,CAAC,kBAAkB,EAAEU,WAAW,EAChC,CAAC,kBAAkB,EAAEzB,SAAS,EAC9BI;;YAGDoB,SAAS,WAATA,GAAS,qCAAC;gBAAO,WAAU;0BAA4BA;;0BACxD,qCAAC;gBAAI,WAAU;0BACZJ,QAAQ,GAAG,CAAC,CAACS,SACZ,AADYA,WAAAA,GACZ,qCAAChC,oBAAYA;wBAEX,IAAI,GAAGW,MAAM,EAAE,IAAIE,OAAO,MAAME,GAAG,CAAC,EAAEiB,OAAO,KAAK,EAAE;wBACpD,MAAM9B;wBACN,SAASC,AAAY,WAAZA,UAAqB,SAAS;wBACvC,aAAa6B,OAAO,WAAW;wBAC/B,MAAMA,OAAO,IAAI;wBACjB,OAAOA,OAAO,KAAK;wBACnB,MAAMN,QAAQX;wBACd,OAAOiB,OAAO,KAAK;wBACnB,UAAUf,YAAYe,OAAO,QAAQ;wBACrC,UAAUH,YAAYhB,OAAO;wBAC7B,SAASW,AAAUL,WAAVK,QAAsBL,SAAYK,UAAUQ,OAAO,KAAK;wBACjE,gBAAgBR,AAAUL,WAAVK,QAAsBC,iBAAiBO,OAAO,KAAK,GAAGb;wBACtE,UAAUW;kCAETE,OAAO,KAAK;uBAfRA,OAAO,KAAK;;;;AAqB7B;AACAX,iBAAW,WAAW,GAAG;AAElB,MAAMY,cAAQhC,AAAA,WAAHgC,GAAGhC,IAAAA,+BAAAA,UAAAA,AAAAA,EAAyC,SAC5DqB,QAAoB,EACpBV,GAAG;IAEH,MAAMD,QAAQoB,AAAAA,IAAAA,uCAAAA,iBAAAA,AAAAA,EAAkB,SAAST;IACzC,OAAO,WAAP,GAAO,qCAACtB,oBAAYA;QAAE,GAAGW,KAAK;QAAE,KAAKC;;AACvC;AACAqB,YAAM,WAAW,GAAG"}

package/dist/cjs/browser/modules/rate/index.cjs

@@ -0,0 +1,43 @@
+"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__, {
+    Rate: ()=>external_rate_cjs_namespaceObject.Rate
+});
+const external_rate_cjs_namespaceObject = require("./rate.cjs");
+exports.Rate = __webpack_exports__.Rate;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Rate"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/browser/modules/rate/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rate/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/browser/modules/rate/rate.cjs

@@ -0,0 +1,184 @@
+"use client";
+"use strict";
+require('../../../styles/foundation.css');
+require('../../../styles/components/rate.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__, {
+    Rate: ()=>Rate
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+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");
+function Rate(rawProps) {
+    const { value, defaultValue = 0, onChange, count = 5, allowHalf = false, allowClear = true, disabled: disabledProp, readOnly = false, size = 'md', color, colorByValue = false, colors = [
+        '#ef5350',
+        '#f49b23',
+        '#ffc53d'
+    ], name, form, required: requiredProp, className, style, 'aria-label': label, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Rate', rawProps);
+    const { messages } = (0, context_cjs_namespaceObject.useLeafConfig)();
+    const field = (0, form_cjs_namespaceObject.useFormField)();
+    const disabled = disabledProp || field?.disabled;
+    const required = requiredProp ?? field?.required;
+    const maximum = Math.max(1, Math.min(20, Number.isFinite(count) ? Math.floor(count) : 5));
+    const step = allowHalf ? 0.5 : 1;
+    const normalize = (number)=>Math.min(maximum, Math.max(0, Number.isFinite(number) ? Math.round(number / step) * step : 0));
+    const trigger = (0, external_react_namespaceObject.useRef)(null);
+    const root = (0, external_react_namespaceObject.useRef)(null);
+    const [current, setCurrent] = (0, field_cjs_namespaceObject.useFieldValue)(value, defaultValue, trigger, form);
+    const selected = normalize(current);
+    const [hovered, setHovered] = (0, external_react_namespaceObject.useState)();
+    const [focused, setFocused] = (0, external_react_namespaceObject.useState)();
+    const displayed = disabled || readOnly ? selected : hovered ?? selected;
+    const activeColor = color ?? (colorByValue ? colors[displayed / maximum <= 0.4 ? 0 : displayed / maximum <= 0.7 ? 1 : 2] : void 0);
+    const values = Array.from({
+        length: maximum / step
+    }, (_, index)=>(index + 1) * step);
+    const focusValue = values.includes(focused ?? 0) ? focused : selected || step;
+    const choose = (next)=>{
+        if (disabled || readOnly) return;
+        const normalized = normalize(next);
+        setCurrent(normalized);
+        if (normalized !== selected) onChange?.(normalized);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        ...props,
+        id: props.id ?? field?.id,
+        ref: root,
+        role: "radiogroup",
+        "aria-label": label ?? (field?.labelId ? void 0 : messages.rate.label),
+        "aria-labelledby": props['aria-labelledby'] ?? field?.labelId,
+        "aria-disabled": disabled || void 0,
+        "aria-readonly": readOnly || void 0,
+        "aria-required": required || void 0,
+        "aria-describedby": [
+            props['aria-describedby'],
+            field?.descriptionId
+        ].filter(Boolean).join(' ') || void 0,
+        className: (0, classes_cjs_namespaceObject.classes)('leaf-rate', `leaf-rate--${size}`, className),
+        style: {
+            ...activeColor ? {
+                '--leaf-rate-color': activeColor
+            } : {},
+            ...style
+        },
+        onPointerLeave: ()=>setHovered(void 0),
+        onBlur: (event)=>{
+            props.onBlur?.(event);
+            if (!event.currentTarget.contains(event.relatedTarget)) setFocused(void 0);
+        },
+        children: [
+            Array.from({
+                length: maximum
+            }, (_, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+                    className: "leaf-rate__star",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Star, {
+                            className: "leaf-rate__empty",
+                            "aria-hidden": "true"
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                            className: "leaf-rate__fill",
+                            "aria-hidden": "true",
+                            style: {
+                                width: `${100 * Math.max(0, Math.min(1, displayed - index))}%`
+                            },
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Star, {})
+                        }),
+                        (allowHalf ? [
+                            index + 0.5,
+                            index + 1
+                        ] : [
+                            index + 1
+                        ]).map((number)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+                                type: "button",
+                                ref: number === step ? trigger : void 0,
+                                role: "radio",
+                                "aria-checked": number === selected,
+                                "aria-label": `${number} / ${maximum}`,
+                                disabled: disabled,
+                                "aria-disabled": readOnly || void 0,
+                                className: "leaf-rate__option",
+                                tabIndex: number === focusValue ? 0 : -1,
+                                onFocus: ()=>setFocused(number),
+                                onPointerEnter: ()=>{
+                                    if (!disabled && !readOnly) setHovered(number);
+                                },
+                                onClick: ()=>choose(allowClear && number === selected ? 0 : number),
+                                onKeyDown: (event)=>{
+                                    if (disabled || readOnly) return;
+                                    let next;
+                                    if ('Home' === event.key) next = step;
+                                    else if ('End' === event.key) next = maximum;
+                                    else if ([
+                                        'ArrowRight',
+                                        'ArrowUp',
+                                        'ArrowLeft',
+                                        'ArrowDown'
+                                    ].includes(event.key)) next = Math.max(step, Math.min(maximum, number + ([
+                                        'ArrowRight',
+                                        'ArrowUp'
+                                    ].includes(event.key) ? step : -step)));
+                                    else if (('Delete' === event.key || 'Backspace' === event.key) && allowClear) next = 0;
+                                    if (void 0 !== next) {
+                                        event.preventDefault();
+                                        choose(next);
+                                        setHovered(void 0);
+                                        const target = root.current?.querySelector(`[aria-label='${next || step} / ${maximum}']`);
+                                        target?.focus();
+                                    }
+                                }
+                            }, number))
+                    ]
+                }, `star-${index}`)),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(field_cjs_namespaceObject.FormValue, {
+                name: name,
+                form: form,
+                value: selected ? String(selected) : '',
+                disabled: disabled,
+                required: required,
+                triggerRef: trigger
+            })
+        ]
+    });
+}
+exports.Rate = __webpack_exports__.Rate;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Rate"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});
+
+//# sourceMappingURL=rate.cjs.map