@new-black/lyra 1.0.8 → 1.0.9

package/dist/lyra34.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra88.cjs"),o=require("react"),p=require("./lyra87.cjs"),I=require("./lyra91.cjs"),_=require("./lyra26.cjs"),A=require("./lyra38.cjs"),B=require("./lyra39.cjs");require("./lyra40.cjs");const q=require("./lyra35.cjs"),T=require("./lyra613.cjs"),D=require("./lyra614.cjs"),K=require("./lyra615.cjs"),h=o.createContext({valuesWithSeperator:[]}),P=({description:j,errorMessage:x,fullWidth:d=!0,hideHintLabel:S=!0,hideInputFooter:C=!0,hideInputHeader:R=!0,label:c,name:m,...i},u)=>{[i,u]=p.useContextProps(i,u,p.ListBoxContext);const{children:a,className:g,defaultValue:l,isRequired:G,onChange:y,value:f}=i,L=o.useId(),E=o.useId(),[v,N]=o.useState(l??f??""),{track:w}=q.segmentedControlStyles({fullWidth:d}),M=o.useMemo(()=>{const s=o.Children.toArray(a),r=s==null?void 0:s.findIndex(n=>{var t;return((t=n==null?void 0:n.props)==null?void 0:t.value)===v});return s==null?void 0:s.filter((n,t)=>r===void 0||t===r||t===s.length-1?!1:r<t?Math.abs(t-r)>=1:Math.abs(t-r)>=2).map(n=>{var t;return(t=n==null?void 0:n.props)==null?void 0:t.value})},[a,v]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(A.InputHeader,{label:c,labelId:E,isRequired:G,hideHintLabel:S,hideInputHeader:R}),e.jsxRuntimeExports.jsx(p.ListBox,{...i,ref:u,"aria-label":c,"aria-labelledby":E,className:w({className:g}),defaultSelectedKeys:l?new Set([l]):[],orientation:"horizontal",selectionBehavior:"replace",selectionMode:"single",selectedKeys:f?[f]:void 0,disallowEmptySelection:!0,onSelectionChange:s=>{if(s==="all")return;const r=s.keys().next().value;y==null||y(r),N(r)},children:e.jsxRuntimeExports.jsx(h.Provider,{value:{valuesWithSeperator:M},children:e.jsxRuntimeExports.jsx(T.LayoutGroup,{id:L,children:a})})}),e.jsxRuntimeExports.jsx(B.InputFooter,{description:j,errorMessage:x,hideInputFooter:C}),m?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:m,value:v??""}):null]})},b=I.fixedForwardRef(P);b.displayName="SegmentedControl";const V=({children:j,value:x,...d},S)=>{const{isDisabled:C}=o.useContext(_.FieldGroupContext),{id:R}=o.useContext(D.LayoutGroupContext),{valuesWithSeperator:c}=o.useContext(h),m=c.includes(x??""),{item:i,itemActive:u,itemText:a}=q.segmentedControlStyles({seperator:m});return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(p.ListBoxItem,{ref:S,className:i({isDisabled:C}),id:d.id??x,...d,children:({isFocusVisible:g,isSelected:l})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[l?e.jsxRuntimeExports.jsx(K.motion.div,{layoutId:R,className:u({isFocusVisible:g}),transition:{type:"tween",duration:.2}}):null,e.jsxRuntimeExports.jsx("div",{className:a(),children:j})]})})})},F=I.fixedForwardRef(V);F.displayName="SegmentedControlItem";exports.SegmentedControl=b;exports.SegmentedControlItem=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra88.cjs"),o=require("react"),C=require("./lyra87.cjs"),q=require("./lyra91.cjs"),T=require("./lyra26.cjs"),_=require("./lyra38.cjs"),A=require("./lyra39.cjs");require("./lyra40.cjs");const b=require("./lyra35.cjs"),B=require("./lyra608.cjs"),V=require("./lyra609.cjs"),D=require("./lyra610.cjs"),h=o.createContext({valuesWithSeperator:[]}),K=({description:i,errorMessage:m,fullWidth:c=!0,hideHintLabel:p=!0,hideInputFooter:g=!0,hideInputHeader:y=!0,label:j,name:S,...u},a)=>{[u,a]=C.useContextProps(u,a,C.ListBoxContext);const{children:l,className:R,defaultValue:x,isRequired:f,onChange:d,value:v}=u,L=o.useId(),I=o.useId(),[E,N]=o.useState(x??v??""),{track:w}=b.segmentedControlStyles({fullWidth:c}),M=o.useMemo(()=>{const s=o.Children.toArray(l),r=s==null?void 0:s.findIndex(n=>{var t;return((t=n==null?void 0:n.props)==null?void 0:t.value)===E});return s==null?void 0:s.filter((n,t)=>r===void 0||t===r||t===s.length-1?!1:r<t?Math.abs(t-r)>=1:Math.abs(t-r)>=2).map(n=>{var t;return(t=n==null?void 0:n.props)==null?void 0:t.value})},[l,E]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(_.InputHeader,{label:j,labelId:I,isRequired:f,hideHintLabel:p,hideInputHeader:y}),e.jsxRuntimeExports.jsx(C.ListBox,{...u,ref:a,"aria-label":j,"aria-labelledby":I,className:w({className:R}),defaultSelectedKeys:x?new Set([x]):[],orientation:"horizontal",selectionBehavior:"replace",selectionMode:"single",selectedKeys:v?[v]:void 0,disallowEmptySelection:!0,onSelectionChange:s=>{if(s==="all")return;const r=s.keys().next().value;d==null||d(r),N(r)},children:e.jsxRuntimeExports.jsx(h.Provider,{value:{valuesWithSeperator:M},children:e.jsxRuntimeExports.jsx(B.LayoutGroup,{id:L,children:l})})}),e.jsxRuntimeExports.jsx(A.InputFooter,{description:i,errorMessage:m,hideInputFooter:g}),S?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:S,value:E??""}):null]})},F=q.fixedForwardRef(K);F.displayName="SegmentedControl";const P=({children:i,textValue:m,value:c,...p},g)=>{const y=m||(typeof i=="string"?i:void 0),{isDisabled:j}=o.useContext(T.FieldGroupContext),{id:S}=o.useContext(V.LayoutGroupContext),{valuesWithSeperator:u}=o.useContext(h),a=u.includes(c??""),{item:l,itemActive:R,itemText:x}=b.segmentedControlStyles({seperator:a});return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(C.ListBoxItem,{ref:g,className:l({isDisabled:j}),id:p.id??c,textValue:y,...p,children:({isFocusVisible:f,isSelected:d})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[d?e.jsxRuntimeExports.jsx(D.motion.div,{layoutId:S,className:R({isFocusVisible:f}),transition:{type:"tween",duration:.2}}):null,e.jsxRuntimeExports.jsx("div",{className:x(),children:i})]})})})},G=q.fixedForwardRef(P);G.displayName="SegmentedControlItem";exports.SegmentedControl=F;exports.SegmentedControlItem=G;

