@new-black/lyra 0.1.7 → 0.1.8

package/dist/lyra18.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra18.cjs","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactNode, Ref } from \"react\";\nimport {\n  Button as AriaButton,\n  Label,\n  Select as AriaSelect,\n  SelectContext,\n  SelectProps as AriaSelectProps,\n  SelectValue,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useIsMobileDevice } from \"../../..\";\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { ListBox } from \"../../list-box\";\nimport { Popover } from \"../../overlays/popover\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n} from \"..\";\n\nexport type SelectProps<T extends object> = Omit<AriaSelectProps<T>, \"children\"> &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    hint?: string;\n    description?: string;\n    errorMessage?: string;\n    children: ReactNode | ((item: T) => ReactNode);\n    screenWidthMobileBreakpoint?: number;\n  };\n\nfunction _Select<T extends object>(\n  {\n    label,\n    hint,\n    size = \"medium\",\n    fullWidth,\n    validationState,\n    isRequired,\n    description,\n    errorMessage,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: SelectProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SelectContext);\n\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n\n  return (\n    <AriaSelect\n      {...props}\n      ref={ref}\n      className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}\n    >\n      {(state) => {\n        return (\n          <>\n            <div\n              className={cx(\n                \"mx-1 flex items-center gap-3\",\n                label ? \"justify-between\" : \"justify-end\",\n              )}\n            >\n              {label ? (\n                <Label\n                  className={sharedInputlabelStyles()}\n                  style={{ fontFamily: \"var(--input-label-font-family)\" }}\n                >\n                  {label}\n                  {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\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 className=\"flex items-center gap-2\">\n              <AriaButton\n                className={({ isDisabled, isFocusVisible, isHovered }) =>\n                  twMerge(\n                    sharedInputFieldStyles({\n                      isDisabled,\n                      isHovered,\n                      isFocused: isFocusVisible,\n                      fullWidth,\n                      size,\n                      validationState,\n                      className: \"w-full items-center justify-between gap-3\",\n                    }),\n                  )\n                }\n              >\n                <SelectValue className=\"select-none truncate\" />\n                <SvgIcon\n                  name=\"chevron-down\"\n                  aria-hidden=\"true\"\n                  className={cx(\n                    size === \"large\" && \"h-5 w-5\",\n                    size === \"medium\" && \"h-4 w-4\",\n                    size === \"small\" && \"h-3 w-3\",\n                    state.isOpen ? \"rotate-180\" : \"rotate-0\",\n                    \"transition duration-200 ease-out\",\n                  )}\n                />\n              </AriaButton>\n            </div>\n            {description && (\n              <Text\n                className=\"ms-1 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=\"ms-1 mt-1.5\"\n                variant=\"body-small\"\n                color=\"accent-danger\"\n                slot=\"errorMessage\"\n              >\n                {errorMessage}\n              </Text>\n            )}\n            <Popover showPopoverInBottomDrawerOnSmallScreens>\n              {isMobileDevice && label && (\n                <div className=\"p-4 pb-2\">\n                  <Text variant=\"body-medium\">{label}</Text>\n                </div>\n              )}\n              <ListBox\n                className=\"outline-none\"\n                aria-label={label ?? `options on select ${props.name}`}\n                selectionMode=\"single\"\n              >\n                {props.children}\n              </ListBox>\n            </Popover>\n          </>\n        );\n      }}\n    </AriaSelect>\n  );\n}\n\nexport const Select = forwardRef(_Select) as <T extends object>(\n  props: SelectProps<T> & { ref?: Ref<HTMLDivElement> },\n) => ReturnType<typeof _Select>;\n"],"names":["_Select","label","hint","size","fullWidth","validationState","isRequired","description","errorMessage","screenWidthMobileBreakpoint","props","ref","useContextProps","SelectContext","isMobileDevice","useIsMobileDevice","jsx","AriaSelect","twMerge","sharedInputFieldWrapperStyles","state","jsxs","Fragment","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","AriaButton","isDisabled","isFocusVisible","isHovered","sharedInputFieldStyles","SelectValue","SvgIcon","Text","Popover","ListBox","Select","forwardRef"],"mappings":"8jCAqCA,SAASA,EACP,CACE,MAAAC,EACA,KAAAC,EACA,KAAAC,EAAO,SACP,UAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,YAAAC,EACA,aAAAC,EACA,4BAAAC,EAA8B,IAC9B,GAAGC,CACL,EACAC,EACA,CACA,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,aAAa,EAElD,MAAAC,EAAiBC,oBAAkBN,CAA2B,EAGlE,OAAAO,EAAA,kBAAA,IAACC,EAAA,OAAA,CACE,GAAGP,EACJ,IAAAC,EACA,UAAWO,EAAAA,QAAQC,EAAAA,8BAA8B,CAAE,UAAAf,CAAW,CAAA,CAAC,EAE9D,SAACgB,GAGIC,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAD,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWE,EAAA,GACT,+BACAtB,EAAQ,kBAAoB,aAC9B,EAEC,SAAA,CACCA,EAAAoB,EAAA,kBAAA,KAACG,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,EAClC,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAA,CAAAxB,EACAK,GAAcU,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,cAAe,SAAK,KAAA,CAAA,CAAA,CAAA,EAEnD,KACHd,EACCc,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWU,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAxB,CAAA,CAAA,EAED,IAAA,CAAA,CACN,EACAc,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,0BACb,SAAAK,EAAA,kBAAA,KAACM,EAAA,OAAA,CACC,UAAW,CAAC,CAAE,WAAAC,EAAY,eAAAC,EAAgB,UAAAC,CACxC,IAAAZ,EAAA,QACEa,yBAAuB,CACrB,WAAAH,EACA,UAAAE,EACA,UAAWD,EACX,UAAAzB,EACA,KAAAD,EACA,gBAAAE,EACA,UAAW,2CAAA,CACZ,CACH,EAGF,SAAA,CAACW,EAAAA,kBAAAA,IAAAgB,EAAA,YAAA,CAAY,UAAU,sBAAuB,CAAA,EAC9ChB,EAAA,kBAAA,IAACiB,EAAA,QAAA,CACC,KAAK,eACL,cAAY,OACZ,UAAWV,EAAA,GACTpB,IAAS,SAAW,UACpBA,IAAS,UAAY,UACrBA,IAAS,SAAW,UACpBiB,EAAM,OAAS,aAAe,WAC9B,kCACF,CAAA,CACF,CAAA,CAAA,CAAA,EAEJ,EACCb,GACCS,EAAA,kBAAA,IAACkB,EAAA,KAAA,CACC,UAAU,cACV,QAAQ,aACR,MAAM,YACN,KAAK,cAEJ,SAAA3B,CAAA,CACH,EAEDC,GACCQ,EAAA,kBAAA,IAACkB,EAAA,KAAA,CACC,UAAU,cACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAA1B,CAAA,CACH,EAEFa,EAAAA,kBAAAA,KAACc,EAAAA,QAAQ,CAAA,wCAAuC,GAC7C,SAAA,CAAkBrB,GAAAb,GAChBe,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,WACb,iCAACkB,EAAK,KAAA,CAAA,QAAQ,cAAe,SAAAjC,CAAM,CAAA,EACrC,EAEFe,EAAA,kBAAA,IAACoB,EAAA,QAAA,CACC,UAAU,eACV,aAAYnC,GAAS,qBAAqBS,EAAM,IAAI,GACpD,cAAc,SAEb,SAAMA,EAAA,QAAA,CACT,CAAA,EACF,CACF,CAAA,CAAA,CAEJ,CAAA,CAGN,CAEa,MAAA2B,EAASC,aAAWtC,CAAO"}
+{"version":3,"file":"lyra18.cjs","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactNode, Ref } from \"react\";\nimport {\n  Button as AriaButton,\n  Label,\n  Select as AriaSelect,\n  SelectContext,\n  SelectProps as AriaSelectProps,\n  SelectValue,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useIsMobileDevice } from \"../../..\";\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { ListBox } from \"../../list-box\";\nimport { Popover } from \"../../overlays/popover\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n} from \"..\";\n\nexport type SelectProps<T extends object> = Omit<AriaSelectProps<T>, \"children\"> &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    hint?: string;\n    description?: string;\n    errorMessage?: string;\n    children: ReactNode | ((item: T) => ReactNode);\n    screenWidthMobileBreakpoint?: number;\n  };\n\nfunction _Select<T extends object>(\n  {\n    label,\n    hint,\n    size = \"medium\",\n    fullWidth,\n    validationState,\n    isRequired,\n    description,\n    errorMessage,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: SelectProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SelectContext);\n\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n\n  return (\n    <AriaSelect\n      {...props}\n      ref={ref}\n      className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}\n    >\n      {(state) => {\n        return (\n          <>\n            <div\n              className={cx(\n                \"mx-1 flex items-center gap-3\",\n                label ? \"justify-between\" : \"justify-end\",\n              )}\n            >\n              {label ? (\n                <Label\n                  className={sharedInputlabelStyles()}\n                  style={{ fontFamily: \"var(--input-label-font-family)\" }}\n                >\n                  {label}\n                  {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\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 className=\"flex items-center gap-2\">\n              <AriaButton\n                className={({ isDisabled, isFocusVisible, isHovered }) =>\n                  twMerge(\n                    sharedInputFieldStyles({\n                      isDisabled,\n                      isHovered,\n                      isFocused: isFocusVisible,\n                      fullWidth,\n                      size,\n                      validationState,\n                      className: \"w-full items-center justify-between gap-3\",\n                    }),\n                  )\n                }\n              >\n                <SelectValue className=\"select-none truncate\" />\n                <SvgIcon\n                  name=\"chevron-down\"\n                  aria-hidden=\"true\"\n                  className={cx(\n                    size === \"large\" && \"h-5 w-5\",\n                    size === \"medium\" && \"h-4 w-4\",\n                    size === \"small\" && \"h-3 w-3\",\n                    state.isOpen ? \"rotate-180\" : \"rotate-0\",\n                    \"transition duration-200 ease-out\",\n                  )}\n                />\n              </AriaButton>\n            </div>\n            {description && (\n              <Text\n                className=\"ms-1 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=\"ms-1 mt-1.5\"\n                variant=\"body-small\"\n                color=\"accent-danger\"\n                slot=\"errorMessage\"\n              >\n                {errorMessage}\n              </Text>\n            )}\n            <Popover showPopoverInBottomDrawerOnSmallScreens>\n              {isMobileDevice && label && (\n                <div className=\"p-4 pb-2\">\n                  <Text variant=\"body-medium\">{label}</Text>\n                </div>\n              )}\n              <ListBox\n                className=\"outline-none\"\n                aria-label={label ?? `options on select ${props.name}`}\n                selectionMode=\"single\"\n              >\n                {props.children}\n              </ListBox>\n            </Popover>\n          </>\n        );\n      }}\n    </AriaSelect>\n  );\n}\n\nexport const Select = forwardRef(_Select) as <T extends object>(\n  props: SelectProps<T> & { ref?: Ref<HTMLDivElement> },\n) => ReturnType<typeof _Select>;\n"],"names":["_Select","label","hint","size","fullWidth","validationState","isRequired","description","errorMessage","screenWidthMobileBreakpoint","props","ref","useContextProps","SelectContext","isMobileDevice","useIsMobileDevice","jsx","AriaSelect","twMerge","sharedInputFieldWrapperStyles","state","jsxs","Fragment","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","AriaButton","isDisabled","isFocusVisible","isHovered","sharedInputFieldStyles","SelectValue","SvgIcon","Text","Popover","ListBox","Select","forwardRef"],"mappings":"slCAqCA,SAASA,EACP,CACE,MAAAC,EACA,KAAAC,EACA,KAAAC,EAAO,SACP,UAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,YAAAC,EACA,aAAAC,EACA,4BAAAC,EAA8B,IAC9B,GAAGC,CACL,EACAC,EACA,CACA,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,aAAa,EAElD,MAAAC,EAAiBC,oBAAkBN,CAA2B,EAGlE,OAAAO,EAAA,kBAAA,IAACC,EAAA,OAAA,CACE,GAAGP,EACJ,IAAAC,EACA,UAAWO,EAAAA,QAAQC,EAAAA,8BAA8B,CAAE,UAAAf,CAAW,CAAA,CAAC,EAE9D,SAACgB,GAGIC,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAD,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWE,EAAA,GACT,+BACAtB,EAAQ,kBAAoB,aAC9B,EAEC,SAAA,CACCA,EAAAoB,EAAA,kBAAA,KAACG,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,EAClC,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAA,CAAAxB,EACAK,GAAcU,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,cAAe,SAAK,KAAA,CAAA,CAAA,CAAA,EAEnD,KACHd,EACCc,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWU,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAxB,CAAA,CAAA,EAED,IAAA,CAAA,CACN,EACAc,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,0BACb,SAAAK,EAAA,kBAAA,KAACM,EAAA,OAAA,CACC,UAAW,CAAC,CAAE,WAAAC,EAAY,eAAAC,EAAgB,UAAAC,CACxC,IAAAZ,EAAA,QACEa,yBAAuB,CACrB,WAAAH,EACA,UAAAE,EACA,UAAWD,EACX,UAAAzB,EACA,KAAAD,EACA,gBAAAE,EACA,UAAW,2CAAA,CACZ,CACH,EAGF,SAAA,CAACW,EAAAA,kBAAAA,IAAAgB,EAAA,YAAA,CAAY,UAAU,sBAAuB,CAAA,EAC9ChB,EAAA,kBAAA,IAACiB,EAAA,QAAA,CACC,KAAK,eACL,cAAY,OACZ,UAAWV,EAAA,GACTpB,IAAS,SAAW,UACpBA,IAAS,UAAY,UACrBA,IAAS,SAAW,UACpBiB,EAAM,OAAS,aAAe,WAC9B,kCACF,CAAA,CACF,CAAA,CAAA,CAAA,EAEJ,EACCb,GACCS,EAAA,kBAAA,IAACkB,EAAA,KAAA,CACC,UAAU,cACV,QAAQ,aACR,MAAM,YACN,KAAK,cAEJ,SAAA3B,CAAA,CACH,EAEDC,GACCQ,EAAA,kBAAA,IAACkB,EAAA,KAAA,CACC,UAAU,cACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAA1B,CAAA,CACH,EAEFa,EAAAA,kBAAAA,KAACc,EAAAA,QAAQ,CAAA,wCAAuC,GAC7C,SAAA,CAAkBrB,GAAAb,GAChBe,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,WACb,iCAACkB,EAAK,KAAA,CAAA,QAAQ,cAAe,SAAAjC,CAAM,CAAA,EACrC,EAEFe,EAAA,kBAAA,IAACoB,EAAA,QAAA,CACC,UAAU,eACV,aAAYnC,GAAS,qBAAqBS,EAAM,IAAI,GACpD,cAAc,SAEb,SAAMA,EAAA,QAAA,CACT,CAAA,EACF,CACF,CAAA,CAAA,CAEJ,CAAA,CAGN,CAEa,MAAA2B,EAASC,aAAWtC,CAAO"}

package/dist/lyra18.js

@@ -1,42 +1,43 @@
-import { j as e } from "./lyra52.js";
+import { j as e } from "./lyra53.js";
 import { forwardRef as y } from "react";
-import { useContextProps as v, Select as N, Label as S, Button as w, SelectValue as g, SelectContext as I } from "./lyra51.js";
+import { useContextProps as v, Select as N, Label as S, Button as w, SelectValue as g, SelectContext as I } from "./lyra52.js";
 import "./lyra2.js";
