@new-black/lyra 0.1.6 → 0.1.8

package/dist/lyra179.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra179.js","sources":["../node_modules/framer-motion/dist/es/render/utils/is-variant-label.mjs"],"sourcesContent":["/**\n * Decides if the supplied variable is variant label\n */\nfunction isVariantLabel(v) {\n    return typeof v === \"string\" || Array.isArray(v);\n}\n\nexport { isVariantLabel };\n"],"names":["isVariantLabel","v"],"mappings":"AAGA,SAASA,EAAeC,GAAG;AACvB,SAAO,OAAOA,KAAM,YAAY,MAAM,QAAQA,CAAC;AACnD;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra179.js","sources":["../node_modules/framer-motion/dist/es/motion/utils/valid-prop.mjs"],"sourcesContent":["/**\n * A list of all valid MotionProps.\n *\n * @privateRemarks\n * This doesn't throw if a `MotionProp` name is missing - it should.\n */\nconst validMotionProps = new Set([\n    \"animate\",\n    \"exit\",\n    \"variants\",\n    \"initial\",\n    \"style\",\n    \"values\",\n    \"variants\",\n    \"transition\",\n    \"transformTemplate\",\n    \"transformValues\",\n    \"custom\",\n    \"inherit\",\n    \"onLayoutAnimationStart\",\n    \"onLayoutAnimationComplete\",\n    \"onLayoutMeasure\",\n    \"onBeforeLayoutMeasure\",\n    \"onAnimationStart\",\n    \"onAnimationComplete\",\n    \"onUpdate\",\n    \"onDragStart\",\n    \"onDrag\",\n    \"onDragEnd\",\n    \"onMeasureDragConstraints\",\n    \"onDirectionLock\",\n    \"onDragTransitionEnd\",\n    \"_dragX\",\n    \"_dragY\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onViewportEnter\",\n    \"onViewportLeave\",\n    \"ignoreStrict\",\n    \"viewport\",\n]);\n/**\n * Check whether a prop name is a valid `MotionProp` key.\n *\n * @param key - Name of the property to check\n * @returns `true` is key is a valid `MotionProp`.\n *\n * @public\n */\nfunction isValidMotionProp(key) {\n    return (key.startsWith(\"while\") ||\n        (key.startsWith(\"drag\") && key !== \"draggable\") ||\n        key.startsWith(\"layout\") ||\n        key.startsWith(\"onTap\") ||\n        key.startsWith(\"onPan\") ||\n        validMotionProps.has(key));\n}\n\nexport { isValidMotionProp };\n"],"names":["validMotionProps","isValidMotionProp","key"],"mappings":"AAMA,MAAMA,IAAmB,oBAAI,IAAI;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;AASD,SAASC,EAAkBC,GAAK;AAC5B,SAAQA,EAAI,WAAW,OAAO,KACzBA,EAAI,WAAW,MAAM,KAAKA,MAAQ,eACnCA,EAAI,WAAW,QAAQ,KACvBA,EAAI,WAAW,OAAO,KACtBA,EAAI,WAAW,OAAO,KACtBF,EAAiB,IAAIE,CAAG;AAChC;","x_google_ignoreList":[0]}