package/dist/lyra34.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra34.cjs","sources":["../src/components/inputs/segmented-control/segmented-control.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  ElementRef,\n  ForwardedRef,\n  ReactNode,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\nimport {\n  ListBox,\n  ListBoxContext,\n  ListBoxItem,\n  ListBoxItemProps,\n  ListBoxProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { LayoutGroup, LayoutGroupContext, motion } from \"framer-motion\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputHeader, InputHeaderProps } from \"../shared\";\nimport { InputFooter, InputFooterProps } from \"../shared/input-footer\";\n\nimport { segmentedControlStyles } from \"./segmented-control.styles\";\n\nconst SegmentedControlSharedContext = createContext<{ valuesWithSeperator: string[] }>({\n  valuesWithSeperator: [],\n});\n\nexport type SegmentedControlRef = ElementRef<typeof ListBox>;\nexport type SegmentedControlProps<T extends object> = InputHeaderProps &\n  InputFooterProps &\n  Omit<\n    ListBoxProps<T>,\n    | \"selectedKeys\"\n    | \"onSelectionChange\"\n    | \"defaultSelectedKeys\"\n    | \"orientation\"\n    | \"selectionBehavior\"\n    | \"selectionMode\"\n    | \"disallowEmptySelection\"\n    | \"children\"\n    | \"items\"\n  > & {\n    value?: string;\n    onChange?: (value?: string) => void;\n    defaultValue?: string;\n    fullWidth?: boolean;\n    children: ReactNode;\n    name?: string;\n  };\n\nconst _SegmentedControl = <T extends object>(\n  {\n    description,\n    errorMessage,\n    fullWidth = true,\n    hideHintLabel = true,\n    hideInputFooter = true,\n    hideInputHeader = true,\n    label,\n    name,\n    ...props\n  }: SegmentedControlProps<T>,\n  ref: ForwardedRef<SegmentedControlRef>,\n) => {\n  [props, ref] = useContextProps(props, ref, ListBoxContext);\n  const { children, className, defaultValue, isRequired, onChange, value } = props;\n  const selectedId = useId();\n  const labelId = useId();\n  const [localValue, setLocalValue] = useState<string>(defaultValue ?? value ?? \"\");\n  const { track } = segmentedControlStyles({ fullWidth });\n\n  /**\n   * Array of values of the children that are not selected and at should get a seperator at the end.\n   */\n  const valuesWithSeperator = useMemo(() => {\n    const allChildren = Children.toArray(children);\n    const selectedChildIndex: number | undefined = allChildren?.findIndex((child: any) => {\n      return child?.props?.value === localValue;\n    });\n\n    /**\n     * Filter values that are at least 2 indexes away from the selected value when the selected child index is lower than the current index.\n     * At least 1 index away from the selected child when the selected child index is higher than the current index.\n     * Also prevent that the last item will be added.\n     */\n    const valuesThatGetASeperator = allChildren\n      ?.filter((_, index: number) => {\n        if (selectedChildIndex === undefined) return false;\n        if (index === selectedChildIndex) return false;\n        if (index === allChildren.length - 1) return false;\n        if (selectedChildIndex < index) {\n          return Math.abs(index - selectedChildIndex) >= 1;\n        } else {\n          return Math.abs(index - selectedChildIndex) >= 2;\n        }\n      })\n      .map((child: any) => child?.props?.value);\n\n    return valuesThatGetASeperator;\n  }, [children, localValue]);\n\n  return (\n    <>\n      <InputHeader\n        label={label}\n        labelId={labelId}\n        isRequired={isRequired}\n        hideHintLabel={hideHintLabel}\n        hideInputHeader={hideInputHeader}\n      />\n      <ListBox\n        {...props}\n        ref={ref}\n        aria-label={label}\n        aria-labelledby={labelId}\n        className={track({ className })}\n        defaultSelectedKeys={defaultValue ? new Set([defaultValue]) : []}\n        orientation=\"horizontal\"\n        selectionBehavior=\"replace\"\n        selectionMode=\"single\"\n        selectedKeys={value ? [value] : undefined}\n        disallowEmptySelection\n        onSelectionChange={(keys) => {\n          if (keys === \"all\") return;\n          const firstKeyFromSet = keys.keys().next().value;\n          onChange?.(firstKeyFromSet);\n          setLocalValue(firstKeyFromSet);\n        }}\n      >\n        <SegmentedControlSharedContext.Provider value={{ valuesWithSeperator }}>\n          <LayoutGroup id={selectedId}>{children}</LayoutGroup>\n        </SegmentedControlSharedContext.Provider>\n      </ListBox>\n      <InputFooter\n        description={description}\n        errorMessage={errorMessage}\n        hideInputFooter={hideInputFooter}\n      />\n      {name ? <input type=\"hidden\" name={name} value={localValue ?? \"\"} /> : null}\n    </>\n  );\n};\n\nexport const SegmentedControl = fixedForwardRef(_SegmentedControl);\n// @ts-ignore\nSegmentedControl.displayName = \"SegmentedControl\";\n\nexport type SegmentedControlItemProps<T extends object> = Omit<ListBoxItemProps<T>, \"value\"> & {\n  children: ReactNode;\n  value?: string;\n};\n\ntype SegmentedControlItemRef = ElementRef<typeof ListBoxItem>;\n\nconst _SegmentedControlItem = <T extends object>(\n  { children, value, ...props }: SegmentedControlItemProps<T>,\n  ref: ForwardedRef<SegmentedControlItemRef>,\n) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const { id: layoutId } = useContext(LayoutGroupContext);\n  const { valuesWithSeperator } = useContext(SegmentedControlSharedContext);\n  const seperator = valuesWithSeperator.includes(value ?? \"\");\n  const { item, itemActive, itemText } = segmentedControlStyles({ seperator });\n  return (\n    <>\n      <ListBoxItem\n        ref={ref}\n        className={item({ isDisabled: fieldGroupIsDisabled })}\n        id={props.id ?? value}\n        {...props}\n      >\n        {({ isFocusVisible, isSelected }) => {\n          return (\n            <>\n              {isSelected ? (\n                <motion.div\n                  layoutId={layoutId}\n                  className={itemActive({ isFocusVisible })}\n                  transition={{\n                    type: \"tween\",\n                    duration: 0.2,\n                  }}\n                />\n              ) : null}\n              <div className={itemText()}>{children}</div>\n            </>\n          );\n        }}\n      </ListBoxItem>\n    </>\n  );\n};\n\nexport const SegmentedControlItem = fixedForwardRef(_SegmentedControlItem);\n// @ts-ignore\nSegmentedControlItem.displayName = \"SegmentedControlItem\";\n"],"names":["SegmentedControlSharedContext","createContext","_SegmentedControl","description","errorMessage","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","name","props","ref","useContextProps","ListBoxContext","children","className","defaultValue","isRequired","onChange","value","selectedId","useId","labelId","localValue","setLocalValue","useState","track","segmentedControlStyles","valuesWithSeperator","useMemo","allChildren","Children","selectedChildIndex","child","_a","_","index","jsxs","Fragment","jsx","InputHeader","ListBox","keys","firstKeyFromSet","LayoutGroup","InputFooter","SegmentedControl","fixedForwardRef","_SegmentedControlItem","fieldGroupIsDisabled","useContext","FieldGroupContext","layoutId","LayoutGroupContext","seperator","item","itemActive","itemText","ListBoxItem","isFocusVisible","isSelected","motion","SegmentedControlItem"],"mappings":"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"}
+{"version":3,"file":"lyra34.cjs","sources":["../src/components/inputs/segmented-control/segmented-control.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  ElementRef,\n  ForwardedRef,\n  ReactNode,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\nimport {\n  ListBox,\n  ListBoxContext,\n  ListBoxItem,\n  ListBoxItemProps,\n  ListBoxProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { LayoutGroup, LayoutGroupContext, motion } from \"framer-motion\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputHeader, InputHeaderProps } from \"../shared\";\nimport { InputFooter, InputFooterProps } from \"../shared/input-footer\";\n\nimport { segmentedControlStyles } from \"./segmented-control.styles\";\n\nconst SegmentedControlSharedContext = createContext<{ valuesWithSeperator: string[] }>({\n  valuesWithSeperator: [],\n});\n\nexport type SegmentedControlRef = ElementRef<typeof ListBox>;\nexport type SegmentedControlProps<T extends object> = InputHeaderProps &\n  InputFooterProps &\n  Omit<\n    ListBoxProps<T>,\n    | \"selectedKeys\"\n    | \"onSelectionChange\"\n    | \"defaultSelectedKeys\"\n    | \"orientation\"\n    | \"selectionBehavior\"\n    | \"selectionMode\"\n    | \"disallowEmptySelection\"\n    | \"children\"\n    | \"items\"\n  > & {\n    value?: string;\n    onChange?: (value?: string) => void;\n    defaultValue?: string;\n    fullWidth?: boolean;\n    children: ReactNode;\n    name?: string;\n  };\n\nconst _SegmentedControl = <T extends object>(\n  {\n    description,\n    errorMessage,\n    fullWidth = true,\n    hideHintLabel = true,\n    hideInputFooter = true,\n    hideInputHeader = true,\n    label,\n    name,\n    ...props\n  }: SegmentedControlProps<T>,\n  ref: ForwardedRef<SegmentedControlRef>,\n) => {\n  [props, ref] = useContextProps(props, ref, ListBoxContext);\n  const { children, className, defaultValue, isRequired, onChange, value } = props;\n  const selectedId = useId();\n  const labelId = useId();\n  const [localValue, setLocalValue] = useState<string>(defaultValue ?? value ?? \"\");\n  const { track } = segmentedControlStyles({ fullWidth });\n\n  /**\n   * Array of values of the children that are not selected and at should get a seperator at the end.\n   */\n  const valuesWithSeperator = useMemo(() => {\n    const allChildren = Children.toArray(children);\n    const selectedChildIndex: number | undefined = allChildren?.findIndex((child: any) => {\n      return child?.props?.value === localValue;\n    });\n\n    /**\n     * Filter values that are at least 2 indexes away from the selected value when the selected child index is lower than the current index.\n     * At least 1 index away from the selected child when the selected child index is higher than the current index.\n     * Also prevent that the last item will be added.\n     */\n    const valuesThatGetASeperator = allChildren\n      ?.filter((_, index: number) => {\n        if (selectedChildIndex === undefined) return false;\n        if (index === selectedChildIndex) return false;\n        if (index === allChildren.length - 1) return false;\n        if (selectedChildIndex < index) {\n          return Math.abs(index - selectedChildIndex) >= 1;\n        } else {\n          return Math.abs(index - selectedChildIndex) >= 2;\n        }\n      })\n      .map((child: any) => child?.props?.value);\n\n    return valuesThatGetASeperator;\n  }, [children, localValue]);\n\n  return (\n    <>\n      <InputHeader\n        label={label}\n        labelId={labelId}\n        isRequired={isRequired}\n        hideHintLabel={hideHintLabel}\n        hideInputHeader={hideInputHeader}\n      />\n      <ListBox\n        {...props}\n        ref={ref}\n        aria-label={label}\n        aria-labelledby={labelId}\n        className={track({ className })}\n        defaultSelectedKeys={defaultValue ? new Set([defaultValue]) : []}\n        orientation=\"horizontal\"\n        selectionBehavior=\"replace\"\n        selectionMode=\"single\"\n        selectedKeys={value ? [value] : undefined}\n        disallowEmptySelection\n        onSelectionChange={(keys) => {\n          if (keys === \"all\") return;\n          const firstKeyFromSet = keys.keys().next().value;\n          onChange?.(firstKeyFromSet);\n          setLocalValue(firstKeyFromSet);\n        }}\n      >\n        <SegmentedControlSharedContext.Provider value={{ valuesWithSeperator }}>\n          <LayoutGroup id={selectedId}>{children}</LayoutGroup>\n        </SegmentedControlSharedContext.Provider>\n      </ListBox>\n      <InputFooter\n        description={description}\n        errorMessage={errorMessage}\n        hideInputFooter={hideInputFooter}\n      />\n      {name ? <input type=\"hidden\" name={name} value={localValue ?? \"\"} /> : null}\n    </>\n  );\n};\n\nexport const SegmentedControl = fixedForwardRef(_SegmentedControl);\n// @ts-ignore\nSegmentedControl.displayName = \"SegmentedControl\";\n\nexport type SegmentedControlItemProps<T extends object> = Omit<ListBoxItemProps<T>, \"value\"> & {\n  children: ReactNode;\n  value?: string;\n};\n\ntype SegmentedControlItemRef = ElementRef<typeof ListBoxItem>;\n\nconst _SegmentedControlItem = <T extends object>(\n  { children, textValue, value, ...props }: SegmentedControlItemProps<T>,\n  ref: ForwardedRef<SegmentedControlItemRef>,\n) => {\n  const newTextValue = textValue ? textValue : typeof children === \"string\" ? children : undefined;\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const { id: layoutId } = useContext(LayoutGroupContext);\n  const { valuesWithSeperator } = useContext(SegmentedControlSharedContext);\n  const seperator = valuesWithSeperator.includes(value ?? \"\");\n  const { item, itemActive, itemText } = segmentedControlStyles({ seperator });\n  return (\n    <>\n      <ListBoxItem\n        ref={ref}\n        className={item({ isDisabled: fieldGroupIsDisabled })}\n        id={props.id ?? value}\n        textValue={newTextValue}\n        {...props}\n      >\n        {({ isFocusVisible, isSelected }) => {\n          return (\n            <>\n              {isSelected ? (\n                <motion.div\n                  layoutId={layoutId}\n                  className={itemActive({ isFocusVisible })}\n                  transition={{\n                    type: \"tween\",\n                    duration: 0.2,\n                  }}\n                />\n              ) : null}\n              <div className={itemText()}>{children}</div>\n            </>\n          );\n        }}\n      </ListBoxItem>\n    </>\n  );\n};\n\nexport const SegmentedControlItem = fixedForwardRef(_SegmentedControlItem);\n// @ts-ignore\nSegmentedControlItem.displayName = \"SegmentedControlItem\";\n"],"names":["SegmentedControlSharedContext","createContext","_SegmentedControl","description","errorMessage","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","name","props","ref","useContextProps","ListBoxContext","children","className","defaultValue","isRequired","onChange","value","selectedId","useId","labelId","localValue","setLocalValue","useState","track","segmentedControlStyles","valuesWithSeperator","useMemo","allChildren","Children","selectedChildIndex","child","_a","_","index","jsxs","Fragment","jsx","InputHeader","ListBox","keys","firstKeyFromSet","LayoutGroup","InputFooter","SegmentedControl","fixedForwardRef","_SegmentedControlItem","textValue","newTextValue","fieldGroupIsDisabled","useContext","FieldGroupContext","layoutId","LayoutGroupContext","seperator","item","itemActive","itemText","ListBoxItem","isFocusVisible","isSelected","motion","SegmentedControlItem"],"mappings":"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"}

package/dist/lyra34.js

@@ -1,31 +1,31 @@
 import { j as e } from "./lyra88.js";
-import { createContext as B, useId as $, useState as M, useMemo as D, Children as K, useContext as g } from "react";
-import { useContextProps as R, ListBoxContext as T, ListBox as V, ListBoxItem as W } from "./lyra87.js";
-import { fixedForwardRef as b } from "./lyra91.js";
+import { createContext as B, useId as b, useState as M, useMemo as T, Children as V, useContext as I } from "react";
+import { useContextProps as D, ListBoxContext as K, ListBox as R, ListBoxItem as W } from "./lyra87.js";
+import { fixedForwardRef as h } from "./lyra91.js";
 import { FieldGroupContext as _ } from "./lyra26.js";
 import { InputHeader as E } from "./lyra38.js";
 import { InputFooter as P } from "./lyra39.js";
 import "./lyra40.js";