-import { cx as c } from "./lyra61.js";
-import "./lyra66.js";
-import { Text as i } from "./lyra41.js";
-import "./lyra70.js";
-import "./lyra71.js";
+import { cx as c } from "./lyra62.js";
 import "./lyra67.js";
-import "./lyra8.js";
+import { Text as i } from "./lyra42.js";
+import "./lyra68.js";
 import "./lyra69.js";
+import "./lyra70.js";
+import "./lyra8.js";
+import "./lyra72.js";
 import "./lyra10.js";
 import "./lyra11.js";
-import "./lyra141.js";
+import "./lyra147.js";
 import "./lyra24.js";
-import { SvgIcon as F } from "./lyra37.js";
+import { SvgIcon as F } from "./lyra38.js";
 import "./lyra15.js";
 import "./lyra17.js";
 import { sharedInputFieldWrapperStyles as M, sharedInputlabelStyles as B, sharedInputHintStyles as D, sharedInputFieldStyles as P } from "./lyra19.js";
 import "./lyra20.js";
-import "./lyra142.js";
+import "./lyra148.js";
 import "./lyra22.js";
 import "./lyra23.js";
 import "./lyra25.js";
-import { ListBox as C } from "./lyra26.js";
+import "./lyra26.js";
+import { ListBox as C } from "./lyra27.js";
 import "./lyra73.js";
-import { Popover as L } from "./lyra28.js";
-import "./lyra30.js";
+import { Popover as L } from "./lyra29.js";
+import "./lyra31.js";
 import "./lyra149.js";
 import "./lyra75.js";
-import "./lyra38.js";
-import "./lyra76.js";
-import "./lyra40.js";
-import "./lyra78.js";
-import { useIsMobileDevice as O } from "./lyra45.js";
-import "./lyra47.js";
-import "./lyra56.js";
-import { twMerge as p } from "./lyra53.js";
+import "./lyra39.js";
+import "./lyra77.js";
+import "./lyra41.js";
+import "./lyra79.js";
+import { useIsMobileDevice as O } from "./lyra46.js";
+import "./lyra48.js";
+import "./lyra57.js";
+import { twMerge as p } from "./lyra54.js";
 function R({
   label: t,
   hint: m,
@@ -157,7 +158,7 @@ function R({
     }
   );
 }
-const ve = y(R);
+const Ne = y(R);
 export {
-  ve as Select
+  Ne as Select
 };

package/dist/lyra18.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra18.js","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactNode, Ref } from \"react\";\nimport {\n  Button as AriaButton,\n  Label,\n  Select as AriaSelect,\n  SelectContext,\n  SelectProps as AriaSelectProps,\n  SelectValue,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useIsMobileDevice } from \"../../..\";\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { ListBox } from \"../../list-box\";\nimport { Popover } from \"../../overlays/popover\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n} from \"..\";\n\nexport type SelectProps<T extends object> = Omit<AriaSelectProps<T>, \"children\"> &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    hint?: string;\n    description?: string;\n    errorMessage?: string;\n    children: ReactNode | ((item: T) => ReactNode);\n    screenWidthMobileBreakpoint?: number;\n  };\n\nfunction _Select<T extends object>(\n  {\n    label,\n    hint,\n    size = \"medium\",\n    fullWidth,\n    validationState,\n    isRequired,\n    description,\n    errorMessage,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: SelectProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SelectContext);\n\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n\n  return (\n    <AriaSelect\n      {...props}\n      ref={ref}\n      className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}\n    >\n      {(state) => {\n        return (\n          <>\n            <div\n              className={cx(\n                \"mx-1 flex items-center gap-3\",\n                label ? \"justify-between\" : \"justify-end\",\n              )}\n            >\n              {label ? (\n                <Label\n                  className={sharedInputlabelStyles()}\n                  style={{ fontFamily: \"var(--input-label-font-family)\" }}\n                >\n                  {label}\n                  {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\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 className=\"flex items-center gap-2\">\n              <AriaButton\n                className={({ isDisabled, isFocusVisible, isHovered }) =>\n                  twMerge(\n                    sharedInputFieldStyles({\n                      isDisabled,\n                      isHovered,\n                      isFocused: isFocusVisible,\n                      fullWidth,\n                      size,\n                      validationState,\n                      className: \"w-full items-center justify-between gap-3\",\n                    }),\n                  )\n                }\n              >\n                <SelectValue className=\"select-none truncate\" />\n                <SvgIcon\n                  name=\"chevron-down\"\n                  aria-hidden=\"true\"\n                  className={cx(\n                    size === \"large\" && \"h-5 w-5\",\n                    size === \"medium\" && \"h-4 w-4\",\n                    size === \"small\" && \"h-3 w-3\",\n                    state.isOpen ? \"rotate-180\" : \"rotate-0\",\n                    \"transition duration-200 ease-out\",\n                  )}\n                />\n              </AriaButton>\n            </div>\n            {description && (\n              <Text\n                className=\"ms-1 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=\"ms-1 mt-1.5\"\n                variant=\"body-small\"\n                color=\"accent-danger\"\n                slot=\"errorMessage\"\n              >\n                {errorMessage}\n              </Text>\n            )}\n            <Popover showPopoverInBottomDrawerOnSmallScreens>\n              {isMobileDevice && label && (\n                <div className=\"p-4 pb-2\">\n                  <Text variant=\"body-medium\">{label}</Text>\n                </div>\n              )}\n              <ListBox\n                className=\"outline-none\"\n                aria-label={label ?? `options on select ${props.name}`}\n                selectionMode=\"single\"\n              >\n                {props.children}\n              </ListBox>\n            </Popover>\n          </>\n        );\n      }}\n    </AriaSelect>\n  );\n}\n\nexport const Select = forwardRef(_Select) as <T extends object>(\n  props: SelectProps<T> & { ref?: Ref<HTMLDivElement> },\n) => ReturnType<typeof _Select>;\n"],"names":["_Select","label","hint","size","fullWidth","validationState","isRequired","description","errorMessage","screenWidthMobileBreakpoint","props","ref","useContextProps","SelectContext","isMobileDevice","useIsMobileDevice","jsx","AriaSelect","twMerge","sharedInputFieldWrapperStyles","state","jsxs","Fragment","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","AriaButton","isDisabled","isFocusVisible","isHovered","sharedInputFieldStyles","SelectValue","SvgIcon","Text","Popover","ListBox","Select","forwardRef"],"mappings":"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"}
+{"version":3,"file":"lyra18.js","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactNode, Ref } from \"react\";\nimport {\n  Button as AriaButton,\n  Label,\n  Select as AriaSelect,\n  SelectContext,\n  SelectProps as AriaSelectProps,\n  SelectValue,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useIsMobileDevice } from \"../../..\";\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { ListBox } from \"../../list-box\";\nimport { Popover } from \"../../overlays/popover\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n} from \"..\";\n\nexport type SelectProps<T extends object> = Omit<AriaSelectProps<T>, \"children\"> &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    hint?: string;\n    description?: string;\n    errorMessage?: string;\n    children: ReactNode | ((item: T) => ReactNode);\n    screenWidthMobileBreakpoint?: number;\n  };\n\nfunction _Select<T extends object>(\n  {\n    label,\n    hint,\n    size = \"medium\",\n    fullWidth,\n    validationState,\n    isRequired,\n    description,\n    errorMessage,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: SelectProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SelectContext);\n\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n\n  return (\n    <AriaSelect\n      {...props}\n      ref={ref}\n      className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}\n    >\n      {(state) => {\n        return (\n          <>\n            <div\n              className={cx(\n                \"mx-1 flex items-center gap-3\",\n                label ? \"justify-between\" : \"justify-end\",\n              )}\n            >\n              {label ? (\n                <Label\n                  className={sharedInputlabelStyles()}\n                  style={{ fontFamily: \"var(--input-label-font-family)\" }}\n                >\n                  {label}\n                  {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\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 className=\"flex items-center gap-2\">\n              <AriaButton\n                className={({ isDisabled, isFocusVisible, isHovered }) =>\n                  twMerge(\n                    sharedInputFieldStyles({\n                      isDisabled,\n                      isHovered,\n                      isFocused: isFocusVisible,\n                      fullWidth,\n                      size,\n                      validationState,\n                      className: \"w-full items-center justify-between gap-3\",\n                    }),\n                  )\n                }\n              >\n                <SelectValue className=\"select-none truncate\" />\n                <SvgIcon\n                  name=\"chevron-down\"\n                  aria-hidden=\"true\"\n                  className={cx(\n                    size === \"large\" && \"h-5 w-5\",\n                    size === \"medium\" && \"h-4 w-4\",\n                    size === \"small\" && \"h-3 w-3\",\n                    state.isOpen ? \"rotate-180\" : \"rotate-0\",\n                    \"transition duration-200 ease-out\",\n                  )}\n                />\n              </AriaButton>\n            </div>\n            {description && (\n              <Text\n                className=\"ms-1 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=\"ms-1 mt-1.5\"\n                variant=\"body-small\"\n                color=\"accent-danger\"\n                slot=\"errorMessage\"\n              >\n                {errorMessage}\n              </Text>\n            )}\n            <Popover showPopoverInBottomDrawerOnSmallScreens>\n              {isMobileDevice && label && (\n                <div className=\"p-4 pb-2\">\n                  <Text variant=\"body-medium\">{label}</Text>\n                </div>\n              )}\n              <ListBox\n                className=\"outline-none\"\n                aria-label={label ?? `options on select ${props.name}`}\n                selectionMode=\"single\"\n              >\n                {props.children}\n              </ListBox>\n            </Popover>\n          </>\n        );\n      }}\n    </AriaSelect>\n  );\n}\n\nexport const Select = forwardRef(_Select) as <T extends object>(\n  props: SelectProps<T> & { ref?: Ref<HTMLDivElement> },\n) => ReturnType<typeof _Select>;\n"],"names":["_Select","label","hint","size","fullWidth","validationState","isRequired","description","errorMessage","screenWidthMobileBreakpoint","props","ref","useContextProps","SelectContext","isMobileDevice","useIsMobileDevice","jsx","AriaSelect","twMerge","sharedInputFieldWrapperStyles","state","jsxs","Fragment","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","AriaButton","isDisabled","isFocusVisible","isHovered","sharedInputFieldStyles","SelectValue","SvgIcon","Text","Popover","ListBox","Select","forwardRef"],"mappings":"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"}

package/dist/lyra19.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra61.cjs");require("./lyra72.cjs");const t=e.cva(["flex","flex-col"],{variants:{fullWidth:{true:"w-full",false:"w-fit"}}}),i=e.cva({},{variants:{size:{small:["min-h-[42px]","px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["min-h-[50px]","px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["min-h-[58px]","px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]}}}),a=e.cva(["flex","items-center","outline-none","border","border-solid","border-[--input-border-default-color]","rounded-[--input-radius]","font-sans","text-base","transition-all","ease-out","duration-150","placeholder:text-[--input-placeholder-color]"],{variants:{fullWidth:{true:"w-full",false:"w-fit"},isDisabled:{true:"bg-[--input-disabled-bg-color] text-[--input-text-disabled-color] cursor-not-allowed",false:"bg-[--input-background-color] text-[--input-text-color]"},size:{small:["px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]},validationState:{valid:"border-[--input-border-valid-color]",invalid:"border-[--input-border-invalid-color]"},isHovered:{true:""},isFocused:{true:""}},compoundVariants:[{validationState:void 0,isFocused:!1,isDisabled:!1,className:"border-[--input-border-default-color]"},{isDisabled:!1,isFocused:!1,validationState:void 0,isHovered:!0,className:"border-[--input-border-default-hover-color]"},{isFocused:!0,isDisabled:!1,validationState:void 0,className:"border-[--input-border-focused-color] ring ring-[--input-ring-focused-color]"},{isDisabled:!1,validationState:"valid",isFocused:!0,className:"ring !ring-[--input-ring-valid-color]"},{isDisabled:!1,isFocused:!0,validationState:"invalid",className:"ring !ring-[--input-ring-invalid-color]"}],defaultVariants:{isDisabled:!1}}),l=e.cva(["text-[--input-label-color]","text-[length:--input-label-size]","mb-[--input-label-margin-bottom]","transition-all","ease-out","duration-150"]),n=e.cva(["font-[--input-hint-weight]","text-[--input-hint-color]","mb-[--input-hint-margin-bottom]"],{variants:{size:{small:["text-[--input-hint-size-small]"],medium:["text-[--input-hint-size-medium]"],large:["text-[--input-hint-size-large]"]}}}),d=e.cva(["w-full","flex-grow","bg-transparent","outline-none","disabled:cursor-not-allowed"],{variants:{size:{small:["px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]}},defaultVariants:{size:"medium"}});exports.sharedInputFieldStyles=a;exports.sharedInputFieldWrapperStyles=t;exports.sharedInputHintStyles=n;exports.sharedInputSizeStyles=i;exports.sharedInputStyles=d;exports.sharedInputlabelStyles=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra62.cjs");require("./lyra76.cjs");const t=e.cva(["flex","flex-col"],{variants:{fullWidth:{true:"w-full",false:"w-fit"}}}),i=e.cva({},{variants:{size:{small:["min-h-[42px]","px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["min-h-[50px]","px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["min-h-[58px]","px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]}}}),a=e.cva(["flex","items-center","outline-none","border","border-solid","border-[--input-border-default-color]","rounded-[--input-radius]","font-sans","text-base","transition-all","ease-out","duration-150","placeholder:text-[--input-placeholder-color]"],{variants:{fullWidth:{true:"w-full",false:"w-fit"},isDisabled:{true:"bg-[--input-disabled-bg-color] text-[--input-text-disabled-color] cursor-not-allowed",false:"bg-[--input-background-color] text-[--input-text-color]"},size:{small:["px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]},validationState:{valid:"border-[--input-border-valid-color]",invalid:"border-[--input-border-invalid-color]"},isHovered:{true:""},isFocused:{true:""}},compoundVariants:[{validationState:void 0,isFocused:!1,isDisabled:!1,className:"border-[--input-border-default-color]"},{isDisabled:!1,isFocused:!1,validationState:void 0,isHovered:!0,className:"border-[--input-border-default-hover-color]"},{isFocused:!0,isDisabled:!1,validationState:void 0,className:"border-[--input-border-focused-color] ring ring-[--input-ring-focused-color]"},{isDisabled:!1,validationState:"valid",isFocused:!0,className:"ring !ring-[--input-ring-valid-color]"},{isDisabled:!1,isFocused:!0,validationState:"invalid",className:"ring !ring-[--input-ring-invalid-color]"}],defaultVariants:{isDisabled:!1}}),l=e.cva(["text-[--input-label-color]","text-[length:--input-label-size]","mb-[--input-label-margin-bottom]","transition-all","ease-out","duration-150"]),n=e.cva(["font-[--input-hint-weight]","text-[--input-hint-color]","mb-[--input-hint-margin-bottom]"],{variants:{size:{small:["text-[--input-hint-size-small]"],medium:["text-[--input-hint-size-medium]"],large:["text-[--input-hint-size-large]"]}}}),d=e.cva(["w-full","flex-grow","bg-transparent","outline-none","disabled:cursor-not-allowed"],{variants:{size:{small:["px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]}},defaultVariants:{size:"medium"}});exports.sharedInputFieldStyles=a;exports.sharedInputFieldWrapperStyles=t;exports.sharedInputHintStyles=n;exports.sharedInputSizeStyles=i;exports.sharedInputStyles=d;exports.sharedInputlabelStyles=l;