package/dist/lyra18.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra50.cjs");require("./lyra61.cjs");const t=e.cva(["flex","flex-col"],{variants:{fullWidth:{true:"w-full",false:"w-fit"}}}),i=e.cva(["flex","items-center","outline-none","border","border-solid","rounded-[--input-radius]","font-sans","text-base","transition-all","ease-out","duration-150","placeholder:text-[--input-placeholder-color]"],{variants:{fullWidth:{true:"w-full",false:"w-fit"},isDisabled:{true:"bg-[--input-disabled-bg-color] text-[--input-text-disabled-color] cursor-not-allowed",false:"bg-[--input-background-color] text-[--input-text-color]"},size:{small:["px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]},validationState:{valid:"border-[--input-border-valid-color]",invalid:"border-[--input-border-invalid-color]"},isHovered:{true:""},isFocused:{true:""}},compoundVariants:[{validationState:void 0,isFocused:!1,isDisabled:!1,className:"border-[--input-border-default-color]"},{isDisabled:!1,isFocused:!1,validationState:void 0,isHovered:!0,className:"border-[--input-border-default-hover-color]"},{isFocused:!0,isDisabled:!1,validationState:void 0,className:"border-[--input-border-focused-color] ring ring-[--input-ring-focused-color]"},{isDisabled:!1,validationState:"valid",isFocused:!0,className:"ring !ring-[--input-ring-valid-color]"},{isDisabled:!1,isFocused:!0,validationState:"invalid",className:"ring !ring-[--input-ring-invalid-color]"}],defaultVariants:{isDisabled:!1}}),a=e.cva(["text-[--input-label-color]","text-[length:--input-label-size]","mb-[--input-label-margin-bottom]","transition-all","ease-out","duration-150"]),l=e.cva(["font-[--input-hint-weight]","text-[--input-hint-color]","mb-[--input-hint-margin-bottom]"],{variants:{size:{small:["text-[--input-hint-size-small]"],medium:["text-[--input-hint-size-medium]"],large:["text-[--input-hint-size-large]"]}}}),n=e.cva(["w-full","flex-grow","bg-transparent","outline-none","disabled:cursor-not-allowed"],{variants:{size:{small:["px-[--input-padding-x-small]","py-[--input-padding-y-small]","text-[length:var(--input-text-size-small)]"],medium:["px-[--input-padding-x-medium]","py-[--input-padding-y-medium]","text-[length:var(--input-text-size-medium)]"],large:["px-[--input-padding-x-large]","py-[--input-padding-y-large]","text-[length:var(--input-text-size-large)]"]}},defaultVariants:{size:"medium"}});exports.sharedInputFieldStyles=i;exports.sharedInputFieldWrapperStyles=t;exports.sharedInputHintStyles=l;exports.sharedInputStyles=n;exports.sharedInputlabelStyles=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra53.cjs"),S=require("react"),s=require("./lyra52.cjs");require("./lyra2.cjs");const m=require("./lyra62.cjs");require("./lyra67.cjs");const o=require("./lyra42.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra8.cjs");require("./lyra72.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra147.cjs");require("./lyra24.cjs");const g=require("./lyra38.cjs");require("./lyra15.cjs");require("./lyra17.cjs");const n=require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra148.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra25.cjs");require("./lyra26.cjs");const N=require("./lyra27.cjs");require("./lyra73.cjs");const f=require("./lyra29.cjs");require("./lyra31.cjs");require("./lyra149.cjs");require("./lyra75.cjs");require("./lyra39.cjs");require("./lyra77.cjs");require("./lyra41.cjs");require("./lyra79.cjs");const w=require("./lyra46.cjs");require("./lyra48.cjs");require("./lyra57.cjs");const d=require("./lyra54.cjs");function b({label:r,hint:a,size:i="medium",fullWidth:l,validationState:q,isRequired:j,description:c,errorMessage:x,screenWidthMobileBreakpoint:p=640,...t},u){[t,u]=s.useContextProps(t,u,s.SelectContext);const h=w.useIsMobileDevice(p);return e.jsxRuntimeExports.jsx(s.Select,{...t,ref:u,className:d.twMerge(n.sharedInputFieldWrapperStyles({fullWidth:l})),children:y=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:m.cx("mx-1 flex items-center gap-3",r?"justify-between":"justify-end"),children:[r?e.jsxRuntimeExports.jsxs(s.Label,{className:n.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[r,j&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,a?e.jsxRuntimeExports.jsx("span",{className:n.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:a}):null]}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center gap-2",children:e.jsxRuntimeExports.jsxs(s.Button,{className:({isDisabled:R,isFocusVisible:E,isHovered:v})=>d.twMerge(n.sharedInputFieldStyles({isDisabled:R,isHovered:v,isFocused:E,fullWidth:l,size:i,validationState:q,className:"w-full items-center justify-between gap-3"})),children:[e.jsxRuntimeExports.jsx(s.SelectValue,{className:"select-none truncate"}),e.jsxRuntimeExports.jsx(g.SvgIcon,{name:"chevron-down","aria-hidden":"true",className:m.cx(i==="large"&&"h-5 w-5",i==="medium"&&"h-4 w-4",i==="small"&&"h-3 w-3",y.isOpen?"rotate-180":"rotate-0","transition duration-200 ease-out")})]})}),c&&e.jsxRuntimeExports.jsx(o.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:c}),x&&e.jsxRuntimeExports.jsx(o.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:x}),e.jsxRuntimeExports.jsxs(f.Popover,{showPopoverInBottomDrawerOnSmallScreens:!0,children:[h&&r&&e.jsxRuntimeExports.jsx("div",{className:"p-4 pb-2",children:e.jsxRuntimeExports.jsx(o.Text,{variant:"body-medium",children:r})}),e.jsxRuntimeExports.jsx(N.ListBox,{className:"outline-none","aria-label":r??`options on select ${t.name}`,selectionMode:"single",children:t.children})]})]})})}const I=S.forwardRef(b);exports.Select=I;

package/dist/lyra18.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra18.cjs","sources":["../src/components/inputs/shared.styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nimport \"./shared.vars.css\";\n\nexport const sharedInputFieldWrapperStyles = cva([\"flex\", \"flex-col\"], {\n  variants: {\n    fullWidth: {\n      true: \"w-full\",\n      false: \"w-fit\",\n    },\n  },\n});\n\nexport const sharedInputFieldStyles = cva(\n  [\n    \"flex\",\n    \"items-center\",\n    \"outline-none\",\n    \"border\",\n    \"border-solid\",\n    \"rounded-[--input-radius]\",\n    \"font-sans\",\n    \"text-base\",\n    \"transition-all\",\n    \"ease-out\",\n    \"duration-150\",\n    \"placeholder:text-[--input-placeholder-color]\",\n  ],\n  {\n    variants: {\n      fullWidth: {\n        true: \"w-full\",\n        false: \"w-fit\",\n      },\n      isDisabled: {\n        true: \"bg-[--input-disabled-bg-color] text-[--input-text-disabled-color] cursor-not-allowed\",\n        false: \"bg-[--input-background-color] text-[--input-text-color]\",\n      },\n      size: {\n        small: [\n          \"px-[--input-padding-x-small]\",\n          \"py-[--input-padding-y-small]\",\n          \"text-[length:var(--input-text-size-small)]\",\n        ],\n        medium: [\n          \"px-[--input-padding-x-medium]\",\n          \"py-[--input-padding-y-medium]\",\n          \"text-[length:var(--input-text-size-medium)]\",\n        ],\n        large: [\n          \"px-[--input-padding-x-large]\",\n          \"py-[--input-padding-y-large]\",\n          \"text-[length:var(--input-text-size-large)]\",\n        ],\n      },\n      validationState: {\n        valid: \"border-[--input-border-valid-color]\",\n        invalid: \"border-[--input-border-invalid-color]\",\n      },\n      isHovered: {\n        true: \"\",\n      },\n      isFocused: {\n        true: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        validationState: undefined,\n        isFocused: false,\n        isDisabled: false,\n        className: \"border-[--input-border-default-color]\",\n      },\n      {\n        isDisabled: false,\n        isFocused: false,\n        validationState: undefined,\n        isHovered: true,\n        className: \"border-[--input-border-default-hover-color]\",\n      },\n      {\n        isFocused: true,\n        isDisabled: false,\n        validationState: undefined,\n        className: \"border-[--input-border-focused-color] ring ring-[--input-ring-focused-color]\",\n      },\n      {\n        isDisabled: false,\n        validationState: \"valid\",\n        isFocused: true,\n        className: \"ring !ring-[--input-ring-valid-color]\",\n      },\n      {\n        isDisabled: false,\n        isFocused: true,\n        validationState: \"invalid\",\n        className: \"ring !ring-[--input-ring-invalid-color]\",\n      },\n    ],\n    defaultVariants: {\n      isDisabled: false,\n    },\n  },\n);\n\nexport const sharedInputlabelStyles = cva([\n  \"text-[--input-label-color]\",\n  \"text-[length:--input-label-size]\",\n  \"mb-[--input-label-margin-bottom]\",\n  \"transition-all\",\n  \"ease-out\",\n  \"duration-150\",\n]);\n\nexport const sharedInputHintStyles = cva(\n  [\"font-[--input-hint-weight]\", \"text-[--input-hint-color]\", \"mb-[--input-hint-margin-bottom]\"],\n  {\n    variants: {\n      size: {\n        small: [\"text-[--input-hint-size-small]\"],\n        medium: [\"text-[--input-hint-size-medium]\"],\n        large: [\"text-[--input-hint-size-large]\"],\n      },\n    },\n  },\n);\n\nexport const sharedInputStyles = cva(\n  [\"w-full\", \"flex-grow\", \"bg-transparent\", \"outline-none\", \"disabled:cursor-not-allowed\"],\n  {\n    variants: {\n      size: {\n        small: [\n          \"px-[--input-padding-x-small]\",\n          \"py-[--input-padding-y-small]\",\n          \"text-[length:var(--input-text-size-small)]\",\n        ],\n        medium: [\n          \"px-[--input-padding-x-medium]\",\n          \"py-[--input-padding-y-medium]\",\n          \"text-[length:var(--input-text-size-medium)]\",\n        ],\n        large: [\n          \"px-[--input-padding-x-large]\",\n          \"py-[--input-padding-y-large]\",\n          \"text-[length:var(--input-text-size-large)]\",\n        ],\n      },\n    },\n    defaultVariants: {\n      size: \"medium\",\n    },\n  },\n);\n"],"names":["sharedInputFieldWrapperStyles","cva","sharedInputFieldStyles","sharedInputlabelStyles","sharedInputHintStyles","sharedInputStyles"],"mappings":"wIAIO,MAAMA,EAAgCC,EAAA,IAAI,CAAC,OAAQ,UAAU,EAAG,CACrE,SAAU,CACR,UAAW,CACT,KAAM,SACN,MAAO,OACT,CACF,CACF,CAAC,EAEYC,EAAyBD,EAAA,IACpC,CACE,OACA,eACA,eACA,SACA,eACA,2BACA,YACA,YACA,iBACA,WACA,eACA,8CACF,EACA,CACE,SAAU,CACR,UAAW,CACT,KAAM,SACN,MAAO,OACT,EACA,WAAY,CACV,KAAM,uFACN,MAAO,yDACT,EACA,KAAM,CACJ,MAAO,CACL,+BACA,+BACA,4CACF,EACA,OAAQ,CACN,gCACA,gCACA,6CACF,EACA,MAAO,CACL,+BACA,+BACA,4CACF,CACF,EACA,gBAAiB,CACf,MAAO,sCACP,QAAS,uCACX,EACA,UAAW,CACT,KAAM,EACR,EACA,UAAW,CACT,KAAM,EACR,CACF,EACA,iBAAkB,CAChB,CACE,gBAAiB,OACjB,UAAW,GACX,WAAY,GACZ,UAAW,uCACb,EACA,CACE,WAAY,GACZ,UAAW,GACX,gBAAiB,OACjB,UAAW,GACX,UAAW,6CACb,EACA,CACE,UAAW,GACX,WAAY,GACZ,gBAAiB,OACjB,UAAW,8EACb,EACA,CACE,WAAY,GACZ,gBAAiB,QACjB,UAAW,GACX,UAAW,uCACb,EACA,CACE,WAAY,GACZ,UAAW,GACX,gBAAiB,UACjB,UAAW,yCACb,CACF,EACA,gBAAiB,CACf,WAAY,EACd,CACF,CACF,EAEaE,EAAyBF,EAAAA,IAAI,CACxC,6BACA,mCACA,mCACA,iBACA,WACA,cACF,CAAC,EAEYG,EAAwBH,EAAA,IACnC,CAAC,6BAA8B,4BAA6B,iCAAiC,EAC7F,CACE,SAAU,CACR,KAAM,CACJ,MAAO,CAAC,gCAAgC,EACxC,OAAQ,CAAC,iCAAiC,EAC1C,MAAO,CAAC,gCAAgC,CAC1C,CACF,CACF,CACF,EAEaI,EAAoBJ,EAAA,IAC/B,CAAC,SAAU,YAAa,iBAAkB,eAAgB,6BAA6B,EACvF,CACE,SAAU,CACR,KAAM,CACJ,MAAO,CACL,+BACA,+BACA,4CACF,EACA,OAAQ,CACN,gCACA,gCACA,6CACF,EACA,MAAO,CACL,+BACA,+BACA,4CACF,CACF,CACF,EACA,gBAAiB,CACf,KAAM,QACR,CACF,CACF"}
+{"version":3,"file":"lyra18.cjs","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactNode, Ref } from \"react\";\nimport {\n  Button as AriaButton,\n  Label,\n  Select as AriaSelect,\n  SelectContext,\n  SelectProps as AriaSelectProps,\n  SelectValue,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useIsMobileDevice } from \"../../..\";\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { ListBox } from \"../../list-box\";\nimport { Popover } from \"../../overlays/popover\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n} from \"..\";\n\nexport type SelectProps<T extends object> = Omit<AriaSelectProps<T>, \"children\"> &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    hint?: string;\n    description?: string;\n    errorMessage?: string;\n    children: ReactNode | ((item: T) => ReactNode);\n    screenWidthMobileBreakpoint?: number;\n  };\n\nfunction _Select<T extends object>(\n  {\n    label,\n    hint,\n    size = \"medium\",\n    fullWidth,\n    validationState,\n    isRequired,\n    description,\n    errorMessage,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: SelectProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SelectContext);\n\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n\n  return (\n    <AriaSelect\n      {...props}\n      ref={ref}\n      className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}\n    >\n      {(state) => {\n        return (\n          <>\n            <div\n              className={cx(\n                \"mx-1 flex items-center gap-3\",\n                label ? \"justify-between\" : \"justify-end\",\n              )}\n            >\n              {label ? (\n                <Label\n                  className={sharedInputlabelStyles()}\n                  style={{ fontFamily: \"var(--input-label-font-family)\" }}\n                >\n                  {label}\n                  {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\n                </Label>\n              ) : null}\n              {hint ? (\n                <span\n                  className={sharedInputHintStyles()}\n                  style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n                >\n                  {hint}\n                </span>\n              ) : null}\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <AriaButton\n                className={({ isDisabled, isFocusVisible, isHovered }) =>\n                  twMerge(\n                    sharedInputFieldStyles({\n                      isDisabled,\n                      isHovered,\n                      isFocused: isFocusVisible,\n                      fullWidth,\n                      size,\n                      validationState,\n                      className: \"w-full items-center justify-between gap-3\",\n                    }),\n                  )\n                }\n              >\n                <SelectValue className=\"select-none truncate\" />\n                <SvgIcon\n                  name=\"chevron-down\"\n                  aria-hidden=\"true\"\n                  className={cx(\n                    size === \"large\" && \"h-5 w-5\",\n                    size === \"medium\" && \"h-4 w-4\",\n                    size === \"small\" && \"h-3 w-3\",\n                    state.isOpen ? \"rotate-180\" : \"rotate-0\",\n                    \"transition duration-200 ease-out\",\n                  )}\n                />\n              </AriaButton>\n            </div>\n            {description && (\n              <Text\n                className=\"ms-1 mt-1.5\"\n                variant=\"body-small\"\n                color=\"secondary\"\n                slot=\"description\"\n              >\n                {description}\n              </Text>\n            )}\n            {errorMessage && (\n              <Text\n                className=\"ms-1 mt-1.5\"\n                variant=\"body-small\"\n                color=\"accent-danger\"\n                slot=\"errorMessage\"\n              >\n                {errorMessage}\n              </Text>\n            )}\n            <Popover showPopoverInBottomDrawerOnSmallScreens>\n              {isMobileDevice && label && (\n                <div className=\"p-4 pb-2\">\n                  <Text variant=\"body-medium\">{label}</Text>\n                </div>\n              )}\n              <ListBox\n                className=\"outline-none\"\n                aria-label={label ?? `options on select ${props.name}`}\n                selectionMode=\"single\"\n              >\n                {props.children}\n              </ListBox>\n            </Popover>\n          </>\n        );\n      }}\n    </AriaSelect>\n  );\n}\n\nexport const Select = forwardRef(_Select) as <T extends object>(\n  props: SelectProps<T> & { ref?: Ref<HTMLDivElement> },\n) => ReturnType<typeof _Select>;\n"],"names":["_Select","label","hint","size","fullWidth","validationState","isRequired","description","errorMessage","screenWidthMobileBreakpoint","props","ref","useContextProps","SelectContext","isMobileDevice","useIsMobileDevice","jsx","AriaSelect","twMerge","sharedInputFieldWrapperStyles","state","jsxs","Fragment","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","AriaButton","isDisabled","isFocusVisible","isHovered","sharedInputFieldStyles","SelectValue","SvgIcon","Text","Popover","ListBox","Select","forwardRef"],"mappings":"slCAqCA,SAASA,EACP,CACE,MAAAC,EACA,KAAAC,EACA,KAAAC,EAAO,SACP,UAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,YAAAC,EACA,aAAAC,EACA,4BAAAC,EAA8B,IAC9B,GAAGC,CACL,EACAC,EACA,CACA,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,aAAa,EAElD,MAAAC,EAAiBC,oBAAkBN,CAA2B,EAGlE,OAAAO,EAAA,kBAAA,IAACC,EAAA,OAAA,CACE,GAAGP,EACJ,IAAAC,EACA,UAAWO,EAAAA,QAAQC,EAAAA,8BAA8B,CAAE,UAAAf,CAAW,CAAA,CAAC,EAE9D,SAACgB,GAGIC,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAD,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWE,EAAA,GACT,+BACAtB,EAAQ,kBAAoB,aAC9B,EAEC,SAAA,CACCA,EAAAoB,EAAA,kBAAA,KAACG,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,EAClC,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAA,CAAAxB,EACAK,GAAcU,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,cAAe,SAAK,KAAA,CAAA,CAAA,CAAA,EAEnD,KACHd,EACCc,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWU,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAxB,CAAA,CAAA,EAED,IAAA,CAAA,CACN,EACAc,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,0BACb,SAAAK,EAAA,kBAAA,KAACM,EAAA,OAAA,CACC,UAAW,CAAC,CAAE,WAAAC,EAAY,eAAAC,EAAgB,UAAAC,CACxC,IAAAZ,EAAA,QACEa,yBAAuB,CACrB,WAAAH,EACA,UAAAE,EACA,UAAWD,EACX,UAAAzB,EACA,KAAAD,EACA,gBAAAE,EACA,UAAW,2CAAA,CACZ,CACH,EAGF,SAAA,CAACW,EAAAA,kBAAAA,IAAAgB,EAAA,YAAA,CAAY,UAAU,sBAAuB,CAAA,EAC9ChB,EAAA,kBAAA,IAACiB,EAAA,QAAA,CACC,KAAK,eACL,cAAY,OACZ,UAAWV,EAAA,GACTpB,IAAS,SAAW,UACpBA,IAAS,UAAY,UACrBA,IAAS,SAAW,UACpBiB,EAAM,OAAS,aAAe,WAC9B,kCACF,CAAA,CACF,CAAA,CAAA,CAAA,EAEJ,EACCb,GACCS,EAAA,kBAAA,IAACkB,EAAA,KAAA,CACC,UAAU,cACV,QAAQ,aACR,MAAM,YACN,KAAK,cAEJ,SAAA3B,CAAA,CACH,EAEDC,GACCQ,EAAA,kBAAA,IAACkB,EAAA,KAAA,CACC,UAAU,cACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAA1B,CAAA,CACH,EAEFa,EAAAA,kBAAAA,KAACc,EAAAA,QAAQ,CAAA,wCAAuC,GAC7C,SAAA,CAAkBrB,GAAAb,GAChBe,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,WACb,iCAACkB,EAAK,KAAA,CAAA,QAAQ,cAAe,SAAAjC,CAAM,CAAA,EACrC,EAEFe,EAAA,kBAAA,IAACoB,EAAA,QAAA,CACC,UAAU,eACV,aAAYnC,GAAS,qBAAqBS,EAAM,IAAI,GACpD,cAAc,SAEb,SAAMA,EAAA,QAAA,CACT,CAAA,EACF,CACF,CAAA,CAAA,CAEJ,CAAA,CAGN,CAEa,MAAA2B,EAASC,aAAWtC,CAAO"}

package/dist/lyra18.js

@@ -1,151 +1,164 @@
-import { cva as t } from "./lyra50.js";
-import "./lyra61.js";
-const a = t(["flex", "flex-col"], {
-  variants: {
-    fullWidth: {
-      true: "w-full",
-      false: "w-fit"
+import { j as e } from "./lyra53.js";
+import { forwardRef as y } from "react";
+import { useContextProps as v, Select as N, Label as S, Button as w, SelectValue as g, SelectContext as I } from "./lyra52.js";
+import "./lyra2.js";
+import { cx as c } from "./lyra62.js";
+import "./lyra67.js";
+import { Text as i } from "./lyra42.js";
+import "./lyra68.js";
+import "./lyra69.js";
+import "./lyra70.js";
+import "./lyra8.js";
+import "./lyra72.js";
+import "./lyra10.js";
+import "./lyra11.js";
+import "./lyra147.js";
+import "./lyra24.js";
+import { SvgIcon as F } from "./lyra38.js";
+import "./lyra15.js";
+import "./lyra17.js";
+import { sharedInputFieldWrapperStyles as M, sharedInputlabelStyles as B, sharedInputHintStyles as D, sharedInputFieldStyles as P } from "./lyra19.js";
+import "./lyra20.js";
+import "./lyra148.js";
+import "./lyra22.js";
+import "./lyra23.js";
+import "./lyra25.js";
+import "./lyra26.js";
+import { ListBox as C } from "./lyra27.js";
+import "./lyra73.js";
+import { Popover as L } from "./lyra29.js";
+import "./lyra31.js";
+import "./lyra149.js";
+import "./lyra75.js";
+import "./lyra39.js";
+import "./lyra77.js";
+import "./lyra41.js";
+import "./lyra79.js";
+import { useIsMobileDevice as O } from "./lyra46.js";
+import "./lyra48.js";
+import "./lyra57.js";
+import { twMerge as p } from "./lyra54.js";
+function R({
+  label: t,
+  hint: m,
+  size: o = "medium",
+  fullWidth: a,
+  validationState: d,
+  isRequired: f,
+  description: n,
+  errorMessage: l,
+  screenWidthMobileBreakpoint: x = 640,
+  ...r
+}, s) {
+  [r, s] = v(r, s, I);
+  const u = O(x);
+  return /* @__PURE__ */ e.jsx(
+    N,
+    {
+      ...r,
+      ref: s,
+      className: p(M({ fullWidth: a })),
+      children: (h) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: c(
+              "mx-1 flex items-center gap-3",
+              t ? "justify-between" : "justify-end"
+            ),
+            children: [
+              t ? /* @__PURE__ */ e.jsxs(
+                S,
+                {
+                  className: B(),
+                  style: { fontFamily: "var(--input-label-font-family)" },
+                  children: [
+                    t,
+                    f && /* @__PURE__ */ e.jsx("span", { className: "text-danger", children: " *" })
+                  ]
+                }
+              ) : null,
+              m ? /* @__PURE__ */ e.jsx(
+                "span",
+                {
+                  className: D(),
+                  style: { fontFamily: "var(--input-hint-font-family)" },
+                  children: m
+                }
+              ) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsxs(
+          w,
+          {
+            className: ({ isDisabled: j, isFocusVisible: $, isHovered: b }) => p(
+              P({
+                isDisabled: j,
+                isHovered: b,
+                isFocused: $,
+                fullWidth: a,
+                size: o,
+                validationState: d,
+                className: "w-full items-center justify-between gap-3"
+              })
+            ),
+            children: [
+              /* @__PURE__ */ e.jsx(g, { className: "select-none truncate" }),
+              /* @__PURE__ */ e.jsx(
+                F,
+                {
+                  name: "chevron-down",
+                  "aria-hidden": "true",
+                  className: c(
+                    o === "large" && "h-5 w-5",
+                    o === "medium" && "h-4 w-4",
+                    o === "small" && "h-3 w-3",
+                    h.isOpen ? "rotate-180" : "rotate-0",
+                    "transition duration-200 ease-out"
+                  )
+                }
+              )
+            ]
+          }
+        ) }),
+        n && /* @__PURE__ */ e.jsx(
+          i,
+          {
+            className: "ms-1 mt-1.5",
+            variant: "body-small",
+            color: "secondary",
+            slot: "description",
+            children: n
+          }
+        ),
+        l && /* @__PURE__ */ e.jsx(
+          i,
+          {
+            className: "ms-1 mt-1.5",
+            variant: "body-small",
+            color: "accent-danger",
+            slot: "errorMessage",
+            children: l
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(L, { showPopoverInBottomDrawerOnSmallScreens: !0, children: [
+          u && t && /* @__PURE__ */ e.jsx("div", { className: "p-4 pb-2", children: /* @__PURE__ */ e.jsx(i, { variant: "body-medium", children: t }) }),
+          /* @__PURE__ */ e.jsx(
+            C,
+            {
+              className: "outline-none",
+              "aria-label": t ?? `options on select ${r.name}`,
+              selectionMode: "single",
+              children: r.children
+            }
+          )
+        ] })
+      ] })
     }
-  }
-}), l = t(
-  [
-    "flex",
-    "items-center",
-    "outline-none",
-    "border",
-    "border-solid",
-    "rounded-[--input-radius]",
-    "font-sans",
-    "text-base",
-    "transition-all",
-    "ease-out",
-    "duration-150",
-    "placeholder:text-[--input-placeholder-color]"
-  ],
-  {
-    variants: {
-      fullWidth: {
-        true: "w-full",
-        false: "w-fit"
-      },
-      isDisabled: {
-        true: "bg-[--input-disabled-bg-color] text-[--input-text-disabled-color] cursor-not-allowed",
-        false: "bg-[--input-background-color] text-[--input-text-color]"
-      },
-      size: {
-        small: [
-          "px-[--input-padding-x-small]",
-          "py-[--input-padding-y-small]",
-          "text-[length:var(--input-text-size-small)]"
-        ],
-        medium: [
-          "px-[--input-padding-x-medium]",
-          "py-[--input-padding-y-medium]",
-          "text-[length:var(--input-text-size-medium)]"
-        ],
-        large: [
-          "px-[--input-padding-x-large]",
-          "py-[--input-padding-y-large]",
-          "text-[length:var(--input-text-size-large)]"
-        ]
-      },
-      validationState: {
-        valid: "border-[--input-border-valid-color]",
-        invalid: "border-[--input-border-invalid-color]"
-      },
-      isHovered: {
-        true: ""
-      },
-      isFocused: {
-        true: ""
-      }
-    },
-    compoundVariants: [
-      {
-        validationState: void 0,
-        isFocused: !1,
-        isDisabled: !1,
-        className: "border-[--input-border-default-color]"
-      },
-      {
-        isDisabled: !1,
-        isFocused: !1,
-        validationState: void 0,
-        isHovered: !0,
-        className: "border-[--input-border-default-hover-color]"
-      },
-      {
-        isFocused: !0,
-        isDisabled: !1,
-        validationState: void 0,
-        className: "border-[--input-border-focused-color] ring ring-[--input-ring-focused-color]"
-      },
-      {
-        isDisabled: !1,
-        validationState: "valid",
-        isFocused: !0,
-        className: "ring !ring-[--input-ring-valid-color]"
-      },
-      {
-        isDisabled: !1,
-        isFocused: !0,
-        validationState: "invalid",
-        className: "ring !ring-[--input-ring-invalid-color]"
-      }
-    ],
-    defaultVariants: {
-      isDisabled: !1
-    }
-  }
-), n = t([
-  "text-[--input-label-color]",
-  "text-[length:--input-label-size]",
-  "mb-[--input-label-margin-bottom]",
-  "transition-all",
-  "ease-out",
-  "duration-150"
-]), r = t(
-  ["font-[--input-hint-weight]", "text-[--input-hint-color]", "mb-[--input-hint-margin-bottom]"],
-  {
-    variants: {
-      size: {
-        small: ["text-[--input-hint-size-small]"],
-        medium: ["text-[--input-hint-size-medium]"],
-        large: ["text-[--input-hint-size-large]"]
-      }
-    }
-  }
-), s = t(
-  ["w-full", "flex-grow", "bg-transparent", "outline-none", "disabled:cursor-not-allowed"],
-  {
-    variants: {
-      size: {
-        small: [
-          "px-[--input-padding-x-small]",
-          "py-[--input-padding-y-small]",
-          "text-[length:var(--input-text-size-small)]"
-        ],
-        medium: [
-          "px-[--input-padding-x-medium]",
-          "py-[--input-padding-y-medium]",
-          "text-[length:var(--input-text-size-medium)]"
-        ],
-        large: [
-          "px-[--input-padding-x-large]",
-          "py-[--input-padding-y-large]",
-          "text-[length:var(--input-text-size-large)]"
-        ]
-      }
-    },
-    defaultVariants: {
-      size: "medium"
-    }
-  }
-);
+  );
+}
+const Ne = y(R);
 export {
-  l as sharedInputFieldStyles,
-  a as sharedInputFieldWrapperStyles,
-  r as sharedInputHintStyles,
-  s as sharedInputStyles,
-  n as sharedInputlabelStyles
+  Ne as Select
 };

package/dist/lyra18.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra18.js","sources":["../src/components/inputs/shared.styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nimport \"./shared.vars.css\";\n\nexport const sharedInputFieldWrapperStyles = cva([\"flex\", \"flex-col\"], {\n  variants: {\n    fullWidth: {\n      true: \"w-full\",\n      false: \"w-fit\",\n    },\n  },\n});\n\nexport const sharedInputFieldStyles = cva(\n  [\n    \"flex\",\n    \"items-center\",\n    \"outline-none\",\n    \"border\",\n    \"border-solid\",\n    \"rounded-[--input-radius]\",\n    \"font-sans\",\n    \"text-base\",\n    \"transition-all\",\n    \"ease-out\",\n    \"duration-150\",\n    \"placeholder:text-[--input-placeholder-color]\",\n  ],\n  {\n    variants: {\n      fullWidth: {\n        true: \"w-full\",\n        false: \"w-fit\",\n      },\n      isDisabled: {\n        true: \"bg-[--input-disabled-bg-color] text-[--input-text-disabled-color] cursor-not-allowed\",\n        false: \"bg-[--input-background-color] text-[--input-text-color]\",\n      },\n      size: {\n        small: [\n          \"px-[--input-padding-x-small]\",\n          \"py-[--input-padding-y-small]\",\n          \"text-[length:var(--input-text-size-small)]\",\n        ],\n        medium: [\n          \"px-[--input-padding-x-medium]\",\n          \"py-[--input-padding-y-medium]\",\n          \"text-[length:var(--input-text-size-medium)]\",\n        ],\n        large: [\n          \"px-[--input-padding-x-large]\",\n          \"py-[--input-padding-y-large]\",\n          \"text-[length:var(--input-text-size-large)]\",\n        ],\n      },\n      validationState: {\n        valid: \"border-[--input-border-valid-color]\",\n        invalid: \"border-[--input-border-invalid-color]\",\n      },\n      isHovered: {\n        true: \"\",\n      },\n      isFocused: {\n        true: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        validationState: undefined,\n        isFocused: false,\n        isDisabled: false,\n        className: \"border-[--input-border-default-color]\",\n      },\n      {\n        isDisabled: false,\n        isFocused: false,\n        validationState: undefined,\n        isHovered: true,\n        className: \"border-[--input-border-default-hover-color]\",\n      },\n      {\n        isFocused: true,\n        isDisabled: false,\n        validationState: undefined,\n        className: \"border-[--input-border-focused-color] ring ring-[--input-ring-focused-color]\",\n      },\n      {\n        isDisabled: false,\n        validationState: \"valid\",\n        isFocused: true,\n        className: \"ring !ring-[--input-ring-valid-color]\",\n      },\n      {\n        isDisabled: false,\n        isFocused: true,\n        validationState: \"invalid\",\n        className: \"ring !ring-[--input-ring-invalid-color]\",\n      },\n    ],\n    defaultVariants: {\n      isDisabled: false,\n    },\n  },\n);\n\nexport const sharedInputlabelStyles = cva([\n  \"text-[--input-label-color]\",\n  \"text-[length:--input-label-size]\",\n  \"mb-[--input-label-margin-bottom]\",\n  \"transition-all\",\n  \"ease-out\",\n  \"duration-150\",\n]);\n\nexport const sharedInputHintStyles = cva(\n  [\"font-[--input-hint-weight]\", \"text-[--input-hint-color]\", \"mb-[--input-hint-margin-bottom]\"],\n  {\n    variants: {\n      size: {\n        small: [\"text-[--input-hint-size-small]\"],\n        medium: [\"text-[--input-hint-size-medium]\"],\n        large: [\"text-[--input-hint-size-large]\"],\n      },\n    },\n  },\n);\n\nexport const sharedInputStyles = cva(\n  [\"w-full\", \"flex-grow\", \"bg-transparent\", \"outline-none\", \"disabled:cursor-not-allowed\"],\n  {\n    variants: {\n      size: {\n        small: [\n          \"px-[--input-padding-x-small]\",\n          \"py-[--input-padding-y-small]\",\n          \"text-[length:var(--input-text-size-small)]\",\n        ],\n        medium: [\n          \"px-[--input-padding-x-medium]\",\n          \"py-[--input-padding-y-medium]\",\n          \"text-[length:var(--input-text-size-medium)]\",\n        ],\n        large: [\n          \"px-[--input-padding-x-large]\",\n          \"py-[--input-padding-y-large]\",\n          \"text-[length:var(--input-text-size-large)]\",\n        ],\n      },\n    },\n    defaultVariants: {\n      size: \"medium\",\n    },\n  },\n);\n"],"names":["sharedInputFieldWrapperStyles","cva","sharedInputFieldStyles","sharedInputlabelStyles","sharedInputHintStyles","sharedInputStyles"],"mappings":";;AAIO,MAAMA,IAAgCC,EAAI,CAAC,QAAQ,UAAU,GAAG;AAAA,EACrE,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC,GAEYC,IAAyBD;AAAA,EACpC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,MAAM;AAAA,QACJ,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,QAAQ;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,MACA,iBAAiB;AAAA,QACf,OAAO;AAAA,QACP,SAAS;AAAA,MACX;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,YAAY;AAAA,QACZ,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,iBAAiB;AAAA,QACjB,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,YAAY;AAAA,IACd;AAAA,EACF;AACF,GAEaE,IAAyBF,EAAI;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,GAEYG,IAAwBH;AAAA,EACnC,CAAC,8BAA8B,6BAA6B,iCAAiC;AAAA,EAC7F;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,OAAO,CAAC,gCAAgC;AAAA,QACxC,QAAQ,CAAC,iCAAiC;AAAA,QAC1C,OAAO,CAAC,gCAAgC;AAAA,MAC1C;AAAA,IACF;AAAA,EACF;AACF,GAEaI,IAAoBJ;AAAA,EAC/B,CAAC,UAAU,aAAa,kBAAkB,gBAAgB,6BAA6B;AAAA,EACvF;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,QAAQ;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;"}
+{"version":3,"file":"lyra18.js","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactNode, Ref } from \"react\";\nimport {\n  Button as AriaButton,\n  Label,\n  Select as AriaSelect,\n  SelectContext,\n  SelectProps as AriaSelectProps,\n  SelectValue,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useIsMobileDevice } from \"../../..\";\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { ListBox } from \"../../list-box\";\nimport { Popover } from \"../../overlays/popover\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n} from \"..\";\n\nexport type SelectProps<T extends object> = Omit<AriaSelectProps<T>, \"children\"> &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    hint?: string;\n    description?: string;\n    errorMessage?: string;\n    children: ReactNode | ((item: T) => ReactNode);\n    screenWidthMobileBreakpoint?: number;\n  };\n\nfunction _Select<T extends object>(\n  {\n    label,\n    hint,\n    size = \"medium\",\n    fullWidth,\n    validationState,\n    isRequired,\n    description,\n    errorMessage,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: SelectProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SelectContext);\n\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n\n  return (\n    <AriaSelect\n      {...props}\n      ref={ref}\n      className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}\n    >\n      {(state) => {\n        return (\n          <>\n            <div\n              className={cx(\n                \"mx-1 flex items-center gap-3\",\n                label ? \"justify-between\" : \"justify-end\",\n              )}\n            >\n              {label ? (\n                <Label\n                  className={sharedInputlabelStyles()}\n                  style={{ fontFamily: \"var(--input-label-font-family)\" }}\n                >\n                  {label}\n                  {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\n                </Label>\n              ) : null}\n              {hint ? (\n                <span\n                  className={sharedInputHintStyles()}\n                  style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n                >\n                  {hint}\n                </span>\n              ) : null}\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <AriaButton\n                className={({ isDisabled, isFocusVisible, isHovered }) =>\n                  twMerge(\n                    sharedInputFieldStyles({\n                      isDisabled,\n                      isHovered,\n                      isFocused: isFocusVisible,\n                      fullWidth,\n                      size,\n                      validationState,\n                      className: \"w-full items-center justify-between gap-3\",\n                    }),\n                  )\n                }\n              >\n                <SelectValue className=\"select-none truncate\" />\n                <SvgIcon\n                  name=\"chevron-down\"\n                  aria-hidden=\"true\"\n                  className={cx(\n                    size === \"large\" && \"h-5 w-5\",\n                    size === \"medium\" && \"h-4 w-4\",\n                    size === \"small\" && \"h-3 w-3\",\n                    state.isOpen ? \"rotate-180\" : \"rotate-0\",\n                    \"transition duration-200 ease-out\",\n                  )}\n                />\n              </AriaButton>\n            </div>\n            {description && (\n              <Text\n                className=\"ms-1 mt-1.5\"\n                variant=\"body-small\"\n                color=\"secondary\"\n                slot=\"description\"\n              >\n                {description}\n              </Text>\n            )}\n            {errorMessage && (\n              <Text\n                className=\"ms-1 mt-1.5\"\n                variant=\"body-small\"\n                color=\"accent-danger\"\n                slot=\"errorMessage\"\n              >\n                {errorMessage}\n              </Text>\n            )}\n            <Popover showPopoverInBottomDrawerOnSmallScreens>\n              {isMobileDevice && label && (\n                <div className=\"p-4 pb-2\">\n                  <Text variant=\"body-medium\">{label}</Text>\n                </div>\n              )}\n              <ListBox\n                className=\"outline-none\"\n                aria-label={label ?? `options on select ${props.name}`}\n                selectionMode=\"single\"\n              >\n                {props.children}\n              </ListBox>\n            </Popover>\n          </>\n        );\n      }}\n    </AriaSelect>\n  );\n}\n\nexport const Select = forwardRef(_Select) as <T extends object>(\n  props: SelectProps<T> & { ref?: Ref<HTMLDivElement> },\n) => ReturnType<typeof _Select>;\n"],"names":["_Select","label","hint","size","fullWidth","validationState","isRequired","description","errorMessage","screenWidthMobileBreakpoint","props","ref","useContextProps","SelectContext","isMobileDevice","useIsMobileDevice","jsx","AriaSelect","twMerge","sharedInputFieldWrapperStyles","state","jsxs","Fragment","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","AriaButton","isDisabled","isFocusVisible","isHovered","sharedInputFieldStyles","SelectValue","SvgIcon","Text","Popover","ListBox","Select","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,SAASA,EACP;AAAA,EACE,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,6BAAAC,IAA8B;AAAA,EAC9B,GAAGC;AACL,GACAC,GACA;AACA,GAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAa;AAElD,QAAAC,IAAiBC,EAAkBN,CAA2B;AAGlE,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,KAAAC;AAAA,MACA,WAAWO,EAAQC,EAA8B,EAAE,WAAAf,EAAW,CAAA,CAAC;AAAA,MAE9D,WAACgB,MAGIC,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,QAAAD,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE;AAAA,cACT;AAAA,cACAtB,IAAQ,oBAAoB;AAAA,YAC9B;AAAA,YAEC,UAAA;AAAA,cACCA,IAAAoB,gBAAAA,EAAA;AAAA,gBAACG;AAAAA,gBAAA;AAAA,kBACC,WAAWC,EAAuB;AAAA,kBAClC,OAAO,EAAE,YAAY,iCAAiC;AAAA,kBAErD,UAAA;AAAA,oBAAAxB;AAAA,oBACAK,KAAcU,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,eAAe,UAAK,MAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA,IAEnD;AAAA,cACHd,IACCc,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWU,EAAsB;AAAA,kBACjC,OAAO,EAAE,YAAY,gCAAgC;AAAA,kBAEpD,UAAAxB;AAAA,gBAAA;AAAA,cAAA,IAED;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,QACAc,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,2BACb,UAAAK,gBAAAA,EAAA;AAAA,UAACM;AAAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAE,YAAAC,GAAY,gBAAAC,GAAgB,WAAAC,EACxC,MAAAZ;AAAA,cACEa,EAAuB;AAAA,gBACrB,YAAAH;AAAA,gBACA,WAAAE;AAAA,gBACA,WAAWD;AAAA,gBACX,WAAAzB;AAAA,gBACA,MAAAD;AAAA,gBACA,iBAAAE;AAAA,gBACA,WAAW;AAAA,cAAA,CACZ;AAAA,YACH;AAAA,YAGF,UAAA;AAAA,cAACW,gBAAAA,EAAAA,IAAAgB,GAAA,EAAY,WAAU,uBAAuB,CAAA;AAAA,cAC9ChB,gBAAAA,EAAA;AAAA,gBAACiB;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,eAAY;AAAA,kBACZ,WAAWV;AAAA,oBACTpB,MAAS,WAAW;AAAA,oBACpBA,MAAS,YAAY;AAAA,oBACrBA,MAAS,WAAW;AAAA,oBACpBiB,EAAM,SAAS,eAAe;AAAA,oBAC9B;AAAA,kBACF;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QACCb,KACCS,gBAAAA,EAAA;AAAA,UAACkB;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,MAAK;AAAA,YAEJ,UAAA3B;AAAA,UAAA;AAAA,QACH;AAAA,QAEDC,KACCQ,gBAAAA,EAAA;AAAA,UAACkB;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,OAAM;AAAA,YACN,MAAK;AAAA,YAEJ,UAAA1B;AAAA,UAAA;AAAA,QACH;AAAA,QAEFa,gBAAAA,EAAAA,KAACc,GAAQ,EAAA,yCAAuC,IAC7C,UAAA;AAAA,UAAkBrB,KAAAb,KAChBe,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,YACb,gCAACkB,GAAK,EAAA,SAAQ,eAAe,UAAAjC,EAAM,CAAA,GACrC;AAAA,UAEFe,gBAAAA,EAAA;AAAA,YAACoB;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,cAAYnC,KAAS,qBAAqBS,EAAM,IAAI;AAAA,cACpD,eAAc;AAAA,cAEb,UAAMA,EAAA;AAAA,YAAA;AAAA,UACT;AAAA,QAAA,GACF;AAAA,MACF,EAAA,CAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;AAEa,MAAA2B,KAASC,EAAWtC,CAAO;"}