-import { segmentedControlStyles as h } from "./lyra35.js";
-import { LayoutGroup as k } from "./lyra613.js";
-import { LayoutGroupContext as q } from "./lyra614.js";
-import { motion as z } from "./lyra615.js";
-const F = B({
+import { segmentedControlStyles as F } from "./lyra35.js";
+import { LayoutGroup as k } from "./lyra608.js";
+import { LayoutGroupContext as q } from "./lyra609.js";
+import { motion as z } from "./lyra610.js";
+const N = B({
   valuesWithSeperator: []
 }), H = ({
-  description: p,
-  errorMessage: d,
-  fullWidth: m = !0,
-  hideHintLabel: f = !0,
-  hideInputFooter: x = !0,
-  hideInputHeader: S = !0,
-  label: u,
-  name: c,
+  description: n,
+  errorMessage: u,
+  fullWidth: c = !0,
+  hideHintLabel: p = !0,
+  hideInputFooter: S = !0,
+  hideInputHeader: v = !0,
+  label: f,
+  name: x,
   ...a
-}, n) => {
-  [a, n] = R(a, n, T);
-  const { children: i, className: v, defaultValue: l, isRequired: N, onChange: j, value: y } = a, G = $(), I = $(), [C, L] = M(l ?? y ?? ""), { track: w } = h({ fullWidth: m }), A = D(() => {
-    const o = K.toArray(i), r = o == null ? void 0 : o.findIndex((s) => {
+}, i) => {
+  [a, i] = D(a, i, K);
+  const { children: l, className: y, defaultValue: d, isRequired: g, onChange: m, value: j } = a, G = b(), $ = b(), [C, L] = M(d ?? j ?? ""), { track: w } = F({ fullWidth: c }), A = T(() => {
+    const o = V.toArray(l), r = o == null ? void 0 : o.findIndex((s) => {
       var t;
       return ((t = s == null ? void 0 : s.props) == null ? void 0 : t.value) === C;
     });
@@ -33,79 +33,80 @@ const F = B({
       var t;
       return (t = s == null ? void 0 : s.props) == null ? void 0 : t.value;
     });
-  }, [i, C]);
+  }, [l, C]);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       E,
       {
-        label: u,
-        labelId: I,
-        isRequired: N,
-        hideHintLabel: f,
-        hideInputHeader: S
+        label: f,
+        labelId: $,
+        isRequired: g,
+        hideHintLabel: p,
+        hideInputHeader: v
       }
     ),
     /* @__PURE__ */ e.jsx(
-      V,
+      R,
       {
         ...a,
-        ref: n,
-        "aria-label": u,
-        "aria-labelledby": I,
-        className: w({ className: v }),
-        defaultSelectedKeys: l ? /* @__PURE__ */ new Set([l]) : [],
+        ref: i,
+        "aria-label": f,
+        "aria-labelledby": $,
+        className: w({ className: y }),
+        defaultSelectedKeys: d ? /* @__PURE__ */ new Set([d]) : [],
         orientation: "horizontal",
         selectionBehavior: "replace",
         selectionMode: "single",
-        selectedKeys: y ? [y] : void 0,
+        selectedKeys: j ? [j] : void 0,
         disallowEmptySelection: !0,
         onSelectionChange: (o) => {
           if (o === "all")
             return;
           const r = o.keys().next().value;
-          j == null || j(r), L(r);
+          m == null || m(r), L(r);
         },
-        children: /* @__PURE__ */ e.jsx(F.Provider, { value: { valuesWithSeperator: A }, children: /* @__PURE__ */ e.jsx(k, { id: G, children: i }) })
+        children: /* @__PURE__ */ e.jsx(N.Provider, { value: { valuesWithSeperator: A }, children: /* @__PURE__ */ e.jsx(k, { id: G, children: l }) })
       }
     ),
     /* @__PURE__ */ e.jsx(
       P,
       {
-        description: p,
-        errorMessage: d,
-        hideInputFooter: x
+        description: n,
+        errorMessage: u,
+        hideInputFooter: S
       }
     ),
-    c ? /* @__PURE__ */ e.jsx("input", { type: "hidden", name: c, value: C ?? "" }) : null
+    x ? /* @__PURE__ */ e.jsx("input", { type: "hidden", name: x, value: C ?? "" }) : null
   ] });
-}, J = b(H);
+}, J = h(H);
 J.displayName = "SegmentedControl";
-const O = ({ children: p, value: d, ...m }, f) => {
-  const { isDisabled: x } = g(_), { id: S } = g(q), { valuesWithSeperator: u } = g(F), c = u.includes(d ?? ""), { item: a, itemActive: n, itemText: i } = h({ seperator: c });
+const O = ({ children: n, textValue: u, value: c, ...p }, S) => {
+  const v = u || (typeof n == "string" ? n : void 0), { isDisabled: f } = I(_), { id: x } = I(q), { valuesWithSeperator: a } = I(N), i = a.includes(c ?? ""), { item: l, itemActive: y, itemText: d } = F({ seperator: i });
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
     W,
     {
-      ref: f,
-      className: a({ isDisabled: x }),
-      id: m.id ?? d,
-      ...m,
-      children: ({ isFocusVisible: v, isSelected: l }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        l ? /* @__PURE__ */ e.jsx(
+      ref: S,
+      className: l({ isDisabled: f }),
+      id: p.id ?? c,
+      textValue: v,
+      ...p,
+      children: ({ isFocusVisible: g, isSelected: m }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        m ? /* @__PURE__ */ e.jsx(
           z.div,
           {
-            layoutId: S,
-            className: n({ isFocusVisible: v }),
+            layoutId: x,
+            className: y({ isFocusVisible: g }),
             transition: {
               type: "tween",
               duration: 0.2
             }
           }
         ) : null,
-        /* @__PURE__ */ e.jsx("div", { className: i(), children: p })
+        /* @__PURE__ */ e.jsx("div", { className: d(), children: n })
       ] })
     }
   ) });