package/dist/lyra19.js

@@ -1,5 +1,5 @@
-import { cva as t } from "./lyra61.js";
-import "./lyra72.js";
+import { cva as t } from "./lyra62.js";
+import "./lyra76.js";
 const a = t(["flex", "flex-col"], {
   variants: {
     fullWidth: {

package/dist/lyra2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra52.cjs"),e=require("react"),A=require("./lyra51.cjs"),g=require("./lyra3.cjs"),S=require("./lyra37.cjs"),E=require("./lyra61.cjs"),R=require("./lyra62.cjs"),C=require("./lyra63.cjs"),h=require("./lyra53.cjs"),P=require("./lyra64.cjs"),N=require("./lyra65.cjs"),w=e.createContext(void 0),F=({children:m,mode:l="multiple",className:u,...d},p)=>{const[t,s]=e.useState([]),f=e.useCallback(o=>{l==="single"?t.includes(o)?s([]):s([o]):t.includes(o)?s(t.filter(i=>i!==o)):s([...t,o])},[l,t]);return n.jsxRuntimeExports.jsx(w.Provider,{value:{toggleItemKey:f,openItemKeys:t},children:n.jsxRuntimeExports.jsx("div",{ref:p,className:E.cx("accordion flex flex-col",u),...d,children:m})})},M=({title:m,className:l,isDisabled:u,defaultOpen:d,children:p,disableAccordionContentPadding:t},s)=>{const{focusProps:f,isFocusVisible:o}=C.useFocusRing({within:!0}),{toggleItemKey:i,openItemKeys:j}=e.useContext(w),c=e.useId(),I=e.useId(),v=e.useId(),y=e.useRef(!1),x=e.useMemo(()=>j.includes(c),[c,j]);return e.useEffect(()=>{d&&!y.current&&(i(c),y.current=!0)},[c,d,i]),n.jsxRuntimeExports.jsxs("div",{className:h.twMerge(g.accordionItemStyles({isFocusVisible:o,className:l})),...f,ref:s,children:[n.jsxRuntimeExports.jsxs(A.Button,{id:I,isDisabled:u,className:h.twMerge(g.accordionItemButtonStyles({isOpen:x,isDisabled:u})),"aria-expanded":x,onPress:()=>i(c),onKeyDown:r=>{if(r.key==="ArrowDown"){r.preventDefault();const a=r.currentTarget.parentElement.nextElementSibling;a&&a.firstChild.focus()}else if(r.key==="ArrowUp"){r.preventDefault();const a=r.currentTarget.parentElement.previousElementSibling;a&&a.firstChild.focus()}},"aria-controls":v,children:[m,n.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-down",className:E.cx("transition duration-200 ease-in-out",x?"rotate-180":"rotate-0","w-4")})]}),n.jsxRuntimeExports.jsx(P.AnimatePresence,{initial:!1,children:x&&n.jsxRuntimeExports.jsx(N.motion.div,{id:v,className:"overflow-clip",initial:"collapsed",animate:"open",exit:"collapsed",variants:{open:{opacity:1,height:"auto"},collapsed:{opacity:0,height:0}},transition:{duration:.3,ease:[.04,.62,.23,.98]},role:"region","aria-labelledby":I,children:n.jsxRuntimeExports.jsx("div",{className:g.accordionItemContentStyles({disableAccordionContentPadding:t}),style:{fontFamily:"var(--accordion-content-font-family)"},children:p})})})]})},_=R.fixedForwardRef(F),$=R.fixedForwardRef(M);exports.Accordion=_;exports.AccordionItem=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra53.cjs"),e=require("react"),A=require("./lyra52.cjs"),g=require("./lyra3.cjs"),S=require("./lyra38.cjs"),E=require("./lyra62.cjs"),R=require("./lyra63.cjs"),C=require("./lyra64.cjs"),h=require("./lyra54.cjs"),P=require("./lyra65.cjs"),N=require("./lyra66.cjs"),w=e.createContext(void 0),F=({children:m,mode:l="multiple",className:u,...d},p)=>{const[t,s]=e.useState([]),f=e.useCallback(o=>{l==="single"?t.includes(o)?s([]):s([o]):t.includes(o)?s(t.filter(i=>i!==o)):s([...t,o])},[l,t]);return n.jsxRuntimeExports.jsx(w.Provider,{value:{toggleItemKey:f,openItemKeys:t},children:n.jsxRuntimeExports.jsx("div",{ref:p,className:E.cx("accordion flex flex-col",u),...d,children:m})})},M=({title:m,className:l,isDisabled:u,defaultOpen:d,children:p,disableAccordionContentPadding:t},s)=>{const{focusProps:f,isFocusVisible:o}=C.useFocusRing({within:!0}),{toggleItemKey:i,openItemKeys:j}=e.useContext(w),c=e.useId(),I=e.useId(),v=e.useId(),y=e.useRef(!1),x=e.useMemo(()=>j.includes(c),[c,j]);return e.useEffect(()=>{d&&!y.current&&(i(c),y.current=!0)},[c,d,i]),n.jsxRuntimeExports.jsxs("div",{className:h.twMerge(g.accordionItemStyles({isFocusVisible:o,className:l})),...f,ref:s,children:[n.jsxRuntimeExports.jsxs(A.Button,{id:I,isDisabled:u,className:h.twMerge(g.accordionItemButtonStyles({isOpen:x,isDisabled:u})),"aria-expanded":x,onPress:()=>i(c),onKeyDown:r=>{if(r.key==="ArrowDown"){r.preventDefault();const a=r.currentTarget.parentElement.nextElementSibling;a&&a.firstChild.focus()}else if(r.key==="ArrowUp"){r.preventDefault();const a=r.currentTarget.parentElement.previousElementSibling;a&&a.firstChild.focus()}},"aria-controls":v,children:[m,n.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-down",className:E.cx("transition duration-200 ease-in-out",x?"rotate-180":"rotate-0","w-4")})]}),n.jsxRuntimeExports.jsx(P.AnimatePresence,{initial:!1,children:x&&n.jsxRuntimeExports.jsx(N.motion.div,{id:v,className:"overflow-clip",initial:"collapsed",animate:"open",exit:"collapsed",variants:{open:{opacity:1,height:"auto"},collapsed:{opacity:0,height:0}},transition:{duration:.3,ease:[.04,.62,.23,.98]},role:"region","aria-labelledby":I,children:n.jsxRuntimeExports.jsx("div",{className:g.accordionItemContentStyles({disableAccordionContentPadding:t}),style:{fontFamily:"var(--accordion-content-font-family)"},children:p})})})]})},_=R.fixedForwardRef(F),$=R.fixedForwardRef(M);exports.Accordion=_;exports.AccordionItem=$;

package/dist/lyra2.js

@@ -1,14 +1,14 @@
-import { j as t } from "./lyra52.js";
+import { j as t } from "./lyra53.js";
 import { createContext as S, useState as E, useCallback as N, useContext as P, useId as x, useRef as $, useMemo as R, useEffect as F } from "react";
-import { Button as k } from "./lyra51.js";
+import { Button as k } from "./lyra52.js";
 import { accordionItemStyles as D, accordionItemButtonStyles as B, accordionItemContentStyles as K } from "./lyra3.js";
-import { SvgIcon as M } from "./lyra37.js";
-import { cx as y } from "./lyra61.js";
-import { fixedForwardRef as j } from "./lyra62.js";
-import { useFocusRing as T } from "./lyra63.js";
-import { twMerge as h } from "./lyra53.js";
-import { AnimatePresence as _ } from "./lyra64.js";
-import { motion as z } from "./lyra65.js";
+import { SvgIcon as M } from "./lyra38.js";
+import { cx as y } from "./lyra62.js";
+import { fixedForwardRef as j } from "./lyra63.js";
+import { useFocusRing as T } from "./lyra64.js";
+import { twMerge as h } from "./lyra54.js";
+import { AnimatePresence as _ } from "./lyra65.js";
+import { motion as z } from "./lyra66.js";
 const w = S(
   void 0
 ), O = ({ children: m, mode: a = "multiple", className: l, ...f }, p) => {

package/dist/lyra20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra52.cjs"),s=require("./lyra51.cjs");require("./lyra2.cjs");require("./lyra66.cjs");const t=require("./lyra41.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra67.cjs");require("./lyra8.cjs");require("./lyra69.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra141.cjs");require("./lyra24.cjs");require("./lyra15.cjs");require("react");require("./lyra17.cjs");require("./lyra18.cjs");const y=require("./lyra19.cjs"),u=require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra73.cjs");require("./lyra28.cjs");require("./lyra30.cjs");require("./lyra149.cjs");require("./lyra75.cjs");require("./lyra38.cjs");require("./lyra76.cjs");require("./lyra40.cjs");require("./lyra78.cjs");require("./lyra47.cjs");require("./lyra56.cjs");const h=require("./lyra62.cjs"),R=require("./lyra50.cjs"),E=({label:x,description:a,errorMessage:o,className:d,fullWidth:m=!0,hideOutputLabel:q=!1,name:n,...j},p)=>{const{direction:c}=R.useLocale(),b=(r,i)=>r.length===1?`linear-gradient(${c==="rtl"?"to left":"to right"}, rgb(var(--color-primary-3)), rgb(var(--color-primary-3)) 0%,  rgb(var(--color-primary-3)) ${i(0)*100}%, rgb(var(--color-neutral-4)) ${i(0)*100}%, rgb(var(--color-neutral-4)))`:r.length===2?`linear-gradient(${c==="rtl"?"to left":"to right"}, rgb(var(--color-neutral-4)), rgb(var(--color-neutral-4)) ${i(0)*100}%, rgb(var(--color-primary-3)) ${i(0)*100}%, rgb(var(--color-primary-3)) ${i(1)*100}%, rgb(var(--color-neutral-4)) ${i(1)*100}%, rgb(var(--color-neutral-4)))`:"rgb(var(--color-neutral-4))";return e.jsxRuntimeExports.jsxs(s.Slider,{...j,className:u.sliderStyles({fullWidth:m,className:d}),ref:p,children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between pb-3",children:[e.jsxRuntimeExports.jsx(s.Label,{className:y.sharedInputlabelStyles(),children:x}),q?null:e.jsxRuntimeExports.jsx(s.SliderOutput,{children:({state:r})=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(t.Text,{variant:"body-medium",children:r==null?void 0:r.values.map((i,l)=>r.getThumbValueLabel(l)).join(" - ")})})})]}),e.jsxRuntimeExports.jsx(s.SliderTrack,{className:({isDisabled:r})=>u.sliderTrackStyles({isDisabled:r}),style:({state:r})=>({background:b(r.values,r.getThumbPercent)}),children:({state:r})=>e.jsxRuntimeExports.jsx("div",{className:"relative w-full px-0",children:r.values.map((i,l)=>e.jsxRuntimeExports.jsx(s.SliderThumb,{className:({isFocusVisible:v,isHovered:g})=>u.sliderThumbStyles({isFocusVisible:v,isHovered:g,className:"relative"}),index:l,label:i,children:n?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:n,value:i},l):null},l))})}),a&&e.jsxRuntimeExports.jsx(t.Text,{className:"mt-3",variant:"body-small",children:a}),o&&e.jsxRuntimeExports.jsx(t.Text,{className:"mt-3",variant:"body-small",color:"accent-danger",children:o})]})},S=h.fixedForwardRef(E);exports.Slider=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra53.cjs"),s=require("./lyra52.cjs");require("./lyra2.cjs");require("./lyra67.cjs");const t=require("./lyra42.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra8.cjs");require("./lyra72.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra147.cjs");require("./lyra24.cjs");require("./lyra15.cjs");require("react");require("./lyra17.cjs");require("./lyra18.cjs");const y=require("./lyra19.cjs"),u=require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra73.cjs");require("./lyra29.cjs");require("./lyra31.cjs");require("./lyra149.cjs");require("./lyra75.cjs");require("./lyra39.cjs");require("./lyra77.cjs");require("./lyra41.cjs");require("./lyra79.cjs");require("./lyra48.cjs");require("./lyra57.cjs");const h=require("./lyra63.cjs"),R=require("./lyra51.cjs"),E=({label:x,description:a,errorMessage:o,className:d,fullWidth:m=!0,hideOutputLabel:q=!1,name:n,...j},p)=>{const{direction:c}=R.useLocale(),b=(r,i)=>r.length===1?`linear-gradient(${c==="rtl"?"to left":"to right"}, rgb(var(--color-primary-3)), rgb(var(--color-primary-3)) 0%,  rgb(var(--color-primary-3)) ${i(0)*100}%, rgb(var(--color-neutral-4)) ${i(0)*100}%, rgb(var(--color-neutral-4)))`:r.length===2?`linear-gradient(${c==="rtl"?"to left":"to right"}, rgb(var(--color-neutral-4)), rgb(var(--color-neutral-4)) ${i(0)*100}%, rgb(var(--color-primary-3)) ${i(0)*100}%, rgb(var(--color-primary-3)) ${i(1)*100}%, rgb(var(--color-neutral-4)) ${i(1)*100}%, rgb(var(--color-neutral-4)))`:"rgb(var(--color-neutral-4))";return e.jsxRuntimeExports.jsxs(s.Slider,{...j,className:u.sliderStyles({fullWidth:m,className:d}),ref:p,children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between pb-3",children:[e.jsxRuntimeExports.jsx(s.Label,{className:y.sharedInputlabelStyles(),children:x}),q?null:e.jsxRuntimeExports.jsx(s.SliderOutput,{children:({state:r})=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(t.Text,{variant:"body-medium",children:r==null?void 0:r.values.map((i,l)=>r.getThumbValueLabel(l)).join(" - ")})})})]}),e.jsxRuntimeExports.jsx(s.SliderTrack,{className:({isDisabled:r})=>u.sliderTrackStyles({isDisabled:r}),style:({state:r})=>({background:b(r.values,r.getThumbPercent)}),children:({state:r})=>e.jsxRuntimeExports.jsx("div",{className:"relative w-full px-0",children:r.values.map((i,l)=>e.jsxRuntimeExports.jsx(s.SliderThumb,{className:({isFocusVisible:v,isHovered:g})=>u.sliderThumbStyles({isFocusVisible:v,isHovered:g,className:"relative"}),index:l,label:i,children:n?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:n,value:i},l):null},l))})}),a&&e.jsxRuntimeExports.jsx(t.Text,{className:"mt-3",variant:"body-small",children:a}),o&&e.jsxRuntimeExports.jsx(t.Text,{className:"mt-3",variant:"body-small",color:"accent-danger",children:o})]})},S=h.fixedForwardRef(E);exports.Slider=S;

