@new-black/lyra 0.1.6 → 0.1.8

package/dist/lyra109.js

@@ -1,28 +1,158 @@
-import { useControlledState as d } from "./lyra90.js";
-function u(e = {}) {
-  let [i, t] = d(e.value, e.defaultValue || [], e.onChange);
+import { filterDOMProps as x, mergeProps as g, useId as F, chain as v, useFormReset as h } from "./lyra71.js";
+import c, { useMemo as C, useRef as S } from "react";
+import { ListKeyboardDelegate as k, useTypeSelect as w } from "./lyra98.js";
+import { setInteractionModality as E, useInteractionModality as M } from "./lyra81.js";
+import { useField as B } from "./lyra84.js";
+import { useMenuTrigger as R } from "./lyra101.js";
+import { useVisuallyHidden as T } from "./lyra104.js";
+import { useCollator as I } from "./lyra51.js";
+function q(l, e, u) {
+  let { keyboardDelegate: f, isDisabled: i } = l, s = I({
+    usage: "search",
+    sensitivity: "base"
+  }), o = C(() => f || new k(e.collection, e.disabledKeys, null, s), [
+    f,
+    e.collection,
+    e.disabledKeys,
+    s
+  ]), { menuTriggerProps: y, menuProps: d } = R({
+    isDisabled: i,
+    type: "listbox"
+  }, e, u), b = (t) => {
+    switch (t.key) {
+      case "ArrowLeft": {
+        t.preventDefault();
+        let p = e.selectedKey != null ? o.getKeyAbove(e.selectedKey) : o.getFirstKey();
+        p && e.setSelectedKey(p);
+        break;
+      }
+      case "ArrowRight": {
+        t.preventDefault();
+        let p = e.selectedKey != null ? o.getKeyBelow(e.selectedKey) : o.getFirstKey();
+        p && e.setSelectedKey(p);
+        break;
+      }
+    }
+  }, { typeSelectProps: a } = w({
+    keyboardDelegate: o,
+    selectionManager: e.selectionManager,
+    onTypeSelect(t) {
+      e.setSelectedKey(t);
+    }
+  }), { labelProps: m, fieldProps: r, descriptionProps: P, errorMessageProps: K } = B({
+    ...l,
+    labelElementType: "span"
+  });
+  a.onKeyDown = a.onKeyDownCapture, delete a.onKeyDownCapture;
+  let D = x(l, {
+    labelable: !0
+  }), n = g(a, y, r), $ = F();
   return {
-    value: i,
-    setValue(a) {
-      e.isReadOnly || e.isDisabled || t(a);
+    labelProps: {
+      ...m,
+      onClick: () => {
+        l.isDisabled || (u.current.focus(), E("keyboard"));
+      }
     },
-    isDisabled: e.isDisabled || !1,
-    isReadOnly: e.isReadOnly || !1,
-    isSelected(a) {
-      return i.includes(a);
+    triggerProps: g(D, {
+      ...n,
+      isDisabled: i,
+      onKeyDown: v(n.onKeyDown, b, l.onKeyDown),
+      onKeyUp: l.onKeyUp,
+      "aria-labelledby": [
+        $,
+        n["aria-labelledby"],
+        n["aria-label"] && !n["aria-labelledby"] ? n.id : null
+      ].filter(Boolean).join(" "),
+      onFocus(t) {
+        e.isFocused || (l.onFocus && l.onFocus(t), l.onFocusChange && l.onFocusChange(!0), e.setFocused(!0));
+      },
+      onBlur(t) {
+        e.isOpen || (l.onBlur && l.onBlur(t), l.onFocusChange && l.onFocusChange(!1), e.setFocused(!1));
+      }
+    }),
+    valueProps: {
+      id: $
     },
-    addValue(a) {
-      e.isReadOnly || e.isDisabled || i.includes(a) || t(i.concat(a));
+    menuProps: {
+      ...d,
+      autoFocus: e.focusStrategy || !0,
+      shouldSelectOnPressUp: !0,
+      shouldFocusOnHover: !0,
+      disallowEmptySelection: !0,
+      onBlur: (t) => {
+        t.currentTarget.contains(t.relatedTarget) || (l.onBlur && l.onBlur(t), l.onFocusChange && l.onFocusChange(!1), e.setFocused(!1));
+      },
+      "aria-labelledby": [
+        r["aria-labelledby"],
+        n["aria-label"] && !r["aria-labelledby"] ? n.id : null
+      ].filter(Boolean).join(" ")
     },
-    removeValue(a) {
-      e.isReadOnly || e.isDisabled || i.includes(a) && t(i.filter((l) => l !== a));
+    descriptionProps: P,
+    errorMessageProps: K
+  };
+}
+function H(l, e, u) {
+  let { autoComplete: f, name: i, isDisabled: s } = l, o = M(), { visuallyHiddenProps: y } = T();
+  h(l.selectRef, e.selectedKey, e.setSelectedKey);
+  var d;
+  return {
+    containerProps: {
+      ...y,
+      "aria-hidden": !0,
+      "data-a11y-ignore": "aria-hidden-focus"
     },
-    toggleValue(a) {
-      e.isReadOnly || e.isDisabled || (i.includes(a) ? t(i.filter((l) => l !== a)) : t(i.concat(a)));
+    inputProps: {
+      type: "text",
+      tabIndex: o == null || e.isFocused || e.isOpen ? -1 : 0,
+      style: {
+        fontSize: 16
+      },
+      onFocus: () => u.current.focus(),
+      disabled: s
     },
-    validationState: e.validationState
+    selectProps: {
+      tabIndex: -1,
+      autoComplete: f,
+      disabled: s,
+      name: i,
+      size: e.collection.size,
+      value: (d = e.selectedKey) !== null && d !== void 0 ? d : "",
+      onChange: (b) => e.setSelectedKey(b.target.value)
+    }
   };
 }
+function G(l) {
+  let { state: e, triggerRef: u, label: f, name: i, isDisabled: s } = l, o = S(null), { containerProps: y, inputProps: d, selectProps: b } = H({
+    ...l,
+    selectRef: o
+  }, e, u);
+  var a;
+  return e.collection.size <= 300 ? /* @__PURE__ */ c.createElement("div", {
+    ...y,
+    "data-testid": "hidden-select-container"
+  }, /* @__PURE__ */ c.createElement("input", d), /* @__PURE__ */ c.createElement("label", null, f, /* @__PURE__ */ c.createElement("select", {
+    ...b,
+    ref: o
+  }, /* @__PURE__ */ c.createElement("option", null), [
+    ...e.collection.getKeys()
+  ].map((m) => {
+    let r = e.collection.getItem(m);
+    if (r.type === "item")
+      return /* @__PURE__ */ c.createElement("option", {
+        key: r.key,
+        value: r.key
+      }, r.textValue);
+  })))) : i ? /* @__PURE__ */ c.createElement("input", {
+    type: "hidden",
+    autoComplete: b.autoComplete,
+    name: i,
+    disabled: s,
+    value: (a = e.selectedKey) !== null && a !== void 0 ? a : ""
+  }) : null;
+}
 export {
-  u as useCheckboxGroupState
+  G as HiddenSelect,
+  H as useHiddenSelect,
+  q as useSelect
 };

package/dist/lyra109.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra109.js","sources":["../node_modules/@react-stately/checkbox/dist/import.mjs"],"sourcesContent":["import {useControlledState as $b3nuO$useControlledState} from \"@react-stately/utils\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $587d3ad58be6d31f$export$daff6da51032a415(props = {}) {\n    let [selectedValues, setValue] = (0, $b3nuO$useControlledState)(props.value, props.defaultValue || [], props.onChange);\n    const state = {\n        value: selectedValues,\n        setValue (value) {\n            if (props.isReadOnly || props.isDisabled) return;\n            setValue(value);\n        },\n        isDisabled: props.isDisabled || false,\n        isReadOnly: props.isReadOnly || false,\n        isSelected (value) {\n            return selectedValues.includes(value);\n        },\n        addValue (value) {\n            if (props.isReadOnly || props.isDisabled) return;\n            if (!selectedValues.includes(value)) setValue(selectedValues.concat(value));\n        },\n        removeValue (value) {\n            if (props.isReadOnly || props.isDisabled) return;\n            if (selectedValues.includes(value)) setValue(selectedValues.filter((existingValue)=>existingValue !== value));\n        },\n        toggleValue (value) {\n            if (props.isReadOnly || props.isDisabled) return;\n            if (selectedValues.includes(value)) setValue(selectedValues.filter((existingValue)=>existingValue !== value));\n            else setValue(selectedValues.concat(value));\n        },\n        validationState: props.validationState\n    };\n    return state;\n}\n\n\n\n\nexport {$587d3ad58be6d31f$export$daff6da51032a415 as useCheckboxGroupState};\n//# sourceMappingURL=module.js.map\n"],"names":["$587d3ad58be6d31f$export$daff6da51032a415","props","selectedValues","setValue","$b3nuO$useControlledState","value","existingValue"],"mappings":";AAuBA,SAASA,EAA0CC,IAAQ,IAAI;AAC3D,MAAI,CAACC,GAAgBC,CAAQ,IAAQC,EAA2BH,EAAM,OAAOA,EAAM,gBAAgB,CAAA,GAAIA,EAAM,QAAQ;AA2BrH,SA1Bc;AAAA,IACV,OAAOC;AAAA,IACP,SAAUG,GAAO;AACb,MAAIJ,EAAM,cAAcA,EAAM,cAC9BE,EAASE,CAAK;AAAA,IACjB;AAAA,IACD,YAAYJ,EAAM,cAAc;AAAA,IAChC,YAAYA,EAAM,cAAc;AAAA,IAChC,WAAYI,GAAO;AACf,aAAOH,EAAe,SAASG,CAAK;AAAA,IACvC;AAAA,IACD,SAAUA,GAAO;AACb,MAAIJ,EAAM,cAAcA,EAAM,cACzBC,EAAe,SAASG,CAAK,KAAGF,EAASD,EAAe,OAAOG,CAAK,CAAC;AAAA,IAC7E;AAAA,IACD,YAAaA,GAAO;AAChB,MAAIJ,EAAM,cAAcA,EAAM,cAC1BC,EAAe,SAASG,CAAK,KAAGF,EAASD,EAAe,OAAO,CAACI,MAAgBA,MAAkBD,CAAK,CAAC;AAAA,IAC/G;AAAA,IACD,YAAaA,GAAO;AAChB,MAAIJ,EAAM,cAAcA,EAAM,eAC1BC,EAAe,SAASG,CAAK,IAAGF,EAASD,EAAe,OAAO,CAACI,MAAgBA,MAAkBD,CAAK,CAAC,IACvGF,EAASD,EAAe,OAAOG,CAAK,CAAC;AAAA,IAC7C;AAAA,IACD,iBAAiBJ,EAAM;AAAA,EAC/B;AAEA;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra109.js","sources":["../node_modules/@react-aria/select/dist/import.mjs"],"sourcesContent":["import {filterDOMProps as $thkiX$filterDOMProps, mergeProps as $thkiX$mergeProps, useId as $thkiX$useId, chain as $thkiX$chain, useFormReset as $thkiX$useFormReset} from \"@react-aria/utils\";\nimport $thkiX$react, {useMemo as $thkiX$useMemo, useRef as $thkiX$useRef} from \"react\";\nimport {ListKeyboardDelegate as $thkiX$ListKeyboardDelegate, useTypeSelect as $thkiX$useTypeSelect} from \"@react-aria/selection\";\nimport {setInteractionModality as $thkiX$setInteractionModality, useInteractionModality as $thkiX$useInteractionModality} from \"@react-aria/interactions\";\nimport {useCollator as $thkiX$useCollator} from \"@react-aria/i18n\";\nimport {useField as $thkiX$useField} from \"@react-aria/label\";\nimport {useMenuTrigger as $thkiX$useMenuTrigger} from \"@react-aria/menu\";\nimport {useVisuallyHidden as $thkiX$useVisuallyHidden} from \"@react-aria/visually-hidden\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ /*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\nfunction $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {\n    let { keyboardDelegate: keyboardDelegate , isDisabled: isDisabled  } = props;\n    // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).\n    // When virtualized, the layout object will be passed in as a prop and override this.\n    let collator = (0, $thkiX$useCollator)({\n        usage: \"search\",\n        sensitivity: \"base\"\n    });\n    let delegate = (0, $thkiX$useMemo)(()=>keyboardDelegate || new (0, $thkiX$ListKeyboardDelegate)(state.collection, state.disabledKeys, null, collator), [\n        keyboardDelegate,\n        state.collection,\n        state.disabledKeys,\n        collator\n    ]);\n    let { menuTriggerProps: menuTriggerProps , menuProps: menuProps  } = (0, $thkiX$useMenuTrigger)({\n        isDisabled: isDisabled,\n        type: \"listbox\"\n    }, state, ref);\n    let onKeyDown = (e)=>{\n        switch(e.key){\n            case \"ArrowLeft\":\n                {\n                    // prevent scrolling containers\n                    e.preventDefault();\n                    let key = state.selectedKey != null ? delegate.getKeyAbove(state.selectedKey) : delegate.getFirstKey();\n                    if (key) state.setSelectedKey(key);\n                    break;\n                }\n            case \"ArrowRight\":\n                {\n                    // prevent scrolling containers\n                    e.preventDefault();\n                    let key = state.selectedKey != null ? delegate.getKeyBelow(state.selectedKey) : delegate.getFirstKey();\n                    if (key) state.setSelectedKey(key);\n                    break;\n                }\n        }\n    };\n    let { typeSelectProps: typeSelectProps  } = (0, $thkiX$useTypeSelect)({\n        keyboardDelegate: delegate,\n        selectionManager: state.selectionManager,\n        onTypeSelect (key) {\n            state.setSelectedKey(key);\n        }\n    });\n    let { labelProps: labelProps , fieldProps: fieldProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $thkiX$useField)({\n        ...props,\n        labelElementType: \"span\"\n    });\n    typeSelectProps.onKeyDown = typeSelectProps.onKeyDownCapture;\n    delete typeSelectProps.onKeyDownCapture;\n    let domProps = (0, $thkiX$filterDOMProps)(props, {\n        labelable: true\n    });\n    let triggerProps = (0, $thkiX$mergeProps)(typeSelectProps, menuTriggerProps, fieldProps);\n    let valueId = (0, $thkiX$useId)();\n    return {\n        labelProps: {\n            ...labelProps,\n            onClick: ()=>{\n                if (!props.isDisabled) {\n                    ref.current.focus();\n                    // Show the focus ring so the user knows where focus went\n                    (0, $thkiX$setInteractionModality)(\"keyboard\");\n                }\n            }\n        },\n        triggerProps: (0, $thkiX$mergeProps)(domProps, {\n            ...triggerProps,\n            isDisabled: isDisabled,\n            onKeyDown: (0, $thkiX$chain)(triggerProps.onKeyDown, onKeyDown, props.onKeyDown),\n            onKeyUp: props.onKeyUp,\n            \"aria-labelledby\": [\n                valueId,\n                triggerProps[\"aria-labelledby\"],\n                triggerProps[\"aria-label\"] && !triggerProps[\"aria-labelledby\"] ? triggerProps.id : null\n            ].filter(Boolean).join(\" \"),\n            onFocus (e) {\n                if (state.isFocused) return;\n                if (props.onFocus) props.onFocus(e);\n                if (props.onFocusChange) props.onFocusChange(true);\n                state.setFocused(true);\n            },\n            onBlur (e) {\n                if (state.isOpen) return;\n                if (props.onBlur) props.onBlur(e);\n                if (props.onFocusChange) props.onFocusChange(false);\n                state.setFocused(false);\n            }\n        }),\n        valueProps: {\n            id: valueId\n        },\n        menuProps: {\n            ...menuProps,\n            autoFocus: state.focusStrategy || true,\n            shouldSelectOnPressUp: true,\n            shouldFocusOnHover: true,\n            disallowEmptySelection: true,\n            onBlur: (e)=>{\n                if (e.currentTarget.contains(e.relatedTarget)) return;\n                if (props.onBlur) props.onBlur(e);\n                if (props.onFocusChange) props.onFocusChange(false);\n                state.setFocused(false);\n            },\n            \"aria-labelledby\": [\n                fieldProps[\"aria-labelledby\"],\n                triggerProps[\"aria-label\"] && !fieldProps[\"aria-labelledby\"] ? triggerProps.id : null\n            ].filter(Boolean).join(\" \")\n        },\n        descriptionProps: descriptionProps,\n        errorMessageProps: errorMessageProps\n    };\n}\n\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\nfunction $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {\n    let { autoComplete: autoComplete , name: name , isDisabled: isDisabled  } = props;\n    let modality = (0, $thkiX$useInteractionModality)();\n    let { visuallyHiddenProps: visuallyHiddenProps  } = (0, $thkiX$useVisuallyHidden)();\n    (0, $thkiX$useFormReset)(props.selectRef, state.selectedKey, state.setSelectedKey);\n    var _state_selectedKey;\n    // In Safari, the <select> cannot have `display: none` or `hidden` for autofill to work.\n    // In Firefox, there must be a <label> to identify the <select> whereas other browsers\n    // seem to identify it just by surrounding text.\n    // The solution is to use <VisuallyHidden> to hide the elements, which clips the elements to a\n    // 1px rectangle. In addition, we hide from screen readers with aria-hidden, and make the <select>\n    // non tabbable with tabIndex={-1}.\n    //\n    // In mobile browsers, there are next/previous buttons above the software keyboard for navigating\n    // between fields in a form. These only support native form inputs that are tabbable. In order to\n    // support those, an additional hidden input is used to marshall focus to the button. It is tabbable\n    // except when the button is focused, so that shift tab works properly to go to the actual previous\n    // input in the form. Using the <select> for this also works, but Safari on iOS briefly flashes\n    // the native menu on focus, so this isn't ideal. A font-size of 16px or greater is required to\n    // prevent Safari from zooming in on the input when it is focused.\n    //\n    // If the current interaction modality is null, then the user hasn't interacted with the page yet.\n    // In this case, we set the tabIndex to -1 on the input element so that automated accessibility\n    // checkers don't throw false-positives about focusable elements inside an aria-hidden parent.\n    return {\n        containerProps: {\n            ...visuallyHiddenProps,\n            \"aria-hidden\": true,\n            [\"data-a11y-ignore\"]: \"aria-hidden-focus\"\n        },\n        inputProps: {\n            type: \"text\",\n            tabIndex: modality == null || state.isFocused || state.isOpen ? -1 : 0,\n            style: {\n                fontSize: 16\n            },\n            onFocus: ()=>triggerRef.current.focus(),\n            disabled: isDisabled\n        },\n        selectProps: {\n            tabIndex: -1,\n            autoComplete: autoComplete,\n            disabled: isDisabled,\n            name: name,\n            size: state.collection.size,\n            value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== void 0 ? _state_selectedKey : \"\",\n            onChange: (e)=>state.setSelectedKey(e.target.value)\n        }\n    };\n}\nfunction $bdd25dc72710631f$export$cbd84cdb2e668835(props) {\n    let { state: state , triggerRef: triggerRef , label: label , name: name , isDisabled: isDisabled  } = props;\n    let selectRef = (0, $thkiX$useRef)(null);\n    let { containerProps: containerProps , inputProps: inputProps , selectProps: selectProps  } = $bdd25dc72710631f$export$f809e80f58e251d1({\n        ...props,\n        selectRef: selectRef\n    }, state, triggerRef);\n    var _state_selectedKey;\n    // If used in a <form>, use a hidden input so the value can be submitted to a server.\n    // If the collection isn't too big, use a hidden <select> element for this so that browser\n    // autofill will work. Otherwise, use an <input type=\"hidden\">.\n    if (state.collection.size <= 300) return /*#__PURE__*/ (0, $thkiX$react).createElement(\"div\", {\n        ...containerProps,\n        \"data-testid\": \"hidden-select-container\"\n    }, /*#__PURE__*/ (0, $thkiX$react).createElement(\"input\", inputProps), /*#__PURE__*/ (0, $thkiX$react).createElement(\"label\", null, label, /*#__PURE__*/ (0, $thkiX$react).createElement(\"select\", {\n        ...selectProps,\n        ref: selectRef\n    }, /*#__PURE__*/ (0, $thkiX$react).createElement(\"option\", null), [\n        ...state.collection.getKeys()\n    ].map((key)=>{\n        let item = state.collection.getItem(key);\n        if (item.type === \"item\") return /*#__PURE__*/ (0, $thkiX$react).createElement(\"option\", {\n            key: item.key,\n            value: item.key\n        }, item.textValue);\n    }))));\n    else if (name) return /*#__PURE__*/ (0, $thkiX$react).createElement(\"input\", {\n        type: \"hidden\",\n        autoComplete: selectProps.autoComplete,\n        name: name,\n        disabled: isDisabled,\n        value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== void 0 ? _state_selectedKey : \"\"\n    });\n    return null;\n}\n\n\n\n\nexport {$58aed456727eb0f3$export$e64b2f635402ca43 as useSelect, $bdd25dc72710631f$export$f809e80f58e251d1 as useHiddenSelect, $bdd25dc72710631f$export$cbd84cdb2e668835 as HiddenSelect};\n//# sourceMappingURL=module.js.map\n"],"names":["$58aed456727eb0f3$export$e64b2f635402ca43","props","state","ref","keyboardDelegate","isDisabled","collator","$thkiX$useCollator","delegate","$thkiX$useMemo","$thkiX$ListKeyboardDelegate","menuTriggerProps","menuProps","$thkiX$useMenuTrigger","onKeyDown","e","key","typeSelectProps","$thkiX$useTypeSelect","labelProps","fieldProps","descriptionProps","errorMessageProps","$thkiX$useField","domProps","$thkiX$filterDOMProps","triggerProps","$thkiX$mergeProps","valueId","$thkiX$useId","$thkiX$setInteractionModality","$thkiX$chain","$bdd25dc72710631f$export$f809e80f58e251d1","triggerRef","autoComplete","name","modality","$thkiX$useInteractionModality","visuallyHiddenProps","$thkiX$useVisuallyHidden","$thkiX$useFormReset","_state_selectedKey","$bdd25dc72710631f$export$cbd84cdb2e668835","label","selectRef","$thkiX$useRef","containerProps","inputProps","selectProps","$thkiX$react","item"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/lyra11.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra50.cjs");require("./lyra124.cjs");const c=o.cva(["checkbox-group","flex","gap-x-[--checkbox-group-gap-x]","gap-y-[--checkbox-group-gap-y]"],{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col"},color:{monochrome:["[--checkbox-group-color:--checkbox-color-monochrome]","[--checkbox-group-color-light:--checkbox-color-monochrome-light]","[--checkbox-group-color-dark:--checkbox-color-monochrome-dark]","[--checkbox-group-color-foreground:--checkbox-color-monochrome-foreground]","[--checkbox-group-color-opacity-1:--checkbox-color-monochrome-opacity]","[--checkbox-group-color-opacity-2:--checkbox-color-monochrome-opacity-2]"],primary:["[--checkbox-group-color:--checkbox-color-primary]","[--checkbox-group-color-light:--checkbox-color-primary-light]","[--checkbox-group-color-dark:--checkbox-color-primary-dark]","[--checkbox-group-color-foreground:--checkbox-color-primary-foreground]","[--checkbox-group-color-opacity-1:--checkbox-color-primary-opacity-1]","[--checkbox-group-color-opacity-2:--checkbox-color-primary-opacity-2]"],success:["[--checkbox-group-color:--checkbox-color-success]","[--checkbox-group-color-light:--checkbox-color-success-light]","[--checkbox-group-color-dark:--checkbox-color-success-dark]","[--checkbox-group-color-foreground:--checkbox-color-success-foreground]","[--checkbox-group-color-opacity-1:--checkbox-color-success-opacity-1]","[--checkbox-group-color-opacity-2:--checkbox-color-success-opacity-2]"],danger:["[--checkbox-group-color:--checkbox-color-danger]","[--checkbox-group-color-light:--checkbox-color-danger-light]","[--checkbox-group-color-dark:--checkbox-color-danger-dark]","[--checkbox-group-color-foreground:--checkbox-color-danger-foreground]","[--checkbox-group-color-opacity-1:--checkbox-color-danger-opacity-1]","[--checkbox-group-color-opacity-2:--checkbox-color-danger-opacity-2]"],warning:["[--checkbox-group-color:--checkbox-color-warning]","[--checkbox-group-color-light:--checkbox-color-warning-light]","[--checkbox-group-color-dark:--checkbox-color-warning-dark]","[--checkbox-group-color-foreground:--checkbox-color-warning-foreground]","[--checkbox-group-color-opacity-1:--checkbox-color-warning-opacity-1]","[--checkbox-group-color-opacity-2:--checkbox-color-warning-opacity-2]"]}},defaultVariants:{orientation:"vertical",color:"primary"}}),r=o.cva(["flex","justify-start","items-center","gap-x-[--checkbox-gap-x]"]),e=o.cva(["flex","items-center","justify-center","w-5","h-5","rounded-[--checkbox-radius]","outline-none","transition-all","ease-out","duration-100"],{variants:{color:{monochrome:["[--checkbox-color:--checkbox-color-monochrome]","[--checkbox-color-light:--checkbox-color-monochrome-light]","[--checkbox-color-dark:--checkbox-color-monochrome-dark]","[--checkbox-color-foreground:--checkbox-color-monochrome-foreground]","[--checkbox-color-opacity-1:--checkbox-color-monochrome-opacity]","[--checkbox-color-opacity-2:--checkbox-color-monochrome-opacity-2]"],primary:["[--checkbox-color:--checkbox-color-primary]","[--checkbox-color-light:--checkbox-color-primary-light]","[--checkbox-color-dark:--checkbox-color-primary-dark]","[--checkbox-color-foreground:--checkbox-color-primary-foreground]","[--checkbox-color-opacity-1:--checkbox-color-primary-opacity-1]","[--checkbox-color-opacity-2:--checkbox-color-primary-opacity-2]"],success:["[--checkbox-color:--checkbox-color-success]","[--checkbox-color-light:--checkbox-color-success-light]","[--checkbox-color-dark:--checkbox-color-success-dark]","[--checkbox-color-foreground:--checkbox-color-success-foreground]","[--checkbox-color-opacity-1:--checkbox-color-success-opacity-1]","[--checkbox-color-opacity-2:--checkbox-color-success-opacity-2]"],danger:["[--checkbox-color:--checkbox-color-danger]","[--checkbox-color-light:--checkbox-color-danger-light]","[--checkbox-color-dark:--checkbox-color-danger-dark]","[--checkbox-color-foreground:--checkbox-color-danger-foreground]","[--checkbox-color-opacity-1:--checkbox-color-danger-opacity-1]","[--checkbox-color-opacity-2:--checkbox-color-danger-opacity-2]"],warning:["[--checkbox-color:--checkbox-color-warning]","[--checkbox-color-light:--checkbox-color-warning-light]","[--checkbox-color-dark:--checkbox-color-warning-dark]","[--checkbox-color-foreground:--checkbox-color-warning-foreground]","[--checkbox-color-opacity-1:--checkbox-color-warning-opacity-1]","[--checkbox-color-opacity-2:--checkbox-color-warning-opacity-2]"]},isSelected:{true:["bg-[--checkbox-color]","[.checkbox-group_&]:bg-[--checkbox-group-color]","border-[--checkbox-color]","[.checkbox-group_&]:border-[--checkbox-group-color]","text-[--checkbox-color-foreground]","[.checkbox-group_&]:text-[--checkbox-group-color-foreground]"],false:["bg-transparent","border-solid","border-2","border-neutral-4"]},isDisabled:{true:["cursor-not-allowed","opacity-25"]},isHovered:{true:""},isPressed:{true:""},isFocusVisible:{true:["ring ring-[--checkbox-color-opacity-2] [.checkbox-group_&]:ring-[--checkbox-group-color-opacity-2]","!border-[--checkbox-color] [.checkbox-group_&]:border-[--checkbox-group-color]"]}},compoundVariants:[{isHovered:!0,isSelected:!1,isDisabled:!1,isPressed:!1,className:["!bg-[--checkbox-color-opacity-1]","[.checkbox-group_&]:!bg-[--checkbox-group-color-opacity-1]","!border-[var(--checkbox-color)]","[.checkbox-group_&]:!border-[var(--checkbox-group-color)]"]},{isHovered:!0,isSelected:!0,isDisabled:!1,className:["bg-[--checkbox-color-light]","[.checkbox-group_&]:bg-[--checkbox-group-color-light]","border-[var(--checkbox-color-light)]","[.checkbox-group_&]:border-[var(--checkbox-group-color-light)]"]},{isPressed:!0,isSelected:!1,isDisabled:!1,className:[["!bg-[--checkbox-color-opacity-2]","[.checkbox-group_&]:!bg-[--checkbox-group-color-opacity-2]","!border-[var(--checkbox-color)]","[.checkbox-group_&]:!border-[var(--checkbox-group-color)]"]]},{isPressed:!0,isSelected:!0,isDisabled:!1,className:[["!bg-[--checkbox-color-dark]","[.checkbox-group_&]:!bg-[--checkbox-group-color-dark]"]]}],defaultVariants:{color:"primary"}});exports.checkboxGroupStyles=c;exports.checkboxStyles=e;exports.checkboxWrapperStyles=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra53.cjs"),m=require("react"),x=require("./lyra52.cjs"),R=require("./lyra62.cjs"),c=require("./lyra12.cjs"),b=require("./lyra38.cjs"),l=require("./lyra42.cjs"),E=require("./lyra43.cjs");require("./lyra24.cjs");require("./lyra15.cjs");require("./lyra8.cjs");require("./lyra72.cjs");require("./lyra17.cjs");require("./lyra18.cjs");const u=require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra148.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra25.cjs");require("./lyra26.cjs");const N=require("./lyra54.cjs"),d=m.forwardRef(({label:r,labelClassName:n,hint:t,description:i,errorMessage:a,children:s,orientation:p="vertical",color:h,className:y,...q},f)=>e.jsxRuntimeExports.jsx(x.CheckboxGroup,{...q,ref:f,children:o=>e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:R.cx("flex items-center gap-3",r?"justify-between":"justify-end"),children:[r?e.jsxRuntimeExports.jsxs(x.Label,{className:u.sharedInputlabelStyles({className:n}),style:{fontFamily:"var(--input-label-font-family)"},children:[r,o.isRequired&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,t?e.jsxRuntimeExports.jsx("span",{className:u.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:t}):null]}),e.jsxRuntimeExports.jsx("div",{className:N.twMerge(c.checkboxGroupStyles({orientation:p,color:h,className:y})),children:typeof s=="function"?s(o):s}),i&&e.jsxRuntimeExports.jsx(l.Text,{className:"mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:i}),a&&e.jsxRuntimeExports.jsx(l.Text,{className:"mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:a})]})}));d.displayName="CheckboxGroup";const j=m.forwardRef(({className:r,color:n,children:t,...i},a)=>e.jsxRuntimeExports.jsx(x.Checkbox,{className:c.checkboxWrapperStyles({className:r}),ref:a,...i,children:s=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:c.checkboxStyles({color:n,...s}),children:[s.isSelected&&!s.isIndeterminate&&e.jsxRuntimeExports.jsx(b.SvgIcon,{name:"checkmark",className:"h-5 w-5","aria-hidden":"true"}),s.isIndeterminate&&s.isSelected&&e.jsxRuntimeExports.jsx("svg",{className:"h-5 w-5",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("rect",{x:"6",y:"9",width:"8",height:"2",fill:"currentColor"})})]}),t&&e.jsxRuntimeExports.jsx("div",{className:E.textStyles({variant:"body-medium",className:["leading-5",s.isDisabled?"cursor-not-allowed opacity-50":""]}),children:typeof t=="function"?t(s):t})]})}));j.displayName="Checkbox";exports.Checkbox=j;exports.CheckboxGroup=d;