-}, Q = b(O);
+}, Q = h(O);
 Q.displayName = "SegmentedControlItem";
 export {
   J as SegmentedControl,

package/dist/lyra34.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra34.js","sources":["../src/components/inputs/segmented-control/segmented-control.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  ElementRef,\n  ForwardedRef,\n  ReactNode,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\nimport {\n  ListBox,\n  ListBoxContext,\n  ListBoxItem,\n  ListBoxItemProps,\n  ListBoxProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { LayoutGroup, LayoutGroupContext, motion } from \"framer-motion\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputHeader, InputHeaderProps } from \"../shared\";\nimport { InputFooter, InputFooterProps } from \"../shared/input-footer\";\n\nimport { segmentedControlStyles } from \"./segmented-control.styles\";\n\nconst SegmentedControlSharedContext = createContext<{ valuesWithSeperator: string[] }>({\n  valuesWithSeperator: [],\n});\n\nexport type SegmentedControlRef = ElementRef<typeof ListBox>;\nexport type SegmentedControlProps<T extends object> = InputHeaderProps &\n  InputFooterProps &\n  Omit<\n    ListBoxProps<T>,\n    | \"selectedKeys\"\n    | \"onSelectionChange\"\n    | \"defaultSelectedKeys\"\n    | \"orientation\"\n    | \"selectionBehavior\"\n    | \"selectionMode\"\n    | \"disallowEmptySelection\"\n    | \"children\"\n    | \"items\"\n  > & {\n    value?: string;\n    onChange?: (value?: string) => void;\n    defaultValue?: string;\n    fullWidth?: boolean;\n    children: ReactNode;\n    name?: string;\n  };\n\nconst _SegmentedControl = <T extends object>(\n  {\n    description,\n    errorMessage,\n    fullWidth = true,\n    hideHintLabel = true,\n    hideInputFooter = true,\n    hideInputHeader = true,\n    label,\n    name,\n    ...props\n  }: SegmentedControlProps<T>,\n  ref: ForwardedRef<SegmentedControlRef>,\n) => {\n  [props, ref] = useContextProps(props, ref, ListBoxContext);\n  const { children, className, defaultValue, isRequired, onChange, value } = props;\n  const selectedId = useId();\n  const labelId = useId();\n  const [localValue, setLocalValue] = useState<string>(defaultValue ?? value ?? \"\");\n  const { track } = segmentedControlStyles({ fullWidth });\n\n  /**\n   * Array of values of the children that are not selected and at should get a seperator at the end.\n   */\n  const valuesWithSeperator = useMemo(() => {\n    const allChildren = Children.toArray(children);\n    const selectedChildIndex: number | undefined = allChildren?.findIndex((child: any) => {\n      return child?.props?.value === localValue;\n    });\n\n    /**\n     * Filter values that are at least 2 indexes away from the selected value when the selected child index is lower than the current index.\n     * At least 1 index away from the selected child when the selected child index is higher than the current index.\n     * Also prevent that the last item will be added.\n     */\n    const valuesThatGetASeperator = allChildren\n      ?.filter((_, index: number) => {\n        if (selectedChildIndex === undefined) return false;\n        if (index === selectedChildIndex) return false;\n        if (index === allChildren.length - 1) return false;\n        if (selectedChildIndex < index) {\n          return Math.abs(index - selectedChildIndex) >= 1;\n        } else {\n          return Math.abs(index - selectedChildIndex) >= 2;\n        }\n      })\n      .map((child: any) => child?.props?.value);\n\n    return valuesThatGetASeperator;\n  }, [children, localValue]);\n\n  return (\n    <>\n      <InputHeader\n        label={label}\n        labelId={labelId}\n        isRequired={isRequired}\n        hideHintLabel={hideHintLabel}\n        hideInputHeader={hideInputHeader}\n      />\n      <ListBox\n        {...props}\n        ref={ref}\n        aria-label={label}\n        aria-labelledby={labelId}\n        className={track({ className })}\n        defaultSelectedKeys={defaultValue ? new Set([defaultValue]) : []}\n        orientation=\"horizontal\"\n        selectionBehavior=\"replace\"\n        selectionMode=\"single\"\n        selectedKeys={value ? [value] : undefined}\n        disallowEmptySelection\n        onSelectionChange={(keys) => {\n          if (keys === \"all\") return;\n          const firstKeyFromSet = keys.keys().next().value;\n          onChange?.(firstKeyFromSet);\n          setLocalValue(firstKeyFromSet);\n        }}\n      >\n        <SegmentedControlSharedContext.Provider value={{ valuesWithSeperator }}>\n          <LayoutGroup id={selectedId}>{children}</LayoutGroup>\n        </SegmentedControlSharedContext.Provider>\n      </ListBox>\n      <InputFooter\n        description={description}\n        errorMessage={errorMessage}\n        hideInputFooter={hideInputFooter}\n      />\n      {name ? <input type=\"hidden\" name={name} value={localValue ?? \"\"} /> : null}\n    </>\n  );\n};\n\nexport const SegmentedControl = fixedForwardRef(_SegmentedControl);\n// @ts-ignore\nSegmentedControl.displayName = \"SegmentedControl\";\n\nexport type SegmentedControlItemProps<T extends object> = Omit<ListBoxItemProps<T>, \"value\"> & {\n  children: ReactNode;\n  value?: string;\n};\n\ntype SegmentedControlItemRef = ElementRef<typeof ListBoxItem>;\n\nconst _SegmentedControlItem = <T extends object>(\n  { children, value, ...props }: SegmentedControlItemProps<T>,\n  ref: ForwardedRef<SegmentedControlItemRef>,\n) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const { id: layoutId } = useContext(LayoutGroupContext);\n  const { valuesWithSeperator } = useContext(SegmentedControlSharedContext);\n  const seperator = valuesWithSeperator.includes(value ?? \"\");\n  const { item, itemActive, itemText } = segmentedControlStyles({ seperator });\n  return (\n    <>\n      <ListBoxItem\n        ref={ref}\n        className={item({ isDisabled: fieldGroupIsDisabled })}\n        id={props.id ?? value}\n        {...props}\n      >\n        {({ isFocusVisible, isSelected }) => {\n          return (\n            <>\n              {isSelected ? (\n                <motion.div\n                  layoutId={layoutId}\n                  className={itemActive({ isFocusVisible })}\n                  transition={{\n                    type: \"tween\",\n                    duration: 0.2,\n                  }}\n                />\n              ) : null}\n              <div className={itemText()}>{children}</div>\n            </>\n          );\n        }}\n      </ListBoxItem>\n    </>\n  );\n};\n\nexport const SegmentedControlItem = fixedForwardRef(_SegmentedControlItem);\n// @ts-ignore\nSegmentedControlItem.displayName = \"SegmentedControlItem\";\n"],"names":["SegmentedControlSharedContext","createContext","_SegmentedControl","description","errorMessage","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","name","props","ref","useContextProps","ListBoxContext","children","className","defaultValue","isRequired","onChange","value","selectedId","useId","labelId","localValue","setLocalValue","useState","track","segmentedControlStyles","valuesWithSeperator","useMemo","allChildren","Children","selectedChildIndex","child","_a","_","index","jsxs","Fragment","jsx","InputHeader","ListBox","keys","firstKeyFromSet","LayoutGroup","InputFooter","SegmentedControl","fixedForwardRef","_SegmentedControlItem","fieldGroupIsDisabled","useContext","FieldGroupContext","layoutId","LayoutGroupContext","seperator","item","itemActive","itemText","ListBoxItem","isFocusVisible","isSelected","motion","SegmentedControlItem"],"mappings":"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"}
+{"version":3,"file":"lyra34.js","sources":["../src/components/inputs/segmented-control/segmented-control.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  ElementRef,\n  ForwardedRef,\n  ReactNode,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\nimport {\n  ListBox,\n  ListBoxContext,\n  ListBoxItem,\n  ListBoxItemProps,\n  ListBoxProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { LayoutGroup, LayoutGroupContext, motion } from \"framer-motion\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputHeader, InputHeaderProps } from \"../shared\";\nimport { InputFooter, InputFooterProps } from \"../shared/input-footer\";\n\nimport { segmentedControlStyles } from \"./segmented-control.styles\";\n\nconst SegmentedControlSharedContext = createContext<{ valuesWithSeperator: string[] }>({\n  valuesWithSeperator: [],\n});\n\nexport type SegmentedControlRef = ElementRef<typeof ListBox>;\nexport type SegmentedControlProps<T extends object> = InputHeaderProps &\n  InputFooterProps &\n  Omit<\n    ListBoxProps<T>,\n    | \"selectedKeys\"\n    | \"onSelectionChange\"\n    | \"defaultSelectedKeys\"\n    | \"orientation\"\n    | \"selectionBehavior\"\n    | \"selectionMode\"\n    | \"disallowEmptySelection\"\n    | \"children\"\n    | \"items\"\n  > & {\n    value?: string;\n    onChange?: (value?: string) => void;\n    defaultValue?: string;\n    fullWidth?: boolean;\n    children: ReactNode;\n    name?: string;\n  };\n\nconst _SegmentedControl = <T extends object>(\n  {\n    description,\n    errorMessage,\n    fullWidth = true,\n    hideHintLabel = true,\n    hideInputFooter = true,\n    hideInputHeader = true,\n    label,\n    name,\n    ...props\n  }: SegmentedControlProps<T>,\n  ref: ForwardedRef<SegmentedControlRef>,\n) => {\n  [props, ref] = useContextProps(props, ref, ListBoxContext);\n  const { children, className, defaultValue, isRequired, onChange, value } = props;\n  const selectedId = useId();\n  const labelId = useId();\n  const [localValue, setLocalValue] = useState<string>(defaultValue ?? value ?? \"\");\n  const { track } = segmentedControlStyles({ fullWidth });\n\n  /**\n   * Array of values of the children that are not selected and at should get a seperator at the end.\n   */\n  const valuesWithSeperator = useMemo(() => {\n    const allChildren = Children.toArray(children);\n    const selectedChildIndex: number | undefined = allChildren?.findIndex((child: any) => {\n      return child?.props?.value === localValue;\n    });\n\n    /**\n     * Filter values that are at least 2 indexes away from the selected value when the selected child index is lower than the current index.\n     * At least 1 index away from the selected child when the selected child index is higher than the current index.\n     * Also prevent that the last item will be added.\n     */\n    const valuesThatGetASeperator = allChildren\n      ?.filter((_, index: number) => {\n        if (selectedChildIndex === undefined) return false;\n        if (index === selectedChildIndex) return false;\n        if (index === allChildren.length - 1) return false;\n        if (selectedChildIndex < index) {\n          return Math.abs(index - selectedChildIndex) >= 1;\n        } else {\n          return Math.abs(index - selectedChildIndex) >= 2;\n        }\n      })\n      .map((child: any) => child?.props?.value);\n\n    return valuesThatGetASeperator;\n  }, [children, localValue]);\n\n  return (\n    <>\n      <InputHeader\n        label={label}\n        labelId={labelId}\n        isRequired={isRequired}\n        hideHintLabel={hideHintLabel}\n        hideInputHeader={hideInputHeader}\n      />\n      <ListBox\n        {...props}\n        ref={ref}\n        aria-label={label}\n        aria-labelledby={labelId}\n        className={track({ className })}\n        defaultSelectedKeys={defaultValue ? new Set([defaultValue]) : []}\n        orientation=\"horizontal\"\n        selectionBehavior=\"replace\"\n        selectionMode=\"single\"\n        selectedKeys={value ? [value] : undefined}\n        disallowEmptySelection\n        onSelectionChange={(keys) => {\n          if (keys === \"all\") return;\n          const firstKeyFromSet = keys.keys().next().value;\n          onChange?.(firstKeyFromSet);\n          setLocalValue(firstKeyFromSet);\n        }}\n      >\n        <SegmentedControlSharedContext.Provider value={{ valuesWithSeperator }}>\n          <LayoutGroup id={selectedId}>{children}</LayoutGroup>\n        </SegmentedControlSharedContext.Provider>\n      </ListBox>\n      <InputFooter\n        description={description}\n        errorMessage={errorMessage}\n        hideInputFooter={hideInputFooter}\n      />\n      {name ? <input type=\"hidden\" name={name} value={localValue ?? \"\"} /> : null}\n    </>\n  );\n};\n\nexport const SegmentedControl = fixedForwardRef(_SegmentedControl);\n// @ts-ignore\nSegmentedControl.displayName = \"SegmentedControl\";\n\nexport type SegmentedControlItemProps<T extends object> = Omit<ListBoxItemProps<T>, \"value\"> & {\n  children: ReactNode;\n  value?: string;\n};\n\ntype SegmentedControlItemRef = ElementRef<typeof ListBoxItem>;\n\nconst _SegmentedControlItem = <T extends object>(\n  { children, textValue, value, ...props }: SegmentedControlItemProps<T>,\n  ref: ForwardedRef<SegmentedControlItemRef>,\n) => {\n  const newTextValue = textValue ? textValue : typeof children === \"string\" ? children : undefined;\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const { id: layoutId } = useContext(LayoutGroupContext);\n  const { valuesWithSeperator } = useContext(SegmentedControlSharedContext);\n  const seperator = valuesWithSeperator.includes(value ?? \"\");\n  const { item, itemActive, itemText } = segmentedControlStyles({ seperator });\n  return (\n    <>\n      <ListBoxItem\n        ref={ref}\n        className={item({ isDisabled: fieldGroupIsDisabled })}\n        id={props.id ?? value}\n        textValue={newTextValue}\n        {...props}\n      >\n        {({ isFocusVisible, isSelected }) => {\n          return (\n            <>\n              {isSelected ? (\n                <motion.div\n                  layoutId={layoutId}\n                  className={itemActive({ isFocusVisible })}\n                  transition={{\n                    type: \"tween\",\n                    duration: 0.2,\n                  }}\n                />\n              ) : null}\n              <div className={itemText()}>{children}</div>\n            </>\n          );\n        }}\n      </ListBoxItem>\n    </>\n  );\n};\n\nexport const SegmentedControlItem = fixedForwardRef(_SegmentedControlItem);\n// @ts-ignore\nSegmentedControlItem.displayName = \"SegmentedControlItem\";\n"],"names":["SegmentedControlSharedContext","createContext","_SegmentedControl","description","errorMessage","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","name","props","ref","useContextProps","ListBoxContext","children","className","defaultValue","isRequired","onChange","value","selectedId","useId","labelId","localValue","setLocalValue","useState","track","segmentedControlStyles","valuesWithSeperator","useMemo","allChildren","Children","selectedChildIndex","child","_a","_","index","jsxs","Fragment","jsx","InputHeader","ListBox","keys","firstKeyFromSet","LayoutGroup","InputFooter","SegmentedControl","fixedForwardRef","_SegmentedControlItem","textValue","newTextValue","fieldGroupIsDisabled","useContext","FieldGroupContext","layoutId","LayoutGroupContext","seperator","item","itemActive","itemText","ListBoxItem","isFocusVisible","isSelected","motion","SegmentedControlItem"],"mappings":"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"}