package/dist/lyra20.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra20.cjs","sources":["../src/components/inputs/slider/slider.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef } from \"react\";\nimport {\n  Label,\n  Slider as AriaSlider,\n  SliderOutput,\n  SliderProps as AriaSliderProps,\n  SliderThumb,\n  SliderTrack,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Text } from \"../../text\";\nimport { sharedInputlabelStyles } from \"..\";\n\nimport { sliderStyles, sliderThumbStyles, sliderTrackStyles } from \"./slider.styles\";\n\nexport type SliderProps<T> = Omit<AriaSliderProps<T>, \"orientation\"> & {\n  label?: string;\n  description?: string;\n  errorMessage?: string;\n  fullWidth?: boolean;\n  hideOutputLabel?: boolean;\n  name?: string;\n};\n\ntype AriaSliderRef = ElementRef<typeof AriaSlider>;\n\nconst _Slider = <T extends number | number[]>(\n  {\n    label,\n    description,\n    errorMessage,\n    className,\n    fullWidth = true,\n    hideOutputLabel = false,\n    name,\n    ...props\n  }: SliderProps<T>,\n  ref: ForwardedRef<AriaSliderRef>,\n) => {\n  const { direction } = useLocale();\n\n  const createTrackColor = (values: number[], getThumbPercent: (index: number) => number) => {\n    if (values.length === 1) {\n      return `linear-gradient(${\n        direction === \"rtl\" ? \"to left\" : \"to right\"\n      }, rgb(var(--color-primary-3)), rgb(var(--color-primary-3)) 0%,  rgb(var(--color-primary-3)) ${\n        getThumbPercent(0) * 100\n      }%, rgb(var(--color-neutral-4)) ${getThumbPercent(0) * 100}%, rgb(var(--color-neutral-4)))`;\n    } else if (values.length === 2) {\n      return `linear-gradient(${\n        direction === \"rtl\" ? \"to left\" : \"to right\"\n      }, rgb(var(--color-neutral-4)), rgb(var(--color-neutral-4)) ${\n        getThumbPercent(0) * 100\n      }%, rgb(var(--color-primary-3)) ${getThumbPercent(0) * 100}%, rgb(var(--color-primary-3)) ${\n        getThumbPercent(1) * 100\n      }%, rgb(var(--color-neutral-4)) ${getThumbPercent(1) * 100}%, rgb(var(--color-neutral-4)))`;\n    } else {\n      return `rgb(var(--color-neutral-4))`;\n    }\n  };\n  return (\n    <AriaSlider {...props} className={sliderStyles({ fullWidth, className })} ref={ref}>\n      <div className=\"flex items-center justify-between pb-3\">\n        <Label className={sharedInputlabelStyles()}>{label}</Label>\n        {!hideOutputLabel ? (\n          <SliderOutput>\n            {({ state }) => (\n              <>\n                <Text variant=\"body-medium\">\n                  {state?.values.map((_, idx) => state.getThumbValueLabel(idx)).join(\" - \")}\n                </Text>\n              </>\n            )}\n          </SliderOutput>\n        ) : null}\n      </div>\n      <SliderTrack\n        className={({ isDisabled }) => sliderTrackStyles({ isDisabled })}\n        style={({ state }) => ({\n          background: createTrackColor(state.values, state.getThumbPercent),\n        })}\n      >\n        {({ state }) => (\n          <div className=\"relative w-full px-0\">\n            {state.values.map((value, index) => (\n              <SliderThumb\n                key={index}\n                className={({ isFocusVisible, isHovered }) =>\n                  sliderThumbStyles({\n                    isFocusVisible,\n                    isHovered,\n                    className: \"relative\",\n                  })\n                }\n                index={index}\n                label={value}\n              >\n                {name ? <input type=\"hidden\" key={index} name={name} value={value} /> : null}\n                {/* TODO: Remove if David is fine with my suggestion\n                <Text\n                  variant=\"body-medium\"\n                  className={cx(\n                    \"absolute -top-6 bg-neutral-0 leading-none\",\n                    state.getValuePercent(value) > 0.8 ? \"right-0\" : \"left-0\"\n                  )}\n                >\n                  {state.getFormattedValue(value)}\n                </Text> */}\n              </SliderThumb>\n            ))}\n          </div>\n        )}\n      </SliderTrack>\n      {description && (\n        <Text className=\"mt-3\" variant=\"body-small\">\n          {description}\n        </Text>\n      )}\n      {errorMessage && (\n        <Text className=\"mt-3\" variant=\"body-small\" color=\"accent-danger\">\n          {errorMessage}\n        </Text>\n      )}\n    </AriaSlider>\n  );\n};\n\nexport const Slider = fixedForwardRef(_Slider);\n"],"names":["_Slider","label","description","errorMessage","className","fullWidth","hideOutputLabel","name","props","ref","direction","useLocale","createTrackColor","values","getThumbPercent","jsxs","AriaSlider","sliderStyles","jsx","Label","sharedInputlabelStyles","SliderOutput","state","Fragment","Text","_","idx","SliderTrack","isDisabled","sliderTrackStyles","value","index","SliderThumb","isFocusVisible","isHovered","sliderThumbStyles","Slider","fixedForwardRef"],"mappings":"u+BA4BMA,EAAU,CACd,CACE,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,UAAAC,EAAY,GACZ,gBAAAC,EAAkB,GAClB,KAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACG,KAAA,CAAE,UAAAC,GAAcC,EAAAA,YAEhBC,EAAmB,CAACC,EAAkBC,IACtCD,EAAO,SAAW,EACb,mBACLH,IAAc,MAAQ,UAAY,UACpC,+FACEI,EAAgB,CAAC,EAAI,GACvB,kCAAkCA,EAAgB,CAAC,EAAI,GAAG,kCACjDD,EAAO,SAAW,EACpB,mBACLH,IAAc,MAAQ,UAAY,UACpC,8DACEI,EAAgB,CAAC,EAAI,GACvB,kCAAkCA,EAAgB,CAAC,EAAI,GAAG,kCACxDA,EAAgB,CAAC,EAAI,GACvB,kCAAkCA,EAAgB,CAAC,EAAI,GAAG,kCAEnD,8BAIT,OAAAC,yBAACC,EAAAA,OAAY,CAAA,GAAGR,EAAO,UAAWS,eAAa,CAAE,UAAAZ,EAAW,UAAAD,CAAA,CAAW,EAAG,IAAAK,EACxE,SAAA,CAACM,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAG,EAAA,kBAAA,IAACC,EAAM,MAAA,CAAA,UAAWC,EAAuB,uBAAA,EAAI,SAAMnB,EAAA,EACjDK,EAUE,KATDY,EAAAA,kBAAAA,IAAAG,EAAAA,aAAA,CACE,SAAC,CAAA,CAAE,MAAAC,CAAM,IAENJ,EAAAA,kBAAAA,IAAAK,EAAAA,kBAAAA,SAAA,CAAA,SAAAL,EAAA,kBAAA,IAACM,EAAK,KAAA,CAAA,QAAQ,cACX,SAAAF,GAAA,YAAAA,EAAO,OAAO,IAAI,CAACG,EAAGC,IAAQJ,EAAM,mBAAmBI,CAAG,GAAG,KAAK,MACrE,CAAA,CACF,CAAA,CAEJ,CAAA,CACE,EACN,EACAR,EAAA,kBAAA,IAACS,EAAA,YAAA,CACC,UAAW,CAAC,CAAE,WAAAC,CAAA,IAAiBC,EAAAA,kBAAkB,CAAE,WAAAD,EAAY,EAC/D,MAAO,CAAC,CAAE,MAAAN,MAAa,CACrB,WAAYV,EAAiBU,EAAM,OAAQA,EAAM,eAAe,CAAA,GAGjE,SAAC,CAAA,CAAE,MAAAA,CAAM,IACPJ,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,uBACZ,SAAMI,EAAA,OAAO,IAAI,CAACQ,EAAOC,IACxBb,EAAA,kBAAA,IAACc,EAAA,YAAA,CAEC,UAAW,CAAC,CAAE,eAAAC,EAAgB,UAAAC,CAAA,IAC5BC,EAAAA,kBAAkB,CAChB,eAAAF,EACA,UAAAC,EACA,UAAW,UAAA,CACZ,EAEH,MAAAH,EACA,MAAOD,EAEN,SAAAvB,0BAAQ,QAAM,CAAA,KAAK,SAAqB,KAAAA,EAAY,MAAAuB,GAAnBC,CAAiC,EAAK,IAAA,EAXnEA,CAuBR,CAAA,EACH,CAAA,CAEJ,EACC7B,GACEgB,EAAAA,kBAAAA,IAAAM,EAAA,KAAA,CAAK,UAAU,OAAO,QAAQ,aAC5B,SACHtB,EAAA,EAEDC,2BACEqB,OAAK,CAAA,UAAU,OAAO,QAAQ,aAAa,MAAM,gBAC/C,SACHrB,CAAA,CAAA,CAEJ,CAAA,CAAA,CAEJ,EAEaiC,EAASC,kBAAgBrC,CAAO"}
+{"version":3,"file":"lyra20.cjs","sources":["../src/components/inputs/slider/slider.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef } from \"react\";\nimport {\n  Label,\n  Slider as AriaSlider,\n  SliderOutput,\n  SliderProps as AriaSliderProps,\n  SliderThumb,\n  SliderTrack,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Text } from \"../../text\";\nimport { sharedInputlabelStyles } from \"..\";\n\nimport { sliderStyles, sliderThumbStyles, sliderTrackStyles } from \"./slider.styles\";\n\nexport type SliderProps<T> = Omit<AriaSliderProps<T>, \"orientation\"> & {\n  label?: string;\n  description?: string;\n  errorMessage?: string;\n  fullWidth?: boolean;\n  hideOutputLabel?: boolean;\n  name?: string;\n};\n\ntype AriaSliderRef = ElementRef<typeof AriaSlider>;\n\nconst _Slider = <T extends number | number[]>(\n  {\n    label,\n    description,\n    errorMessage,\n    className,\n    fullWidth = true,\n    hideOutputLabel = false,\n    name,\n    ...props\n  }: SliderProps<T>,\n  ref: ForwardedRef<AriaSliderRef>,\n) => {\n  const { direction } = useLocale();\n\n  const createTrackColor = (values: number[], getThumbPercent: (index: number) => number) => {\n    if (values.length === 1) {\n      return `linear-gradient(${\n        direction === \"rtl\" ? \"to left\" : \"to right\"\n      }, rgb(var(--color-primary-3)), rgb(var(--color-primary-3)) 0%,  rgb(var(--color-primary-3)) ${\n        getThumbPercent(0) * 100\n      }%, rgb(var(--color-neutral-4)) ${getThumbPercent(0) * 100}%, rgb(var(--color-neutral-4)))`;\n    } else if (values.length === 2) {\n      return `linear-gradient(${\n        direction === \"rtl\" ? \"to left\" : \"to right\"\n      }, rgb(var(--color-neutral-4)), rgb(var(--color-neutral-4)) ${\n        getThumbPercent(0) * 100\n      }%, rgb(var(--color-primary-3)) ${getThumbPercent(0) * 100}%, rgb(var(--color-primary-3)) ${\n        getThumbPercent(1) * 100\n      }%, rgb(var(--color-neutral-4)) ${getThumbPercent(1) * 100}%, rgb(var(--color-neutral-4)))`;\n    } else {\n      return `rgb(var(--color-neutral-4))`;\n    }\n  };\n  return (\n    <AriaSlider {...props} className={sliderStyles({ fullWidth, className })} ref={ref}>\n      <div className=\"flex items-center justify-between pb-3\">\n        <Label className={sharedInputlabelStyles()}>{label}</Label>\n        {!hideOutputLabel ? (\n          <SliderOutput>\n            {({ state }) => (\n              <>\n                <Text variant=\"body-medium\">\n                  {state?.values.map((_, idx) => state.getThumbValueLabel(idx)).join(\" - \")}\n                </Text>\n              </>\n            )}\n          </SliderOutput>\n        ) : null}\n      </div>\n      <SliderTrack\n        className={({ isDisabled }) => sliderTrackStyles({ isDisabled })}\n        style={({ state }) => ({\n          background: createTrackColor(state.values, state.getThumbPercent),\n        })}\n      >\n        {({ state }) => (\n          <div className=\"relative w-full px-0\">\n            {state.values.map((value, index) => (\n              <SliderThumb\n                key={index}\n                className={({ isFocusVisible, isHovered }) =>\n                  sliderThumbStyles({\n                    isFocusVisible,\n                    isHovered,\n                    className: \"relative\",\n                  })\n                }\n                index={index}\n                label={value}\n              >\n                {name ? <input type=\"hidden\" key={index} name={name} value={value} /> : null}\n                {/* TODO: Remove if David is fine with my suggestion\n                <Text\n                  variant=\"body-medium\"\n                  className={cx(\n                    \"absolute -top-6 bg-neutral-0 leading-none\",\n                    state.getValuePercent(value) > 0.8 ? \"right-0\" : \"left-0\"\n                  )}\n                >\n                  {state.getFormattedValue(value)}\n                </Text> */}\n              </SliderThumb>\n            ))}\n          </div>\n        )}\n      </SliderTrack>\n      {description && (\n        <Text className=\"mt-3\" variant=\"body-small\">\n          {description}\n        </Text>\n      )}\n      {errorMessage && (\n        <Text className=\"mt-3\" variant=\"body-small\" color=\"accent-danger\">\n          {errorMessage}\n        </Text>\n      )}\n    </AriaSlider>\n  );\n};\n\nexport const Slider = fixedForwardRef(_Slider);\n"],"names":["_Slider","label","description","errorMessage","className","fullWidth","hideOutputLabel","name","props","ref","direction","useLocale","createTrackColor","values","getThumbPercent","jsxs","AriaSlider","sliderStyles","jsx","Label","sharedInputlabelStyles","SliderOutput","state","Fragment","Text","_","idx","SliderTrack","isDisabled","sliderTrackStyles","value","index","SliderThumb","isFocusVisible","isHovered","sliderThumbStyles","Slider","fixedForwardRef"],"mappings":"+/BA4BMA,EAAU,CACd,CACE,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,UAAAC,EAAY,GACZ,gBAAAC,EAAkB,GAClB,KAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACG,KAAA,CAAE,UAAAC,GAAcC,EAAAA,YAEhBC,EAAmB,CAACC,EAAkBC,IACtCD,EAAO,SAAW,EACb,mBACLH,IAAc,MAAQ,UAAY,UACpC,+FACEI,EAAgB,CAAC,EAAI,GACvB,kCAAkCA,EAAgB,CAAC,EAAI,GAAG,kCACjDD,EAAO,SAAW,EACpB,mBACLH,IAAc,MAAQ,UAAY,UACpC,8DACEI,EAAgB,CAAC,EAAI,GACvB,kCAAkCA,EAAgB,CAAC,EAAI,GAAG,kCACxDA,EAAgB,CAAC,EAAI,GACvB,kCAAkCA,EAAgB,CAAC,EAAI,GAAG,kCAEnD,8BAIT,OAAAC,yBAACC,EAAAA,OAAY,CAAA,GAAGR,EAAO,UAAWS,eAAa,CAAE,UAAAZ,EAAW,UAAAD,CAAA,CAAW,EAAG,IAAAK,EACxE,SAAA,CAACM,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAG,EAAA,kBAAA,IAACC,EAAM,MAAA,CAAA,UAAWC,EAAuB,uBAAA,EAAI,SAAMnB,EAAA,EACjDK,EAUE,KATDY,EAAAA,kBAAAA,IAAAG,EAAAA,aAAA,CACE,SAAC,CAAA,CAAE,MAAAC,CAAM,IAENJ,EAAAA,kBAAAA,IAAAK,EAAAA,kBAAAA,SAAA,CAAA,SAAAL,EAAA,kBAAA,IAACM,EAAK,KAAA,CAAA,QAAQ,cACX,SAAAF,GAAA,YAAAA,EAAO,OAAO,IAAI,CAACG,EAAGC,IAAQJ,EAAM,mBAAmBI,CAAG,GAAG,KAAK,MACrE,CAAA,CACF,CAAA,CAEJ,CAAA,CACE,EACN,EACAR,EAAA,kBAAA,IAACS,EAAA,YAAA,CACC,UAAW,CAAC,CAAE,WAAAC,CAAA,IAAiBC,EAAAA,kBAAkB,CAAE,WAAAD,EAAY,EAC/D,MAAO,CAAC,CAAE,MAAAN,MAAa,CACrB,WAAYV,EAAiBU,EAAM,OAAQA,EAAM,eAAe,CAAA,GAGjE,SAAC,CAAA,CAAE,MAAAA,CAAM,IACPJ,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,uBACZ,SAAMI,EAAA,OAAO,IAAI,CAACQ,EAAOC,IACxBb,EAAA,kBAAA,IAACc,EAAA,YAAA,CAEC,UAAW,CAAC,CAAE,eAAAC,EAAgB,UAAAC,CAAA,IAC5BC,EAAAA,kBAAkB,CAChB,eAAAF,EACA,UAAAC,EACA,UAAW,UAAA,CACZ,EAEH,MAAAH,EACA,MAAOD,EAEN,SAAAvB,0BAAQ,QAAM,CAAA,KAAK,SAAqB,KAAAA,EAAY,MAAAuB,GAAnBC,CAAiC,EAAK,IAAA,EAXnEA,CAuBR,CAAA,EACH,CAAA,CAEJ,EACC7B,GACEgB,EAAAA,kBAAAA,IAAAM,EAAA,KAAA,CAAK,UAAU,OAAO,QAAQ,aAC5B,SACHtB,EAAA,EAEDC,2BACEqB,OAAK,CAAA,UAAU,OAAO,QAAQ,aAAa,MAAM,gBAC/C,SACHrB,CAAA,CAAA,CAEJ,CAAA,CAAA,CAEJ,EAEaiC,EAASC,kBAAgBrC,CAAO"}

