@new-black/lyra 0.1.0 → 0.1.1

package/dist/lyra169.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra169.js","sources":["../node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.mjs"],"sourcesContent":["import { useCallback } from 'react';\nimport { isRefObject } from '../../utils/is-ref-object.mjs';\n\n/**\n * Creates a ref function that, when called, hydrates the provided\n * external ref and VisualElement.\n */\nfunction useMotionRef(visualState, visualElement, externalRef) {\n    return useCallback((instance) => {\n        instance && visualState.mount && visualState.mount(instance);\n        if (visualElement) {\n            instance\n                ? visualElement.mount(instance)\n                : visualElement.unmount();\n        }\n        if (externalRef) {\n            if (typeof externalRef === \"function\") {\n                externalRef(instance);\n            }\n            else if (isRefObject(externalRef)) {\n                externalRef.current = instance;\n            }\n        }\n    }, \n    /**\n     * Only pass a new ref callback to React if we've received a visual element\n     * factory. Otherwise we'll be mounting/remounting every time externalRef\n     * or other dependencies change.\n     */\n    [visualElement]);\n}\n\nexport { useMotionRef };\n"],"names":["useMotionRef","visualState","visualElement","externalRef","useCallback","instance","isRefObject"],"mappings":";;AAOA,SAASA,EAAaC,GAAaC,GAAeC,GAAa;AAC3D,SAAOC;AAAA,IAAY,CAACC,MAAa;AAC7B,MAAAA,KAAYJ,EAAY,SAASA,EAAY,MAAMI,CAAQ,GACvDH,MACAG,IACMH,EAAc,MAAMG,CAAQ,IAC5BH,EAAc,QAAO,IAE3BC,MACI,OAAOA,KAAgB,aACvBA,EAAYE,CAAQ,IAEfC,EAAYH,CAAW,MAC5BA,EAAY,UAAUE;AAAA,IAGjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,CAACH,CAAa;AAAA,EAAC;AACnB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra169.js","sources":["../node_modules/framer-motion/dist/es/context/MotionContext/create.mjs"],"sourcesContent":["import { useContext, useMemo } from 'react';\nimport { MotionContext } from './index.mjs';\nimport { getCurrentTreeVariants } from './utils.mjs';\n\nfunction useCreateMotionContext(props) {\n    const { initial, animate } = getCurrentTreeVariants(props, useContext(MotionContext));\n    return useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);\n}\nfunction variantLabelsAsDependency(prop) {\n    return Array.isArray(prop) ? prop.join(\" \") : prop;\n}\n\nexport { useCreateMotionContext };\n"],"names":["useCreateMotionContext","props","initial","animate","getCurrentTreeVariants","useContext","MotionContext","useMemo","variantLabelsAsDependency","prop"],"mappings":";;;AAIA,SAASA,EAAuBC,GAAO;AACnC,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYC,EAAuBH,GAAOI,EAAWC,CAAa,CAAC;AACpF,SAAOC,EAAQ,OAAO,EAAE,SAAAL,GAAS,SAAAC,EAAO,IAAK,CAACK,EAA0BN,CAAO,GAAGM,EAA0BL,CAAO,CAAC,CAAC;AACzH;AACA,SAASK,EAA0BC,GAAM;AACrC,SAAO,MAAM,QAAQA,CAAI,IAAIA,EAAK,KAAK,GAAG,IAAIA;AAClD;","x_google_ignoreList":[0]}

package/dist/lyra17.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra44.cjs"),E=require("react"),t=require("./lyra43.cjs"),x=require("./lyra53.cjs"),S=require("./lyra23.cjs");require("./lyra65.cjs");const g=require("./lyra25.cjs"),f=require("./lyra33.cjs"),m=require("./lyra34.cjs");require("./lyra59.cjs");require("./lyra10.cjs");require("./lyra131.cjs");require("./lyra21.cjs");require("./lyra14.cjs");require("./lyra8.cjs");require("./lyra63.cjs");require("./lyra16.cjs");const i=require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra132.cjs");require("./lyra22.cjs");const d=require("./lyra45.cjs");function w({label:r,hint:l,size:n="medium",fullWidth:o,validationState:j,isRequired:p,description:u,errorMessage:c,...s},a){return[s,a]=t.useContextProps(s,a,t.SelectContext),e.jsxRuntimeExports.jsx(t.Select,{...s,ref:a,className:d.twMerge(i.sharedInputFieldWrapperStyles({fullWidth:o})),children:h=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:x.cx("mx-1 flex items-center gap-3",r?"justify-between":"justify-end"),children:[r?e.jsxRuntimeExports.jsxs(t.Label,{className:i.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[r,p&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,l?e.jsxRuntimeExports.jsx("span",{className:i.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:l}):null]}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center gap-2",children:e.jsxRuntimeExports.jsxs(t.Button,{className:({isDisabled:q,isFocusVisible:y,isHovered:R})=>d.twMerge(i.sharedInputFieldStyles({isDisabled:q,isHovered:R,isFocused:y,fullWidth:o,size:n,validationState:j,className:"w-full items-center justify-between gap-3"})),children:[e.jsxRuntimeExports.jsx(t.SelectValue,{className:"select-none truncate"}),e.jsxRuntimeExports.jsx(f.SvgIcon,{name:"chevron-down","aria-hidden":"true",className:x.cx(n==="large"&&"h-5 w-5",n==="medium"&&"h-4 w-4",n==="small"&&"h-3 w-3",h.isOpen?"rotate-180":"rotate-0","transition duration-200 ease-out")})]})}),u&&e.jsxRuntimeExports.jsx(m.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:u}),c&&e.jsxRuntimeExports.jsx(m.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:c}),e.jsxRuntimeExports.jsx(g.Popover,{showPopoverInBottomDrawerOnSmallScreens:!0,children:e.jsxRuntimeExports.jsx(S.ListBox,{className:"outline-none","aria-label":r??`options on select ${s.name}`,selectionMode:"single",children:s.children})})]})})}const N=E.forwardRef(w);exports.Select=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra44.cjs"),v=require("react"),s=require("./lyra43.cjs");require("./lyra2.cjs");const m=require("./lyra53.cjs");require("./lyra58.cjs");const o=require("./lyra34.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra64.cjs");require("./lyra8.cjs");require("./lyra62.cjs");require("./lyra10.cjs");require("./lyra132.cjs");require("./lyra21.cjs");const S=require("./lyra33.cjs");require("./lyra14.cjs");require("./lyra16.cjs");const n=require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra133.cjs");require("./lyra22.cjs");const g=require("./lyra23.cjs");require("./lyra63.cjs");const N=require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra131.cjs");require("./lyra66.cjs");require("./lyra69.cjs");const f=require("./lyra37.cjs");require("./lyra39.cjs");require("./lyra48.cjs");const d=require("./lyra45.cjs");function w({label:r,hint:a,size:i="medium",fullWidth:l,validationState:j,isRequired:q,description:c,errorMessage:x,...t},u){[t,u]=s.useContextProps(t,u,s.SelectContext);const p=f.useIsMobileDevice();return e.jsxRuntimeExports.jsx(s.Select,{...t,ref:u,className:d.twMerge(n.sharedInputFieldWrapperStyles({fullWidth:l})),children:h=>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,q&&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:y,isFocusVisible:R,isHovered:E})=>d.twMerge(n.sharedInputFieldStyles({isDisabled:y,isHovered:E,isFocused:R,fullWidth:l,size:i,validationState:j,className:"w-full items-center justify-between gap-3"})),children:[e.jsxRuntimeExports.jsx(s.SelectValue,{className:"select-none truncate"}),e.jsxRuntimeExports.jsx(S.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",h.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(N.Popover,{showPopoverInBottomDrawerOnSmallScreens:!0,children:[p&&r&&e.jsxRuntimeExports.jsx(o.Text,{variant:"body-medium",className:"p-4",children:r}),e.jsxRuntimeExports.jsx(g.ListBox,{className:"outline-none","aria-label":r??`options on select ${t.name}`,selectionMode:"single",children:t.children})]})]})})}const b=v.forwardRef(w);exports.Select=b;

package/dist/lyra17.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra17.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 { 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  };\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    ...props\n  }: SelectProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SelectContext);\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              <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","props","ref","useContextProps","SelectContext","jsx","AriaSelect","twMerge","sharedInputFieldWrapperStyles","state","jsxs","Fragment","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","AriaButton","isDisabled","isFocusVisible","isHovered","sharedInputFieldStyles","SelectValue","SvgIcon","Text","Popover","ListBox","Select","forwardRef"],"mappings":"soBAmCA,SAASA,EACP,CACE,MAAAC,EACA,KAAAC,EACA,KAAAC,EAAO,SACP,UAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,YAAAC,EACA,aAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,OAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,aAAa,EAGtDC,EAAA,kBAAA,IAACC,EAAA,OAAA,CACE,GAAGL,EACJ,IAAAC,EACA,UAAWK,EAAAA,QAAQC,EAAAA,8BAA8B,CAAE,UAAAZ,CAAW,CAAA,CAAC,EAE9D,SAACa,GAGIC,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAD,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWE,EAAA,GACT,+BACAnB,EAAQ,kBAAoB,aAC9B,EAEC,SAAA,CACCA,EAAAiB,EAAA,kBAAA,KAACG,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,EAClC,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAA,CAAArB,EACAK,GAAcO,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,cAAe,SAAK,KAAA,CAAA,CAAA,CAAA,EAEnD,KACHX,EACCW,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWU,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAArB,CAAA,CAAA,EAED,IAAA,CAAA,CACN,EACAW,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,UAAAtB,EACA,KAAAD,EACA,gBAAAE,EACA,UAAW,2CAAA,CACZ,CACH,EAGF,SAAA,CAACQ,EAAAA,kBAAAA,IAAAgB,EAAA,YAAA,CAAY,UAAU,sBAAuB,CAAA,EAC9ChB,EAAA,kBAAA,IAACiB,EAAA,QAAA,CACC,KAAK,eACL,cAAY,OACZ,UAAWV,EAAA,GACTjB,IAAS,SAAW,UACpBA,IAAS,UAAY,UACrBA,IAAS,SAAW,UACpBc,EAAM,OAAS,aAAe,WAC9B,kCACF,CAAA,CACF,CAAA,CAAA,CAAA,EAEJ,EACCV,GACCM,EAAA,kBAAA,IAACkB,EAAA,KAAA,CACC,UAAU,cACV,QAAQ,aACR,MAAM,YACN,KAAK,cAEJ,SAAAxB,CAAA,CACH,EAEDC,GACCK,EAAA,kBAAA,IAACkB,EAAA,KAAA,CACC,UAAU,cACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAAvB,CAAA,CACH,EAEFK,EAAAA,kBAAAA,IAACmB,EAAAA,QAAQ,CAAA,wCAAuC,GAC9C,SAAAnB,EAAA,kBAAA,IAACoB,EAAA,QAAA,CACC,UAAU,eACV,aAAYhC,GAAS,qBAAqBQ,EAAM,IAAI,GACpD,cAAc,SAEb,SAAMA,EAAA,QAAA,CAAA,EAEX,CACF,CAAA,CAAA,CAEJ,CAAA,CAGN,CAEa,MAAAyB,EAASC,aAAWnC,CAAO"}
+{"version":3,"file":"lyra17.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  };\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    ...props\n  }: SelectProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SelectContext);\n\n  const isMobileDevice = useIsMobileDevice();\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                <Text variant=\"body-medium\" className=\"p-4\">\n                  {label}\n                </Text>\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","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":"86BAoCA,SAASA,EACP,CACE,MAAAC,EACA,KAAAC,EACA,KAAAC,EAAO,SACP,UAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,YAAAC,EACA,aAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,aAAa,EAExD,MAAMC,EAAiBC,EAAAA,oBAGrB,OAAAC,EAAA,kBAAA,IAACC,EAAA,OAAA,CACE,GAAGP,EACJ,IAAAC,EACA,UAAWO,EAAAA,QAAQC,EAAAA,8BAA8B,CAAE,UAAAd,CAAW,CAAA,CAAC,EAE9D,SAACe,GAGIC,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAD,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWE,EAAA,GACT,+BACArB,EAAQ,kBAAoB,aAC9B,EAEC,SAAA,CACCA,EAAAmB,EAAA,kBAAA,KAACG,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,EAClC,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAA,CAAAvB,EACAK,GAAcS,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,cAAe,SAAK,KAAA,CAAA,CAAA,CAAA,EAEnD,KACHb,EACCa,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWU,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAvB,CAAA,CAAA,EAED,IAAA,CAAA,CACN,EACAa,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,UAAAxB,EACA,KAAAD,EACA,gBAAAE,EACA,UAAW,2CAAA,CACZ,CACH,EAGF,SAAA,CAACU,EAAAA,kBAAAA,IAAAgB,EAAA,YAAA,CAAY,UAAU,sBAAuB,CAAA,EAC9ChB,EAAA,kBAAA,IAACiB,EAAA,QAAA,CACC,KAAK,eACL,cAAY,OACZ,UAAWV,EAAA,GACTnB,IAAS,SAAW,UACpBA,IAAS,UAAY,UACrBA,IAAS,SAAW,UACpBgB,EAAM,OAAS,aAAe,WAC9B,kCACF,CAAA,CACF,CAAA,CAAA,CAAA,EAEJ,EACCZ,GACCQ,EAAA,kBAAA,IAACkB,EAAA,KAAA,CACC,UAAU,cACV,QAAQ,aACR,MAAM,YACN,KAAK,cAEJ,SAAA1B,CAAA,CACH,EAEDC,GACCO,EAAA,kBAAA,IAACkB,EAAA,KAAA,CACC,UAAU,cACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAAzB,CAAA,CACH,EAEFY,EAAAA,kBAAAA,KAACc,EAAAA,QAAQ,CAAA,wCAAuC,GAC7C,SAAA,CAAArB,GAAkBZ,GAChBc,wBAAAkB,EAAAA,KAAA,CAAK,QAAQ,cAAc,UAAU,MACnC,SACHhC,CAAA,CAAA,EAEFc,EAAA,kBAAA,IAACoB,EAAA,QAAA,CACC,UAAU,eACV,aAAYlC,GAAS,qBAAqBQ,EAAM,IAAI,GACpD,cAAc,SAEb,SAAMA,EAAA,QAAA,CACT,CAAA,EACF,CACF,CAAA,CAAA,CAEJ,CAAA,CAGN,CAEa,MAAA2B,EAASC,aAAWrC,CAAO"}

package/dist/lyra17.js

@@ -1,68 +1,81 @@
 import { j as e } from "./lyra44.js";
-import { forwardRef as $ } from "react";
-import { useContextProps as b, Select as y, Label as N, Button as S, SelectValue as w, SelectContext as g } from "./lyra43.js";
-import { cx as i } from "./lyra53.js";
-import { ListBox as v } from "./lyra23.js";
-import "./lyra65.js";
-import { Popover as F } from "./lyra25.js";
-import { SvgIcon as I } from "./lyra33.js";
-import { Text as c } from "./lyra34.js";
+import { forwardRef as b } from "react";
+import { useContextProps as y, Select as N, Label as v, Button as S, SelectValue as w, SelectContext as g } from "./lyra43.js";
+import "./lyra2.js";
+import { cx as c } from "./lyra53.js";
+import "./lyra58.js";
+import { Text as a } from "./lyra34.js";
 import "./lyra59.js";
+import "./lyra60.js";
+import "./lyra64.js";
+import "./lyra8.js";
+import "./lyra62.js";
 import "./lyra10.js";
-import "./lyra131.js";
+import "./lyra132.js";
 import "./lyra21.js";
+import { SvgIcon as I } from "./lyra33.js";
 import "./lyra14.js";
-import "./lyra8.js";
-import "./lyra63.js";
 import "./lyra16.js";
-import { sharedInputFieldWrapperStyles as B, sharedInputlabelStyles as P, sharedInputHintStyles as C, sharedInputFieldStyles as L } from "./lyra18.js";
+import { sharedInputFieldWrapperStyles as F, sharedInputlabelStyles as M, sharedInputHintStyles as B, sharedInputFieldStyles as D } from "./lyra18.js";
 import "./lyra19.js";
-import "./lyra132.js";
+import "./lyra133.js";
 import "./lyra22.js";
+import { ListBox as P } from "./lyra23.js";
+import "./lyra63.js";
+import { Popover as C } from "./lyra25.js";
+import "./lyra27.js";
+import "./lyra131.js";
+import "./lyra66.js";
+import "./lyra69.js";
+import { useIsMobileDevice as L } from "./lyra37.js";
+import "./lyra39.js";
+import "./lyra48.js";
 import { twMerge as d } from "./lyra45.js";
-function M({
-  label: r,
-  hint: o,
-  size: s = "medium",
-  fullWidth: n,
+function O({
+  label: t,
+  hint: i,
+  size: o = "medium",
+  fullWidth: m,
   validationState: p,
   isRequired: f,
-  description: m,
+  description: n,
   errorMessage: l,
-  ...t
-}, a) {
-  return [t, a] = b(t, a, g), /* @__PURE__ */ e.jsx(
-    y,
+  ...r
+}, s) {
+  [r, s] = y(r, s, g);
+  const x = L();
+  return /* @__PURE__ */ e.jsx(
+    N,
     {
-      ...t,
-      ref: a,
-      className: d(B({ fullWidth: n })),
-      children: (x) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      ...r,
+      ref: s,
+      className: d(F({ fullWidth: m })),
+      children: (u) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsxs(
           "div",
           {
-            className: i(
+            className: c(
               "mx-1 flex items-center gap-3",
-              r ? "justify-between" : "justify-end"
+              t ? "justify-between" : "justify-end"
             ),
             children: [
-              r ? /* @__PURE__ */ e.jsxs(
-                N,
+              t ? /* @__PURE__ */ e.jsxs(
+                v,
                 {
-                  className: P(),
+                  className: M(),
                   style: { fontFamily: "var(--input-label-font-family)" },
                   children: [
-                    r,
+                    t,
                     f && /* @__PURE__ */ e.jsx("span", { className: "text-danger", children: " *" })
                   ]
                 }
               ) : null,
-              o ? /* @__PURE__ */ e.jsx(
+              i ? /* @__PURE__ */ e.jsx(
                 "span",
                 {
-                  className: C(),
+                  className: B(),
                   style: { fontFamily: "var(--input-hint-font-family)" },
-                  children: o
+                  children: i
                 }
               ) : null
             ]
@@ -71,13 +84,13 @@ function M({
         /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsxs(
           S,
           {
-            className: ({ isDisabled: u, isFocusVisible: h, isHovered: j }) => d(
-              L({
-                isDisabled: u,
-                isHovered: j,
-                isFocused: h,
-                fullWidth: n,
-                size: s,
+            className: ({ isDisabled: h, isFocusVisible: j, isHovered: $ }) => d(
+              D({
+                isDisabled: h,
+                isHovered: $,
+                isFocused: j,
+                fullWidth: m,
+                size: o,
                 validationState: p,
                 className: "w-full items-center justify-between gap-3"
               })
@@ -89,11 +102,11 @@ function M({
                 {
                   name: "chevron-down",
                   "aria-hidden": "true",
-                  className: i(
-                    s === "large" && "h-5 w-5",
-                    s === "medium" && "h-4 w-4",
-                    s === "small" && "h-3 w-3",
-                    x.isOpen ? "rotate-180" : "rotate-0",
+                  className: c(
+                    o === "large" && "h-5 w-5",
+                    o === "medium" && "h-4 w-4",
+                    o === "small" && "h-3 w-3",
+                    u.isOpen ? "rotate-180" : "rotate-0",
                     "transition duration-200 ease-out"
                   )
                 }
@@ -101,18 +114,18 @@ function M({
             ]
           }
         ) }),
-        m && /* @__PURE__ */ e.jsx(
-          c,
+        n && /* @__PURE__ */ e.jsx(
+          a,
           {
             className: "ms-1 mt-1.5",
             variant: "body-small",
             color: "secondary",
             slot: "description",
-            children: m
+            children: n
           }
         ),
         l && /* @__PURE__ */ e.jsx(
-          c,
+          a,
           {
             className: "ms-1 mt-1.5",
             variant: "body-small",
@@ -121,20 +134,23 @@ function M({
             children: l
           }
         ),
-        /* @__PURE__ */ e.jsx(F, { showPopoverInBottomDrawerOnSmallScreens: !0, children: /* @__PURE__ */ e.jsx(
-          v,
-          {
-            className: "outline-none",
-            "aria-label": r ?? `options on select ${t.name}`,
-            selectionMode: "single",
-            children: t.children
-          }
-        ) })
+        /* @__PURE__ */ e.jsxs(C, { showPopoverInBottomDrawerOnSmallScreens: !0, children: [
+          x && t && /* @__PURE__ */ e.jsx(a, { variant: "body-medium", className: "p-4", children: t }),
+          /* @__PURE__ */ e.jsx(
+            P,
+            {
+              className: "outline-none",
+              "aria-label": t ?? `options on select ${r.name}`,
+              selectionMode: "single",
+              children: r.children
+            }
+          )
+        ] })
       ] })
     }
   );
 }
-const te = $(M);
+const xe = b(O);
 export {
-  te as Select
+  xe as Select
 };

package/dist/lyra17.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra17.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 { 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  };\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    ...props\n  }: SelectProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SelectContext);\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              <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","props","ref","useContextProps","SelectContext","jsx","AriaSelect","twMerge","sharedInputFieldWrapperStyles","state","jsxs","Fragment","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","AriaButton","isDisabled","isFocusVisible","isHovered","sharedInputFieldStyles","SelectValue","SvgIcon","Text","Popover","ListBox","Select","forwardRef"],"mappings":"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"}
+{"version":3,"file":"lyra17.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  };\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    ...props\n  }: SelectProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SelectContext);\n\n  const isMobileDevice = useIsMobileDevice();\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                <Text variant=\"body-medium\" className=\"p-4\">\n                  {label}\n                </Text>\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","props","ref","useContextProps","SelectContext","isMobileDevice","useIsMobileDevice","jsx","AriaSelect","twMerge","sharedInputFieldWrapperStyles","state","jsxs","Fragment","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","AriaButton","isDisabled","isFocusVisible","isHovered","sharedInputFieldStyles","SelectValue","SvgIcon","Text","Popover","ListBox","Select","forwardRef"],"mappings":"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"}

package/dist/lyra170.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=require("./lyra167.cjs"),u=require("./lyra280.cjs");function a(e){const{initial:t,animate:n}=u.getCurrentTreeVariants(e,r.useContext(o.MotionContext));return r.useMemo(()=>({initial:t,animate:n}),[i(t),i(n)])}function i(e){return Array.isArray(e)?e.join(" "):e}exports.useCreateMotionContext=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra189.cjs");function n(i){for(const e in i)t.featureDefinitions[e]={...t.featureDefinitions[e],...i[e]}}exports.loadFeatures=n;

package/dist/lyra170.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra170.cjs","sources":["../node_modules/framer-motion/dist/es/context/MotionContext/create.mjs"],"sourcesContent":["import { useContext, useMemo } from 'react';\nimport { MotionContext } from './index.mjs';\nimport { getCurrentTreeVariants } from './utils.mjs';\n\nfunction useCreateMotionContext(props) {\n    const { initial, animate } = getCurrentTreeVariants(props, useContext(MotionContext));\n    return useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);\n}\nfunction variantLabelsAsDependency(prop) {\n    return Array.isArray(prop) ? prop.join(\" \") : prop;\n}\n\nexport { useCreateMotionContext };\n"],"names":["useCreateMotionContext","props","initial","animate","getCurrentTreeVariants","useContext","MotionContext","useMemo","variantLabelsAsDependency","prop"],"mappings":"+JAIA,SAASA,EAAuBC,EAAO,CACnC,KAAM,CAAE,QAAAC,EAAS,QAAAC,GAAYC,EAAAA,uBAAuBH,EAAOI,EAAU,WAACC,EAAa,aAAA,CAAC,EACpF,OAAOC,UAAQ,KAAO,CAAE,QAAAL,EAAS,QAAAC,CAAO,GAAK,CAACK,EAA0BN,CAAO,EAAGM,EAA0BL,CAAO,CAAC,CAAC,CACzH,CACA,SAASK,EAA0BC,EAAM,CACrC,OAAO,MAAM,QAAQA,CAAI,EAAIA,EAAK,KAAK,GAAG,EAAIA,CAClD","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra170.cjs","sources":["../node_modules/framer-motion/dist/es/motion/features/load-features.mjs"],"sourcesContent":["import { featureDefinitions } from './definitions.mjs';\n\nfunction loadFeatures(features) {\n    for (const key in features) {\n        featureDefinitions[key] = {\n            ...featureDefinitions[key],\n            ...features[key],\n        };\n    }\n}\n\nexport { loadFeatures };\n"],"names":["loadFeatures","features","key","featureDefinitions"],"mappings":"iHAEA,SAASA,EAAaC,EAAU,CAC5B,UAAWC,KAAOD,EACdE,EAAkB,mBAACD,CAAG,EAAI,CACtB,GAAGC,EAAAA,mBAAmBD,CAAG,EACzB,GAAGD,EAASC,CAAG,CAC3B,CAEA","x_google_ignoreList":[0]}

package/dist/lyra170.js

@@ -1,13 +1,11 @@
-import { useContext as o, useMemo as i } from "react";
-import { MotionContext as a } from "./lyra167.js";
-import { getCurrentTreeVariants as m } from "./lyra280.js";
-function C(t) {
-  const { initial: e, animate: n } = m(t, o(a));
-  return i(() => ({ initial: e, animate: n }), [r(e), r(n)]);
-}
-function r(t) {
-  return Array.isArray(t) ? t.join(" ") : t;
+import { featureDefinitions as n } from "./lyra189.js";
+function e(i) {
+  for (const o in i)
+    n[o] = {
+      ...n[o],
+      ...i[o]
+    };
 }
 export {
-  C as useCreateMotionContext
+  e as loadFeatures
 };

package/dist/lyra170.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra170.js","sources":["../node_modules/framer-motion/dist/es/context/MotionContext/create.mjs"],"sourcesContent":["import { useContext, useMemo } from 'react';\nimport { MotionContext } from './index.mjs';\nimport { getCurrentTreeVariants } from './utils.mjs';\n\nfunction useCreateMotionContext(props) {\n    const { initial, animate } = getCurrentTreeVariants(props, useContext(MotionContext));\n    return useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);\n}\nfunction variantLabelsAsDependency(prop) {\n    return Array.isArray(prop) ? prop.join(\" \") : prop;\n}\n\nexport { useCreateMotionContext };\n"],"names":["useCreateMotionContext","props","initial","animate","getCurrentTreeVariants","useContext","MotionContext","useMemo","variantLabelsAsDependency","prop"],"mappings":";;;AAIA,SAASA,EAAuBC,GAAO;AACnC,QAAM,EAAE,SAAAC,GAAS,SAAAC,MAAYC,EAAuBH,GAAOI,EAAWC,CAAa,CAAC;AACpF,SAAOC,EAAQ,OAAO,EAAE,SAAAL,GAAS,SAAAC,EAAO,IAAK,CAACK,EAA0BN,CAAO,GAAGM,EAA0BL,CAAO,CAAC,CAAC;AACzH;AACA,SAASK,EAA0BC,GAAM;AACrC,SAAO,MAAM,QAAQA,CAAI,IAAIA,EAAK,KAAK,GAAG,IAAIA;AAClD;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra170.js","sources":["../node_modules/framer-motion/dist/es/motion/features/load-features.mjs"],"sourcesContent":["import { featureDefinitions } from './definitions.mjs';\n\nfunction loadFeatures(features) {\n    for (const key in features) {\n        featureDefinitions[key] = {\n            ...featureDefinitions[key],\n            ...features[key],\n        };\n    }\n}\n\nexport { loadFeatures };\n"],"names":["loadFeatures","features","key","featureDefinitions"],"mappings":";AAEA,SAASA,EAAaC,GAAU;AAC5B,aAAWC,KAAOD;AACd,IAAAE,EAAmBD,CAAG,IAAI;AAAA,MACtB,GAAGC,EAAmBD,CAAG;AAAA,MACzB,GAAGD,EAASC,CAAG;AAAA,IAC3B;AAEA;","x_google_ignoreList":[0]}

package/dist/lyra171.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra190.cjs");function n(i){for(const e in i)t.featureDefinitions[e]={...t.featureDefinitions[e],...i[e]}}exports.loadFeatures=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=typeof document<"u";exports.isBrowser=e;

package/dist/lyra171.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra171.cjs","sources":["../node_modules/framer-motion/dist/es/motion/features/load-features.mjs"],"sourcesContent":["import { featureDefinitions } from './definitions.mjs';\n\nfunction loadFeatures(features) {\n    for (const key in features) {\n        featureDefinitions[key] = {\n            ...featureDefinitions[key],\n            ...features[key],\n        };\n    }\n}\n\nexport { loadFeatures };\n"],"names":["loadFeatures","features","key","featureDefinitions"],"mappings":"iHAEA,SAASA,EAAaC,EAAU,CAC5B,UAAWC,KAAOD,EACdE,EAAkB,mBAACD,CAAG,EAAI,CACtB,GAAGC,EAAAA,mBAAmBD,CAAG,EACzB,GAAGD,EAASC,CAAG,CAC3B,CAEA","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra171.cjs","sources":["../node_modules/framer-motion/dist/es/utils/is-browser.mjs"],"sourcesContent":["const isBrowser = typeof document !== \"undefined\";\n\nexport { isBrowser };\n"],"names":["isBrowser"],"mappings":"gFAAK,MAACA,EAAY,OAAO,SAAa","x_google_ignoreList":[0]}

package/dist/lyra171.js

@@ -1,11 +1,4 @@
-import { featureDefinitions as n } from "./lyra190.js";
-function e(i) {
-  for (const o in i)
-    n[o] = {
-      ...n[o],
-      ...i[o]
-    };
-}
+const e = typeof document < "u";
 export {
-  e as loadFeatures
+  e as isBrowser
 };

package/dist/lyra171.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra171.js","sources":["../node_modules/framer-motion/dist/es/motion/features/load-features.mjs"],"sourcesContent":["import { featureDefinitions } from './definitions.mjs';\n\nfunction loadFeatures(features) {\n    for (const key in features) {\n        featureDefinitions[key] = {\n            ...featureDefinitions[key],\n            ...features[key],\n        };\n    }\n}\n\nexport { loadFeatures };\n"],"names":["loadFeatures","features","key","featureDefinitions"],"mappings":";AAEA,SAASA,EAAaC,GAAU;AAC5B,aAAWC,KAAOD;AACd,IAAAE,EAAmBD,CAAG,IAAI;AAAA,MACtB,GAAGC,EAAmBD,CAAG;AAAA,MACzB,GAAGD,EAASC,CAAG;AAAA,IAC3B;AAEA;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra171.js","sources":["../node_modules/framer-motion/dist/es/utils/is-browser.mjs"],"sourcesContent":["const isBrowser = typeof document !== \"undefined\";\n\nexport { isBrowser };\n"],"names":["isBrowser"],"mappings":"AAAK,MAACA,IAAY,OAAO,WAAa;","x_google_ignoreList":[0]}

package/dist/lyra172.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=typeof document<"u";exports.isBrowser=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({strict:!1});exports.LazyContext=e;

package/dist/lyra172.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra172.cjs","sources":["../node_modules/framer-motion/dist/es/utils/is-browser.mjs"],"sourcesContent":["const isBrowser = typeof document !== \"undefined\";\n\nexport { isBrowser };\n"],"names":["isBrowser"],"mappings":"gFAAK,MAACA,EAAY,OAAO,SAAa","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra172.cjs","sources":["../node_modules/framer-motion/dist/es/context/LazyContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst LazyContext = createContext({ strict: false });\n\nexport { LazyContext };\n"],"names":["LazyContext","createContext"],"mappings":"yGAEMA,EAAcC,EAAa,cAAC,CAAE,OAAQ,EAAO,CAAA","x_google_ignoreList":[0]}

package/dist/lyra172.js

@@ -1,4 +1,5 @@
-const e = typeof document < "u";
+import { createContext as t } from "react";
+const o = t({ strict: !1 });
 export {
-  e as isBrowser
+  o as LazyContext
 };

package/dist/lyra172.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra172.js","sources":["../node_modules/framer-motion/dist/es/utils/is-browser.mjs"],"sourcesContent":["const isBrowser = typeof document !== \"undefined\";\n\nexport { isBrowser };\n"],"names":["isBrowser"],"mappings":"AAAK,MAACA,IAAY,OAAO,WAAa;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra172.js","sources":["../node_modules/framer-motion/dist/es/context/LazyContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst LazyContext = createContext({ strict: false });\n\nexport { LazyContext };\n"],"names":["LazyContext","createContext"],"mappings":";AAEK,MAACA,IAAcC,EAAc,EAAE,QAAQ,GAAO,CAAA;","x_google_ignoreList":[0]}

package/dist/lyra173.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({strict:!1});exports.LazyContext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.SwitchLayoutGroupContext=e;

package/dist/lyra173.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra173.cjs","sources":["../node_modules/framer-motion/dist/es/context/LazyContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst LazyContext = createContext({ strict: false });\n\nexport { LazyContext };\n"],"names":["LazyContext","createContext"],"mappings":"yGAEMA,EAAcC,EAAa,cAAC,CAAE,OAAQ,EAAO,CAAA","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra173.cjs","sources":["../node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * Internal, exported only for usage in Framer\n */\nconst SwitchLayoutGroupContext = createContext({});\n\nexport { SwitchLayoutGroupContext };\n"],"names":["SwitchLayoutGroupContext","createContext"],"mappings":"yGAKMA,EAA2BC,EAAa,cAAC,CAAE,CAAA","x_google_ignoreList":[0]}

package/dist/lyra173.js

@@ -1,5 +1,5 @@
 import { createContext as t } from "react";
-const o = t({ strict: !1 });
+const e = t({});
 export {
-  o as LazyContext
+  e as SwitchLayoutGroupContext
 };

package/dist/lyra173.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra173.js","sources":["../node_modules/framer-motion/dist/es/context/LazyContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst LazyContext = createContext({ strict: false });\n\nexport { LazyContext };\n"],"names":["LazyContext","createContext"],"mappings":";AAEK,MAACA,IAAcC,EAAc,EAAE,QAAQ,GAAO,CAAA;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra173.js","sources":["../node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * Internal, exported only for usage in Framer\n */\nconst SwitchLayoutGroupContext = createContext({});\n\nexport { SwitchLayoutGroupContext };\n"],"names":["SwitchLayoutGroupContext","createContext"],"mappings":";AAKK,MAACA,IAA2BC,EAAc,CAAE,CAAA;","x_google_ignoreList":[0]}

package/dist/lyra174.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.SwitchLayoutGroupContext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=Symbol.for("motionComponentSymbol");exports.motionComponentSymbol=o;

package/dist/lyra174.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra174.cjs","sources":["../node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * Internal, exported only for usage in Framer\n */\nconst SwitchLayoutGroupContext = createContext({});\n\nexport { SwitchLayoutGroupContext };\n"],"names":["SwitchLayoutGroupContext","createContext"],"mappings":"yGAKMA,EAA2BC,EAAa,cAAC,CAAE,CAAA","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra174.cjs","sources":["../node_modules/framer-motion/dist/es/motion/utils/symbol.mjs"],"sourcesContent":["const motionComponentSymbol = Symbol.for(\"motionComponentSymbol\");\n\nexport { motionComponentSymbol };\n"],"names":["motionComponentSymbol"],"mappings":"gFAAK,MAACA,EAAwB,OAAO,IAAI,uBAAuB","x_google_ignoreList":[0]}

package/dist/lyra174.js

@@ -1,5 +1,4 @@
-import { createContext as t } from "react";
-const e = t({});
+const o = Symbol.for("motionComponentSymbol");
 export {
-  e as SwitchLayoutGroupContext
+  o as motionComponentSymbol
 };

package/dist/lyra174.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra174.js","sources":["../node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\n/**\n * Internal, exported only for usage in Framer\n */\nconst SwitchLayoutGroupContext = createContext({});\n\nexport { SwitchLayoutGroupContext };\n"],"names":["SwitchLayoutGroupContext","createContext"],"mappings":";AAKK,MAACA,IAA2BC,EAAc,CAAE,CAAA;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra174.js","sources":["../node_modules/framer-motion/dist/es/motion/utils/symbol.mjs"],"sourcesContent":["const motionComponentSymbol = Symbol.for(\"motionComponentSymbol\");\n\nexport { motionComponentSymbol };\n"],"names":["motionComponentSymbol"],"mappings":"AAAK,MAACA,IAAwB,OAAO,IAAI,uBAAuB;","x_google_ignoreList":[0]}

package/dist/lyra175.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=Symbol.for("motionComponentSymbol");exports.motionComponentSymbol=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./lyra153.cjs"),P=require("./lyra176.cjs"),T=require("./lyra177.cjs"),q=require("./lyra178.cjs"),m=require("./lyra179.cjs"),y=require("./lyra180.cjs"),F=require("./lyra181.cjs"),j=require("./lyra182.cjs"),V=require("./lyra156.cjs"),R=require("./lyra183.cjs"),v=require("./lyra184.cjs"),w=require("./lyra185.cjs"),E=require("./lyra186.cjs"),N=require("./lyra187.cjs"),x=require("./lyra188.cjs"),C=require("./lyra189.cjs"),b=require("./lyra190.cjs"),g=require("./lyra191.cjs"),p=require("./lyra192.cjs"),S=Object.keys(C.featureDefinitions),B=S.length,M=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"],L=b.variantProps.length;class O{constructor({parent:t,props:e,presenceContext:i,reducedMotionConfig:s,visualState:n},h={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.scheduleRender=()=>p.frame.render(this.render,!1,!0);const{latestValues:u,renderState:r}=n;this.latestValues=u,this.baseTarget={...u},this.initialValues=e.initial?{...u}:{},this.renderState=r,this.parent=t,this.props=e,this.presenceContext=i,this.depth=t?t.depth+1:0,this.reducedMotionConfig=s,this.options=h,this.isControllingVariants=v.isControllingVariants(e),this.isVariantNode=v.isVariantNode(e),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(t&&t.current);const{willChange:o,...d}=this.scrapeMotionValuesFromProps(e,{});for(const a in d){const l=d[a];u[a]!==void 0&&V.isMotionValue(l)&&(l.set(u[a],!1),j.isWillChangeMotionValue(o)&&o.add(a))}}scrapeMotionValuesFromProps(t,e){return{}}mount(t){this.current=t,g.visualElementStore.set(t,this),this.projection&&!this.projection.instance&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((e,i)=>this.bindToMotionValue(i,e)),m.hasReducedMotionListener.current||q.initPrefersReducedMotion(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:m.prefersReducedMotion.current,process.env.NODE_ENV!=="production"&&x.warnOnce(this.shouldReduceMotion!==!0,"You have Reduced Motion enabled on your device. Animations may not appear as expected."),this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){g.visualElementStore.delete(this.current),this.projection&&this.projection.unmount(),p.cancelFrame(this.notifyUpdate),p.cancelFrame(this.render),this.valueSubscriptions.forEach(t=>t()),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const t in this.events)this.events[t].clear();for(const t in this.features)this.features[t].unmount();this.current=null}bindToMotionValue(t,e){const i=R.transformProps.has(t),s=e.on("change",h=>{this.latestValues[t]=h,this.props.onUpdate&&p.frame.update(this.notifyUpdate,!1,!0),i&&this.projection&&(this.projection.isTransformDirty=!0)}),n=e.on("renderRequest",this.scheduleRender);this.valueSubscriptions.set(t,()=>{s(),n()})}sortNodePosition(t){return!this.current||!this.sortInstanceNodePosition||this.type!==t.type?0:this.sortInstanceNodePosition(this.current,t.current)}loadFeatures({children:t,...e},i,s,n){let h,u;if(process.env.NODE_ENV!=="production"&&s&&i){const r="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";e.ignoreStrict?f.warning(!1,r):f.invariant(!1,r)}for(let r=0;r<B;r++){const o=S[r],{isEnabled:d,Feature:a,ProjectionNode:l,MeasureLayout:c}=C.featureDefinitions[o];l&&(h=l),d(e)&&(!this.features[o]&&a&&(this.features[o]=new a(this)),c&&(u=c))}if(!this.projection&&h){this.projection=new h(this.latestValues,this.parent&&this.parent.projection);const{layoutId:r,layout:o,drag:d,dragConstraints:a,layoutScroll:l,layoutRoot:c}=e;this.projection.setOptions({layoutId:r,layout:o,alwaysMeasureLayout:!!d||a&&T.isRefObject(a),visualElement:this,scheduleRender:()=>this.scheduleRender(),animationType:typeof o=="string"?o:"both",initialPromotionConfig:n,layoutScroll:l,layoutRoot:c})}return u}updateFeatures(){for(const t in this.features){const e=this.features[t];e.isMounted?e.update():(e.mount(),e.isMounted=!0)}}triggerBuild(){this.build(this.renderState,this.latestValues,this.options,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):P.createBox()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,e){this.latestValues[t]=e}makeTargetAnimatable(t,e=!0){return this.makeTargetAnimatableFromInstance(t,this.props,e)}update(t,e){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=t,this.prevPresenceContext=this.presenceContext,this.presenceContext=e;for(let i=0;i<M.length;i++){const s=M[i];this.propEventSubscriptions[s]&&(this.propEventSubscriptions[s](),delete this.propEventSubscriptions[s]);const n=t["on"+s];n&&(this.propEventSubscriptions[s]=this.on(s,n))}this.prevMotionValues=E.updateMotionValuesFromProps(this,this.scrapeMotionValuesFromProps(t,this.prevProps),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(t){return this.props.variants?this.props.variants[t]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}getVariantContext(t=!1){if(t)return this.parent?this.parent.getVariantContext():void 0;if(!this.isControllingVariants){const i=this.parent?this.parent.getVariantContext()||{}:{};return this.props.initial!==void 0&&(i.initial=this.props.initial),i}const e={};for(let i=0;i<L;i++){const s=b.variantProps[i],n=this.props[s];(w.isVariantLabel(n)||n===!1)&&(e[s]=n)}return e}addVariantChild(t){const e=this.getClosestVariantNode();if(e)return e.variantChildren&&e.variantChildren.add(t),()=>e.variantChildren.delete(t)}addValue(t,e){e!==this.values.get(t)&&(this.removeValue(t),this.bindToMotionValue(t,e)),this.values.set(t,e),this.latestValues[t]=e.get()}removeValue(t){this.values.delete(t);const e=this.valueSubscriptions.get(t);e&&(e(),this.valueSubscriptions.delete(t)),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,e){if(this.props.values&&this.props.values[t])return this.props.values[t];let i=this.values.get(t);return i===void 0&&e!==void 0&&(i=F.motionValue(e,{owner:this}),this.addValue(t,i)),i}readValue(t){var e;return this.latestValues[t]!==void 0||!this.current?this.latestValues[t]:(e=this.getBaseTargetFromProps(this.props,t))!==null&&e!==void 0?e:this.readValueFromInstance(this.current,t,this.options)}setBaseTarget(t,e){this.baseTarget[t]=e}getBaseTarget(t){var e;const{initial:i}=this.props,s=typeof i=="string"||typeof i=="object"?(e=N.resolveVariantFromProps(this.props,i))===null||e===void 0?void 0:e[t]:void 0;if(i&&s!==void 0)return s;const n=this.getBaseTargetFromProps(this.props,t);return n!==void 0&&!V.isMotionValue(n)?n:this.initialValues[t]!==void 0&&s===void 0?void 0:this.baseTarget[t]}on(t,e){return this.events[t]||(this.events[t]=new y.SubscriptionManager),this.events[t].add(e)}notify(t,...e){this.events[t]&&this.events[t].notify(...e)}}exports.VisualElement=O;