package/dist/lyra180.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra176.cjs"),d=require("./lyra182.cjs"),l=require("./lyra175.cjs"),V=require("./lyra150.cjs");function c(o,a,t){const{willChange:s}=a;for(const e in a){const i=a[e],r=t[e];if(V.isMotionValue(i))o.addValue(e,i),u.isWillChangeMotionValue(s)&&s.add(e),process.env.NODE_ENV==="development"&&d.warnOnce(i.version==="10.15.2",`Attempting to mix Framer Motion versions ${i.version} with 10.15.2 may not work as expected.`);else if(V.isMotionValue(r))o.addValue(e,l.motionValue(i,{owner:o})),u.isWillChangeMotionValue(s)&&s.remove(e);else if(r!==i)if(o.hasValue(e)){const n=o.getValue(e);!n.hasAnimated&&n.set(i)}else{const n=o.getStaticValue(e);o.addValue(e,l.motionValue(n!==void 0?n:i,{owner:o}))}}for(const e in t)a[e]===void 0&&o.removeValue(e);return a}exports.updateMotionValuesFromProps=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./lyra181.cjs");function c(){const n=t.useContext(u.PresenceContext);if(n===null)return[!0,null];const{isPresent:r,onExitComplete:e,register:o}=n,s=t.useId();return t.useEffect(()=>o(s),[]),!r&&e?[!1,()=>e&&e(s)]:[!0]}exports.usePresence=c;