package/dist/lyra20.js

@@ -1,16 +1,16 @@
-import { j as o } from "./lyra52.js";
-import { Slider as v, Label as g, SliderOutput as h, SliderTrack as j, SliderThumb as y } from "./lyra51.js";
+import { j as o } from "./lyra53.js";
+import { Slider as v, Label as g, SliderOutput as h, SliderTrack as j, SliderThumb as y } from "./lyra52.js";
 import "./lyra2.js";
-import "./lyra66.js";
-import { Text as i } from "./lyra41.js";
-import "./lyra70.js";
-import "./lyra71.js";
 import "./lyra67.js";
-import "./lyra8.js";
+import { Text as i } from "./lyra42.js";
+import "./lyra68.js";
 import "./lyra69.js";
+import "./lyra70.js";
+import "./lyra8.js";
+import "./lyra72.js";
 import "./lyra10.js";
 import "./lyra11.js";
-import "./lyra141.js";
+import "./lyra147.js";
 import "./lyra24.js";
 import "./lyra15.js";
 import "react";
@@ -22,19 +22,20 @@ import "./lyra22.js";
 import "./lyra23.js";
 import "./lyra25.js";
 import "./lyra26.js";
+import "./lyra27.js";
 import "./lyra73.js";
-import "./lyra28.js";
-import "./lyra30.js";
+import "./lyra29.js";
+import "./lyra31.js";
 import "./lyra149.js";
 import "./lyra75.js";
-import "./lyra38.js";
-import "./lyra76.js";
-import "./lyra40.js";
-import "./lyra78.js";
-import "./lyra47.js";
-import "./lyra56.js";
-import { fixedForwardRef as L } from "./lyra62.js";
-import { useLocale as T } from "./lyra50.js";
+import "./lyra39.js";
+import "./lyra77.js";
+import "./lyra41.js";
+import "./lyra79.js";
+import "./lyra48.js";
+import "./lyra57.js";
+import { fixedForwardRef as L } from "./lyra63.js";
+import { useLocale as T } from "./lyra51.js";
 const F = ({
   label: s,
   description: t,
@@ -77,7 +78,7 @@ const F = ({
     t && /* @__PURE__ */ o.jsx(i, { className: "mt-3", variant: "body-small", children: t }),
     a && /* @__PURE__ */ o.jsx(i, { className: "mt-3", variant: "body-small", color: "accent-danger", children: a })
   ] });
-}, fr = L(F);
+}, br = L(F);
 export {
-  fr as Slider
+  br as Slider
 };

package/dist/lyra20.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra20.js","sources":["../src/components/inputs/slider/slider.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef } from \"react\";\nimport {\n  Label,\n  Slider as AriaSlider,\n  SliderOutput,\n  SliderProps as AriaSliderProps,\n  SliderThumb,\n  SliderTrack,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Text } from \"../../text\";\nimport { sharedInputlabelStyles } from \"..\";\n\nimport { sliderStyles, sliderThumbStyles, sliderTrackStyles } from \"./slider.styles\";\n\nexport type SliderProps<T> = Omit<AriaSliderProps<T>, \"orientation\"> & {\n  label?: string;\n  description?: string;\n  errorMessage?: string;\n  fullWidth?: boolean;\n  hideOutputLabel?: boolean;\n  name?: string;\n};\n\ntype AriaSliderRef = ElementRef<typeof AriaSlider>;\n\nconst _Slider = <T extends number | number[]>(\n  {\n    label,\n    description,\n    errorMessage,\n    className,\n    fullWidth = true,\n    hideOutputLabel = false,\n    name,\n    ...props\n  }: SliderProps<T>,\n  ref: ForwardedRef<AriaSliderRef>,\n) => {\n  const { direction } = useLocale();\n\n  const createTrackColor = (values: number[], getThumbPercent: (index: number) => number) => {\n    if (values.length === 1) {\n      return `linear-gradient(${\n        direction === \"rtl\" ? \"to left\" : \"to right\"\n      }, rgb(var(--color-primary-3)), rgb(var(--color-primary-3)) 0%,  rgb(var(--color-primary-3)) ${\n        getThumbPercent(0) * 100\n      }%, rgb(var(--color-neutral-4)) ${getThumbPercent(0) * 100}%, rgb(var(--color-neutral-4)))`;\n    } else if (values.length === 2) {\n      return `linear-gradient(${\n        direction === \"rtl\" ? \"to left\" : \"to right\"\n      }, rgb(var(--color-neutral-4)), rgb(var(--color-neutral-4)) ${\n        getThumbPercent(0) * 100\n      }%, rgb(var(--color-primary-3)) ${getThumbPercent(0) * 100}%, rgb(var(--color-primary-3)) ${\n        getThumbPercent(1) * 100\n      }%, rgb(var(--color-neutral-4)) ${getThumbPercent(1) * 100}%, rgb(var(--color-neutral-4)))`;\n    } else {\n      return `rgb(var(--color-neutral-4))`;\n    }\n  };\n  return (\n    <AriaSlider {...props} className={sliderStyles({ fullWidth, className })} ref={ref}>\n      <div className=\"flex items-center justify-between pb-3\">\n        <Label className={sharedInputlabelStyles()}>{label}</Label>\n        {!hideOutputLabel ? (\n          <SliderOutput>\n            {({ state }) => (\n              <>\n                <Text variant=\"body-medium\">\n                  {state?.values.map((_, idx) => state.getThumbValueLabel(idx)).join(\" - \")}\n                </Text>\n              </>\n            )}\n          </SliderOutput>\n        ) : null}\n      </div>\n      <SliderTrack\n        className={({ isDisabled }) => sliderTrackStyles({ isDisabled })}\n        style={({ state }) => ({\n          background: createTrackColor(state.values, state.getThumbPercent),\n        })}\n      >\n        {({ state }) => (\n          <div className=\"relative w-full px-0\">\n            {state.values.map((value, index) => (\n              <SliderThumb\n                key={index}\n                className={({ isFocusVisible, isHovered }) =>\n                  sliderThumbStyles({\n                    isFocusVisible,\n                    isHovered,\n                    className: \"relative\",\n                  })\n                }\n                index={index}\n                label={value}\n              >\n                {name ? <input type=\"hidden\" key={index} name={name} value={value} /> : null}\n                {/* TODO: Remove if David is fine with my suggestion\n                <Text\n                  variant=\"body-medium\"\n                  className={cx(\n                    \"absolute -top-6 bg-neutral-0 leading-none\",\n                    state.getValuePercent(value) > 0.8 ? \"right-0\" : \"left-0\"\n                  )}\n                >\n                  {state.getFormattedValue(value)}\n                </Text> */}\n              </SliderThumb>\n            ))}\n          </div>\n        )}\n      </SliderTrack>\n      {description && (\n        <Text className=\"mt-3\" variant=\"body-small\">\n          {description}\n        </Text>\n      )}\n      {errorMessage && (\n        <Text className=\"mt-3\" variant=\"body-small\" color=\"accent-danger\">\n          {errorMessage}\n        </Text>\n      )}\n    </AriaSlider>\n  );\n};\n\nexport const Slider = fixedForwardRef(_Slider);\n"],"names":["_Slider","label","description","errorMessage","className","fullWidth","hideOutputLabel","name","props","ref","direction","useLocale","createTrackColor","values","getThumbPercent","jsxs","AriaSlider","sliderStyles","jsx","Label","sharedInputlabelStyles","SliderOutput","state","Fragment","Text","_","idx","SliderTrack","isDisabled","sliderTrackStyles","value","index","SliderThumb","isFocusVisible","isHovered","sliderThumbStyles","Slider","fixedForwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAMA,IAAU,CACd;AAAA,EACE,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,iBAAAC,IAAkB;AAAA,EAClB,MAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACG,QAAA,EAAE,WAAAC,MAAcC,KAEhBC,IAAmB,CAACC,GAAkBC,MACtCD,EAAO,WAAW,IACb,mBACLH,MAAc,QAAQ,YAAY,UACpC,+FACEI,EAAgB,CAAC,IAAI,GACvB,kCAAkCA,EAAgB,CAAC,IAAI,GAAG,oCACjDD,EAAO,WAAW,IACpB,mBACLH,MAAc,QAAQ,YAAY,UACpC,8DACEI,EAAgB,CAAC,IAAI,GACvB,kCAAkCA,EAAgB,CAAC,IAAI,GAAG,kCACxDA,EAAgB,CAAC,IAAI,GACvB,kCAAkCA,EAAgB,CAAC,IAAI,GAAG,oCAEnD;AAIT,SAAAC,gBAAAA,OAACC,GAAY,EAAA,GAAGR,GAAO,WAAWS,EAAa,EAAE,WAAAZ,GAAW,WAAAD,EAAA,CAAW,GAAG,KAAAK,GACxE,UAAA;AAAA,IAACM,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,MAAAG,gBAAAA,EAAA,IAACC,GAAM,EAAA,WAAWC,EAAuB,GAAI,UAAMnB,GAAA;AAAA,MACjDK,IAUE,OATDY,gBAAAA,EAAAA,IAAAG,GAAA,EACE,UAAC,CAAA,EAAE,OAAAC,EAAM,MAENJ,gBAAAA,EAAAA,IAAAK,EAAAA,UAAA,EAAA,UAAAL,gBAAAA,EAAA,IAACM,GAAK,EAAA,SAAQ,eACX,UAAAF,KAAA,gBAAAA,EAAO,OAAO,IAAI,CAACG,GAAGC,MAAQJ,EAAM,mBAAmBI,CAAG,GAAG,KAAK,OACrE,CAAA,EACF,CAAA,EAEJ,CAAA;AAAA,IACE,GACN;AAAA,IACAR,gBAAAA,EAAA;AAAA,MAACS;AAAAA,MAAA;AAAA,QACC,WAAW,CAAC,EAAE,YAAAC,EAAA,MAAiBC,EAAkB,EAAE,YAAAD,GAAY;AAAA,QAC/D,OAAO,CAAC,EAAE,OAAAN,SAAa;AAAA,UACrB,YAAYV,EAAiBU,EAAM,QAAQA,EAAM,eAAe;AAAA,QAAA;AAAA,QAGjE,UAAC,CAAA,EAAE,OAAAA,EAAM,MACPJ,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,wBACZ,UAAMI,EAAA,OAAO,IAAI,CAACQ,GAAOC,MACxBb,gBAAAA,EAAA;AAAA,UAACc;AAAAA,UAAA;AAAA,YAEC,WAAW,CAAC,EAAE,gBAAAC,GAAgB,WAAAC,EAAA,MAC5BC,EAAkB;AAAA,cAChB,gBAAAF;AAAA,cACA,WAAAC;AAAA,cACA,WAAW;AAAA,YAAA,CACZ;AAAA,YAEH,OAAAH;AAAA,YACA,OAAOD;AAAA,YAEN,UAAAvB,0BAAQ,SAAM,EAAA,MAAK,UAAqB,MAAAA,GAAY,OAAAuB,KAAnBC,CAAiC,IAAK;AAAA,UAAA;AAAA,UAXnEA;AAAA,QAuBR,CAAA,GACH;AAAA,MAAA;AAAA,IAEJ;AAAA,IACC7B,KACEgB,gBAAAA,EAAAA,IAAAM,GAAA,EAAK,WAAU,QAAO,SAAQ,cAC5B,UACHtB,GAAA;AAAA,IAEDC,2BACEqB,GAAK,EAAA,WAAU,QAAO,SAAQ,cAAa,OAAM,iBAC/C,UACHrB,EAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEaiC,KAASC,EAAgBrC,CAAO;"}
+{"version":3,"file":"lyra20.js","sources":["../src/components/inputs/slider/slider.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef } from \"react\";\nimport {\n  Label,\n  Slider as AriaSlider,\n  SliderOutput,\n  SliderProps as AriaSliderProps,\n  SliderThumb,\n  SliderTrack,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Text } from \"../../text\";\nimport { sharedInputlabelStyles } from \"..\";\n\nimport { sliderStyles, sliderThumbStyles, sliderTrackStyles } from \"./slider.styles\";\n\nexport type SliderProps<T> = Omit<AriaSliderProps<T>, \"orientation\"> & {\n  label?: string;\n  description?: string;\n  errorMessage?: string;\n  fullWidth?: boolean;\n  hideOutputLabel?: boolean;\n  name?: string;\n};\n\ntype AriaSliderRef = ElementRef<typeof AriaSlider>;\n\nconst _Slider = <T extends number | number[]>(\n  {\n    label,\n    description,\n    errorMessage,\n    className,\n    fullWidth = true,\n    hideOutputLabel = false,\n    name,\n    ...props\n  }: SliderProps<T>,\n  ref: ForwardedRef<AriaSliderRef>,\n) => {\n  const { direction } = useLocale();\n\n  const createTrackColor = (values: number[], getThumbPercent: (index: number) => number) => {\n    if (values.length === 1) {\n      return `linear-gradient(${\n        direction === \"rtl\" ? \"to left\" : \"to right\"\n      }, rgb(var(--color-primary-3)), rgb(var(--color-primary-3)) 0%,  rgb(var(--color-primary-3)) ${\n        getThumbPercent(0) * 100\n      }%, rgb(var(--color-neutral-4)) ${getThumbPercent(0) * 100}%, rgb(var(--color-neutral-4)))`;\n    } else if (values.length === 2) {\n      return `linear-gradient(${\n        direction === \"rtl\" ? \"to left\" : \"to right\"\n      }, rgb(var(--color-neutral-4)), rgb(var(--color-neutral-4)) ${\n        getThumbPercent(0) * 100\n      }%, rgb(var(--color-primary-3)) ${getThumbPercent(0) * 100}%, rgb(var(--color-primary-3)) ${\n        getThumbPercent(1) * 100\n      }%, rgb(var(--color-neutral-4)) ${getThumbPercent(1) * 100}%, rgb(var(--color-neutral-4)))`;\n    } else {\n      return `rgb(var(--color-neutral-4))`;\n    }\n  };\n  return (\n    <AriaSlider {...props} className={sliderStyles({ fullWidth, className })} ref={ref}>\n      <div className=\"flex items-center justify-between pb-3\">\n        <Label className={sharedInputlabelStyles()}>{label}</Label>\n        {!hideOutputLabel ? (\n          <SliderOutput>\n            {({ state }) => (\n              <>\n                <Text variant=\"body-medium\">\n                  {state?.values.map((_, idx) => state.getThumbValueLabel(idx)).join(\" - \")}\n                </Text>\n              </>\n            )}\n          </SliderOutput>\n        ) : null}\n      </div>\n      <SliderTrack\n        className={({ isDisabled }) => sliderTrackStyles({ isDisabled })}\n        style={({ state }) => ({\n          background: createTrackColor(state.values, state.getThumbPercent),\n        })}\n      >\n        {({ state }) => (\n          <div className=\"relative w-full px-0\">\n            {state.values.map((value, index) => (\n              <SliderThumb\n                key={index}\n                className={({ isFocusVisible, isHovered }) =>\n                  sliderThumbStyles({\n                    isFocusVisible,\n                    isHovered,\n                    className: \"relative\",\n                  })\n                }\n                index={index}\n                label={value}\n              >\n                {name ? <input type=\"hidden\" key={index} name={name} value={value} /> : null}\n                {/* TODO: Remove if David is fine with my suggestion\n                <Text\n                  variant=\"body-medium\"\n                  className={cx(\n                    \"absolute -top-6 bg-neutral-0 leading-none\",\n                    state.getValuePercent(value) > 0.8 ? \"right-0\" : \"left-0\"\n                  )}\n                >\n                  {state.getFormattedValue(value)}\n                </Text> */}\n              </SliderThumb>\n            ))}\n          </div>\n        )}\n      </SliderTrack>\n      {description && (\n        <Text className=\"mt-3\" variant=\"body-small\">\n          {description}\n        </Text>\n      )}\n      {errorMessage && (\n        <Text className=\"mt-3\" variant=\"body-small\" color=\"accent-danger\">\n          {errorMessage}\n        </Text>\n      )}\n    </AriaSlider>\n  );\n};\n\nexport const Slider = fixedForwardRef(_Slider);\n"],"names":["_Slider","label","description","errorMessage","className","fullWidth","hideOutputLabel","name","props","ref","direction","useLocale","createTrackColor","values","getThumbPercent","jsxs","AriaSlider","sliderStyles","jsx","Label","sharedInputlabelStyles","SliderOutput","state","Fragment","Text","_","idx","SliderTrack","isDisabled","sliderTrackStyles","value","index","SliderThumb","isFocusVisible","isHovered","sliderThumbStyles","Slider","fixedForwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAMA,IAAU,CACd;AAAA,EACE,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,iBAAAC,IAAkB;AAAA,EAClB,MAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACG,QAAA,EAAE,WAAAC,MAAcC,KAEhBC,IAAmB,CAACC,GAAkBC,MACtCD,EAAO,WAAW,IACb,mBACLH,MAAc,QAAQ,YAAY,UACpC,+FACEI,EAAgB,CAAC,IAAI,GACvB,kCAAkCA,EAAgB,CAAC,IAAI,GAAG,oCACjDD,EAAO,WAAW,IACpB,mBACLH,MAAc,QAAQ,YAAY,UACpC,8DACEI,EAAgB,CAAC,IAAI,GACvB,kCAAkCA,EAAgB,CAAC,IAAI,GAAG,kCACxDA,EAAgB,CAAC,IAAI,GACvB,kCAAkCA,EAAgB,CAAC,IAAI,GAAG,oCAEnD;AAIT,SAAAC,gBAAAA,OAACC,GAAY,EAAA,GAAGR,GAAO,WAAWS,EAAa,EAAE,WAAAZ,GAAW,WAAAD,EAAA,CAAW,GAAG,KAAAK,GACxE,UAAA;AAAA,IAACM,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,MAAAG,gBAAAA,EAAA,IAACC,GAAM,EAAA,WAAWC,EAAuB,GAAI,UAAMnB,GAAA;AAAA,MACjDK,IAUE,OATDY,gBAAAA,EAAAA,IAAAG,GAAA,EACE,UAAC,CAAA,EAAE,OAAAC,EAAM,MAENJ,gBAAAA,EAAAA,IAAAK,EAAAA,UAAA,EAAA,UAAAL,gBAAAA,EAAA,IAACM,GAAK,EAAA,SAAQ,eACX,UAAAF,KAAA,gBAAAA,EAAO,OAAO,IAAI,CAACG,GAAGC,MAAQJ,EAAM,mBAAmBI,CAAG,GAAG,KAAK,OACrE,CAAA,EACF,CAAA,EAEJ,CAAA;AAAA,IACE,GACN;AAAA,IACAR,gBAAAA,EAAA;AAAA,MAACS;AAAAA,MAAA;AAAA,QACC,WAAW,CAAC,EAAE,YAAAC,EAAA,MAAiBC,EAAkB,EAAE,YAAAD,GAAY;AAAA,QAC/D,OAAO,CAAC,EAAE,OAAAN,SAAa;AAAA,UACrB,YAAYV,EAAiBU,EAAM,QAAQA,EAAM,eAAe;AAAA,QAAA;AAAA,QAGjE,UAAC,CAAA,EAAE,OAAAA,EAAM,MACPJ,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,wBACZ,UAAMI,EAAA,OAAO,IAAI,CAACQ,GAAOC,MACxBb,gBAAAA,EAAA;AAAA,UAACc;AAAAA,UAAA;AAAA,YAEC,WAAW,CAAC,EAAE,gBAAAC,GAAgB,WAAAC,EAAA,MAC5BC,EAAkB;AAAA,cAChB,gBAAAF;AAAA,cACA,WAAAC;AAAA,cACA,WAAW;AAAA,YAAA,CACZ;AAAA,YAEH,OAAAH;AAAA,YACA,OAAOD;AAAA,YAEN,UAAAvB,0BAAQ,SAAM,EAAA,MAAK,UAAqB,MAAAA,GAAY,OAAAuB,KAAnBC,CAAiC,IAAK;AAAA,UAAA;AAAA,UAXnEA;AAAA,QAuBR,CAAA,GACH;AAAA,MAAA;AAAA,IAEJ;AAAA,IACC7B,KACEgB,gBAAAA,EAAAA,IAAAM,GAAA,EAAK,WAAU,QAAO,SAAQ,cAC5B,UACHtB,GAAA;AAAA,IAEDC,2BACEqB,GAAK,EAAA,WAAU,QAAO,SAAQ,cAAa,OAAM,iBAC/C,UACHrB,EAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,GAEaiC,KAASC,EAAgBrC,CAAO;"}

package/dist/lyra21.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra61.cjs");require("./lyra142.cjs");const r=e.cva(["flex","flex-col","w-full"],{variants:{fullWidth:{false:"max-w-[--slider-base-width]"}}}),s=e.cva(["relative","h-[--slider-track-base-height]","rounded-[--slider-track-base-radius]","w-full","px-2.5"],{variants:{isDisabled:{true:"opacity-50"}}}),l=e.cva(["absolute","top-0.5","h-6","w-6","rounded-full","border","border-solid","border-[--slider-thumb-border-color]","bg-[--slider-thumb-bg]","transition-all","duration-100","ease-out"],{variants:{isHovered:{true:""},isFocusVisible:{true:["border-[length:var(--slider-thumb-border-width-focus)]","!border-[--slider-thumb-border-color-focus]","!bg-[--slider-thumb-bg-focus]"]}},compoundVariants:[{isHovered:!0,isFocusVisible:!1,className:"!bg-[--slider-thumb-bg-hover]"}]});exports.sliderStyles=r;exports.sliderThumbStyles=l;exports.sliderTrackStyles=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra62.cjs");require("./lyra148.cjs");const r=e.cva(["flex","flex-col","w-full"],{variants:{fullWidth:{false:"max-w-[--slider-base-width]"}}}),s=e.cva(["relative","h-[--slider-track-base-height]","rounded-[--slider-track-base-radius]","w-full","px-2.5"],{variants:{isDisabled:{true:"opacity-50"}}}),l=e.cva(["absolute","top-0.5","h-6","w-6","rounded-full","border","border-solid","border-[--slider-thumb-border-color]","bg-[--slider-thumb-bg]","transition-all","duration-100","ease-out"],{variants:{isHovered:{true:""},isFocusVisible:{true:["border-[length:var(--slider-thumb-border-width-focus)]","!border-[--slider-thumb-border-color-focus]","!bg-[--slider-thumb-bg-focus]"]}},compoundVariants:[{isHovered:!0,isFocusVisible:!1,className:"!bg-[--slider-thumb-bg-hover]"}]});exports.sliderStyles=r;exports.sliderThumbStyles=l;exports.sliderTrackStyles=s;