package/dist/lyra11.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra11.cjs","sources":["../src/components/inputs/checkbox-group/checkbox-group.styles.ts"],"sourcesContent":["import { cva } from \"../../../utils/class-variance-authority\";\nimport \"./checkbox-group.vars.css\";\n\nexport const checkboxGroupStyles = cva(\n  [\n    \"checkbox-group\",\n    \"flex\",\n    \"gap-x-[--checkbox-group-gap-x]\",\n    \"gap-y-[--checkbox-group-gap-y]\",\n  ],\n  {\n    variants: {\n      orientation: {\n        horizontal: \"flex-row\",\n        vertical: \"flex-col\",\n      },\n      color: {\n        monochrome: [\n          \"[--checkbox-group-color:--checkbox-color-monochrome]\",\n          \"[--checkbox-group-color-light:--checkbox-color-monochrome-light]\",\n          \"[--checkbox-group-color-dark:--checkbox-color-monochrome-dark]\",\n          \"[--checkbox-group-color-foreground:--checkbox-color-monochrome-foreground]\",\n          \"[--checkbox-group-color-opacity-1:--checkbox-color-monochrome-opacity]\",\n          \"[--checkbox-group-color-opacity-2:--checkbox-color-monochrome-opacity-2]\",\n        ],\n        primary: [\n          \"[--checkbox-group-color:--checkbox-color-primary]\",\n          \"[--checkbox-group-color-light:--checkbox-color-primary-light]\",\n          \"[--checkbox-group-color-dark:--checkbox-color-primary-dark]\",\n          \"[--checkbox-group-color-foreground:--checkbox-color-primary-foreground]\",\n          \"[--checkbox-group-color-opacity-1:--checkbox-color-primary-opacity-1]\",\n          \"[--checkbox-group-color-opacity-2:--checkbox-color-primary-opacity-2]\",\n        ],\n        success: [\n          \"[--checkbox-group-color:--checkbox-color-success]\",\n          \"[--checkbox-group-color-light:--checkbox-color-success-light]\",\n          \"[--checkbox-group-color-dark:--checkbox-color-success-dark]\",\n          \"[--checkbox-group-color-foreground:--checkbox-color-success-foreground]\",\n          \"[--checkbox-group-color-opacity-1:--checkbox-color-success-opacity-1]\",\n          \"[--checkbox-group-color-opacity-2:--checkbox-color-success-opacity-2]\",\n        ],\n        danger: [\n          \"[--checkbox-group-color:--checkbox-color-danger]\",\n          \"[--checkbox-group-color-light:--checkbox-color-danger-light]\",\n          \"[--checkbox-group-color-dark:--checkbox-color-danger-dark]\",\n          \"[--checkbox-group-color-foreground:--checkbox-color-danger-foreground]\",\n          \"[--checkbox-group-color-opacity-1:--checkbox-color-danger-opacity-1]\",\n          \"[--checkbox-group-color-opacity-2:--checkbox-color-danger-opacity-2]\",\n        ],\n        warning: [\n          \"[--checkbox-group-color:--checkbox-color-warning]\",\n          \"[--checkbox-group-color-light:--checkbox-color-warning-light]\",\n          \"[--checkbox-group-color-dark:--checkbox-color-warning-dark]\",\n          \"[--checkbox-group-color-foreground:--checkbox-color-warning-foreground]\",\n          \"[--checkbox-group-color-opacity-1:--checkbox-color-warning-opacity-1]\",\n          \"[--checkbox-group-color-opacity-2:--checkbox-color-warning-opacity-2]\",\n        ],\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n      color: \"primary\",\n    },\n  }\n);\n\nexport const checkboxWrapperStyles = cva([\n  \"flex\",\n  \"justify-start\",\n  \"items-center\",\n  \"gap-x-[--checkbox-gap-x]\",\n]);\n\nexport const checkboxStyles = cva(\n  [\n    \"flex\",\n    \"items-center\",\n    \"justify-center\",\n    \"w-5\",\n    \"h-5\",\n    \"rounded-[--checkbox-radius]\",\n    \"outline-none\",\n    \"transition-all\",\n    \"ease-out\",\n    \"duration-100\",\n  ],\n  {\n    variants: {\n      color: {\n        monochrome: [\n          \"[--checkbox-color:--checkbox-color-monochrome]\",\n          \"[--checkbox-color-light:--checkbox-color-monochrome-light]\",\n          \"[--checkbox-color-dark:--checkbox-color-monochrome-dark]\",\n          \"[--checkbox-color-foreground:--checkbox-color-monochrome-foreground]\",\n          \"[--checkbox-color-opacity-1:--checkbox-color-monochrome-opacity]\",\n          \"[--checkbox-color-opacity-2:--checkbox-color-monochrome-opacity-2]\",\n        ],\n        primary: [\n          \"[--checkbox-color:--checkbox-color-primary]\",\n          \"[--checkbox-color-light:--checkbox-color-primary-light]\",\n          \"[--checkbox-color-dark:--checkbox-color-primary-dark]\",\n          \"[--checkbox-color-foreground:--checkbox-color-primary-foreground]\",\n          \"[--checkbox-color-opacity-1:--checkbox-color-primary-opacity-1]\",\n          \"[--checkbox-color-opacity-2:--checkbox-color-primary-opacity-2]\",\n        ],\n        success: [\n          \"[--checkbox-color:--checkbox-color-success]\",\n          \"[--checkbox-color-light:--checkbox-color-success-light]\",\n          \"[--checkbox-color-dark:--checkbox-color-success-dark]\",\n          \"[--checkbox-color-foreground:--checkbox-color-success-foreground]\",\n          \"[--checkbox-color-opacity-1:--checkbox-color-success-opacity-1]\",\n          \"[--checkbox-color-opacity-2:--checkbox-color-success-opacity-2]\",\n        ],\n        danger: [\n          \"[--checkbox-color:--checkbox-color-danger]\",\n          \"[--checkbox-color-light:--checkbox-color-danger-light]\",\n          \"[--checkbox-color-dark:--checkbox-color-danger-dark]\",\n          \"[--checkbox-color-foreground:--checkbox-color-danger-foreground]\",\n          \"[--checkbox-color-opacity-1:--checkbox-color-danger-opacity-1]\",\n          \"[--checkbox-color-opacity-2:--checkbox-color-danger-opacity-2]\",\n        ],\n        warning: [\n          \"[--checkbox-color:--checkbox-color-warning]\",\n          \"[--checkbox-color-light:--checkbox-color-warning-light]\",\n          \"[--checkbox-color-dark:--checkbox-color-warning-dark]\",\n          \"[--checkbox-color-foreground:--checkbox-color-warning-foreground]\",\n          \"[--checkbox-color-opacity-1:--checkbox-color-warning-opacity-1]\",\n          \"[--checkbox-color-opacity-2:--checkbox-color-warning-opacity-2]\",\n        ],\n      },\n      isSelected: {\n        true: [\n          \"bg-[--checkbox-color]\",\n          \"[.checkbox-group_&]:bg-[--checkbox-group-color]\",\n          \"border-[--checkbox-color]\",\n          \"[.checkbox-group_&]:border-[--checkbox-group-color]\",\n          \"text-[--checkbox-color-foreground]\",\n          \"[.checkbox-group_&]:text-[--checkbox-group-color-foreground]\",\n        ],\n        false: [\n          \"bg-transparent\",\n          \"border-solid\",\n          \"border-2\",\n          \"border-neutral-4\",\n        ],\n      },\n      isDisabled: {\n        true: [\"cursor-not-allowed\", \"opacity-25\"],\n      },\n      isHovered: {\n        true: \"\",\n      },\n      isPressed: {\n        true: \"\",\n      },\n      isFocusVisible: {\n        true: [\n          \"ring ring-[--checkbox-color-opacity-2] [.checkbox-group_&]:ring-[--checkbox-group-color-opacity-2]\",\n          \"!border-[--checkbox-color] [.checkbox-group_&]:border-[--checkbox-group-color]\",\n        ],\n      },\n    },\n    compoundVariants: [\n      {\n        isHovered: true,\n        isSelected: false,\n        isDisabled: false,\n        isPressed: false,\n        className: [\n          \"!bg-[--checkbox-color-opacity-1]\",\n          \"[.checkbox-group_&]:!bg-[--checkbox-group-color-opacity-1]\",\n          \"!border-[var(--checkbox-color)]\",\n          \"[.checkbox-group_&]:!border-[var(--checkbox-group-color)]\",\n        ],\n      },\n      {\n        isHovered: true,\n        isSelected: true,\n        isDisabled: false,\n        className: [\n          \"bg-[--checkbox-color-light]\",\n          \"[.checkbox-group_&]:bg-[--checkbox-group-color-light]\",\n          \"border-[var(--checkbox-color-light)]\",\n          \"[.checkbox-group_&]:border-[var(--checkbox-group-color-light)]\",\n        ],\n      },\n      {\n        isPressed: true,\n        isSelected: false,\n        isDisabled: false,\n        className: [\n          [\n            \"!bg-[--checkbox-color-opacity-2]\",\n            \"[.checkbox-group_&]:!bg-[--checkbox-group-color-opacity-2]\",\n            \"!border-[var(--checkbox-color)]\",\n            \"[.checkbox-group_&]:!border-[var(--checkbox-group-color)]\",\n          ],\n        ],\n      },\n      {\n        isPressed: true,\n        isSelected: true,\n        isDisabled: false,\n        className: [\n          [\n            \"!bg-[--checkbox-color-dark]\",\n            \"[.checkbox-group_&]:!bg-[--checkbox-group-color-dark]\",\n          ],\n        ],\n      },\n    ],\n    defaultVariants: {\n      color: \"primary\",\n    },\n  }\n);\n"],"names":["checkboxGroupStyles","cva","checkboxWrapperStyles","checkboxStyles"],"mappings":"yIAGO,MAAMA,EAAsBC,EAAA,IACjC,CACE,iBACA,OACA,iCACA,gCACF,EACA,CACE,SAAU,CACR,YAAa,CACX,WAAY,WACZ,SAAU,UACZ,EACA,MAAO,CACL,WAAY,CACV,uDACA,mEACA,iEACA,6EACA,yEACA,0EACF,EACA,QAAS,CACP,oDACA,gEACA,8DACA,0EACA,wEACA,uEACF,EACA,QAAS,CACP,oDACA,gEACA,8DACA,0EACA,wEACA,uEACF,EACA,OAAQ,CACN,mDACA,+DACA,6DACA,yEACA,uEACA,sEACF,EACA,QAAS,CACP,oDACA,gEACA,8DACA,0EACA,wEACA,uEACF,CACF,CACF,EACA,gBAAiB,CACf,YAAa,WACb,MAAO,SACT,CACF,CACF,EAEaC,EAAwBD,EAAAA,IAAI,CACvC,OACA,gBACA,eACA,0BACF,CAAC,EAEYE,EAAiBF,EAAA,IAC5B,CACE,OACA,eACA,iBACA,MACA,MACA,8BACA,eACA,iBACA,WACA,cACF,EACA,CACE,SAAU,CACR,MAAO,CACL,WAAY,CACV,iDACA,6DACA,2DACA,uEACA,mEACA,oEACF,EACA,QAAS,CACP,8CACA,0DACA,wDACA,oEACA,kEACA,iEACF,EACA,QAAS,CACP,8CACA,0DACA,wDACA,oEACA,kEACA,iEACF,EACA,OAAQ,CACN,6CACA,yDACA,uDACA,mEACA,iEACA,gEACF,EACA,QAAS,CACP,8CACA,0DACA,wDACA,oEACA,kEACA,iEACF,CACF,EACA,WAAY,CACV,KAAM,CACJ,wBACA,kDACA,4BACA,sDACA,qCACA,8DACF,EACA,MAAO,CACL,iBACA,eACA,WACA,kBACF,CACF,EACA,WAAY,CACV,KAAM,CAAC,qBAAsB,YAAY,CAC3C,EACA,UAAW,CACT,KAAM,EACR,EACA,UAAW,CACT,KAAM,EACR,EACA,eAAgB,CACd,KAAM,CACJ,qGACA,gFACF,CACF,CACF,EACA,iBAAkB,CAChB,CACE,UAAW,GACX,WAAY,GACZ,WAAY,GACZ,UAAW,GACX,UAAW,CACT,mCACA,6DACA,kCACA,2DACF,CACF,EACA,CACE,UAAW,GACX,WAAY,GACZ,WAAY,GACZ,UAAW,CACT,8BACA,wDACA,uCACA,gEACF,CACF,EACA,CACE,UAAW,GACX,WAAY,GACZ,WAAY,GACZ,UAAW,CACT,CACE,mCACA,6DACA,kCACA,2DACF,CACF,CACF,EACA,CACE,UAAW,GACX,WAAY,GACZ,WAAY,GACZ,UAAW,CACT,CACE,8BACA,uDACF,CACF,CACF,CACF,EACA,gBAAiB,CACf,MAAO,SACT,CACF,CACF"}
+{"version":3,"file":"lyra11.cjs","sources":["../src/components/inputs/checkbox-group/checkbox-group.tsx"],"sourcesContent":["import { ElementRef, forwardRef } from \"react\";\n\nimport {\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps,\n  CheckboxProps as AriaCheckBoxProps,\n  Checkbox as AriaCheckbox,\n  Label,\n} from \"react-aria-components\";\nimport { VariantProps, cx } from \"../../../utils/class-variance-authority\";\nimport {\n  checkboxGroupStyles,\n  checkboxStyles,\n  checkboxWrapperStyles,\n} from \"./checkbox-group.styles\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { textStyles } from \"../../text\";\nimport { Text } from \"../../text\";\nimport { sharedInputHintStyles, sharedInputlabelStyles } from \"..\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport type CheckboxGroupProps = AriaCheckboxGroupProps &\n  VariantProps<typeof checkboxGroupStyles> & {\n    label?: string;\n    labelClassName?: string;\n    hint?: string;\n    errorMessage?: string;\n    description?: string;\n    orientation?: \"horizontal\" | \"vertical\";\n  };\n\nexport const CheckboxGroup = forwardRef<HTMLDivElement, CheckboxGroupProps>(\n  (\n    {\n      label,\n      labelClassName,\n      hint,\n      description,\n      errorMessage,\n      children,\n      orientation = \"vertical\",\n      color,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <AriaCheckboxGroup {...props} ref={ref}>\n        {(renderProps) => (\n          <div className=\"flex flex-col gap-y-1\">\n            <div\n              className={cx(\n                \"flex items-center gap-3\",\n                label ? \"justify-between\" : \"justify-end\"\n              )}\n            >\n              {label ? (\n                <Label\n                  className={sharedInputlabelStyles({\n                    className: labelClassName,\n                  })}\n                  style={{ fontFamily: \"var(--input-label-font-family)\" }}\n                >\n                  {label}\n                  {renderProps.isRequired && (\n                    <span className=\"text-danger\">{\" *\"}</span>\n                  )}\n                </Label>\n              ) : null}\n              {hint ? (\n                <span\n                  className={sharedInputHintStyles()}\n                  style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n                >\n                  {hint}\n                </span>\n              ) : null}\n            </div>\n            <div\n              className={twMerge(\n                checkboxGroupStyles({ orientation, color, className })\n              )}\n            >\n              {typeof children === \"function\"\n                ? children(renderProps)\n                : children}\n            </div>\n            {description && (\n              <Text\n                className=\"mt-1.5\"\n                variant=\"body-small\"\n                color=\"secondary\"\n                slot=\"description\"\n              >\n                {description}\n              </Text>\n            )}\n            {errorMessage && (\n              <Text\n                className=\"mt-1.5\"\n                variant=\"body-small\"\n                color=\"accent-danger\"\n                slot=\"errorMessage\"\n              >\n                {errorMessage}\n              </Text>\n            )}\n          </div>\n        )}\n      </AriaCheckboxGroup>\n    );\n  }\n);\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\ntype CheckboxVariantProps = VariantProps<typeof checkboxStyles>;\nexport type CheckBoxProps = AriaCheckBoxProps &\n  CheckboxVariantProps & {\n    className?: string;\n  };\n\nexport const Checkbox = forwardRef<\n  ElementRef<typeof AriaCheckbox>,\n  CheckBoxProps\n>(({ className, color, children, ...props }, ref) => {\n  return (\n    <AriaCheckbox\n      className={checkboxWrapperStyles({ className })}\n      ref={ref}\n      {...props}\n    >\n      {(renderProps) => (\n        <>\n          <div className={checkboxStyles({ color, ...renderProps })}>\n            {renderProps.isSelected && !renderProps.isIndeterminate && (\n              <SvgIcon\n                name=\"checkmark\"\n                className=\"h-5 w-5\"\n                aria-hidden=\"true\"\n              />\n            )}\n            {renderProps.isIndeterminate && renderProps.isSelected && (\n              <svg\n                className=\"h-5 w-5\"\n                viewBox=\"0 0 20 20\"\n                fill=\"none\"\n                aria-hidden=\"true\"\n              >\n                <rect x=\"6\" y=\"9\" width=\"8\" height=\"2\" fill=\"currentColor\" />\n              </svg>\n            )}\n          </div>\n          {children && (\n            <div\n              className={textStyles({\n                variant: \"body-medium\",\n                className: [\n                  \"leading-5\",\n                  renderProps.isDisabled ? \"cursor-not-allowed opacity-50\" : \"\",\n                ],\n              })}\n            >\n              {typeof children === \"function\"\n                ? children(renderProps)\n                : children}\n            </div>\n          )}\n        </>\n      )}\n    </AriaCheckbox>\n  );\n});\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["CheckboxGroup","forwardRef","label","labelClassName","hint","description","errorMessage","children","orientation","color","className","props","ref","jsx","AriaCheckboxGroup","renderProps","jsxs","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","twMerge","checkboxGroupStyles","Text","Checkbox","AriaCheckbox","checkboxWrapperStyles","Fragment","checkboxStyles","SvgIcon","textStyles"],"mappings":"+nBA+BaA,EAAgBC,EAAA,WAC3B,CACE,CACE,MAAAC,EACA,eAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,WACd,MAAAC,EACA,UAAAC,EACA,GAAGC,GAELC,IAGEC,EAAA,kBAAA,IAACC,EAAmB,cAAA,CAAA,GAAGH,EAAO,IAAAC,EAC3B,SAACG,GACAC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,wBACb,SAAA,CAAAA,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAA,GACT,0BACAf,EAAQ,kBAAoB,aAC9B,EAEC,SAAA,CACCA,EAAAc,EAAA,kBAAA,KAACE,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,CAChC,UAAWhB,CAAA,CACZ,EACD,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAA,CAAAD,EACAa,EAAY,YACXF,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,cAAe,SAAK,KAAA,CAAA,CAAA,CAAA,EAGtC,KACHT,EACCS,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWO,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAhB,CAAA,CAAA,EAED,IAAA,CAAA,CACN,EACAS,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWQ,EAAA,QACTC,EAAAA,oBAAoB,CAAE,YAAAd,EAAa,MAAAC,EAAO,UAAAC,EAAW,CACvD,EAEC,SAAO,OAAAH,GAAa,WACjBA,EAASQ,CAAW,EACpBR,CAAA,CACN,EACCF,GACCQ,EAAA,kBAAA,IAACU,EAAA,KAAA,CACC,UAAU,SACV,QAAQ,aACR,MAAM,YACN,KAAK,cAEJ,SAAAlB,CAAA,CACH,EAEDC,GACCO,EAAA,kBAAA,IAACU,EAAA,KAAA,CACC,UAAU,SACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAAjB,CAAA,CACH,CAAA,CAEJ,CAAA,CAEJ,CAAA,CAGN,EAEAN,EAAc,YAAc,gBAQf,MAAAwB,EAAWvB,EAAAA,WAGtB,CAAC,CAAE,UAAAS,EAAW,MAAAD,EAAO,SAAAF,EAAU,GAAGI,CAAM,EAAGC,IAEzCC,EAAA,kBAAA,IAACY,EAAA,SAAA,CACC,UAAWC,EAAAA,sBAAsB,CAAE,UAAAhB,EAAW,EAC9C,IAAAE,EACC,GAAGD,EAEH,SAACI,GAEEC,EAAA,kBAAA,KAAAW,EAAA,kBAAA,SAAA,CAAA,SAAA,CAACX,yBAAA,MAAA,CAAI,UAAWY,EAAe,eAAA,CAAE,MAAAnB,EAAO,GAAGM,EAAa,EACrD,SAAA,CAAYA,EAAA,YAAc,CAACA,EAAY,iBACtCF,EAAA,kBAAA,IAACgB,EAAA,QAAA,CACC,KAAK,YACL,UAAU,UACV,cAAY,MAAA,CACd,EAEDd,EAAY,iBAAmBA,EAAY,YAC1CF,EAAA,kBAAA,IAAC,MAAA,CACC,UAAU,UACV,QAAQ,YACR,KAAK,OACL,cAAY,OAEZ,SAAAA,EAAAA,kBAAAA,IAAC,OAAK,CAAA,EAAE,IAAI,EAAE,IAAI,MAAM,IAAI,OAAO,IAAI,KAAK,cAAe,CAAA,CAAA,CAC7D,CAAA,EAEJ,EACCN,GACCM,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWiB,EAAAA,WAAW,CACpB,QAAS,cACT,UAAW,CACT,YACAf,EAAY,WAAa,gCAAkC,EAC7D,CAAA,CACD,EAEA,SAAO,OAAAR,GAAa,WACjBA,EAASQ,CAAW,EACpBR,CAAA,CACN,CAAA,EAEJ,CAAA,CAAA,CAIP,EAEDiB,EAAS,YAAc"}