package/dist/lyra36.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra88.cjs"),x=require("react"),A=require("./lyra87.cjs"),J=require("./lyra448.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const O=require("./lyra63.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const D=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra93.cjs");require("./lyra78.cjs");require("./lyra456.cjs");const I=require("./lyra38.cjs"),_=require("./lyra39.cjs"),y=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const $=require("./lyra71.cjs");require("./lyra72.cjs");const Q=require("./lyra453.cjs"),V=require("./lyra454.cjs"),W=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const g=require("./lyra457.cjs");require("./lyra458.cjs");require("react-dom");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra62.cjs");require("./lyra65.cjs");require("./lyra66.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra74.cjs");require("./lyra75.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra79.cjs");require("./lyra96.cjs");const f=require("./lyra616.cjs"),U=require("./lyra86.cjs"),z=({direction:p,disabledItemIdKeys:r,getItemId:a,items:i,label:l,open:u,selectRenderElements:c,triggerRef:o})=>{var t;return e.jsxRuntimeExports.jsx(W.Popover,{className:"p-1",isOpen:u,triggerRef:o,shouldUpdatePosition:!0,"aria-label":l,disablePadding:!0,style:{width:((t=o.current)==null?void 0:t.offsetWidth)+"px",direction:p},children:e.jsxRuntimeExports.jsx(f.Listbox.Options,{static:!0,className:Q.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:i.map(n=>e.jsxRuntimeExports.jsx(f.Listbox.Option,{value:n,disabled:r==null?void 0:r.includes(a(n)),children:q=>e.jsxRuntimeExports.jsx(V.SharedListItem,{item:n,state:q,selectRenderElements:c,hasSelection:!0})},a(n)))})})},X=({disableClearLogic:p,fullWidth:r,getLabel:a,isDisabled:i,isInvalid:l,onChange:u,placeholder:c,value:o})=>{const[t,n]=x.useState(!1),[q,s]=x.useState(!1),{inputField:j}=y.sharedInputStyles({}),h=m=>{(m.key==="Escape"||m.key==="Backspace")&&!p&&(m.stopPropagation(),u==null||u(void 0))};return e.jsxRuntimeExports.jsxs(f.Listbox.Button,{className:j({fullWidth:r,isDisabled:i,isHovered:q,isFocused:t,isInvalid:l,hasEndSlot:!0,className:q&&!l&&!i&&!t?"border-hover":""}),onPointerEnter:()=>s(!0),onPointerLeave:()=>s(!1),onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),onFocus:()=>{n(!0)},onBlur:()=>{n(!1)},onKeyDown:h,children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:o?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:a(o)}):e.jsxRuntimeExports.jsx($.Text,{color:"secondary",children:c})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[o&&!p&&!i?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{className:"text-secondary",onClick:m=>{m.stopPropagation(),u==null||u(void 0)},children:e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"clear"})})}):null,e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"chevron-up-down"})]})]})},Y=({fullWidth:p,getItemId:r,getLabel:a,isDisabled:i,isInvalid:l,label:u,onChange:c,placeholder:o,value:t})=>{const{inputField:n}=y.sharedInputStyles({}),q=x.useCallback(s=>{t&&c(t.filter(j=>{const h=r(j);return!s.has(h)}))},[r,c,t]);return e.jsxRuntimeExports.jsx(A.Group,{className:({isFocusWithin:s,isHovered:j})=>n({fullWidth:p,isDisabled:i,isHovered:j,isFocused:s,isInvalid:l,hasEndSlot:!0,className:J.clsx(j&&!l&&!i&&!s?"border-hover":"","items-start")}),children:e.jsxRuntimeExports.jsxs(f.Listbox.Button,{className:"flex w-full outline-none",as:"div",role:"button",tabIndex:0,children:[e.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:t&&t.length?e.jsxRuntimeExports.jsx(g.InputTagGroup,{label:u??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:i?void 0:q,children:t.map(s=>e.jsxRuntimeExports.jsx(g.InputTag,{id:r(s),isDisabled:i,children:a(s)},r(s)))}):e.jsxRuntimeExports.jsx($.Text,{color:"secondary",children:o})}),e.jsxRuntimeExports.jsx(O.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-[16px]"})]})})},Z=({by:p,defaultValue:r,description:a,disableClearLogic:i,disabledItemIdKeys:l,errorMessage:u,fullWidth:c=!0,getItemId:o,getLabel:t,hideHintLabel:n,hideInputFooter:q,hideInputHeader:s,isDisabled:j,isInvalid:h,isRequired:m,items:L,label:S,name:w,onChange:d,placeholder:G,selectRenderElements:M,value:E})=>{const{isDisabled:P}=x.useContext(D.FieldGroupContext),[k,v]=x.useState(E??r),{wrapper:F}=y.sharedInputStyles({}),N=x.useRef(null),{direction:B}=U.useLocale(),b=x.useCallback(R=>{v(R),d==null||d(R)},[d]);return x.useEffect(()=>{v(E??r)},[r,E]),e.jsxRuntimeExports.jsx(f.Listbox,{disabled:j||P,name:w,by:p,onChange:b,value:E??k??"",children:({disabled:R,open:T,value:H})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:F({fullWidth:c}),children:[e.jsxRuntimeExports.jsx(I.InputHeader,{label:S,hideHintLabel:n,hideInputHeader:s,isRequired:m}),e.jsxRuntimeExports.jsx("div",{ref:N,children:e.jsxRuntimeExports.jsx(X,{fullWidth:c,isDisabled:R,disableClearLogic:i,isInvalid:h,placeholder:G,value:H,getLabel:t,getItemId:o,label:S,onChange:b})}),e.jsxRuntimeExports.jsx(_.InputFooter,{description:a,errorMessage:u,hideInputFooter:q})]}),e.jsxRuntimeExports.jsx(z,{triggerRef:N,label:`${S} options`,getItemId:o,selectRenderElements:M,items:L,open:T,disabledItemIdKeys:l,direction:B})]})})},K=({by:p,defaultValue:r,description:a,disableClearLogic:i,disabledItemIdKeys:l,errorMessage:u,fullWidth:c=!0,getItemId:o,getLabel:t,hideHintLabel:n,hideInputFooter:q,hideInputHeader:s,isDisabled:j,isInvalid:h,isRequired:m,items:L,label:S,name:w,onChange:d,placeholder:G,selectRenderElements:M,value:E})=>{const{isDisabled:P}=x.useContext(D.FieldGroupContext),[k,v]=x.useState(E??r),F=x.useRef(null),{direction:N}=U.useLocale(),{wrapper:B}=y.sharedInputStyles({}),b=x.useCallback(R=>{v(R),d==null||d(R)},[d]);return x.useEffect(()=>{v(E??r)},[r,E]),e.jsxRuntimeExports.jsx(f.Listbox,{disabled:j||P,name:w,by:p,onChange:b,multiple:!0,value:E??k??[],children:({disabled:R,open:T,value:H})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:B({fullWidth:c}),children:[e.jsxRuntimeExports.jsx(I.InputHeader,{label:S,hideHintLabel:n,hideInputHeader:s,isRequired:m}),e.jsxRuntimeExports.jsx("div",{ref:F,children:e.jsxRuntimeExports.jsx(Y,{fullWidth:c,isDisabled:R,isInvalid:h,placeholder:G,value:H,onChange:b,getItemId:o,getLabel:t,label:S,disableClearLogic:i})}),e.jsxRuntimeExports.jsx(_.InputFooter,{description:a,errorMessage:u,hideInputFooter:q})]}),e.jsxRuntimeExports.jsx(z,{label:`${S} options`,triggerRef:F,items:L,open:T,getItemId:o,selectRenderElements:M,disabledItemIdKeys:l,direction:N})]})})};exports.MultiSelect=K;exports.Select=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra88.cjs"),l=require("react"),T=require("./lyra87.cjs"),Y=require("./lyra448.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const W=require("./lyra63.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const _=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra93.cjs");require("./lyra78.cjs");require("./lyra452.cjs");const $=require("./lyra38.cjs"),z=require("./lyra39.cjs"),V=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const Z=require("./lyra594.cjs"),C=require("./lyra453.cjs"),K=require("./lyra454.cjs"),g=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const B=require("./lyra71.cjs");require("./lyra72.cjs");const U=require("./lyra455.cjs");require("./lyra456.cjs");require("react-dom");const I=require("./lyra82.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra62.cjs");require("./lyra65.cjs");require("./lyra66.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra74.cjs");require("./lyra75.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra79.cjs");require("./lyra96.cjs");const J=require("./lyra86.cjs"),rr=({closePopover:o,disabledItemIdKeys:t,filteredItems:x,getItemId:e,onMultiChange:f,onSingleChange:p,value:n})=>{const N=l.useMemo(()=>{if(Array.isArray(n))return n.length?x.findIndex(s=>e(s)===e(n[0])):0;if(n)return x.findIndex(s=>e(s)===e(n))},[x,e,n]),[m,q]=l.useState(N??0),E=l.useCallback(s=>{if(Number.isInteger(s)){for(let c=s-1;c>=0;c--)if(!(t!=null&&t.includes(e(x[c]))))return Math.max(c,0)}return-1},[t,x,e]),w=l.useCallback(s=>{if(Number.isInteger(s)){for(let c=s+1;c<x.length;c++)if(!(t!=null&&t.includes(e(x[c]))))return Math.min(x.length-1,c)}return-1},[t,x,e]),k=l.useRef([]),a=l.useCallback((s,c)=>{c&&(k.current[s]=c)},[]),u=l.useCallback(s=>{if(f){const c=n?[...n]:[],S=c.map(e),R=S!=null&&S.includes(e(s))?c.filter(A=>e(A)!==e(s)):[...c,s];f==null||f(R)}else p&&(p==null||p(s))},[e,f,p,n]),i=l.useCallback(s=>Array.isArray(n)?n.includes(s):n===s,[n]),h=I.useMousePosition(),j=l.useRef(void 0),y=l.useCallback(s=>{const c=m;if(s.key==="ArrowDown"){s.preventDefault();const S=w(c);if(S>=0){q(S),j.current=h;const R=k.current[S];R==null||R.scrollIntoView({block:"nearest"}),R==null||R.focus()}}else if(s.key==="ArrowUp"){s.preventDefault();const S=E(c);if(S>=0){q(S);const R=k.current[S];R==null||R.scrollIntoView({block:"nearest"}),R==null||R.focus(),j.current=h}}else s.key==="Escape"&&o()},[m,o,w,E,h]),v=l.useCallback((s,c)=>{s&&j.current!==h&&(q(c),j.current=h)},[h]);return l.useEffect(()=>{var s;(s=k.current)!=null&&s[m]&&k.current[m].focus()},[open]),{activeItem:m,assignRefOnIndex:a,getItemIsSelected:i,onKeyDown:y,onHoverChange:v,selectedItemIndex:N,toggleSelection:u}},er=({disabledItemIdKeys:o,getItemId:t,items:x,onMultiChange:e,onSingleChange:f,selectRenderElements:p,setOpenPopover:n,value:N})=>{const{activeItem:m,assignRefOnIndex:q,getItemIsSelected:E,onHoverChange:w,onKeyDown:k,toggleSelection:a}=rr({closePopover:()=>n(!1),disabledItemIdKeys:o,filteredItems:x,getItemId:t,onMultiChange:e,onSingleChange:f,value:N}),u=i=>(o==null?void 0:o.includes(t(i)))??!1;return r.jsxRuntimeExports.jsx("div",{className:C.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:x.map((i,h)=>r.jsxRuntimeExports.jsx(T.Button,{"data-index":h,ref:j=>q(h,j),className:"w-full text-start outline-none",onHoverChange:j=>{w(j,h)},onPress:()=>a(i),onKeyDown:j=>k(j),isDisabled:u(i),children:r.jsxRuntimeExports.jsx(K.SharedListItem,{item:i,state:{active:m===h,disabled:(o==null?void 0:o.includes(t(i)))??!1,selected:E(i)},selectRenderElements:p,hasSelection:!0})},t(i)))})},Q=({direction:o,disabledItemIdKeys:t,getItemId:x,items:e,label:f,onMultiChange:p,onSingleChange:n,open:N,placement:m="bottom start",selectRenderElements:q,setOpenPopover:E,triggerRef:w,value:k})=>{var h,j;const[a,u]=l.useState((h=w.current)==null?void 0:h.offsetWidth),i=a??((j=w.current)==null?void 0:j.offsetWidth);return Z.default("resize",()=>{var y;u((y=w.current)==null?void 0:y.offsetWidth)}),r.jsxRuntimeExports.jsx(g.Popover,{className:"p-1",isOpen:N,triggerRef:w,onOpenChange:E,shouldUpdatePosition:!0,"aria-label":f,disablePadding:!0,placement:m,style:{width:i&&i>280?i+"px":"280px",direction:o},children:N?r.jsxRuntimeExports.jsx(er,{getItemId:x,items:e,onMultiChange:p,onSingleChange:n,selectRenderElements:q,setOpenPopover:E,value:k,disabledItemIdKeys:t}):null})},sr=({disableClearLogic:o,fullWidth:t,getLabel:x,isDisabled:e,isInvalid:f,onChange:p,placeholder:n,renderCustomElementInValueButton:N,selectRenderElements:m,setOpenPopover:q,value:E})=>{var a;const{inputField:w}=V.sharedInputStyles({}),k=u=>{(u.key==="Escape"||u.key==="Backspace")&&!o?p==null||p(void 0):u.key==="ArrowDown"&&(u.preventDefault(),q(!0))};return r.jsxRuntimeExports.jsxs(T.Button,{className:({isFocused:u,isHovered:i})=>w({fullWidth:t,isDisabled:e,isHovered:i,isFocused:u,isInvalid:f,hasEndSlot:!0,className:i&&!f&&!e&&!u?"border-hover":""}),isDisabled:e,onKeyDown:k,onPress:()=>{q(!0)},children:[r.jsxRuntimeExports.jsxs("div",{className:"flex grow text-start",children:[N&&E?(a=m(E))==null?void 0:a.customElement:null,E?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:x(E)}):r.jsxRuntimeExports.jsx(B.Text,{color:"secondary",children:n})]}),r.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[E&&!o&&!e?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:r.jsxRuntimeExports.jsx("div",{className:"text-secondary",role:"button",onClick:u=>{u.stopPropagation(),p==null||p(void 0)},children:r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"clear"})})}):null,r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"chevron-up-down"})]})]})},tr=({fullWidth:o,getItemId:t,getLabel:x,isDisabled:e,isInvalid:f,label:p,onChange:n,placeholder:N,setOpenPopover:m,value:q})=>{const{inputField:E}=V.sharedInputStyles({}),w=l.useCallback(a=>{q&&n(q.filter(u=>{const i=t(u);return!a.has(i)}))},[t,n,q]),k=a=>{(a.key==="ArrowDown"||a.key==="Enter"||a.key===" ")&&(a.preventDefault(),m(!0))};return r.jsxRuntimeExports.jsx(T.Group,{children:({isFocusWithin:a})=>r.jsxRuntimeExports.jsx(T.Button,{className:({isFocused:u,isHovered:i})=>E({fullWidth:o,isDisabled:e,isHovered:i,isFocused:u||a,isInvalid:f,hasEndSlot:!0,className:Y.clsx(i&&!f&&!e&&!u?"border-hover":"","items-start")}),onKeyDown:u=>k(u),onPress:()=>m(!0),isDisabled:e,children:r.jsxRuntimeExports.jsxs("div",{className:"flex w-full outline-none",children:[r.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:q&&q.length?r.jsxRuntimeExports.jsx(U.InputTagGroup,{label:p??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:e?void 0:w,children:q.map(u=>r.jsxRuntimeExports.jsx(U.InputTag,{id:t(u),isDisabled:e,children:x(u)},t(u)))}):r.jsxRuntimeExports.jsx(B.Text,{color:"secondary",children:N})}),r.jsxRuntimeExports.jsx(W.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-4"})]})})})},X=({getItemId:o,name:t,value:x})=>t?Array.isArray(x)?x.map(e=>r.jsxRuntimeExports.jsx("input",{type:"hidden",name:t,value:o(e)},o(e))):x?r.jsxRuntimeExports.jsx("input",{type:"hidden",name:t,value:o(x)}):null:null,nr=({defaultValue:o,description:t,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:f,fullWidth:p=!0,getItemId:n,getLabel:N,hideHintLabel:m,hideInputFooter:q,hideInputHeader:E,isDisabled:w,isInvalid:k,isRequired:a,items:u,label:i,name:h,onChange:j,placeholder:y,placement:v,renderCustomElementInValueButton:s,selectRenderElements:c,value:S})=>{const{isDisabled:R}=l.useContext(_.FieldGroupContext),[A,D]=l.useState(!1),H=w||R,[G,F]=l.useState(S??o),{wrapper:O}=V.sharedInputStyles({}),L=l.useRef(null),{direction:M}=J.useLocale(),d=l.useCallback(b=>{F(b),j==null||j(b),D(!1)},[j]);l.useEffect(()=>{F(S??o)},[o,S]);const P=S??G;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(X,{name:h,value:P,getItemId:n}),r.jsxRuntimeExports.jsxs("div",{className:O({fullWidth:p}),children:[r.jsxRuntimeExports.jsx($.InputHeader,{label:i,hideHintLabel:m,hideInputHeader:E,isRequired:a}),r.jsxRuntimeExports.jsx("div",{ref:L,children:r.jsxRuntimeExports.jsx(sr,{fullWidth:p,isDisabled:H,disableClearLogic:x,isInvalid:k,placeholder:y,value:P,getLabel:N,getItemId:n,label:i,onChange:d,setOpenPopover:D,renderCustomElementInValueButton:s,selectRenderElements:c})}),r.jsxRuntimeExports.jsx(z.InputFooter,{description:t,errorMessage:f,hideInputFooter:q})]}),r.jsxRuntimeExports.jsx(Q,{triggerRef:L,label:`${i} options`,getItemId:n,selectRenderElements:c,items:u,open:A,disabledItemIdKeys:e,direction:M,setOpenPopover:D,onSingleChange:d,value:P,placement:v})]})},ur=({defaultValue:o,description:t,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:f,fullWidth:p=!0,getItemId:n,getLabel:N,hideHintLabel:m,hideInputFooter:q,hideInputHeader:E,isDisabled:w,isInvalid:k,isRequired:a,items:u,label:i,name:h,onChange:j,placeholder:y,placement:v,selectRenderElements:s,value:c})=>{const{isDisabled:S}=l.useContext(_.FieldGroupContext),R=w||S,[A,D]=l.useState(!1),[H,G]=l.useState(c??o),F=l.useRef(null),{direction:O}=J.useLocale(),{wrapper:L}=V.sharedInputStyles({}),M=l.useCallback(P=>{G(P),j==null||j(P)},[j]);l.useEffect(()=>{G(c??o)},[o,c]);const d=c??H;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(X,{name:h,value:d,getItemId:n}),r.jsxRuntimeExports.jsxs("div",{className:L({fullWidth:p}),children:[r.jsxRuntimeExports.jsx($.InputHeader,{label:i,hideHintLabel:m,hideInputHeader:E,isRequired:a}),r.jsxRuntimeExports.jsx("div",{ref:F,children:r.jsxRuntimeExports.jsx(tr,{fullWidth:p,isDisabled:R,isInvalid:k,placeholder:y,value:d,onChange:M,getItemId:n,getLabel:N,label:i,disableClearLogic:x,setOpenPopover:D,selectRenderElements:s})}),r.jsxRuntimeExports.jsx(z.InputFooter,{description:t,errorMessage:f,hideInputFooter:q})]}),r.jsxRuntimeExports.jsx(Q,{label:`${i} options`,triggerRef:F,items:u,open:A,getItemId:n,selectRenderElements:s,disabledItemIdKeys:e,direction:O,setOpenPopover:D,onMultiChange:M,placement:v,value:d})]})};exports.MultiSelect=ur;exports.Select=nr;

package/dist/lyra36.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra36.cjs","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import { CSSProperties, useCallback, useContext, useEffect, useRef, useState } from \"react\";\nimport { Group, Key } from \"react-aria-components\";\n\nimport { Listbox } from \"@headlessui/react\";\nimport clsx from \"clsx\";\n\nimport { useLocale } from \"../../..\";\nimport { SvgIcon } from \"../../../components/svg-icon\";\nimport { Text } from \"../../../components/text\";\nimport { sharedListStyles } from \"../../lists/shared-list.styles\";\nimport { SharedListItem } from \"../../lists/shared-list-item\";\nimport { Popover } from \"../../overlays\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputTag, InputTagGroup } from \"../input-tag-group\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\n\nimport { MultiSelectProps, SelectItemsProps, SelectProps, ValueButton } from \"./select.types\";\n\n/**\n * Renders the options for the select component.\n *\n */\nconst SelectItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  getItemId,\n  items,\n  label,\n  open,\n  selectRenderElements,\n  triggerRef,\n}: SelectItemsProps<T>) => {\n  return (\n    <Popover\n      className=\"p-1\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      shouldUpdatePosition\n      aria-label={label}\n      disablePadding\n      style={\n        {\n          width: (triggerRef.current as any)?.offsetWidth + \"px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      <Listbox.Options\n        static\n        className={sharedListStyles({\n          className: \"h-full max-h-72 overflow-auto\",\n        })}\n      >\n        {items.map((item) => (\n          <Listbox.Option\n            key={getItemId(item)}\n            value={item}\n            disabled={disabledItemIdKeys?.includes(getItemId(item))}\n          >\n            {(renderItemState) => (\n              <SharedListItem\n                item={item}\n                state={renderItemState}\n                selectRenderElements={selectRenderElements}\n                hasSelection\n              />\n            )}\n          </Listbox.Option>\n        ))}\n      </Listbox.Options>\n    </Popover>\n  );\n};\n\n/**\n * Renders a single value button for a select input.\n *\n */\nconst SingleValueButton = <T extends object>({\n  disableClearLogic,\n  fullWidth,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  onChange,\n  placeholder,\n  value,\n}: Omit<ValueButton<T>, \"onChange\"> & {\n  onChange: (newValue?: T) => void;\n}) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n\n  const { inputField: inputFieldStyles } = sharedInputStyles({});\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if ((e.key === \"Escape\" || e.key === \"Backspace\") && !disableClearLogic) {\n      e.stopPropagation();\n      onChange?.(undefined);\n    }\n  };\n\n  return (\n    <Listbox.Button\n      className={inputFieldStyles({\n        fullWidth,\n        isDisabled,\n        isHovered,\n        isFocused,\n        isInvalid,\n        hasEndSlot: true,\n        className: isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n      })}\n      onPointerEnter={() => setIsHovered(true)}\n      onPointerLeave={() => setIsHovered(false)}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      onFocus={() => {\n        setIsFocused(true);\n      }}\n      onBlur={() => {\n        setIsFocused(false);\n      }}\n      onKeyDown={onKeyDown}\n    >\n      <div className=\"grow text-left\">\n        {value ? <>{getLabel(value)}</> : <Text color=\"secondary\">{placeholder}</Text>}\n      </div>\n      <div className=\"flex items-center gap-2\">\n        {value && !disableClearLogic && !isDisabled ? (\n          <>\n            <div\n              className=\"text-secondary\"\n              onClick={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n            >\n              <SvgIcon name=\"clear\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon name=\"chevron-up-down\" />\n      </div>\n    </Listbox.Button>\n  );\n};\n\n/**\n * Renders a button component for selecting multiple values.\n *\n */\nconst MultipleValuesButton = <T extends object>({\n  fullWidth,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  label,\n  onChange,\n  placeholder,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({});\n\n  const onRemove = useCallback(\n    (keys: Set<Key>) => {\n      value &&\n        onChange(\n          value.filter((item) => {\n            const itemId = getItemId(item);\n            return !keys.has(itemId);\n          }),\n        );\n    },\n    [getItemId, onChange, value],\n  );\n\n  return (\n    <Group\n      className={({ isFocusWithin: isFocused, isHovered }) =>\n        inputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          hasEndSlot: true,\n          className: clsx(\n            isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n            \"items-start\",\n          ),\n        })\n      }\n    >\n      <Listbox.Button className=\"flex w-full outline-none\" as=\"div\" role=\"button\" tabIndex={0}>\n        <div className=\"grow text-left\">\n          {value && value.length ? (\n            <InputTagGroup<T>\n              label={label ?? \"Selected items\"}\n              className=\"-m-1.5 -mt-[0.3125rem]\"\n              onRemove={isDisabled ? undefined : onRemove}\n            >\n              {value.map((item) => (\n                <InputTag key={getItemId(item)} id={getItemId(item)} isDisabled={isDisabled}>\n                  {getLabel(item)}\n                </InputTag>\n              ))}\n            </InputTagGroup>\n          ) : (\n            <Text color=\"secondary\">{placeholder}</Text>\n          )}\n        </div>\n        <SvgIcon name=\"chevron-up-down\" className=\"h-4 w-4 min-w-[16px]\" />\n      </Listbox.Button>\n    </Group>\n  );\n};\n\n/**\n * Renders a select input component.\n *\n */\nexport const Select = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  placeholder,\n  selectRenderElements,\n  value,\n}: SelectProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const { wrapper } = sharedInputStyles({});\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  // sync the internal value with the value prop\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  return (\n    <Listbox\n      disabled={isDisabled || fieldGroupIsDisabled}\n      name={name}\n      by={by as any}\n      onChange={onSingleChange}\n      value={value ?? internalValue ?? \"\"}\n    >\n      {({ disabled, open, value }) => (\n        <>\n          <div className={wrapper({ fullWidth })}>\n            <InputHeader\n              label={label}\n              hideHintLabel={hideHintLabel}\n              hideInputHeader={hideInputHeader}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <SingleValueButton\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                disableClearLogic={disableClearLogic}\n                isInvalid={isInvalid}\n                placeholder={placeholder}\n                value={value as T | undefined}\n                getLabel={getLabel}\n                getItemId={getItemId}\n                label={label}\n                onChange={onSingleChange}\n              />\n            </div>\n            <InputFooter\n              description={description}\n              errorMessage={errorMessage}\n              hideInputFooter={hideInputFooter}\n            />\n          </div>\n          <SelectItems<T>\n            triggerRef={triggerRef}\n            label={`${label} options`}\n            getItemId={getItemId}\n            selectRenderElements={selectRenderElements}\n            items={items}\n            open={open}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n          />\n        </>\n      )}\n    </Listbox>\n  );\n};\n\nexport const MultiSelect = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  placeholder,\n  selectRenderElements,\n  value,\n}: MultiSelectProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const { wrapper } = sharedInputStyles({});\n\n  const onMultipleChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  // sync the internal value with the value prop\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  return (\n    <Listbox\n      disabled={isDisabled || fieldGroupIsDisabled}\n      name={name}\n      by={by as any}\n      onChange={onMultipleChange}\n      multiple\n      value={value ?? internalValue ?? []}\n    >\n      {({ disabled, open, value }) => (\n        <>\n          <div className={wrapper({ fullWidth })}>\n            <InputHeader\n              label={label}\n              hideHintLabel={hideHintLabel}\n              hideInputHeader={hideInputHeader}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <MultipleValuesButton\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                placeholder={placeholder}\n                value={value}\n                onChange={onMultipleChange}\n                getItemId={getItemId}\n                getLabel={getLabel}\n                label={label}\n                disableClearLogic={disableClearLogic}\n              />\n            </div>\n            <InputFooter\n              description={description}\n              errorMessage={errorMessage}\n              hideInputFooter={hideInputFooter}\n            />\n          </div>\n          <SelectItems<T>\n            label={`${label} options`}\n            triggerRef={triggerRef}\n            items={items}\n            open={open}\n            getItemId={getItemId}\n            selectRenderElements={selectRenderElements}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n          />\n        </>\n      )}\n    </Listbox>\n  );\n};\n"],"names":["SelectItems","direction","disabledItemIdKeys","getItemId","items","label","open","selectRenderElements","triggerRef","jsx","Popover","_a","Listbox","sharedListStyles","item","renderItemState","SharedListItem","SingleValueButton","disableClearLogic","fullWidth","getLabel","isDisabled","isInvalid","onChange","placeholder","value","isFocused","setIsFocused","useState","isHovered","setIsHovered","inputFieldStyles","sharedInputStyles","onKeyDown","e","jsxs","Text","Fragment","SvgIcon","MultipleValuesButton","onRemove","useCallback","keys","itemId","Group","clsx","InputTagGroup","InputTag","Select","by","defaultValue","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","isRequired","name","fieldGroupIsDisabled","useContext","FieldGroupContext","internalValue","setInternalValue","wrapper","useRef","useLocale","onSingleChange","newValue","useEffect","disabled","InputHeader","InputFooter","MultiSelect","onMultipleChange"],"mappings":"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"}
+{"version":3,"file":"lyra36.cjs","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  KeyboardEvent,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Button as AriaButton, Group, Key } from \"react-aria-components\";\n\nimport clsx from \"clsx\";\n\nimport { useLocale, useMousePosition } from \"../../..\";\nimport useEventListener from \"../../../utils/hooks/use-event-listener\";\nimport { sharedListStyles } from \"../../lists/shared-list.styles\";\nimport { SharedListItem } from \"../../lists/shared-list-item\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport { FieldGroupContext } from \"../field-group\";\nimport { InputTag, InputTagGroup } from \"../input-tag-group\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\n\nimport { MultiSelectProps, SelectItemsProps, SelectProps, ValueButton } from \"./select.types\";\n\ntype UseItemSelectionProps<T> = {\n  closePopover: () => void;\n  disabledItemIdKeys?: Key[];\n  filteredItems: T[];\n  getItemId: (item: T) => Key;\n  onMultiChange?: (value?: T[]) => void;\n  onSingleChange?: (value?: T) => void;\n  value?: T | T[];\n};\n\nconst useItemSelection = <T extends object>({\n  closePopover,\n  disabledItemIdKeys,\n  filteredItems,\n  getItemId,\n  onMultiChange,\n  onSingleChange,\n  value,\n}: UseItemSelectionProps<T>) => {\n  const selectedItemIndex = useMemo(() => {\n    if (Array.isArray(value)) {\n      if (value.length) {\n        return filteredItems.findIndex((item) => getItemId(item) === getItemId(value[0]));\n      } else {\n        return 0;\n      }\n    } else if (value) {\n      return filteredItems.findIndex((item) => getItemId(item) === getItemId(value));\n    }\n  }, [filteredItems, getItemId, value]);\n  // State that keeps track of the 'active' (focused but not really focused) item.\n  const [activeItem, setActiveItem] = useState(selectedItemIndex ?? 0);\n\n  const getPreviousItemIndex = useCallback(\n    (activeIndex?: number) => {\n      if (Number.isInteger(activeIndex)) {\n        for (let i = activeIndex! - 1; i >= 0; i--) {\n          if (!disabledItemIdKeys?.includes(getItemId(filteredItems[i]))) {\n            return Math.max(i, 0);\n          }\n        }\n      }\n      return -1;\n    },\n    [disabledItemIdKeys, filteredItems, getItemId],\n  );\n\n  const getNextItemIndex = useCallback(\n    (activeIndex?: number) => {\n      if (Number.isInteger(activeIndex)) {\n        for (let i = activeIndex! + 1; i < filteredItems.length; i++) {\n          if (!disabledItemIdKeys?.includes(getItemId(filteredItems[i]))) {\n            return Math.min(filteredItems.length - 1, i);\n          }\n        }\n      }\n      return -1;\n    },\n    [disabledItemIdKeys, filteredItems, getItemId],\n  );\n\n  const refs = useRef<HTMLButtonElement[]>([]);\n\n  const assignRefOnIndex = useCallback((index: number, el: HTMLButtonElement | null) => {\n    if (el) {\n      refs.current[index] = el;\n    }\n  }, []);\n\n  // Selects an item in the list and runs the appropriate change handler\n  const toggleSelection = useCallback(\n    (item: T) => {\n      if (onMultiChange) {\n        const currentValue = !value ? [] : [...(value as T[])];\n        const currentValueIds = currentValue.map(getItemId);\n        const newValue = currentValueIds?.includes(getItemId(item))\n          ? currentValue.filter((v) => getItemId(v) !== getItemId(item))\n          : [...currentValue, item];\n        onMultiChange?.(newValue);\n      } else if (onSingleChange) {\n        onSingleChange?.(item);\n      }\n    },\n    [getItemId, onMultiChange, onSingleChange, value],\n  );\n\n  const getItemIsSelected = useCallback(\n    (item: T) => {\n      if (Array.isArray(value)) {\n        return value.includes(item);\n      } else {\n        return value === item;\n      }\n    },\n    [value],\n  );\n\n  const mousePosition = useMousePosition();\n  const previousMousePosition = useRef<string | undefined>(undefined);\n\n  // Handles keyboard navigation on buttons\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      const currentActiveIndex = activeItem;\n\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        const safeNextIndex = getNextItemIndex(currentActiveIndex);\n\n        if (safeNextIndex >= 0) {\n          setActiveItem(safeNextIndex);\n          previousMousePosition.current = mousePosition;\n          const nextButtonRef = refs.current[safeNextIndex];\n          nextButtonRef?.scrollIntoView({ block: \"nearest\" });\n          nextButtonRef?.focus();\n        }\n      } else if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        const safePreviousIndex = getPreviousItemIndex(currentActiveIndex);\n\n        if (safePreviousIndex >= 0) {\n          setActiveItem(safePreviousIndex);\n          const previousButtonRef = refs.current[safePreviousIndex];\n          previousButtonRef?.scrollIntoView({ block: \"nearest\" });\n          previousButtonRef?.focus();\n          previousMousePosition.current = mousePosition;\n        }\n      } else if (e.key === \"Escape\") {\n        closePopover();\n      }\n    },\n    [activeItem, closePopover, getNextItemIndex, getPreviousItemIndex, mousePosition],\n  );\n\n  // Handles onHoverChange event for the buttons\n  const onHoverChange = useCallback(\n    (isHovering: boolean, index: number) => {\n      if (isHovering && previousMousePosition.current !== mousePosition) {\n        setActiveItem(index);\n        previousMousePosition.current = mousePosition;\n      }\n    },\n    [mousePosition],\n  );\n\n  // Scroll the active item into view when the popover opens\n  useEffect(() => {\n    if (refs.current?.[activeItem]) {\n      refs.current[activeItem].focus();\n    }\n    // We want this to run everytime the popover opens.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n\n  return {\n    activeItem,\n    assignRefOnIndex,\n    getItemIsSelected,\n    onKeyDown,\n    onHoverChange,\n    selectedItemIndex,\n    toggleSelection,\n  };\n};\n\nconst ItemsList = <T extends object>({\n  disabledItemIdKeys,\n  getItemId,\n  items,\n  onMultiChange,\n  onSingleChange,\n  selectRenderElements,\n  setOpenPopover,\n  value,\n}: Pick<\n  SelectItemsProps<T>,\n  | \"disabledItemIdKeys\"\n  | \"getItemId\"\n  | \"items\"\n  | \"onMultiChange\"\n  | \"onSingleChange\"\n  | \"selectRenderElements\"\n  | \"setOpenPopover\"\n  | \"value\"\n>) => {\n  const {\n    activeItem,\n    assignRefOnIndex,\n    getItemIsSelected,\n    onHoverChange,\n    onKeyDown,\n    toggleSelection,\n  } = useItemSelection({\n    closePopover: () => setOpenPopover(false),\n    disabledItemIdKeys,\n    filteredItems: items,\n    getItemId,\n    onMultiChange,\n    onSingleChange,\n    value,\n  });\n\n  const itemIsDisabled = (item: T) => {\n    return disabledItemIdKeys?.includes(getItemId(item)) ?? false;\n  };\n\n  return (\n    <div\n      className={sharedListStyles({\n        className: \"h-full max-h-72 overflow-auto\",\n      })}\n    >\n      {items.map((item, index) => (\n        <AriaButton\n          data-index={index}\n          key={getItemId(item)}\n          ref={(el) => assignRefOnIndex(index, el)}\n          className=\"w-full text-start outline-none\"\n          onHoverChange={(isHovering) => {\n            onHoverChange(isHovering, index);\n          }}\n          onPress={() => toggleSelection(item)}\n          onKeyDown={(e) => onKeyDown(e)}\n          isDisabled={itemIsDisabled(item)}\n        >\n          <SharedListItem\n            item={item}\n            state={{\n              active: activeItem === index,\n              disabled: disabledItemIdKeys?.includes(getItemId(item)) ?? false,\n              selected: getItemIsSelected(item),\n            }}\n            selectRenderElements={selectRenderElements}\n            hasSelection\n          />\n        </AriaButton>\n      ))}\n    </div>\n  );\n};\n\n/**\n * Renders the options for the select component.\n *\n */\nconst SelectItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  getItemId,\n  items,\n  label,\n  onMultiChange,\n  onSingleChange,\n  open,\n  placement = \"bottom start\",\n  selectRenderElements,\n  setOpenPopover,\n  triggerRef,\n  value,\n}: SelectItemsProps<T>) => {\n  const [triggerRefWidth, setTriggerRefWidth] = useState<number | undefined>(\n    triggerRef.current?.offsetWidth,\n  );\n  const triggerWidth = triggerRefWidth ?? triggerRef.current?.offsetWidth;\n\n  useEventListener(\"resize\", () => {\n    setTriggerRefWidth(triggerRef.current?.offsetWidth);\n  });\n\n  return (\n    <Popover\n      className=\"p-1\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      onOpenChange={setOpenPopover}\n      shouldUpdatePosition\n      aria-label={label}\n      disablePadding\n      placement={placement}\n      style={\n        {\n          width: triggerWidth && triggerWidth > 280 ? triggerWidth + \"px\" : \"280px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {open ? (\n        <ItemsList\n          getItemId={getItemId}\n          items={items}\n          onMultiChange={onMultiChange}\n          onSingleChange={onSingleChange}\n          selectRenderElements={selectRenderElements}\n          setOpenPopover={setOpenPopover}\n          value={value}\n          disabledItemIdKeys={disabledItemIdKeys}\n        />\n      ) : null}\n    </Popover>\n  );\n};\n\n/**\n * Renders a single value button for a select input.\n *\n */\nconst SingleValueButton = <T extends object>({\n  disableClearLogic,\n  fullWidth,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  onChange,\n  placeholder,\n  renderCustomElementInValueButton,\n  selectRenderElements,\n  setOpenPopover,\n  value,\n}: Omit<ValueButton<T>, \"onChange\"> & {\n  onChange: (newValue?: T) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({});\n\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if ((e.key === \"Escape\" || e.key === \"Backspace\") && !disableClearLogic) {\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      setOpenPopover(true);\n    }\n  };\n\n  return (\n    <AriaButton\n      className={({ isFocused, isHovered }) =>\n        inputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          hasEndSlot: true,\n          className: isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n        })\n      }\n      isDisabled={isDisabled}\n      onKeyDown={onKeyDown}\n      onPress={() => {\n        setOpenPopover(true);\n      }}\n    >\n      <div className=\"flex grow text-start\">\n        {renderCustomElementInValueButton && value\n          ? selectRenderElements(value)?.customElement\n          : null}\n        {value ? <>{getLabel(value)}</> : <Text color=\"secondary\">{placeholder}</Text>}\n      </div>\n      <div className=\"flex items-center gap-2\">\n        {value && !disableClearLogic && !isDisabled ? (\n          <>\n            <div\n              className=\"text-secondary\"\n              role=\"button\"\n              onClick={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n            >\n              <SvgIcon name=\"clear\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon name=\"chevron-up-down\" />\n      </div>\n    </AriaButton>\n  );\n};\n\n/**\n * Renders a button component for selecting multiple values.\n *\n */\nconst MultipleValuesButton = <T extends object>({\n  fullWidth,\n  getItemId,\n  getLabel,\n  isDisabled,\n  isInvalid,\n  label,\n  onChange,\n  placeholder,\n  setOpenPopover,\n  value,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const { inputField: inputFieldStyles } = sharedInputStyles({});\n\n  const onRemove = useCallback(\n    (keys: Set<Key>) => {\n      value &&\n        onChange(\n          value.filter((item) => {\n            const itemId = getItemId(item);\n            return !keys.has(itemId);\n          }),\n        );\n    },\n    [getItemId, onChange, value],\n  );\n\n  const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault();\n      setOpenPopover(true);\n    }\n  };\n\n  return (\n    <Group>\n      {({ isFocusWithin }) => (\n        <AriaButton\n          className={({ isFocused, isHovered }) =>\n            inputFieldStyles({\n              fullWidth,\n              isDisabled,\n              isHovered,\n              isFocused: isFocused || isFocusWithin,\n              isInvalid,\n              hasEndSlot: true,\n              className: clsx(\n                isHovered && !isInvalid && !isDisabled && !isFocused ? \"border-hover\" : \"\",\n                \"items-start\",\n              ),\n            })\n          }\n          onKeyDown={(e) => onKeyDown(e)}\n          onPress={() => setOpenPopover(true)}\n          isDisabled={isDisabled}\n        >\n          <div className=\"flex w-full outline-none\">\n            <div className=\"grow text-left\">\n              {value && value.length ? (\n                <InputTagGroup<T>\n                  label={label ?? \"Selected items\"}\n                  className=\"-m-1.5 -mt-[0.3125rem]\"\n                  onRemove={isDisabled ? undefined : onRemove}\n                >\n                  {value.map((item) => (\n                    <InputTag key={getItemId(item)} id={getItemId(item)} isDisabled={isDisabled}>\n                      {getLabel(item)}\n                    </InputTag>\n                  ))}\n                </InputTagGroup>\n              ) : (\n                <Text color=\"secondary\">{placeholder}</Text>\n              )}\n            </div>\n            <SvgIcon name=\"chevron-up-down\" className=\"h-4 w-4 min-w-4\" />\n          </div>\n        </AriaButton>\n      )}\n    </Group>\n  );\n};\n\nconst UncontrolledInputs = <T extends object>({\n  getItemId,\n  name,\n  value,\n}: {\n  name?: string;\n  value?: T | T[];\n  getItemId: (item: T) => Key;\n}) => {\n  if (name) {\n    if (Array.isArray(value)) {\n      return value.map((v) => (\n        <input key={getItemId(v)} type=\"hidden\" name={name} value={getItemId(v)} />\n      ));\n    } else if (value) {\n      return <input type=\"hidden\" name={name} value={getItemId(value)} />;\n    } else {\n      return null;\n    }\n  }\n  return null;\n};\n\n/**\n * Renders a select input component.\n *\n */\nexport const Select = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  placeholder,\n  placement,\n  renderCustomElementInValueButton,\n  selectRenderElements,\n  value,\n}: SelectProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const [open, setOpenPopover] = useState(false);\n  const disabled = isDisabled || fieldGroupIsDisabled;\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const { wrapper } = sharedInputStyles({});\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      setOpenPopover(false);\n    },\n    [onChange],\n  );\n\n  // sync the internal value with the value prop\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <div>\n      <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n      <div className={wrapper({ fullWidth })}>\n        <InputHeader\n          label={label}\n          hideHintLabel={hideHintLabel}\n          hideInputHeader={hideInputHeader}\n          isRequired={isRequired}\n        />\n        <div ref={triggerRef}>\n          <SingleValueButton\n            fullWidth={fullWidth}\n            isDisabled={disabled}\n            disableClearLogic={disableClearLogic}\n            isInvalid={isInvalid}\n            placeholder={placeholder}\n            value={selectedValue}\n            getLabel={getLabel}\n            getItemId={getItemId}\n            label={label}\n            onChange={onSingleChange}\n            setOpenPopover={setOpenPopover}\n            renderCustomElementInValueButton={renderCustomElementInValueButton}\n            selectRenderElements={selectRenderElements}\n          />\n        </div>\n        <InputFooter\n          description={description}\n          errorMessage={errorMessage}\n          hideInputFooter={hideInputFooter}\n        />\n      </div>\n      <SelectItems<T>\n        triggerRef={triggerRef}\n        label={`${label} options`}\n        getItemId={getItemId}\n        selectRenderElements={selectRenderElements}\n        items={items}\n        open={open}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        setOpenPopover={setOpenPopover}\n        onSingleChange={onSingleChange}\n        value={selectedValue}\n        placement={placement}\n      />\n    </div>\n  );\n};\n\nexport const MultiSelect = <T extends object>({\n  defaultValue,\n  description,\n  disableClearLogic,\n  disabledItemIdKeys,\n  errorMessage,\n  fullWidth = true,\n  getItemId,\n  getLabel,\n  hideHintLabel,\n  hideInputFooter,\n  hideInputHeader,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  items,\n  label,\n  name,\n  onChange,\n  placeholder,\n  placement,\n  selectRenderElements,\n  value,\n}: MultiSelectProps<T>) => {\n  const { isDisabled: fieldGroupIsDisabled } = useContext(FieldGroupContext);\n  const disabled = isDisabled || fieldGroupIsDisabled;\n  const [open, setOpenPopover] = useState(false);\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  const { wrapper } = sharedInputStyles({});\n\n  const onMultipleChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  // sync the internal value with the value prop\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue);\n  }, [defaultValue, value]);\n\n  const selectedValue = value ?? internalValue;\n\n  return (\n    <div>\n      <UncontrolledInputs name={name} value={selectedValue} getItemId={getItemId} />\n      <div className={wrapper({ fullWidth })}>\n        <InputHeader\n          label={label}\n          hideHintLabel={hideHintLabel}\n          hideInputHeader={hideInputHeader}\n          isRequired={isRequired}\n        />\n        <div ref={triggerRef}>\n          <MultipleValuesButton\n            fullWidth={fullWidth}\n            isDisabled={disabled}\n            isInvalid={isInvalid}\n            placeholder={placeholder}\n            value={selectedValue}\n            onChange={onMultipleChange}\n            getItemId={getItemId}\n            getLabel={getLabel}\n            label={label}\n            disableClearLogic={disableClearLogic}\n            setOpenPopover={setOpenPopover}\n            selectRenderElements={selectRenderElements}\n          />\n        </div>\n        <InputFooter\n          description={description}\n          errorMessage={errorMessage}\n          hideInputFooter={hideInputFooter}\n        />\n      </div>\n      <SelectItems<T>\n        label={`${label} options`}\n        triggerRef={triggerRef}\n        items={items}\n        open={open}\n        getItemId={getItemId}\n        selectRenderElements={selectRenderElements}\n        disabledItemIdKeys={disabledItemIdKeys}\n        direction={direction}\n        setOpenPopover={setOpenPopover}\n        onMultiChange={onMultipleChange}\n        placement={placement}\n        value={selectedValue}\n      />\n    </div>\n  );\n};\n"],"names":["useItemSelection","closePopover","disabledItemIdKeys","filteredItems","getItemId","onMultiChange","onSingleChange","value","selectedItemIndex","useMemo","item","activeItem","setActiveItem","useState","getPreviousItemIndex","useCallback","activeIndex","i","getNextItemIndex","refs","useRef","assignRefOnIndex","index","el","toggleSelection","currentValue","currentValueIds","newValue","v","getItemIsSelected","mousePosition","useMousePosition","previousMousePosition","onKeyDown","e","currentActiveIndex","safeNextIndex","nextButtonRef","safePreviousIndex","previousButtonRef","onHoverChange","isHovering","useEffect","_a","ItemsList","items","selectRenderElements","setOpenPopover","itemIsDisabled","jsx","sharedListStyles","AriaButton","SharedListItem","SelectItems","direction","label","open","placement","triggerRef","triggerRefWidth","setTriggerRefWidth","triggerWidth","_b","useEventListener","Popover","SingleValueButton","disableClearLogic","fullWidth","getLabel","isDisabled","isInvalid","onChange","placeholder","renderCustomElementInValueButton","inputFieldStyles","sharedInputStyles","jsxs","isFocused","isHovered","Fragment","Text","SvgIcon","MultipleValuesButton","onRemove","keys","itemId","Group","isFocusWithin","clsx","InputTagGroup","InputTag","UncontrolledInputs","name","Select","defaultValue","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","isRequired","fieldGroupIsDisabled","useContext","FieldGroupContext","disabled","internalValue","setInternalValue","wrapper","useLocale","selectedValue","InputHeader","InputFooter","MultiSelect","onMultipleChange"],"mappings":"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"}