package/dist/lyra21.js

@@ -1,5 +1,5 @@
-import { cva as r } from "./lyra61.js";
-import "./lyra142.js";
+import { cva as r } from "./lyra62.js";
+import "./lyra148.js";
 const l = r(["flex", "flex-col", "w-full"], {
   variants: {
     fullWidth: {

package/dist/lyra22.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra52.cjs"),F=require("react"),r=require("./lyra51.cjs"),p=require("./lyra61.cjs"),w=require("./lyra62.cjs"),M=require("./lyra8.cjs");require("./lyra69.cjs");const H=require("./lyra35.cjs"),P=require("./lyra37.cjs"),v=require("./lyra41.cjs");require("./lyra70.cjs");const l=require("./lyra19.cjs");require("./lyra72.cjs");const B=require("./lyra53.cjs"),C=({label:a,description:x,errorMessage:m,className:R,fullWidth:q=!1,isDisabled:o=!1,isRequired:u=!1,clearString:N="Clear",validationState:d,startSlot:j,endSlot:h,size:S,hint:f,isLoading:y,inputRef:I,...s},c)=>{[s,c]=r.useContextProps(s,c,r.SearchFieldContext);const[g,E]=F.useState(!1),[b,i]=F.useState(!1);return e.jsxRuntimeExports.jsx(r.SearchField,{className:l.sharedInputFieldWrapperStyles({className:R}),isDisabled:o,isRequired:u,validationState:d,...s,onFocus:t=>{var n;E(!0),(n=s.onFocus)==null||n.call(s,t)},onBlur:t=>{var n;E(!1),(n=s.onBlur)==null||n.call(s,t)},ref:c,children:({isEmpty:t})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:p.cx("flex items-center gap-3",a?"justify-between":"justify-end"),children:[a?e.jsxRuntimeExports.jsxs(r.Label,{className:l.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[a,u&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,f?e.jsxRuntimeExports.jsx("span",{className:l.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:f}):null]}),e.jsxRuntimeExports.jsxs("div",{className:B.twMerge(l.sharedInputFieldStyles({fullWidth:q,isFocused:g,isHovered:b,isDisabled:o,validationState:d})),onPointerEnter:()=>i(!0),onPointerLeave:()=>i(!1),onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:[j,e.jsxRuntimeExports.jsx(r.Input,{className:l.sharedInputStyles({size:S,className:p.cx(!!j&&"ps-2",!!h&&"pe-2")}),required:u,disabled:o,style:{fontFamily:"var(--input-font-family)"},ref:I}),!t&&!y?e.jsxRuntimeExports.jsx("div",{className:"px-2",children:e.jsxRuntimeExports.jsx(M.Button,{variant:"ghost",size:"small",tooltip:N,children:e.jsxRuntimeExports.jsx(P.SvgIcon,{name:"cross",className:"h-4 w-4"})})}):null,y?e.jsxRuntimeExports.jsx("div",{className:"px-4",children:e.jsxRuntimeExports.jsx(H.Spinner,{size:"small"})}):null,h]}),x&&e.jsxRuntimeExports.jsx(v.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:x}),m&&e.jsxRuntimeExports.jsx(v.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:m})]})})},T=w.fixedForwardRef(C);exports.SearchField=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra53.cjs"),F=require("react"),r=require("./lyra52.cjs"),p=require("./lyra62.cjs"),w=require("./lyra63.cjs"),M=require("./lyra8.cjs");require("./lyra72.cjs");const H=require("./lyra36.cjs"),P=require("./lyra38.cjs"),v=require("./lyra42.cjs");require("./lyra68.cjs");const l=require("./lyra19.cjs");require("./lyra76.cjs");const B=require("./lyra54.cjs"),C=({label:a,description:x,errorMessage:m,className:R,fullWidth:q=!1,isDisabled:o=!1,isRequired:u=!1,clearString:N="Clear",validationState:d,startSlot:j,endSlot:h,size:S,hint:f,isLoading:y,inputRef:I,...s},c)=>{[s,c]=r.useContextProps(s,c,r.SearchFieldContext);const[g,E]=F.useState(!1),[b,i]=F.useState(!1);return e.jsxRuntimeExports.jsx(r.SearchField,{className:l.sharedInputFieldWrapperStyles({className:R}),isDisabled:o,isRequired:u,validationState:d,...s,onFocus:t=>{var n;E(!0),(n=s.onFocus)==null||n.call(s,t)},onBlur:t=>{var n;E(!1),(n=s.onBlur)==null||n.call(s,t)},ref:c,children:({isEmpty:t})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:p.cx("flex items-center gap-3",a?"justify-between":"justify-end"),children:[a?e.jsxRuntimeExports.jsxs(r.Label,{className:l.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[a,u&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,f?e.jsxRuntimeExports.jsx("span",{className:l.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:f}):null]}),e.jsxRuntimeExports.jsxs("div",{className:B.twMerge(l.sharedInputFieldStyles({fullWidth:q,isFocused:g,isHovered:b,isDisabled:o,validationState:d})),onPointerEnter:()=>i(!0),onPointerLeave:()=>i(!1),onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1),children:[j,e.jsxRuntimeExports.jsx(r.Input,{className:l.sharedInputStyles({size:S,className:p.cx(!!j&&"ps-2",!!h&&"pe-2")}),required:u,disabled:o,style:{fontFamily:"var(--input-font-family)"},ref:I}),!t&&!y?e.jsxRuntimeExports.jsx("div",{className:"px-2",children:e.jsxRuntimeExports.jsx(M.Button,{variant:"ghost",size:"small",tooltip:N,children:e.jsxRuntimeExports.jsx(P.SvgIcon,{name:"cross",className:"h-4 w-4"})})}):null,y?e.jsxRuntimeExports.jsx("div",{className:"px-4",children:e.jsxRuntimeExports.jsx(H.Spinner,{size:"small"})}):null,h]}),x&&e.jsxRuntimeExports.jsx(v.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:x}),m&&e.jsxRuntimeExports.jsx(v.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:m})]})})},T=w.fixedForwardRef(C);exports.SearchField=T;

package/dist/lyra22.js

@@ -1,17 +1,17 @@
-import { j as e } from "./lyra52.js";
+import { j as e } from "./lyra53.js";
 import { useState as y } from "react";