package/dist/lyra180.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra180.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/motion-values.mjs"],"sourcesContent":["import { isWillChangeMotionValue } from '../../value/use-will-change/is.mjs';\nimport { warnOnce } from '../../utils/warn-once.mjs';\nimport { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction updateMotionValuesFromProps(element, next, prev) {\n    const { willChange } = next;\n    for (const key in next) {\n        const nextValue = next[key];\n        const prevValue = prev[key];\n        if (isMotionValue(nextValue)) {\n            /**\n             * If this is a motion value found in props or style, we want to add it\n             * to our visual element's motion value map.\n             */\n            element.addValue(key, nextValue);\n            if (isWillChangeMotionValue(willChange)) {\n                willChange.add(key);\n            }\n            /**\n             * Check the version of the incoming motion value with this version\n             * and warn against mismatches.\n             */\n            if (process.env.NODE_ENV === \"development\") {\n                warnOnce(nextValue.version === \"10.15.2\", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.15.2 may not work as expected.`);\n            }\n        }\n        else if (isMotionValue(prevValue)) {\n            /**\n             * If we're swapping from a motion value to a static value,\n             * create a new motion value from that\n             */\n            element.addValue(key, motionValue(nextValue, { owner: element }));\n            if (isWillChangeMotionValue(willChange)) {\n                willChange.remove(key);\n            }\n        }\n        else if (prevValue !== nextValue) {\n            /**\n             * If this is a flat value that has changed, update the motion value\n             * or create one if it doesn't exist. We only want to do this if we're\n             * not handling the value with our animation state.\n             */\n            if (element.hasValue(key)) {\n                const existingValue = element.getValue(key);\n                // TODO: Only update values that aren't being animated or even looked at\n                !existingValue.hasAnimated && existingValue.set(nextValue);\n            }\n            else {\n                const latestValue = element.getStaticValue(key);\n                element.addValue(key, motionValue(latestValue !== undefined ? latestValue : nextValue, { owner: element }));\n            }\n        }\n    }\n    // Handle removed values\n    for (const key in prev) {\n        if (next[key] === undefined)\n            element.removeValue(key);\n    }\n    return next;\n}\n\nexport { updateMotionValuesFromProps };\n"],"names":["updateMotionValuesFromProps","element","next","prev","willChange","key","nextValue","prevValue","isMotionValue","isWillChangeMotionValue","warnOnce","motionValue","existingValue","latestValue"],"mappings":"kMAKA,SAASA,EAA4BC,EAASC,EAAMC,EAAM,CACtD,KAAM,CAAE,WAAAC,CAAY,EAAGF,EACvB,UAAWG,KAAOH,EAAM,CACpB,MAAMI,EAAYJ,EAAKG,CAAG,EACpBE,EAAYJ,EAAKE,CAAG,EAC1B,GAAIG,EAAAA,cAAcF,CAAS,EAKvBL,EAAQ,SAASI,EAAKC,CAAS,EAC3BG,EAAAA,wBAAwBL,CAAU,GAClCA,EAAW,IAAIC,CAAG,EAMlB,QAAQ,IAAI,WAAa,eACzBK,WAASJ,EAAU,UAAY,UAAW,4CAA4CA,EAAU,OAAO,yCAAyC,UAG/IE,EAAAA,cAAcD,CAAS,EAK5BN,EAAQ,SAASI,EAAKM,EAAW,YAACL,EAAW,CAAE,MAAOL,CAAS,CAAA,CAAC,EAC5DQ,EAAAA,wBAAwBL,CAAU,GAClCA,EAAW,OAAOC,CAAG,UAGpBE,IAAcD,EAMnB,GAAIL,EAAQ,SAASI,CAAG,EAAG,CACvB,MAAMO,EAAgBX,EAAQ,SAASI,CAAG,EAE1C,CAACO,EAAc,aAAeA,EAAc,IAAIN,CAAS,CAC5D,KACI,CACD,MAAMO,EAAcZ,EAAQ,eAAeI,CAAG,EAC9CJ,EAAQ,SAASI,EAAKM,EAAAA,YAAYE,IAAgB,OAAYA,EAAcP,EAAW,CAAE,MAAOL,CAAO,CAAE,CAAC,CAC7G,CAER,CAED,UAAWI,KAAOF,EACVD,EAAKG,CAAG,IAAM,QACdJ,EAAQ,YAAYI,CAAG,EAE/B,OAAOH,CACX","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra180.cjs","sources":["../node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs"],"sourcesContent":["import { useContext, useId, useEffect } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\n\n/**\n * When a component is the child of `AnimatePresence`, it can use `usePresence`\n * to access information about whether it's still present in the React tree.\n *\n * ```jsx\n * import { usePresence } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const [isPresent, safeToRemove] = usePresence()\n *\n *   useEffect(() => {\n *     !isPresent && setTimeout(safeToRemove, 1000)\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * If `isPresent` is `false`, it means that a component has been removed the tree, but\n * `AnimatePresence` won't really remove it until `safeToRemove` has been called.\n *\n * @public\n */\nfunction usePresence() {\n    const context = useContext(PresenceContext);\n    if (context === null)\n        return [true, null];\n    const { isPresent, onExitComplete, register } = context;\n    // It's safe to call the following hooks conditionally (after an early return) because the context will always\n    // either be null or non-null for the lifespan of the component.\n    const id = useId();\n    useEffect(() => register(id), []);\n    const safeToRemove = () => onExitComplete && onExitComplete(id);\n    return !isPresent && onExitComplete ? [false, safeToRemove] : [true];\n}\n/**\n * Similar to `usePresence`, except `useIsPresent` simply returns whether or not the component is present.\n * There is no `safeToRemove` function.\n *\n * ```jsx\n * import { useIsPresent } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const isPresent = useIsPresent()\n *\n *   useEffect(() => {\n *     !isPresent && console.log(\"I've been removed!\")\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * @public\n */\nfunction useIsPresent() {\n    return isPresent(useContext(PresenceContext));\n}\nfunction isPresent(context) {\n    return context === null ? true : context.isPresent;\n}\n\nexport { isPresent, useIsPresent, usePresence };\n"],"names":["usePresence","context","useContext","PresenceContext","isPresent","onExitComplete","register","id","useId","useEffect"],"mappings":"oIA0BA,SAASA,GAAc,CACnB,MAAMC,EAAUC,aAAWC,EAAAA,eAAe,EAC1C,GAAIF,IAAY,KACZ,MAAO,CAAC,GAAM,IAAI,EACtB,KAAM,CAAE,UAAAG,EAAW,eAAAC,EAAgB,SAAAC,CAAQ,EAAKL,EAG1CM,EAAKC,EAAAA,QACXC,OAAAA,EAAAA,UAAU,IAAMH,EAASC,CAAE,EAAG,CAAE,CAAA,EAEzB,CAACH,GAAaC,EAAiB,CAAC,GADlB,IAAMA,GAAkBA,EAAeE,CAAE,CACJ,EAAI,CAAC,EAAI,CACvE","x_google_ignoreList":[0]}

package/dist/lyra180.js

@@ -1,28 +1,12 @@
-import { isWillChangeMotionValue as u } from "./lyra176.js";
-import { warnOnce as l } from "./lyra182.js";
-import { motionValue as f } from "./lyra175.js";
-import { isMotionValue as d } from "./lyra150.js";
-function v(i, e, t) {
-  const { willChange: s } = e;
-  for (const o in e) {
-    const a = e[o], n = t[o];
-    if (d(a))
-      i.addValue(o, a), u(s) && s.add(o), process.env.NODE_ENV === "development" && l(a.version === "10.15.2", `Attempting to mix Framer Motion versions ${a.version} with 10.15.2 may not work as expected.`);
-    else if (d(n))
-      i.addValue(o, f(a, { owner: i })), u(s) && s.remove(o);
-    else if (n !== a)
-      if (i.hasValue(o)) {
-        const r = i.getValue(o);
-        !r.hasAnimated && r.set(a);
-      } else {
-        const r = i.getStaticValue(o);
-        i.addValue(o, f(r !== void 0 ? r : a, { owner: i }));
-      }
-  }
-  for (const o in t)
-    e[o] === void 0 && i.removeValue(o);
-  return e;
+import { useContext as s, useId as u, useEffect as c } from "react";
+import { PresenceContext as f } from "./lyra181.js";
+function x() {
+  const t = s(f);
+  if (t === null)
+    return [!0, null];
+  const { isPresent: n, onExitComplete: e, register: r } = t, o = u();
+  return c(() => r(o), []), !n && e ? [!1, () => e && e(o)] : [!0];
 }
 export {
-  v as updateMotionValuesFromProps
+  x as usePresence
 };

package/dist/lyra180.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra180.js","sources":["../node_modules/framer-motion/dist/es/render/utils/motion-values.mjs"],"sourcesContent":["import { isWillChangeMotionValue } from '../../value/use-will-change/is.mjs';\nimport { warnOnce } from '../../utils/warn-once.mjs';\nimport { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction updateMotionValuesFromProps(element, next, prev) {\n    const { willChange } = next;\n    for (const key in next) {\n        const nextValue = next[key];\n        const prevValue = prev[key];\n        if (isMotionValue(nextValue)) {\n            /**\n             * If this is a motion value found in props or style, we want to add it\n             * to our visual element's motion value map.\n             */\n            element.addValue(key, nextValue);\n            if (isWillChangeMotionValue(willChange)) {\n                willChange.add(key);\n            }\n            /**\n             * Check the version of the incoming motion value with this version\n             * and warn against mismatches.\n             */\n            if (process.env.NODE_ENV === \"development\") {\n                warnOnce(nextValue.version === \"10.15.2\", `Attempting to mix Framer Motion versions ${nextValue.version} with 10.15.2 may not work as expected.`);\n            }\n        }\n        else if (isMotionValue(prevValue)) {\n            /**\n             * If we're swapping from a motion value to a static value,\n             * create a new motion value from that\n             */\n            element.addValue(key, motionValue(nextValue, { owner: element }));\n            if (isWillChangeMotionValue(willChange)) {\n                willChange.remove(key);\n            }\n        }\n        else if (prevValue !== nextValue) {\n            /**\n             * If this is a flat value that has changed, update the motion value\n             * or create one if it doesn't exist. We only want to do this if we're\n             * not handling the value with our animation state.\n             */\n            if (element.hasValue(key)) {\n                const existingValue = element.getValue(key);\n                // TODO: Only update values that aren't being animated or even looked at\n                !existingValue.hasAnimated && existingValue.set(nextValue);\n            }\n            else {\n                const latestValue = element.getStaticValue(key);\n                element.addValue(key, motionValue(latestValue !== undefined ? latestValue : nextValue, { owner: element }));\n            }\n        }\n    }\n    // Handle removed values\n    for (const key in prev) {\n        if (next[key] === undefined)\n            element.removeValue(key);\n    }\n    return next;\n}\n\nexport { updateMotionValuesFromProps };\n"],"names":["updateMotionValuesFromProps","element","next","prev","willChange","key","nextValue","prevValue","isMotionValue","isWillChangeMotionValue","warnOnce","motionValue","existingValue","latestValue"],"mappings":";;;;AAKA,SAASA,EAA4BC,GAASC,GAAMC,GAAM;AACtD,QAAM,EAAE,YAAAC,EAAY,IAAGF;AACvB,aAAWG,KAAOH,GAAM;AACpB,UAAMI,IAAYJ,EAAKG,CAAG,GACpBE,IAAYJ,EAAKE,CAAG;AAC1B,QAAIG,EAAcF,CAAS;AAKvB,MAAAL,EAAQ,SAASI,GAAKC,CAAS,GAC3BG,EAAwBL,CAAU,KAClCA,EAAW,IAAIC,CAAG,GAMlB,QAAQ,IAAI,aAAa,iBACzBK,EAASJ,EAAU,YAAY,WAAW,4CAA4CA,EAAU,OAAO,yCAAyC;AAAA,aAG/IE,EAAcD,CAAS;AAK5B,MAAAN,EAAQ,SAASI,GAAKM,EAAYL,GAAW,EAAE,OAAOL,EAAS,CAAA,CAAC,GAC5DQ,EAAwBL,CAAU,KAClCA,EAAW,OAAOC,CAAG;AAAA,aAGpBE,MAAcD;AAMnB,UAAIL,EAAQ,SAASI,CAAG,GAAG;AACvB,cAAMO,IAAgBX,EAAQ,SAASI,CAAG;AAE1C,SAACO,EAAc,eAAeA,EAAc,IAAIN,CAAS;AAAA,MAC5D,OACI;AACD,cAAMO,IAAcZ,EAAQ,eAAeI,CAAG;AAC9C,QAAAJ,EAAQ,SAASI,GAAKM,EAAYE,MAAgB,SAAYA,IAAcP,GAAW,EAAE,OAAOL,EAAO,CAAE,CAAC;AAAA,MAC7G;AAAA,EAER;AAED,aAAWI,KAAOF;AACd,IAAID,EAAKG,CAAG,MAAM,UACdJ,EAAQ,YAAYI,CAAG;AAE/B,SAAOH;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra180.js","sources":["../node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs"],"sourcesContent":["import { useContext, useId, useEffect } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\n\n/**\n * When a component is the child of `AnimatePresence`, it can use `usePresence`\n * to access information about whether it's still present in the React tree.\n *\n * ```jsx\n * import { usePresence } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const [isPresent, safeToRemove] = usePresence()\n *\n *   useEffect(() => {\n *     !isPresent && setTimeout(safeToRemove, 1000)\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * If `isPresent` is `false`, it means that a component has been removed the tree, but\n * `AnimatePresence` won't really remove it until `safeToRemove` has been called.\n *\n * @public\n */\nfunction usePresence() {\n    const context = useContext(PresenceContext);\n    if (context === null)\n        return [true, null];\n    const { isPresent, onExitComplete, register } = context;\n    // It's safe to call the following hooks conditionally (after an early return) because the context will always\n    // either be null or non-null for the lifespan of the component.\n    const id = useId();\n    useEffect(() => register(id), []);\n    const safeToRemove = () => onExitComplete && onExitComplete(id);\n    return !isPresent && onExitComplete ? [false, safeToRemove] : [true];\n}\n/**\n * Similar to `usePresence`, except `useIsPresent` simply returns whether or not the component is present.\n * There is no `safeToRemove` function.\n *\n * ```jsx\n * import { useIsPresent } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const isPresent = useIsPresent()\n *\n *   useEffect(() => {\n *     !isPresent && console.log(\"I've been removed!\")\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * @public\n */\nfunction useIsPresent() {\n    return isPresent(useContext(PresenceContext));\n}\nfunction isPresent(context) {\n    return context === null ? true : context.isPresent;\n}\n\nexport { isPresent, useIsPresent, usePresence };\n"],"names":["usePresence","context","useContext","PresenceContext","isPresent","onExitComplete","register","id","useId","useEffect"],"mappings":";;AA0BA,SAASA,IAAc;AACnB,QAAMC,IAAUC,EAAWC,CAAe;AAC1C,MAAIF,MAAY;AACZ,WAAO,CAAC,IAAM,IAAI;AACtB,QAAM,EAAE,WAAAG,GAAW,gBAAAC,GAAgB,UAAAC,EAAQ,IAAKL,GAG1CM,IAAKC;AACX,SAAAC,EAAU,MAAMH,EAASC,CAAE,GAAG,CAAE,CAAA,GAEzB,CAACH,KAAaC,IAAiB,CAAC,IADlB,MAAMA,KAAkBA,EAAeE,CAAE,CACJ,IAAI,CAAC,EAAI;AACvE;","x_google_ignoreList":[0]}

package/dist/lyra181.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function v(a,r,e,t={},u={}){return typeof r=="function"&&(r=r(e!==void 0?e:a.custom,t,u)),typeof r=="string"&&(r=a.variants&&a.variants[r]),typeof r=="function"&&(r=r(e!==void 0?e:a.custom,t,u)),r}exports.resolveVariantFromProps=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(null);exports.PresenceContext=t;

package/dist/lyra181.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra181.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/resolve-variants.mjs"],"sourcesContent":["function resolveVariantFromProps(props, definition, custom, currentValues = {}, currentVelocity = {}) {\n    /**\n     * If the variant definition is a function, resolve.\n     */\n    if (typeof definition === \"function\") {\n        definition = definition(custom !== undefined ? custom : props.custom, currentValues, currentVelocity);\n    }\n    /**\n     * If the variant definition is a variant label, or\n     * the function returned a variant label, resolve.\n     */\n    if (typeof definition === \"string\") {\n        definition = props.variants && props.variants[definition];\n    }\n    /**\n     * At this point we've resolved both functions and variant labels,\n     * but the resolved variant label might itself have been a function.\n     * If so, resolve. This can only have returned a valid target object.\n     */\n    if (typeof definition === \"function\") {\n        definition = definition(custom !== undefined ? custom : props.custom, currentValues, currentVelocity);\n    }\n    return definition;\n}\n\nexport { resolveVariantFromProps };\n"],"names":["resolveVariantFromProps","props","definition","custom","currentValues","currentVelocity"],"mappings":"gFAAA,SAASA,EAAwBC,EAAOC,EAAYC,EAAQC,EAAgB,CAAE,EAAEC,EAAkB,GAAI,CAIlG,OAAI,OAAOH,GAAe,aACtBA,EAAaA,EAAWC,IAAW,OAAYA,EAASF,EAAM,OAAQG,EAAeC,CAAe,GAMpG,OAAOH,GAAe,WACtBA,EAAaD,EAAM,UAAYA,EAAM,SAASC,CAAU,GAOxD,OAAOA,GAAe,aACtBA,EAAaA,EAAWC,IAAW,OAAYA,EAASF,EAAM,OAAQG,EAAeC,CAAe,GAEjGH,CACX","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra181.cjs","sources":["../node_modules/framer-motion/dist/es/context/PresenceContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * @public\n */\nconst PresenceContext = createContext(null);\n\nexport { PresenceContext };\n"],"names":["PresenceContext","createContext"],"mappings":"yGAKMA,EAAkBC,EAAa,cAAC,IAAI","x_google_ignoreList":[0]}

package/dist/lyra181.js

@@ -1,6 +1,5 @@
-function y(r, a, v, f = {}, u = {}) {
-  return typeof a == "function" && (a = a(v !== void 0 ? v : r.custom, f, u)), typeof a == "string" && (a = r.variants && r.variants[a]), typeof a == "function" && (a = a(v !== void 0 ? v : r.custom, f, u)), a;
-}
+import { createContext as e } from "react";
+const o = e(null);
 export {
-  y as resolveVariantFromProps
+  o as PresenceContext
 };