-import { useContextProps as w, SearchField as H, Label as B, Input as C, SearchFieldContext as E } from "./lyra51.js";
-import { cx as p } from "./lyra61.js";
-import { fixedForwardRef as M } from "./lyra62.js";
+import { useContextProps as w, SearchField as H, Label as B, Input as C, SearchFieldContext as E } from "./lyra52.js";
+import { cx as p } from "./lyra62.js";
+import { fixedForwardRef as M } from "./lyra63.js";
 import { Button as P } from "./lyra8.js";
-import "./lyra69.js";
-import { Spinner as z } from "./lyra35.js";
-import { SvgIcon as L } from "./lyra37.js";
-import { Text as F } from "./lyra41.js";
-import "./lyra70.js";
-import { sharedInputFieldWrapperStyles as T, sharedInputlabelStyles as W, sharedInputHintStyles as _, sharedInputFieldStyles as k, sharedInputStyles as A } from "./lyra19.js";
 import "./lyra72.js";
-import { twMerge as G } from "./lyra53.js";
+import { Spinner as z } from "./lyra36.js";
+import { SvgIcon as L } from "./lyra38.js";
+import { Text as F } from "./lyra42.js";
+import "./lyra68.js";
+import { sharedInputFieldWrapperStyles as T, sharedInputlabelStyles as W, sharedInputHintStyles as _, sharedInputFieldStyles as k, sharedInputStyles as A } from "./lyra19.js";
+import "./lyra76.js";
+import { twMerge as G } from "./lyra54.js";
 const J = ({
   label: r,
   description: i,

package/dist/lyra23.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra52.cjs"),x=require("react"),K=require("./lyra51.cjs"),Q=require("./lyra150.cjs");require("./lyra2.cjs");const ee=require("./lyra61.cjs");require("./lyra66.cjs");const W=require("./lyra41.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra67.cjs");const T=require("./lyra8.cjs");require("./lyra69.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra141.cjs");require("./lyra24.cjs");const O=require("./lyra37.cjs");require("./lyra15.cjs");require("./lyra17.cjs");require("./lyra18.cjs");const b=require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra142.cjs");require("./lyra22.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra73.cjs");const H=require("./lyra28.cjs");require("./lyra30.cjs");require("./lyra149.cjs");require("./lyra75.cjs");const _=require("./lyra35.cjs");require("./lyra38.cjs");require("./lyra76.cjs");const se=require("./lyra40.cjs");require("./lyra78.cjs");const te=require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra56.cjs");const $=require("./lyra62.cjs"),z=require("./lyra151.cjs"),N=require("./lyra152.cjs"),y=require("./lyra53.cjs"),k=require("./lyra50.cjs"),G=x.createContext({}),re=s=>{const[r,t]=x.useState(s.value??s.defaultValue),[a,n]=x.useState(s.initiallyOpen??!1);return e.jsxRuntimeExports.jsx(G.Provider,{value:{...s,popoverIsOpen:a,setPopoverIsOpen:n,internalValue:r,setInternalValue:t},children:s.children})},B=()=>x.useContext(G),A=()=>{const{itemLabelKey:s,onQueryChange:r,items:t}=B(),[a,n]=x.useState(""),{contains:c}=k.useFilter({sensitivity:"base"}),d=x.useMemo(()=>r?t:t.filter(f=>c(f[s],a??"")),[c,s,t,r,a]);return x.useEffect(()=>{r&&(r==null||r(a))},[a]),{filteredItems:d,query:a,setQuery:n}},ne=s=>{const{selectionMode:r="single"}=s,a=Q.match({...s,selectionMode:r}).returnType().with({selectionMode:"single"},n=>({...n,value:n.value,defaultValue:n.defaultValue,onChange:n.onChange})).with({selectionMode:"multiple"},n=>({...n,value:n.value,defaultValue:n.defaultValue,onChange:n.onChange})).run();return e.jsxRuntimeExports.jsx(re,{...a,children:e.jsxRuntimeExports.jsx(le,{})})},J=({item:s,state:r,render:t})=>{const{itemLabelKey:a}=B(),n=s==null?void 0:s[a];return t?t(s,r):e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[r.selected?e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"checkmark",className:"h-4 w-4"}):e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"}),n]})},le=()=>{const s=B(),{internalValue:r,value:t,defaultValue:a,name:n,selectionMode:c,onChange:d}=s;return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(N.Combobox,{name:n,value:(d?t:r)??"",defaultValue:a,multiple:c==="multiple"}),c==="single"?e.jsxRuntimeExports.jsx(ae,{}):null,c==="multiple"?e.jsxRuntimeExports.jsx(xe,{}):null]})},U=({query:s,setQuery:r,onQueryChange:t,isLoading:a,startSlot:n,endSlot:c,clearLabel:d="Clear"})=>{const[f,v]=x.useState(!1),[I,p]=x.useState(!1),[j,q]=x.useState(!1);return x.useEffect(()=>{setTimeout(()=>{q(!0)},10)},[]),e.jsxRuntimeExports.jsx("div",{className:b.sharedInputFieldWrapperStyles({fullWidth:!0,className:"py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start]"}),children:e.jsxRuntimeExports.jsxs("div",{className:y.twMerge(b.sharedInputFieldStyles({fullWidth:!0,isFocused:f,isHovered:I,className:"px-2"})),onPointerEnter:()=>p(!0),onPointerLeave:()=>p(!1),onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),children:[e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"search",className:"-me-2 h-4 w-4"}),n,j?e.jsxRuntimeExports.jsx(N.Combobox.Input,{autoFocus:!0,className:b.sharedInputStyles({size:"small"}),onChange:R=>{r(R.target.value),t==null||t(R.target.value)},value:s??"",onFocus:()=>v(!0),onBlur:()=>v(!1)}):null,s&&s.length?e.jsxRuntimeExports.jsx(T.Button,{variant:"ghost",className:"mx-2",size:"small",tooltip:d,excludeFromTabOrder:!0,onPress:()=>{r("")},children:e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"cross",className:"h-4 w-4"})}):null,c,a?e.jsxRuntimeExports.jsx(_.Spinner,{className:"mx-2",size:"small"}):null]})})},X=({label:s,hint:r,isRequired:t})=>e.jsxRuntimeExports.jsxs("div",{className:ee.cx("flex items-center gap-3",s?"justify-between":"justify-end"),children:[s?e.jsxRuntimeExports.jsxs(K.Label,{className:b.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[s,t&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,r?e.jsxRuntimeExports.jsx("span",{className:b.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:r}):null]}),Y=({description:s,errorMessage:r})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[s&&e.jsxRuntimeExports.jsx(W.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:s}),r&&e.jsxRuntimeExports.jsx(W.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:r})]}),oe=(s,r)=>{const t=B(),{clearLabel:a,label:n,hint:c,description:d,errorMessage:f,validationState:v,placeholder:I,isRequired:p,isDisabled:j,fullWidth:q,setPopoverIsOpen:R,size:w,startSlot:S,endSlot:V,itemLabelKey:M,onChange:l,setInternalValue:i}=t,h=l?t.value:t.internalValue,[P,m]=x.useState(!1),[C,F]=x.useState(!1),L=g=>{g.key==="ArrowDown"||g.key===" "||g.key==="Enter"?R(!0):(g.key==="Backspace"||g.key==="Escape")&&(l==null||l(void 0),i(void 0))};return e.jsxRuntimeExports.jsxs("div",{className:y.twMerge(b.sharedInputFieldWrapperStyles({fullWidth:q})),children:[e.jsxRuntimeExports.jsx(X,{hint:c,isRequired:p,label:n}),e.jsxRuntimeExports.jsxs("div",{className:y.twMerge(b.sharedInputFieldStyles({fullWidth:q,isDisabled:j,isFocused:P,isHovered:C,size:w??"medium",validationState:v,className:"gap-1 px-0 py-0"})),onPointerEnter:()=>F(!0),onPointerLeave:()=>F(!1),onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1),ref:r,children:[e.jsxRuntimeExports.jsxs(K.Button,{isDisabled:j,className:y.twMerge(b.sharedInputSizeStyles({size:w??"medium",className:"flex h-full w-full flex-grow items-center gap-3 text-start outline-none"})),onFocus:()=>{m(!0)},onBlur:()=>{m(!1)},onPress:()=>{R(!0)},onKeyDown:L,children:[S,e.jsxRuntimeExports.jsx("div",{className:"grow",children:h?h==null?void 0:h[M]:e.jsxRuntimeExports.jsx(W.Text,{color:"secondary",children:I})}),V]}),h&&e.jsxRuntimeExports.jsx(T.Button,{variant:"ghost",isDisabled:j,size:w,tooltip:a??"Clear",onPress:()=>{i(void 0),l==null||l(void 0)},excludeFromTabOrder:!0,children:e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"cross",className:"h-4 w-4"})}),e.jsxRuntimeExports.jsx(K.Button,{isDisabled:j,className:y.twMerge(b.sharedInputSizeStyles({size:w??"medium",className:"h-full flex-grow outline-none"})),onPress:()=>{R(!0)},onFocus:()=>{m(!0)},onBlur:()=>{m(!1)},onKeyDown:L,excludeFromTabOrder:!0,children:e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"chevron-down",className:"h-4 w-4"})})]}),e.jsxRuntimeExports.jsx(Y,{description:d,errorMessage:f})]})},ie=$.fixedForwardRef(oe),ae=()=>{var g,u;const s=B(),{itemLabelKey:r,itemIdKey:t,renderItem:a,disabledItemIdKeys:n,allowCustomValue:c,onChange:d,popoverIsOpen:f,setPopoverIsOpen:v,setInternalValue:I,searchInputClearLabel:p="Clear",isLoading:j,searchInputEndSlot:q,searchInputStartSlot:R,allowCustomValueCreateLabel:w=o=>`Create "${o}"`}=s,S=d,V=s==null?void 0:s.internalValue,M=s==null?void 0:s.value,{filteredItems:l,query:i,setQuery:h}=A(),P=x.useRef(null),m=x.useRef(null),{direction:C}=k.useLocale(),F=(g=l==null?void 0:l.filter(o=>(o==null?void 0:o[r])==i))==null?void 0:g.length,L=te.useSpinDelay(j??!1,{delay:500,minDuration:200});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(ie,{ref:m}),e.jsxRuntimeExports.jsx(H.Popover,{className:"pb-2",isOpen:f,onOpenChange:o=>{var E;v(o),o&&((E=P.current)==null||E.focus())},triggerRef:m,showPopoverInBottomDrawerOnSmallScreens:!0,style:{"--trigger-width":((u=m.current)==null?void 0:u.offsetWidth)+"px",direction:C},children:e.jsxRuntimeExports.jsxs(N.Combobox,{nullable:!0,onChange:o=>{o&&(S==null||S(o),I(o),v(!1))},value:(d?M:V)??"",children:[e.jsxRuntimeExports.jsx(U,{query:i,setQuery:h,clearLabel:p,startSlot:R,endSlot:q}),l&&(l!=null&&l.length)&&!L||c&&F===0&&!L?e.jsxRuntimeExports.jsxs(N.Combobox.Options,{static:!0,className:z.listBoxStyles(),children:[l.map(o=>e.jsxRuntimeExports.jsx(N.Combobox.Option,{className:({active:E,selected:D,disabled:Z})=>y.twMerge(z.listBoxItemStyles({active:E,disabled:Z,selected:D})),value:o,disabled:n==null?void 0:n.includes(o[t]),children:E=>e.jsxRuntimeExports.jsx(J,{item:o,state:E,render:a})},o[t])),i&&i.length&&c&&F===0?e.jsxRuntimeExports.jsx(N.Combobox.Option,{value:{[t]:i,[r]:i},className:({active:o,selected:E,disabled:D})=>y.twMerge(z.listBoxItemStyles({active:o,disabled:D,selected:E})),children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"}),w(i)]})}):null]}):null,L?e.jsxRuntimeExports.jsx("div",{className:"flex h-40 w-full items-center justify-center",children:e.jsxRuntimeExports.jsx(_.Spinner,{size:"medium"})}):null]})})]})},ue=(s,r)=>{const t=B(),{label:a,hint:n,description:c,errorMessage:d,validationState:f,isRequired:v,isDisabled:I,fullWidth:p,setPopoverIsOpen:j,size:q,startSlot:R,endSlot:w,itemLabelKey:S,itemIdKey:V,setInternalValue:M}=t,l=t.addValueLabel??"Add value",i=t.internalValue,h=t.onChange,[P,m]=x.useState(!1);return e.jsxRuntimeExports.jsxs("div",{className:y.twMerge(b.sharedInputFieldWrapperStyles({fullWidth:p})),children:[e.jsxRuntimeExports.jsx(X,{hint:n,isRequired:v,label:a}),e.jsxRuntimeExports.jsxs("div",{className:y.twMerge(b.sharedInputFieldStyles({fullWidth:p,isDisabled:I,isHovered:P,size:q??"medium",validationState:f,className:"gap-2 px-2 py-1.5"})),ref:r,onPointerEnter:()=>m(!0),onPointerLeave:()=>m(!1),onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),children:[R,i&&i.length?e.jsxRuntimeExports.jsx(se.TagGroup,{itemIdKey:V,itemLabelKey:S,label:a??t["aria-label"],isDisabled:I,value:i,onChange:C=>{M(C),h==null||h(C)}}):null,w,i!=null&&i.length?e.jsxRuntimeExports.jsx(T.Button,{variant:"ghost",className:"p-1.5",size:"small",tooltip:l,onPress:()=>j(!0),children:e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"plus"})}):e.jsxRuntimeExports.jsx(T.Button,{variant:"ghost",size:"small",className:"text-sm",endIcon:e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"plus"}),onPress:()=>j(!0),children:l})]}),e.jsxRuntimeExports.jsx(Y,{description:c,errorMessage:d})]})},ce=$.fixedForwardRef(ue),xe=()=>{var L,g;const s=B(),{itemLabelKey:r,itemIdKey:t,renderItem:a,disabledItemIdKeys:n,allowCustomValue:c,onChange:d,popoverIsOpen:f,setPopoverIsOpen:v,setInternalValue:I,searchInputClearLabel:p="Clear",isLoading:j,searchInputEndSlot:q,searchInputStartSlot:R,allowCustomValueCreateLabel:w=u=>`Create "${u}"`}=s,S=d,V=s.internalValue,M=s.value,{filteredItems:l,query:i,setQuery:h}=A(),P=x.useRef(null),m=x.useRef(null),{direction:C}=k.useLocale(),F=(L=l==null?void 0:l.filter(u=>(u==null?void 0:u[r])==i))==null?void 0:L.length;return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(ce,{ref:m}),e.jsxRuntimeExports.jsx(H.Popover,{className:"pb-2",isOpen:f,onOpenChange:u=>{var o;v(u),u&&((o=P.current)==null||o.focus())},triggerRef:m,showPopoverInBottomDrawerOnSmallScreens:!0,style:{"--trigger-width":((g=m.current)==null?void 0:g.offsetWidth)+"px",direction:C},children:e.jsxRuntimeExports.jsxs(N.Combobox,{value:(d?M:V)??[],onChange:u=>{S==null||S(u),I(u)},multiple:!0,children:[e.jsxRuntimeExports.jsx(U,{query:i,setQuery:h,isLoading:j,clearLabel:p,startSlot:R,endSlot:q}),l&&(l!=null&&l.length)||c&&F===0?e.jsxRuntimeExports.jsxs(N.Combobox.Options,{static:!0,className:z.listBoxStyles(),children:[l.map(u=>e.jsxRuntimeExports.jsx(N.Combobox.Option,{className:({active:o,selected:E,disabled:D})=>y.twMerge(z.listBoxItemStyles({active:o,disabled:D,selected:E})),value:u,disabled:n==null?void 0:n.includes(u[t]),children:o=>e.jsxRuntimeExports.jsx(J,{item:u,state:o,render:a})},u[t])),i&&i.length&&c&&F===0?e.jsxRuntimeExports.jsx(N.Combobox.Option,{value:{[t]:i,[r]:i},className:({active:u,selected:o,disabled:E})=>y.twMerge(z.listBoxItemStyles({active:u,disabled:E,selected:o})),children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"}),w(i)]})}):null]}):null]})})]})};exports.SearchListField=ne;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra53.cjs"),x=require("react"),K=require("./lyra52.cjs"),Q=require("./lyra275.cjs");require("./lyra2.cjs");const ee=require("./lyra62.cjs");require("./lyra67.cjs");const W=require("./lyra42.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");const T=require("./lyra8.cjs");require("./lyra72.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra147.cjs");require("./lyra24.cjs");const O=require("./lyra38.cjs");require("./lyra15.cjs");require("./lyra17.cjs");require("./lyra18.cjs");const b=require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra148.cjs");require("./lyra22.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra73.cjs");const H=require("./lyra29.cjs");require("./lyra31.cjs");require("./lyra149.cjs");require("./lyra75.cjs");const _=require("./lyra36.cjs");require("./lyra39.cjs");require("./lyra77.cjs");const se=require("./lyra41.cjs");require("./lyra79.cjs");const te=require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra57.cjs");const $=require("./lyra63.cjs"),z=require("./lyra276.cjs"),N=require("./lyra277.cjs"),y=require("./lyra54.cjs"),k=require("./lyra51.cjs"),G=x.createContext({}),re=s=>{const[r,t]=x.useState(s.value??s.defaultValue),[a,n]=x.useState(s.initiallyOpen??!1);return e.jsxRuntimeExports.jsx(G.Provider,{value:{...s,popoverIsOpen:a,setPopoverIsOpen:n,internalValue:r,setInternalValue:t},children:s.children})},B=()=>x.useContext(G),A=()=>{const{itemLabelKey:s,onQueryChange:r,items:t}=B(),[a,n]=x.useState(""),{contains:c}=k.useFilter({sensitivity:"base"}),d=x.useMemo(()=>r?t:t.filter(f=>c(f[s],a??"")),[c,s,t,r,a]);return x.useEffect(()=>{r&&(r==null||r(a))},[a]),{filteredItems:d,query:a,setQuery:n}},ne=s=>{const{selectionMode:r="single"}=s,a=Q.match({...s,selectionMode:r}).returnType().with({selectionMode:"single"},n=>({...n,value:n.value,defaultValue:n.defaultValue,onChange:n.onChange})).with({selectionMode:"multiple"},n=>({...n,value:n.value,defaultValue:n.defaultValue,onChange:n.onChange})).run();return e.jsxRuntimeExports.jsx(re,{...a,children:e.jsxRuntimeExports.jsx(le,{})})},J=({item:s,state:r,render:t})=>{const{itemLabelKey:a}=B(),n=s==null?void 0:s[a];return t?t(s,r):e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[r.selected?e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"checkmark",className:"h-4 w-4"}):e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"}),n]})},le=()=>{const s=B(),{internalValue:r,value:t,defaultValue:a,name:n,selectionMode:c,onChange:d}=s;return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(N.Combobox,{name:n,value:(d?t:r)??"",defaultValue:a,multiple:c==="multiple"}),c==="single"?e.jsxRuntimeExports.jsx(ae,{}):null,c==="multiple"?e.jsxRuntimeExports.jsx(xe,{}):null]})},U=({query:s,setQuery:r,onQueryChange:t,isLoading:a,startSlot:n,endSlot:c,clearLabel:d="Clear"})=>{const[f,v]=x.useState(!1),[I,p]=x.useState(!1),[j,q]=x.useState(!1);return x.useEffect(()=>{setTimeout(()=>{q(!0)},10)},[]),e.jsxRuntimeExports.jsx("div",{className:b.sharedInputFieldWrapperStyles({fullWidth:!0,className:"py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start]"}),children:e.jsxRuntimeExports.jsxs("div",{className:y.twMerge(b.sharedInputFieldStyles({fullWidth:!0,isFocused:f,isHovered:I,className:"px-2"})),onPointerEnter:()=>p(!0),onPointerLeave:()=>p(!1),onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),children:[e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"search",className:"-me-2 h-4 w-4"}),n,j?e.jsxRuntimeExports.jsx(N.Combobox.Input,{autoFocus:!0,className:b.sharedInputStyles({size:"small"}),onChange:R=>{r(R.target.value),t==null||t(R.target.value)},value:s??"",onFocus:()=>v(!0),onBlur:()=>v(!1)}):null,s&&s.length?e.jsxRuntimeExports.jsx(T.Button,{variant:"ghost",className:"mx-2",size:"small",tooltip:d,excludeFromTabOrder:!0,onPress:()=>{r("")},children:e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"cross",className:"h-4 w-4"})}):null,c,a?e.jsxRuntimeExports.jsx(_.Spinner,{className:"mx-2",size:"small"}):null]})})},X=({label:s,hint:r,isRequired:t})=>e.jsxRuntimeExports.jsxs("div",{className:ee.cx("flex items-center gap-3",s?"justify-between":"justify-end"),children:[s?e.jsxRuntimeExports.jsxs(K.Label,{className:b.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[s,t&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,r?e.jsxRuntimeExports.jsx("span",{className:b.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:r}):null]}),Y=({description:s,errorMessage:r})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[s&&e.jsxRuntimeExports.jsx(W.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:s}),r&&e.jsxRuntimeExports.jsx(W.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:r})]}),oe=(s,r)=>{const t=B(),{clearLabel:a,label:n,hint:c,description:d,errorMessage:f,validationState:v,placeholder:I,isRequired:p,isDisabled:j,fullWidth:q,setPopoverIsOpen:R,size:w,startSlot:S,endSlot:V,itemLabelKey:M,onChange:l,setInternalValue:i}=t,h=l?t.value:t.internalValue,[P,m]=x.useState(!1),[C,F]=x.useState(!1),L=g=>{g.key==="ArrowDown"||g.key===" "||g.key==="Enter"?R(!0):(g.key==="Backspace"||g.key==="Escape")&&(l==null||l(void 0),i(void 0))};return e.jsxRuntimeExports.jsxs("div",{className:y.twMerge(b.sharedInputFieldWrapperStyles({fullWidth:q})),children:[e.jsxRuntimeExports.jsx(X,{hint:c,isRequired:p,label:n}),e.jsxRuntimeExports.jsxs("div",{className:y.twMerge(b.sharedInputFieldStyles({fullWidth:q,isDisabled:j,isFocused:P,isHovered:C,size:w??"medium",validationState:v,className:"gap-1 px-0 py-0"})),onPointerEnter:()=>F(!0),onPointerLeave:()=>F(!1),onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1),ref:r,children:[e.jsxRuntimeExports.jsxs(K.Button,{isDisabled:j,className:y.twMerge(b.sharedInputSizeStyles({size:w??"medium",className:"flex h-full w-full flex-grow items-center gap-3 text-start outline-none"})),onFocus:()=>{m(!0)},onBlur:()=>{m(!1)},onPress:()=>{R(!0)},onKeyDown:L,children:[S,e.jsxRuntimeExports.jsx("div",{className:"grow",children:h?h==null?void 0:h[M]:e.jsxRuntimeExports.jsx(W.Text,{color:"secondary",children:I})}),V]}),h&&e.jsxRuntimeExports.jsx(T.Button,{variant:"ghost",isDisabled:j,size:w,tooltip:a??"Clear",onPress:()=>{i(void 0),l==null||l(void 0)},excludeFromTabOrder:!0,children:e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"cross",className:"h-4 w-4"})}),e.jsxRuntimeExports.jsx(K.Button,{isDisabled:j,className:y.twMerge(b.sharedInputSizeStyles({size:w??"medium",className:"h-full flex-grow outline-none"})),onPress:()=>{R(!0)},onFocus:()=>{m(!0)},onBlur:()=>{m(!1)},onKeyDown:L,excludeFromTabOrder:!0,children:e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"chevron-down",className:"h-4 w-4"})})]}),e.jsxRuntimeExports.jsx(Y,{description:d,errorMessage:f})]})},ie=$.fixedForwardRef(oe),ae=()=>{var g,u;const s=B(),{itemLabelKey:r,itemIdKey:t,renderItem:a,disabledItemIdKeys:n,allowCustomValue:c,onChange:d,popoverIsOpen:f,setPopoverIsOpen:v,setInternalValue:I,searchInputClearLabel:p="Clear",isLoading:j,searchInputEndSlot:q,searchInputStartSlot:R,allowCustomValueCreateLabel:w=o=>`Create "${o}"`}=s,S=d,V=s==null?void 0:s.internalValue,M=s==null?void 0:s.value,{filteredItems:l,query:i,setQuery:h}=A(),P=x.useRef(null),m=x.useRef(null),{direction:C}=k.useLocale(),F=(g=l==null?void 0:l.filter(o=>(o==null?void 0:o[r])==i))==null?void 0:g.length,L=te.useSpinDelay(j??!1,{delay:500,minDuration:200});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(ie,{ref:m}),e.jsxRuntimeExports.jsx(H.Popover,{className:"pb-2",isOpen:f,onOpenChange:o=>{var E;v(o),o&&((E=P.current)==null||E.focus())},triggerRef:m,showPopoverInBottomDrawerOnSmallScreens:!0,style:{"--trigger-width":((u=m.current)==null?void 0:u.offsetWidth)+"px",direction:C},children:e.jsxRuntimeExports.jsxs(N.Combobox,{nullable:!0,onChange:o=>{o&&(S==null||S(o),I(o),v(!1))},value:(d?M:V)??"",children:[e.jsxRuntimeExports.jsx(U,{query:i,setQuery:h,clearLabel:p,startSlot:R,endSlot:q}),l&&(l!=null&&l.length)&&!L||c&&F===0&&!L?e.jsxRuntimeExports.jsxs(N.Combobox.Options,{static:!0,className:z.listBoxStyles(),children:[l.map(o=>e.jsxRuntimeExports.jsx(N.Combobox.Option,{className:({active:E,selected:D,disabled:Z})=>y.twMerge(z.listBoxItemStyles({active:E,disabled:Z,selected:D})),value:o,disabled:n==null?void 0:n.includes(o[t]),children:E=>e.jsxRuntimeExports.jsx(J,{item:o,state:E,render:a})},o[t])),i&&i.length&&c&&F===0?e.jsxRuntimeExports.jsx(N.Combobox.Option,{value:{[t]:i,[r]:i},className:({active:o,selected:E,disabled:D})=>y.twMerge(z.listBoxItemStyles({active:o,disabled:D,selected:E})),children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"}),w(i)]})}):null]}):null,L?e.jsxRuntimeExports.jsx("div",{className:"flex h-40 w-full items-center justify-center",children:e.jsxRuntimeExports.jsx(_.Spinner,{size:"medium"})}):null]})})]})},ue=(s,r)=>{const t=B(),{label:a,hint:n,description:c,errorMessage:d,validationState:f,isRequired:v,isDisabled:I,fullWidth:p,setPopoverIsOpen:j,size:q,startSlot:R,endSlot:w,itemLabelKey:S,itemIdKey:V,setInternalValue:M}=t,l=t.addValueLabel??"Add value",i=t.internalValue,h=t.onChange,[P,m]=x.useState(!1);return e.jsxRuntimeExports.jsxs("div",{className:y.twMerge(b.sharedInputFieldWrapperStyles({fullWidth:p})),children:[e.jsxRuntimeExports.jsx(X,{hint:n,isRequired:v,label:a}),e.jsxRuntimeExports.jsxs("div",{className:y.twMerge(b.sharedInputFieldStyles({fullWidth:p,isDisabled:I,isHovered:P,size:q??"medium",validationState:f,className:"gap-2 px-2 py-1.5"})),ref:r,onPointerEnter:()=>m(!0),onPointerLeave:()=>m(!1),onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),children:[R,i&&i.length?e.jsxRuntimeExports.jsx(se.TagGroup,{itemIdKey:V,itemLabelKey:S,label:a??t["aria-label"],isDisabled:I,value:i,onChange:C=>{M(C),h==null||h(C)}}):null,w,i!=null&&i.length?e.jsxRuntimeExports.jsx(T.Button,{variant:"ghost",className:"p-1.5",size:"small",tooltip:l,onPress:()=>j(!0),children:e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"plus"})}):e.jsxRuntimeExports.jsx(T.Button,{variant:"ghost",size:"small",className:"text-sm",endIcon:e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"plus"}),onPress:()=>j(!0),children:l})]}),e.jsxRuntimeExports.jsx(Y,{description:c,errorMessage:d})]})},ce=$.fixedForwardRef(ue),xe=()=>{var L,g;const s=B(),{itemLabelKey:r,itemIdKey:t,renderItem:a,disabledItemIdKeys:n,allowCustomValue:c,onChange:d,popoverIsOpen:f,setPopoverIsOpen:v,setInternalValue:I,searchInputClearLabel:p="Clear",isLoading:j,searchInputEndSlot:q,searchInputStartSlot:R,allowCustomValueCreateLabel:w=u=>`Create "${u}"`}=s,S=d,V=s.internalValue,M=s.value,{filteredItems:l,query:i,setQuery:h}=A(),P=x.useRef(null),m=x.useRef(null),{direction:C}=k.useLocale(),F=(L=l==null?void 0:l.filter(u=>(u==null?void 0:u[r])==i))==null?void 0:L.length;return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(ce,{ref:m}),e.jsxRuntimeExports.jsx(H.Popover,{className:"pb-2",isOpen:f,onOpenChange:u=>{var o;v(u),u&&((o=P.current)==null||o.focus())},triggerRef:m,showPopoverInBottomDrawerOnSmallScreens:!0,style:{"--trigger-width":((g=m.current)==null?void 0:g.offsetWidth)+"px",direction:C},children:e.jsxRuntimeExports.jsxs(N.Combobox,{value:(d?M:V)??[],onChange:u=>{S==null||S(u),I(u)},multiple:!0,children:[e.jsxRuntimeExports.jsx(U,{query:i,setQuery:h,isLoading:j,clearLabel:p,startSlot:R,endSlot:q}),l&&(l!=null&&l.length)||c&&F===0?e.jsxRuntimeExports.jsxs(N.Combobox.Options,{static:!0,className:z.listBoxStyles(),children:[l.map(u=>e.jsxRuntimeExports.jsx(N.Combobox.Option,{className:({active:o,selected:E,disabled:D})=>y.twMerge(z.listBoxItemStyles({active:o,disabled:D,selected:E})),value:u,disabled:n==null?void 0:n.includes(u[t]),children:o=>e.jsxRuntimeExports.jsx(J,{item:u,state:o,render:a})},u[t])),i&&i.length&&c&&F===0?e.jsxRuntimeExports.jsx(N.Combobox.Option,{value:{[t]:i,[r]:i},className:({active:u,selected:o,disabled:E})=>y.twMerge(z.listBoxItemStyles({active:u,disabled:E,selected:o})),children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"}),w(i)]})}):null]}):null]})})]})};exports.SearchListField=ne;