@new-black/lyra 0.1.19 → 0.1.20

package/dist/lyra197.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra197.js","sources":["../node_modules/framer-motion/dist/es/render/VisualElement.mjs"],"sourcesContent":["import { warning, invariant } from '../utils/errors.mjs';\nimport { createBox } from '../projection/geometry/models.mjs';\nimport { isRefObject } from '../utils/is-ref-object.mjs';\nimport { initPrefersReducedMotion } from '../utils/reduced-motion/index.mjs';\nimport { hasReducedMotionListener, prefersReducedMotion } from '../utils/reduced-motion/state.mjs';\nimport { SubscriptionManager } from '../utils/subscription-manager.mjs';\nimport { motionValue } from '../value/index.mjs';\nimport { isWillChangeMotionValue } from '../value/use-will-change/is.mjs';\nimport { isMotionValue } from '../value/utils/is-motion-value.mjs';\nimport { transformProps } from './html/utils/transform.mjs';\nimport { isControllingVariants, isVariantNode } from './utils/is-controlling-variants.mjs';\nimport { isVariantLabel } from './utils/is-variant-label.mjs';\nimport { updateMotionValuesFromProps } from './utils/motion-values.mjs';\nimport { resolveVariantFromProps } from './utils/resolve-variants.mjs';\nimport { warnOnce } from '../utils/warn-once.mjs';\nimport { featureDefinitions } from '../motion/features/definitions.mjs';\nimport { variantProps } from './utils/variant-props.mjs';\nimport { visualElementStore } from './store.mjs';\nimport { frame, cancelFrame } from '../frameloop/frame.mjs';\n\nconst featureNames = Object.keys(featureDefinitions);\nconst numFeatures = featureNames.length;\nconst propEventHandlers = [\n    \"AnimationStart\",\n    \"AnimationComplete\",\n    \"Update\",\n    \"BeforeLayoutMeasure\",\n    \"LayoutMeasure\",\n    \"LayoutAnimationStart\",\n    \"LayoutAnimationComplete\",\n];\nconst numVariantProps = variantProps.length;\n/**\n * A VisualElement is an imperative abstraction around UI elements such as\n * HTMLElement, SVGElement, Three.Object3D etc.\n */\nclass VisualElement {\n    constructor({ parent, props, presenceContext, reducedMotionConfig, visualState, }, options = {}) {\n        /**\n         * A reference to the current underlying Instance, e.g. a HTMLElement\n         * or Three.Mesh etc.\n         */\n        this.current = null;\n        /**\n         * A set containing references to this VisualElement's children.\n         */\n        this.children = new Set();\n        /**\n         * Determine what role this visual element should take in the variant tree.\n         */\n        this.isVariantNode = false;\n        this.isControllingVariants = false;\n        /**\n         * Decides whether this VisualElement should animate in reduced motion\n         * mode.\n         *\n         * TODO: This is currently set on every individual VisualElement but feels\n         * like it could be set globally.\n         */\n        this.shouldReduceMotion = null;\n        /**\n         * A map of all motion values attached to this visual element. Motion\n         * values are source of truth for any given animated value. A motion\n         * value might be provided externally by the component via props.\n         */\n        this.values = new Map();\n        /**\n         * Cleanup functions for active features (hover/tap/exit etc)\n         */\n        this.features = {};\n        /**\n         * A map of every subscription that binds the provided or generated\n         * motion values onChange listeners to this visual element.\n         */\n        this.valueSubscriptions = new Map();\n        /**\n         * A reference to the previously-provided motion values as returned\n         * from scrapeMotionValuesFromProps. We use the keys in here to determine\n         * if any motion values need to be removed after props are updated.\n         */\n        this.prevMotionValues = {};\n        /**\n         * An object containing a SubscriptionManager for each active event.\n         */\n        this.events = {};\n        /**\n         * An object containing an unsubscribe function for each prop event subscription.\n         * For example, every \"Update\" event can have multiple subscribers via\n         * VisualElement.on(), but only one of those can be defined via the onUpdate prop.\n         */\n        this.propEventSubscriptions = {};\n        this.notifyUpdate = () => this.notify(\"Update\", this.latestValues);\n        this.render = () => {\n            if (!this.current)\n                return;\n            this.triggerBuild();\n            this.renderInstance(this.current, this.renderState, this.props.style, this.projection);\n        };\n        this.scheduleRender = () => frame.render(this.render, false, true);\n        const { latestValues, renderState } = visualState;\n        this.latestValues = latestValues;\n        this.baseTarget = { ...latestValues };\n        this.initialValues = props.initial ? { ...latestValues } : {};\n        this.renderState = renderState;\n        this.parent = parent;\n        this.props = props;\n        this.presenceContext = presenceContext;\n        this.depth = parent ? parent.depth + 1 : 0;\n        this.reducedMotionConfig = reducedMotionConfig;\n        this.options = options;\n        this.isControllingVariants = isControllingVariants(props);\n        this.isVariantNode = isVariantNode(props);\n        if (this.isVariantNode) {\n            this.variantChildren = new Set();\n        }\n        this.manuallyAnimateOnMount = Boolean(parent && parent.current);\n        /**\n         * Any motion values that are provided to the element when created\n         * aren't yet bound to the element, as this would technically be impure.\n         * However, we iterate through the motion values and set them to the\n         * initial values for this component.\n         *\n         * TODO: This is impure and we should look at changing this to run on mount.\n         * Doing so will break some tests but this isn't neccessarily a breaking change,\n         * more a reflection of the test.\n         */\n        const { willChange, ...initialMotionValues } = this.scrapeMotionValuesFromProps(props, {});\n        for (const key in initialMotionValues) {\n            const value = initialMotionValues[key];\n            if (latestValues[key] !== undefined && isMotionValue(value)) {\n                value.set(latestValues[key], false);\n                if (isWillChangeMotionValue(willChange)) {\n                    willChange.add(key);\n                }\n            }\n        }\n    }\n    /**\n     * This method takes React props and returns found MotionValues. For example, HTML\n     * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.\n     *\n     * This isn't an abstract method as it needs calling in the constructor, but it is\n     * intended to be one.\n     */\n    scrapeMotionValuesFromProps(_props, _prevProps) {\n        return {};\n    }\n    mount(instance) {\n        this.current = instance;\n        visualElementStore.set(instance, this);\n        if (this.projection && !this.projection.instance) {\n            this.projection.mount(instance);\n        }\n        if (this.parent && this.isVariantNode && !this.isControllingVariants) {\n            this.removeFromVariantTree = this.parent.addVariantChild(this);\n        }\n        this.values.forEach((value, key) => this.bindToMotionValue(key, value));\n        if (!hasReducedMotionListener.current) {\n            initPrefersReducedMotion();\n        }\n        this.shouldReduceMotion =\n            this.reducedMotionConfig === \"never\"\n                ? false\n                : this.reducedMotionConfig === \"always\"\n                    ? true\n                    : prefersReducedMotion.current;\n        if (process.env.NODE_ENV !== \"production\") {\n            warnOnce(this.shouldReduceMotion !== true, \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\");\n        }\n        if (this.parent)\n            this.parent.children.add(this);\n        this.update(this.props, this.presenceContext);\n    }\n    unmount() {\n        visualElementStore.delete(this.current);\n        this.projection && this.projection.unmount();\n        cancelFrame(this.notifyUpdate);\n        cancelFrame(this.render);\n        this.valueSubscriptions.forEach((remove) => remove());\n        this.removeFromVariantTree && this.removeFromVariantTree();\n        this.parent && this.parent.children.delete(this);\n        for (const key in this.events) {\n            this.events[key].clear();\n        }\n        for (const key in this.features) {\n            this.features[key].unmount();\n        }\n        this.current = null;\n    }\n    bindToMotionValue(key, value) {\n        const valueIsTransform = transformProps.has(key);\n        const removeOnChange = value.on(\"change\", (latestValue) => {\n            this.latestValues[key] = latestValue;\n            this.props.onUpdate &&\n                frame.update(this.notifyUpdate, false, true);\n            if (valueIsTransform && this.projection) {\n                this.projection.isTransformDirty = true;\n            }\n        });\n        const removeOnRenderRequest = value.on(\"renderRequest\", this.scheduleRender);\n        this.valueSubscriptions.set(key, () => {\n            removeOnChange();\n            removeOnRenderRequest();\n        });\n    }\n    sortNodePosition(other) {\n        /**\n         * If these nodes aren't even of the same type we can't compare their depth.\n         */\n        if (!this.current ||\n            !this.sortInstanceNodePosition ||\n            this.type !== other.type) {\n            return 0;\n        }\n        return this.sortInstanceNodePosition(this.current, other.current);\n    }\n    loadFeatures({ children, ...renderedProps }, isStrict, preloadedFeatures, initialLayoutGroupConfig) {\n        let ProjectionNodeConstructor;\n        let MeasureLayout;\n        /**\n         * If we're in development mode, check to make sure we're not rendering a motion component\n         * as a child of LazyMotion, as this will break the file-size benefits of using it.\n         */\n        if (process.env.NODE_ENV !== \"production\" &&\n            preloadedFeatures &&\n            isStrict) {\n            const strictMessage = \"You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.\";\n            renderedProps.ignoreStrict\n                ? warning(false, strictMessage)\n                : invariant(false, strictMessage);\n        }\n        for (let i = 0; i < numFeatures; i++) {\n            const name = featureNames[i];\n            const { isEnabled, Feature: FeatureConstructor, ProjectionNode, MeasureLayout: MeasureLayoutComponent, } = featureDefinitions[name];\n            if (ProjectionNode)\n                ProjectionNodeConstructor = ProjectionNode;\n            if (isEnabled(renderedProps)) {\n                if (!this.features[name] && FeatureConstructor) {\n                    this.features[name] = new FeatureConstructor(this);\n                }\n                if (MeasureLayoutComponent) {\n                    MeasureLayout = MeasureLayoutComponent;\n                }\n            }\n        }\n        if (!this.projection && ProjectionNodeConstructor) {\n            this.projection = new ProjectionNodeConstructor(this.latestValues, this.parent && this.parent.projection);\n            const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, } = renderedProps;\n            this.projection.setOptions({\n                layoutId,\n                layout,\n                alwaysMeasureLayout: Boolean(drag) ||\n                    (dragConstraints && isRefObject(dragConstraints)),\n                visualElement: this,\n                scheduleRender: () => this.scheduleRender(),\n                /**\n                 * TODO: Update options in an effect. This could be tricky as it'll be too late\n                 * to update by the time layout animations run.\n                 * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,\n                 * ensuring it gets called if there's no potential layout animations.\n                 *\n                 */\n                animationType: typeof layout === \"string\" ? layout : \"both\",\n                initialPromotionConfig: initialLayoutGroupConfig,\n                layoutScroll,\n                layoutRoot,\n            });\n        }\n        return MeasureLayout;\n    }\n    updateFeatures() {\n        for (const key in this.features) {\n            const feature = this.features[key];\n            if (feature.isMounted) {\n                feature.update();\n            }\n            else {\n                feature.mount();\n                feature.isMounted = true;\n            }\n        }\n    }\n    triggerBuild() {\n        this.build(this.renderState, this.latestValues, this.options, this.props);\n    }\n    /**\n     * Measure the current viewport box with or without transforms.\n     * Only measures axis-aligned boxes, rotate and skew must be manually\n     * removed with a re-render to work.\n     */\n    measureViewportBox() {\n        return this.current\n            ? this.measureInstanceViewportBox(this.current, this.props)\n            : createBox();\n    }\n    getStaticValue(key) {\n        return this.latestValues[key];\n    }\n    setStaticValue(key, value) {\n        this.latestValues[key] = value;\n    }\n    /**\n     * Make a target animatable by Popmotion. For instance, if we're\n     * trying to animate width from 100px to 100vw we need to measure 100vw\n     * in pixels to determine what we really need to animate to. This is also\n     * pluggable to support Framer's custom value types like Color,\n     * and CSS variables.\n     */\n    makeTargetAnimatable(target, canMutate = true) {\n        return this.makeTargetAnimatableFromInstance(target, this.props, canMutate);\n    }\n    /**\n     * Update the provided props. Ensure any newly-added motion values are\n     * added to our map, old ones removed, and listeners updated.\n     */\n    update(props, presenceContext) {\n        if (props.transformTemplate || this.props.transformTemplate) {\n            this.scheduleRender();\n        }\n        this.prevProps = this.props;\n        this.props = props;\n        this.prevPresenceContext = this.presenceContext;\n        this.presenceContext = presenceContext;\n        /**\n         * Update prop event handlers ie onAnimationStart, onAnimationComplete\n         */\n        for (let i = 0; i < propEventHandlers.length; i++) {\n            const key = propEventHandlers[i];\n            if (this.propEventSubscriptions[key]) {\n                this.propEventSubscriptions[key]();\n                delete this.propEventSubscriptions[key];\n            }\n            const listener = props[\"on\" + key];\n            if (listener) {\n                this.propEventSubscriptions[key] = this.on(key, listener);\n            }\n        }\n        this.prevMotionValues = updateMotionValuesFromProps(this, this.scrapeMotionValuesFromProps(props, this.prevProps), this.prevMotionValues);\n        if (this.handleChildMotionValue) {\n            this.handleChildMotionValue();\n        }\n    }\n    getProps() {\n        return this.props;\n    }\n    /**\n     * Returns the variant definition with a given name.\n     */\n    getVariant(name) {\n        return this.props.variants ? this.props.variants[name] : undefined;\n    }\n    /**\n     * Returns the defined default transition on this component.\n     */\n    getDefaultTransition() {\n        return this.props.transition;\n    }\n    getTransformPagePoint() {\n        return this.props.transformPagePoint;\n    }\n    getClosestVariantNode() {\n        return this.isVariantNode\n            ? this\n            : this.parent\n                ? this.parent.getClosestVariantNode()\n                : undefined;\n    }\n    getVariantContext(startAtParent = false) {\n        if (startAtParent) {\n            return this.parent ? this.parent.getVariantContext() : undefined;\n        }\n        if (!this.isControllingVariants) {\n            const context = this.parent\n                ? this.parent.getVariantContext() || {}\n                : {};\n            if (this.props.initial !== undefined) {\n                context.initial = this.props.initial;\n            }\n            return context;\n        }\n        const context = {};\n        for (let i = 0; i < numVariantProps; i++) {\n            const name = variantProps[i];\n            const prop = this.props[name];\n            if (isVariantLabel(prop) || prop === false) {\n                context[name] = prop;\n            }\n        }\n        return context;\n    }\n    /**\n     * Add a child visual element to our set of children.\n     */\n    addVariantChild(child) {\n        const closestVariantNode = this.getClosestVariantNode();\n        if (closestVariantNode) {\n            closestVariantNode.variantChildren &&\n                closestVariantNode.variantChildren.add(child);\n            return () => closestVariantNode.variantChildren.delete(child);\n        }\n    }\n    /**\n     * Add a motion value and bind it to this visual element.\n     */\n    addValue(key, value) {\n        // Remove existing value if it exists\n        if (value !== this.values.get(key)) {\n            this.removeValue(key);\n            this.bindToMotionValue(key, value);\n        }\n        this.values.set(key, value);\n        this.latestValues[key] = value.get();\n    }\n    /**\n     * Remove a motion value and unbind any active subscriptions.\n     */\n    removeValue(key) {\n        this.values.delete(key);\n        const unsubscribe = this.valueSubscriptions.get(key);\n        if (unsubscribe) {\n            unsubscribe();\n            this.valueSubscriptions.delete(key);\n        }\n        delete this.latestValues[key];\n        this.removeValueFromRenderState(key, this.renderState);\n    }\n    /**\n     * Check whether we have a motion value for this key\n     */\n    hasValue(key) {\n        return this.values.has(key);\n    }\n    getValue(key, defaultValue) {\n        if (this.props.values && this.props.values[key]) {\n            return this.props.values[key];\n        }\n        let value = this.values.get(key);\n        if (value === undefined && defaultValue !== undefined) {\n            value = motionValue(defaultValue, { owner: this });\n            this.addValue(key, value);\n        }\n        return value;\n    }\n    /**\n     * If we're trying to animate to a previously unencountered value,\n     * we need to check for it in our state and as a last resort read it\n     * directly from the instance (which might have performance implications).\n     */\n    readValue(key) {\n        var _a;\n        return this.latestValues[key] !== undefined || !this.current\n            ? this.latestValues[key]\n            : (_a = this.getBaseTargetFromProps(this.props, key)) !== null && _a !== void 0 ? _a : this.readValueFromInstance(this.current, key, this.options);\n    }\n    /**\n     * Set the base target to later animate back to. This is currently\n     * only hydrated on creation and when we first read a value.\n     */\n    setBaseTarget(key, value) {\n        this.baseTarget[key] = value;\n    }\n    /**\n     * Find the base target for a value thats been removed from all animation\n     * props.\n     */\n    getBaseTarget(key) {\n        var _a;\n        const { initial } = this.props;\n        const valueFromInitial = typeof initial === \"string\" || typeof initial === \"object\"\n            ? (_a = resolveVariantFromProps(this.props, initial)) === null || _a === void 0 ? void 0 : _a[key]\n            : undefined;\n        /**\n         * If this value still exists in the current initial variant, read that.\n         */\n        if (initial && valueFromInitial !== undefined) {\n            return valueFromInitial;\n        }\n        /**\n         * Alternatively, if this VisualElement config has defined a getBaseTarget\n         * so we can read the value from an alternative source, try that.\n         */\n        const target = this.getBaseTargetFromProps(this.props, key);\n        if (target !== undefined && !isMotionValue(target))\n            return target;\n        /**\n         * If the value was initially defined on initial, but it doesn't any more,\n         * return undefined. Otherwise return the value as initially read from the DOM.\n         */\n        return this.initialValues[key] !== undefined &&\n            valueFromInitial === undefined\n            ? undefined\n            : this.baseTarget[key];\n    }\n    on(eventName, callback) {\n        if (!this.events[eventName]) {\n            this.events[eventName] = new SubscriptionManager();\n        }\n        return this.events[eventName].add(callback);\n    }\n    notify(eventName, ...args) {\n        if (this.events[eventName]) {\n            this.events[eventName].notify(...args);\n        }\n    }\n}\n\nexport { VisualElement };\n"],"names":["featureNames","featureDefinitions","numFeatures","propEventHandlers","numVariantProps","variantProps","VisualElement","parent","props","presenceContext","reducedMotionConfig","visualState","options","frame","latestValues","renderState","isControllingVariants","isVariantNode","willChange","initialMotionValues","key","value","isMotionValue","isWillChangeMotionValue","_props","_prevProps","instance","visualElementStore","hasReducedMotionListener","initPrefersReducedMotion","prefersReducedMotion","warnOnce","cancelFrame","remove","valueIsTransform","transformProps","removeOnChange","latestValue","removeOnRenderRequest","other","children","renderedProps","isStrict","preloadedFeatures","initialLayoutGroupConfig","ProjectionNodeConstructor","MeasureLayout","strictMessage","warning","invariant","i","name","isEnabled","FeatureConstructor","ProjectionNode","MeasureLayoutComponent","layoutId","layout","drag","dragConstraints","layoutScroll","layoutRoot","isRefObject","feature","createBox","target","canMutate","listener","updateMotionValuesFromProps","startAtParent","context","prop","isVariantLabel","child","closestVariantNode","unsubscribe","defaultValue","motionValue","_a","initial","valueFromInitial","resolveVariantFromProps","eventName","callback","SubscriptionManager","args"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,MAAMA,IAAe,OAAO,KAAKC,CAAkB,GAC7CC,IAAcF,EAAa,QAC3BG,IAAoB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GACMC,IAAkBC,EAAa;AAKrC,MAAMC,GAAc;AAAA,EAChB,YAAY,EAAE,QAAAC,GAAQ,OAAAC,GAAO,iBAAAC,GAAiB,qBAAAC,GAAqB,aAAAC,EAAW,GAAKC,IAAU,IAAI;AAK7F,SAAK,UAAU,MAIf,KAAK,WAAW,oBAAI,OAIpB,KAAK,gBAAgB,IACrB,KAAK,wBAAwB,IAQ7B,KAAK,qBAAqB,MAM1B,KAAK,SAAS,oBAAI,OAIlB,KAAK,WAAW,IAKhB,KAAK,qBAAqB,oBAAI,OAM9B,KAAK,mBAAmB,IAIxB,KAAK,SAAS,IAMd,KAAK,yBAAyB,IAC9B,KAAK,eAAe,MAAM,KAAK,OAAO,UAAU,KAAK,YAAY,GACjE,KAAK,SAAS,MAAM;AAChB,MAAK,KAAK,YAEV,KAAK,aAAY,GACjB,KAAK,eAAe,KAAK,SAAS,KAAK,aAAa,KAAK,MAAM,OAAO,KAAK,UAAU;AAAA,IACjG,GACQ,KAAK,iBAAiB,MAAMC,EAAM,OAAO,KAAK,QAAQ,IAAO,EAAI;AACjE,UAAM,EAAE,cAAAC,GAAc,aAAAC,EAAa,IAAGJ;AACtC,SAAK,eAAeG,GACpB,KAAK,aAAa,EAAE,GAAGA,KACvB,KAAK,gBAAgBN,EAAM,UAAU,EAAE,GAAGM,EAAc,IAAG,IAC3D,KAAK,cAAcC,GACnB,KAAK,SAASR,GACd,KAAK,QAAQC,GACb,KAAK,kBAAkBC,GACvB,KAAK,QAAQF,IAASA,EAAO,QAAQ,IAAI,GACzC,KAAK,sBAAsBG,GAC3B,KAAK,UAAUE,GACf,KAAK,wBAAwBI,EAAsBR,CAAK,GACxD,KAAK,gBAAgBS,EAAcT,CAAK,GACpC,KAAK,kBACL,KAAK,kBAAkB,oBAAI,QAE/B,KAAK,yBAAyB,GAAQD,KAAUA,EAAO;AAWvD,UAAM,EAAE,YAAAW,GAAY,GAAGC,EAAqB,IAAG,KAAK,4BAA4BX,GAAO,CAAA,CAAE;AACzF,eAAWY,KAAOD,GAAqB;AACnC,YAAME,IAAQF,EAAoBC,CAAG;AACrC,MAAIN,EAAaM,CAAG,MAAM,UAAaE,EAAcD,CAAK,MACtDA,EAAM,IAAIP,EAAaM,CAAG,GAAG,EAAK,GAC9BG,EAAwBL,CAAU,KAClCA,EAAW,IAAIE,CAAG;AAAA,IAG7B;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQD,4BAA4BI,GAAQC,GAAY;AAC5C,WAAO;EACV;AAAA,EACD,MAAMC,GAAU;AACZ,SAAK,UAAUA,GACfC,EAAmB,IAAID,GAAU,IAAI,GACjC,KAAK,cAAc,CAAC,KAAK,WAAW,YACpC,KAAK,WAAW,MAAMA,CAAQ,GAE9B,KAAK,UAAU,KAAK,iBAAiB,CAAC,KAAK,0BAC3C,KAAK,wBAAwB,KAAK,OAAO,gBAAgB,IAAI,IAEjE,KAAK,OAAO,QAAQ,CAACL,GAAOD,MAAQ,KAAK,kBAAkBA,GAAKC,CAAK,CAAC,GACjEO,EAAyB,WAC1BC,KAEJ,KAAK,qBACD,KAAK,wBAAwB,UACvB,KACA,KAAK,wBAAwB,WACzB,KACAC,EAAqB,SAC/B,QAAQ,IAAI,aAAa,gBACzBC,EAAS,KAAK,uBAAuB,IAAM,wFAAwF,GAEnI,KAAK,UACL,KAAK,OAAO,SAAS,IAAI,IAAI,GACjC,KAAK,OAAO,KAAK,OAAO,KAAK,eAAe;AAAA,EAC/C;AAAA,EACD,UAAU;AACN,IAAAJ,EAAmB,OAAO,KAAK,OAAO,GACtC,KAAK,cAAc,KAAK,WAAW,QAAO,GAC1CK,EAAY,KAAK,YAAY,GAC7BA,EAAY,KAAK,MAAM,GACvB,KAAK,mBAAmB,QAAQ,CAACC,MAAWA,EAAQ,CAAA,GACpD,KAAK,yBAAyB,KAAK,yBACnC,KAAK,UAAU,KAAK,OAAO,SAAS,OAAO,IAAI;AAC/C,eAAWb,KAAO,KAAK;AACnB,WAAK,OAAOA,CAAG,EAAE,MAAK;AAE1B,eAAWA,KAAO,KAAK;AACnB,WAAK,SAASA,CAAG,EAAE,QAAO;AAE9B,SAAK,UAAU;AAAA,EAClB;AAAA,EACD,kBAAkBA,GAAKC,GAAO;AAC1B,UAAMa,IAAmBC,EAAe,IAAIf,CAAG,GACzCgB,IAAiBf,EAAM,GAAG,UAAU,CAACgB,MAAgB;AACvD,WAAK,aAAajB,CAAG,IAAIiB,GACzB,KAAK,MAAM,YACPxB,EAAM,OAAO,KAAK,cAAc,IAAO,EAAI,GAC3CqB,KAAoB,KAAK,eACzB,KAAK,WAAW,mBAAmB;AAAA,IAEnD,CAAS,GACKI,IAAwBjB,EAAM,GAAG,iBAAiB,KAAK,cAAc;AAC3E,SAAK,mBAAmB,IAAID,GAAK,MAAM;AACnC,MAAAgB,KACAE;IACZ,CAAS;AAAA,EACJ;AAAA,EACD,iBAAiBC,GAAO;AAIpB,WAAI,CAAC,KAAK,WACN,CAAC,KAAK,4BACN,KAAK,SAASA,EAAM,OACb,IAEJ,KAAK,yBAAyB,KAAK,SAASA,EAAM,OAAO;AAAA,EACnE;AAAA,EACD,aAAa,EAAE,UAAAC,GAAU,GAAGC,EAAe,GAAEC,GAAUC,GAAmBC,GAA0B;AAChG,QAAIC,GACAC;AAKJ,QAAI,QAAQ,IAAI,aAAa,gBACzBH,KACAD,GAAU;AACV,YAAMK,IAAgB;AACtB,MAAAN,EAAc,eACRO,EAAQ,IAAOD,CAAa,IAC5BE,EAAU,IAAOF,CAAa;AAAA,IACvC;AACD,aAASG,IAAI,GAAGA,IAAIhD,GAAagD,KAAK;AAClC,YAAMC,IAAOnD,EAAakD,CAAC,GACrB,EAAE,WAAAE,GAAW,SAASC,GAAoB,gBAAAC,GAAgB,eAAeC,EAAyB,IAAGtD,EAAmBkD,CAAI;AAClI,MAAIG,MACAT,IAA4BS,IAC5BF,EAAUX,CAAa,MACnB,CAAC,KAAK,SAASU,CAAI,KAAKE,MACxB,KAAK,SAASF,CAAI,IAAI,IAAIE,EAAmB,IAAI,IAEjDE,MACAT,IAAgBS;AAAA,IAG3B;AACD,QAAI,CAAC,KAAK,cAAcV,GAA2B;AAC/C,WAAK,aAAa,IAAIA,EAA0B,KAAK,cAAc,KAAK,UAAU,KAAK,OAAO,UAAU;AACxG,YAAM,EAAE,UAAAW,GAAU,QAAAC,GAAQ,MAAAC,GAAM,iBAAAC,GAAiB,cAAAC,GAAc,YAAAC,EAAa,IAAGpB;AAC/E,WAAK,WAAW,WAAW;AAAA,QACvB,UAAAe;AAAA,QACA,QAAAC;AAAA,QACA,qBAAqB,EAAQC,KACxBC,KAAmBG,EAAYH,CAAe;AAAA,QACnD,eAAe;AAAA,QACf,gBAAgB,MAAM,KAAK,eAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAQ3C,eAAe,OAAOF,KAAW,WAAWA,IAAS;AAAA,QACrD,wBAAwBb;AAAA,QACxB,cAAAgB;AAAA,QACA,YAAAC;AAAA,MAChB,CAAa;AAAA,IACJ;AACD,WAAOf;AAAA,EACV;AAAA,EACD,iBAAiB;AACb,eAAW1B,KAAO,KAAK,UAAU;AAC7B,YAAM2C,IAAU,KAAK,SAAS3C,CAAG;AACjC,MAAI2C,EAAQ,YACRA,EAAQ,OAAM,KAGdA,EAAQ,MAAK,GACbA,EAAQ,YAAY;AAAA,IAE3B;AAAA,EACJ;AAAA,EACD,eAAe;AACX,SAAK,MAAM,KAAK,aAAa,KAAK,cAAc,KAAK,SAAS,KAAK,KAAK;AAAA,EAC3E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,qBAAqB;AACjB,WAAO,KAAK,UACN,KAAK,2BAA2B,KAAK,SAAS,KAAK,KAAK,IACxDC;EACT;AAAA,EACD,eAAe5C,GAAK;AAChB,WAAO,KAAK,aAAaA,CAAG;AAAA,EAC/B;AAAA,EACD,eAAeA,GAAKC,GAAO;AACvB,SAAK,aAAaD,CAAG,IAAIC;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQD,qBAAqB4C,GAAQC,IAAY,IAAM;AAC3C,WAAO,KAAK,iCAAiCD,GAAQ,KAAK,OAAOC,CAAS;AAAA,EAC7E;AAAA;AAAA;AAAA;AAAA;AAAA,EAKD,OAAO1D,GAAOC,GAAiB;AAC3B,KAAID,EAAM,qBAAqB,KAAK,MAAM,sBACtC,KAAK,eAAc,GAEvB,KAAK,YAAY,KAAK,OACtB,KAAK,QAAQA,GACb,KAAK,sBAAsB,KAAK,iBAChC,KAAK,kBAAkBC;AAIvB,aAAS,IAAI,GAAG,IAAIN,EAAkB,QAAQ,KAAK;AAC/C,YAAMiB,IAAMjB,EAAkB,CAAC;AAC/B,MAAI,KAAK,uBAAuBiB,CAAG,MAC/B,KAAK,uBAAuBA,CAAG,KAC/B,OAAO,KAAK,uBAAuBA,CAAG;AAE1C,YAAM+C,IAAW3D,EAAM,OAAOY,CAAG;AACjC,MAAI+C,MACA,KAAK,uBAAuB/C,CAAG,IAAI,KAAK,GAAGA,GAAK+C,CAAQ;AAAA,IAE/D;AACD,SAAK,mBAAmBC,EAA4B,MAAM,KAAK,4BAA4B5D,GAAO,KAAK,SAAS,GAAG,KAAK,gBAAgB,GACpI,KAAK,0BACL,KAAK,uBAAsB;AAAA,EAElC;AAAA,EACD,WAAW;AACP,WAAO,KAAK;AAAA,EACf;AAAA;AAAA;AAAA;AAAA,EAID,WAAW2C,GAAM;AACb,WAAO,KAAK,MAAM,WAAW,KAAK,MAAM,SAASA,CAAI,IAAI;AAAA,EAC5D;AAAA;AAAA;AAAA;AAAA,EAID,uBAAuB;AACnB,WAAO,KAAK,MAAM;AAAA,EACrB;AAAA,EACD,wBAAwB;AACpB,WAAO,KAAK,MAAM;AAAA,EACrB;AAAA,EACD,wBAAwB;AACpB,WAAO,KAAK,gBACN,OACA,KAAK,SACD,KAAK,OAAO,sBAAuB,IACnC;AAAA,EACb;AAAA,EACD,kBAAkBkB,IAAgB,IAAO;AACrC,QAAIA;AACA,aAAO,KAAK,SAAS,KAAK,OAAO,kBAAmB,IAAG;AAE3D,QAAI,CAAC,KAAK,uBAAuB;AAC7B,YAAMC,IAAU,KAAK,SACf,KAAK,OAAO,kBAAiB,KAAM,CAAE,IACrC;AACN,aAAI,KAAK,MAAM,YAAY,WACvBA,EAAQ,UAAU,KAAK,MAAM,UAE1BA;AAAA,IACV;AACD,UAAMA,IAAU,CAAA;AAChB,aAAS,IAAI,GAAG,IAAIlE,GAAiB,KAAK;AACtC,YAAM+C,IAAO9C,EAAa,CAAC,GACrBkE,IAAO,KAAK,MAAMpB,CAAI;AAC5B,OAAIqB,EAAeD,CAAI,KAAKA,MAAS,QACjCD,EAAQnB,CAAI,IAAIoB;AAAA,IAEvB;AACD,WAAOD;AAAA,EACV;AAAA;AAAA;AAAA;AAAA,EAID,gBAAgBG,GAAO;AACnB,UAAMC,IAAqB,KAAK;AAChC,QAAIA;AACA,aAAAA,EAAmB,mBACfA,EAAmB,gBAAgB,IAAID,CAAK,GACzC,MAAMC,EAAmB,gBAAgB,OAAOD,CAAK;AAAA,EAEnE;AAAA;AAAA;AAAA;AAAA,EAID,SAASrD,GAAKC,GAAO;AAEjB,IAAIA,MAAU,KAAK,OAAO,IAAID,CAAG,MAC7B,KAAK,YAAYA,CAAG,GACpB,KAAK,kBAAkBA,GAAKC,CAAK,IAErC,KAAK,OAAO,IAAID,GAAKC,CAAK,GAC1B,KAAK,aAAaD,CAAG,IAAIC,EAAM,IAAG;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA,EAID,YAAYD,GAAK;AACb,SAAK,OAAO,OAAOA,CAAG;AACtB,UAAMuD,IAAc,KAAK,mBAAmB,IAAIvD,CAAG;AACnD,IAAIuD,MACAA,KACA,KAAK,mBAAmB,OAAOvD,CAAG,IAEtC,OAAO,KAAK,aAAaA,CAAG,GAC5B,KAAK,2BAA2BA,GAAK,KAAK,WAAW;AAAA,EACxD;AAAA;AAAA;AAAA;AAAA,EAID,SAASA,GAAK;AACV,WAAO,KAAK,OAAO,IAAIA,CAAG;AAAA,EAC7B;AAAA,EACD,SAASA,GAAKwD,GAAc;AACxB,QAAI,KAAK,MAAM,UAAU,KAAK,MAAM,OAAOxD,CAAG;AAC1C,aAAO,KAAK,MAAM,OAAOA,CAAG;AAEhC,QAAIC,IAAQ,KAAK,OAAO,IAAID,CAAG;AAC/B,WAAIC,MAAU,UAAauD,MAAiB,WACxCvD,IAAQwD,EAAYD,GAAc,EAAE,OAAO,KAAM,CAAA,GACjD,KAAK,SAASxD,GAAKC,CAAK,IAErBA;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMD,UAAUD,GAAK;AACX,QAAI0D;AACJ,WAAO,KAAK,aAAa1D,CAAG,MAAM,UAAa,CAAC,KAAK,UAC/C,KAAK,aAAaA,CAAG,KACpB0D,IAAK,KAAK,uBAAuB,KAAK,OAAO1D,CAAG,OAAO,QAAQ0D,MAAO,SAASA,IAAK,KAAK,sBAAsB,KAAK,SAAS1D,GAAK,KAAK,OAAO;AAAA,EACxJ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKD,cAAcA,GAAKC,GAAO;AACtB,SAAK,WAAWD,CAAG,IAAIC;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA;AAAA,EAKD,cAAcD,GAAK;AACf,QAAI0D;AACJ,UAAM,EAAE,SAAAC,EAAO,IAAK,KAAK,OACnBC,IAAmB,OAAOD,KAAY,YAAY,OAAOA,KAAY,YACpED,IAAKG,EAAwB,KAAK,OAAOF,CAAO,OAAO,QAAQD,MAAO,SAAS,SAASA,EAAG1D,CAAG,IAC/F;AAIN,QAAI2D,KAAWC,MAAqB;AAChC,aAAOA;AAMX,UAAMf,IAAS,KAAK,uBAAuB,KAAK,OAAO7C,CAAG;AAC1D,WAAI6C,MAAW,UAAa,CAAC3C,EAAc2C,CAAM,IACtCA,IAKJ,KAAK,cAAc7C,CAAG,MAAM,UAC/B4D,MAAqB,SACnB,SACA,KAAK,WAAW5D,CAAG;AAAA,EAC5B;AAAA,EACD,GAAG8D,GAAWC,GAAU;AACpB,WAAK,KAAK,OAAOD,CAAS,MACtB,KAAK,OAAOA,CAAS,IAAI,IAAIE,EAAmB,IAE7C,KAAK,OAAOF,CAAS,EAAE,IAAIC,CAAQ;AAAA,EAC7C;AAAA,EACD,OAAOD,MAAcG,GAAM;AACvB,IAAI,KAAK,OAAOH,CAAS,KACrB,KAAK,OAAOA,CAAS,EAAE,OAAO,GAAGG,CAAI;AAAA,EAE5C;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra197.js","sources":["../node_modules/@react-aria/overlays/dist/ar-AE.mjs"],"sourcesContent":["var $773d5888b972f1cf$exports = {};\n$773d5888b972f1cf$exports = {\n    \"dismiss\": `\\u{62A}\\u{62C}\\u{627}\\u{647}\\u{644}`\n};\n\n\nexport {$773d5888b972f1cf$exports as default};\n//# sourceMappingURL=ar-AE.module.js.map\n"],"names":["$773d5888b972f1cf$exports"],"mappings":"AAAG,IAACA,IAA4B,CAAG;AACnCA,IAA4B;AAAA,EACxB,SAAW;AACf;","x_google_ignoreList":[0]}

package/dist/lyra198.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({translate:0,scale:1,origin:0,originPoint:0}),a=()=>({x:e(),y:e()}),t=()=>({min:0,max:0}),c=()=>({x:t(),y:t()});exports.createAxis=t;exports.createAxisDelta=e;exports.createBox=c;exports.createDelta=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});exports.default={};exports.default={dismiss:"Отхвърляне"};

package/dist/lyra198.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra198.cjs","sources":["../node_modules/framer-motion/dist/es/projection/geometry/models.mjs"],"sourcesContent":["const createAxisDelta = () => ({\n    translate: 0,\n    scale: 1,\n    origin: 0,\n    originPoint: 0,\n});\nconst createDelta = () => ({\n    x: createAxisDelta(),\n    y: createAxisDelta(),\n});\nconst createAxis = () => ({ min: 0, max: 0 });\nconst createBox = () => ({\n    x: createAxis(),\n    y: createAxis(),\n});\n\nexport { createAxis, createAxisDelta, createBox, createDelta };\n"],"names":["createAxisDelta","createDelta","createAxis","createBox"],"mappings":"gFAAK,MAACA,EAAkB,KAAO,CAC3B,UAAW,EACX,MAAO,EACP,OAAQ,EACR,YAAa,CACjB,GACMC,EAAc,KAAO,CACvB,EAAGD,EAAiB,EACpB,EAAGA,EAAiB,CACxB,GACME,EAAa,KAAO,CAAE,IAAK,EAAG,IAAK,CAAC,GACpCC,EAAY,KAAO,CACrB,EAAGD,EAAY,EACf,EAAGA,EAAY,CACnB","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra198.cjs","sources":["../node_modules/@react-aria/overlays/dist/bg-BG.mjs"],"sourcesContent":["var $d11f19852b941573$exports = {};\n$d11f19852b941573$exports = {\n    \"dismiss\": `\\u{41E}\\u{442}\\u{445}\\u{432}\\u{44A}\\u{440}\\u{43B}\\u{44F}\\u{43D}\\u{435}`\n};\n\n\nexport {$d11f19852b941573$exports as default};\n//# sourceMappingURL=bg-BG.module.js.map\n"],"names":["$d11f19852b941573$exports"],"mappings":"4GAAIA,QAAAA,QAA4B,CAAG,EACnCA,QAAAA,QAA4B,CACxB,QAAW,YACf","x_google_ignoreList":[0]}

package/dist/lyra198.js

@@ -1,18 +1,7 @@
-const t = () => ({
-  translate: 0,
-  scale: 1,
-  origin: 0,
-  originPoint: 0
-}), a = () => ({
-  x: t(),
-  y: t()
-}), e = () => ({ min: 0, max: 0 }), c = () => ({
-  x: e(),
-  y: e()
-});
+var u = {};
+u = {
+  dismiss: "Отхвърляне"
+};
 export {
-  e as createAxis,
-  t as createAxisDelta,
-  c as createBox,
-  a as createDelta
+  u as default
 };

package/dist/lyra198.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra198.js","sources":["../node_modules/framer-motion/dist/es/projection/geometry/models.mjs"],"sourcesContent":["const createAxisDelta = () => ({\n    translate: 0,\n    scale: 1,\n    origin: 0,\n    originPoint: 0,\n});\nconst createDelta = () => ({\n    x: createAxisDelta(),\n    y: createAxisDelta(),\n});\nconst createAxis = () => ({ min: 0, max: 0 });\nconst createBox = () => ({\n    x: createAxis(),\n    y: createAxis(),\n});\n\nexport { createAxis, createAxisDelta, createBox, createDelta };\n"],"names":["createAxisDelta","createDelta","createAxis","createBox"],"mappings":"AAAK,MAACA,IAAkB,OAAO;AAAA,EAC3B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AACjB,IACMC,IAAc,OAAO;AAAA,EACvB,GAAGD,EAAiB;AAAA,EACpB,GAAGA,EAAiB;AACxB,IACME,IAAa,OAAO,EAAE,KAAK,GAAG,KAAK,EAAC,IACpCC,IAAY,OAAO;AAAA,EACrB,GAAGD,EAAY;AAAA,EACf,GAAGA,EAAY;AACnB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra198.js","sources":["../node_modules/@react-aria/overlays/dist/bg-BG.mjs"],"sourcesContent":["var $d11f19852b941573$exports = {};\n$d11f19852b941573$exports = {\n    \"dismiss\": `\\u{41E}\\u{442}\\u{445}\\u{432}\\u{44A}\\u{440}\\u{43B}\\u{44F}\\u{43D}\\u{435}`\n};\n\n\nexport {$d11f19852b941573$exports as default};\n//# sourceMappingURL=bg-BG.module.js.map\n"],"names":["$d11f19852b941573$exports"],"mappings":"AAAG,IAACA,IAA4B,CAAG;AACnCA,IAA4B;AAAA,EACxB,SAAW;AACf;","x_google_ignoreList":[0]}

package/dist/lyra199.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e){return typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}exports.isRefObject=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});exports.default={};exports.default={dismiss:"Odstranit"};

package/dist/lyra199.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra199.cjs","sources":["../node_modules/framer-motion/dist/es/utils/is-ref-object.mjs"],"sourcesContent":["function isRefObject(ref) {\n    return (typeof ref === \"object\" &&\n        Object.prototype.hasOwnProperty.call(ref, \"current\"));\n}\n\nexport { isRefObject };\n"],"names":["isRefObject","ref"],"mappings":"gFAAA,SAASA,EAAYC,EAAK,CACtB,OAAQ,OAAOA,GAAQ,UACnB,OAAO,UAAU,eAAe,KAAKA,EAAK,SAAS,CAC3D","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra199.cjs","sources":["../node_modules/@react-aria/overlays/dist/cs-CZ.mjs"],"sourcesContent":["var $b983974c2ee1efb3$exports = {};\n$b983974c2ee1efb3$exports = {\n    \"dismiss\": `Odstranit`\n};\n\n\nexport {$b983974c2ee1efb3$exports as default};\n//# sourceMappingURL=cs-CZ.module.js.map\n"],"names":["$b983974c2ee1efb3$exports"],"mappings":"4GAAIA,QAAAA,QAA4B,CAAG,EACnCA,QAAAA,QAA4B,CACxB,QAAW,WACf","x_google_ignoreList":[0]}

package/dist/lyra199.js

@@ -1,6 +1,7 @@
-function e(t) {
-  return typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
-}
+var e = {};
+e = {
+  dismiss: "Odstranit"
+};
 export {
-  e as isRefObject
+  e as default
 };

package/dist/lyra199.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra199.js","sources":["../node_modules/framer-motion/dist/es/utils/is-ref-object.mjs"],"sourcesContent":["function isRefObject(ref) {\n    return (typeof ref === \"object\" &&\n        Object.prototype.hasOwnProperty.call(ref, \"current\"));\n}\n\nexport { isRefObject };\n"],"names":["isRefObject","ref"],"mappings":"AAAA,SAASA,EAAYC,GAAK;AACtB,SAAQ,OAAOA,KAAQ,YACnB,OAAO,UAAU,eAAe,KAAKA,GAAK,SAAS;AAC3D;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra199.js","sources":["../node_modules/@react-aria/overlays/dist/cs-CZ.mjs"],"sourcesContent":["var $b983974c2ee1efb3$exports = {};\n$b983974c2ee1efb3$exports = {\n    \"dismiss\": `Odstranit`\n};\n\n\nexport {$b983974c2ee1efb3$exports as default};\n//# sourceMappingURL=cs-CZ.module.js.map\n"],"names":["$b983974c2ee1efb3$exports"],"mappings":"AAAG,IAACA,IAA4B,CAAG;AACnCA,IAA4B;AAAA,EACxB,SAAW;AACf;","x_google_ignoreList":[0]}

package/dist/lyra2.cjs

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

package/dist/lyra2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra2.cjs","sources":["../src/components/accordion/accordion.tsx"],"sourcesContent":["import {\n  createContext,\n  ForwardedRef,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useFocusRing } from \"react-aria\";\nimport { Button } from \"react-aria-components\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx } from \"../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { SvgIcon } from \"../svg-icon\";\n\nimport {\n  accordionItemButtonStyles,\n  accordionItemContentStyles,\n  accordionItemStyles,\n} from \"./accordion.styles\";\n\nexport type AccordionProps = {\n  \"aria-label\"?: string;\n  children: ReactNode;\n  mode?: \"single\" | \"multiple\";\n  className?: string;\n};\n\ntype AccordionContextProps = {\n  openItemKeys: string[];\n  toggleItemKey: (itemKey: string) => void;\n};\n\nconst AccordionContext = createContext<AccordionContextProps>(\n  undefined as unknown as AccordionContextProps,\n);\n\nconst _Accordion = (\n  { children, className, mode = \"multiple\", ...props }: AccordionProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const [openItemKeys, setOpenItemKeys] = useState<string[]>([]);\n\n  const toggleItemKey = useCallback(\n    (itemKey: string) => {\n      if (mode === \"single\") {\n        if (openItemKeys.includes(itemKey)) {\n          setOpenItemKeys([]);\n        } else {\n          setOpenItemKeys([itemKey]);\n        }\n      } else {\n        if (openItemKeys.includes(itemKey)) {\n          setOpenItemKeys(openItemKeys.filter((key) => key !== itemKey));\n        } else {\n          setOpenItemKeys([...openItemKeys, itemKey]);\n        }\n      }\n    },\n    [mode, openItemKeys],\n  );\n\n  return (\n    <AccordionContext.Provider value={{ toggleItemKey, openItemKeys }}>\n      <div ref={ref} className={cx(\"lyra-accordion flex flex-col\", className)} {...props}>\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n};\n\nexport type AccordionItemProps = {\n  title: ReactNode;\n  isDisabled?: boolean;\n  defaultOpen?: boolean;\n  children: ReactNode;\n  className?: string;\n  disableAccordionContentPadding?: boolean;\n};\n\nconst _AccordionItem = (\n  {\n    children,\n    className,\n    defaultOpen,\n    disableAccordionContentPadding,\n    isDisabled,\n    title,\n  }: AccordionItemProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { focusProps, isFocusVisible } = useFocusRing({ within: true });\n  const { openItemKeys, toggleItemKey } = useContext(AccordionContext);\n  const accordionId = useId();\n  const buttonId = useId();\n  const contentId = useId();\n  const initializedRef = useRef(false);\n\n  const isOpen = useMemo(() => openItemKeys.includes(accordionId), [accordionId, openItemKeys]);\n\n  useEffect(() => {\n    if (defaultOpen && !initializedRef.current) {\n      toggleItemKey(accordionId);\n      initializedRef.current = true;\n    }\n  }, [accordionId, defaultOpen, toggleItemKey]);\n\n  return (\n    <div\n      className={twMerge(accordionItemStyles({ isFocusVisible, className }))}\n      {...focusProps}\n      ref={ref}\n    >\n      <Button\n        id={buttonId}\n        isDisabled={isDisabled}\n        className={twMerge(accordionItemButtonStyles({ isOpen, isDisabled }))}\n        aria-expanded={isOpen}\n        onPress={() => toggleItemKey(accordionId)}\n        onKeyDown={(e) => {\n          if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            const parent = e.currentTarget.parentElement as HTMLElement;\n            const nextPeer = parent.nextElementSibling as HTMLElement;\n            if (nextPeer) {\n              const button = nextPeer.firstChild as HTMLElement;\n              button.focus();\n            }\n          } else if (e.key === \"ArrowUp\") {\n            e.preventDefault();\n            const parent = e.currentTarget.parentElement as HTMLElement;\n            const prevPeer = parent.previousElementSibling as HTMLElement;\n            if (prevPeer) {\n              const button = prevPeer.firstChild as HTMLElement;\n              button.focus();\n            }\n          }\n        }}\n        aria-controls={contentId}\n      >\n        {title}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\n            \"transition duration-200 ease-in-out\",\n            isOpen ? \"rotate-180\" : \"rotate-0\",\n            \"w-4\",\n          )}\n        />\n      </Button>\n      <AnimatePresence initial={false}>\n        {isOpen && (\n          <motion.div\n            id={contentId}\n            className=\"overflow-clip\"\n            initial=\"collapsed\"\n            animate=\"open\"\n            exit=\"collapsed\"\n            variants={{\n              open: { opacity: 1, height: \"auto\" },\n              collapsed: { opacity: 0, height: 0 },\n            }}\n            transition={{ duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] }}\n            role=\"region\"\n            aria-labelledby={buttonId}\n          >\n            <div\n              className={accordionItemContentStyles({\n                disableAccordionContentPadding,\n              })}\n              style={{\n                fontFamily: \"var(--accordion-content-font-family)\",\n              }}\n            >\n              {children}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport const Accordion = fixedForwardRef(_Accordion);\nexport const AccordionItem = fixedForwardRef(_AccordionItem);\n"],"names":["AccordionContext","createContext","_Accordion","children","className","mode","props","ref","openItemKeys","setOpenItemKeys","useState","toggleItemKey","useCallback","itemKey","key","jsx","cx","_AccordionItem","defaultOpen","disableAccordionContentPadding","isDisabled","title","focusProps","isFocusVisible","useFocusRing","useContext","accordionId","useId","buttonId","contentId","initializedRef","useRef","isOpen","useMemo","useEffect","jsxs","twMerge","accordionItemStyles","Button","accordionItemButtonStyles","e","nextPeer","prevPeer","SvgIcon","AnimatePresence","motion","accordionItemContentStyles","Accordion","fixedForwardRef","AccordionItem"],"mappings":"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"}
+{"version":3,"file":"lyra2.cjs","sources":["../src/components/accordion/accordion.tsx"],"sourcesContent":["import {\n  createContext,\n  ForwardedRef,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useFocusRing } from \"react-aria\";\nimport { Button } from \"react-aria-components\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx } from \"../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { SvgIcon } from \"../svg-icon\";\n\nimport {\n  accordionItemButtonStyles,\n  accordionItemContentStyles,\n  accordionItemStyles,\n} from \"./accordion.styles\";\n\nexport type AccordionProps = {\n  \"aria-label\"?: string;\n  children: ReactNode;\n  mode?: \"single\" | \"multiple\";\n  className?: string;\n};\n\ntype AccordionContextProps = {\n  openItemKeys: string[];\n  toggleItemKey: (itemKey: string) => void;\n};\n\nconst AccordionContext = createContext<AccordionContextProps>(\n  undefined as unknown as AccordionContextProps,\n);\n\nconst _Accordion = (\n  { children, className, mode = \"multiple\", ...props }: AccordionProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const [openItemKeys, setOpenItemKeys] = useState<string[]>([]);\n\n  const toggleItemKey = useCallback(\n    (itemKey: string) => {\n      if (mode === \"single\") {\n        if (openItemKeys.includes(itemKey)) {\n          setOpenItemKeys([]);\n        } else {\n          setOpenItemKeys([itemKey]);\n        }\n      } else {\n        if (openItemKeys.includes(itemKey)) {\n          setOpenItemKeys(openItemKeys.filter((key) => key !== itemKey));\n        } else {\n          setOpenItemKeys([...openItemKeys, itemKey]);\n        }\n      }\n    },\n    [mode, openItemKeys],\n  );\n\n  return (\n    <AccordionContext.Provider value={{ toggleItemKey, openItemKeys }}>\n      <div ref={ref} className={cx(\"lyra-accordion flex flex-col\", className)} {...props}>\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n};\n\nexport type AccordionItemProps = {\n  title: ReactNode;\n  isDisabled?: boolean;\n  defaultOpen?: boolean;\n  children: ReactNode;\n  className?: string;\n  disableAccordionContentPadding?: boolean;\n};\n\nconst _AccordionItem = (\n  {\n    children,\n    className,\n    defaultOpen,\n    disableAccordionContentPadding,\n    isDisabled,\n    title,\n  }: AccordionItemProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { focusProps, isFocusVisible } = useFocusRing({ within: true });\n  const { openItemKeys, toggleItemKey } = useContext(AccordionContext);\n  const accordionId = useId();\n  const buttonId = useId();\n  const contentId = useId();\n  const initializedRef = useRef(false);\n\n  const isOpen = useMemo(() => openItemKeys.includes(accordionId), [accordionId, openItemKeys]);\n\n  useEffect(() => {\n    if (defaultOpen && !initializedRef.current) {\n      toggleItemKey(accordionId);\n      initializedRef.current = true;\n    }\n  }, [accordionId, defaultOpen, toggleItemKey]);\n\n  return (\n    <div\n      className={twMerge(accordionItemStyles({ isFocusVisible, className }))}\n      {...focusProps}\n      ref={ref}\n    >\n      <Button\n        id={buttonId}\n        isDisabled={isDisabled}\n        className={twMerge(accordionItemButtonStyles({ isOpen, isDisabled }))}\n        aria-expanded={isOpen}\n        onPress={() => toggleItemKey(accordionId)}\n        onKeyDown={(e) => {\n          if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            const parent = e.currentTarget.parentElement as HTMLElement;\n            const nextPeer = parent.nextElementSibling as HTMLElement;\n            if (nextPeer) {\n              const button = nextPeer.firstChild as HTMLElement;\n              button.focus();\n            }\n          } else if (e.key === \"ArrowUp\") {\n            e.preventDefault();\n            const parent = e.currentTarget.parentElement as HTMLElement;\n            const prevPeer = parent.previousElementSibling as HTMLElement;\n            if (prevPeer) {\n              const button = prevPeer.firstChild as HTMLElement;\n              button.focus();\n            }\n          }\n        }}\n        aria-controls={contentId}\n      >\n        {title}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\n            \"transition duration-200 ease-in-out\",\n            isOpen ? \"rotate-180\" : \"rotate-0\",\n            \"w-4\",\n          )}\n        />\n      </Button>\n      <AnimatePresence initial={false}>\n        {isOpen && (\n          <motion.div\n            id={contentId}\n            className=\"overflow-clip\"\n            initial=\"collapsed\"\n            animate=\"open\"\n            exit=\"collapsed\"\n            variants={{\n              open: { opacity: 1, height: \"auto\" },\n              collapsed: { opacity: 0, height: 0 },\n            }}\n            transition={{ duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] }}\n            role=\"region\"\n            aria-labelledby={buttonId}\n          >\n            <div\n              className={accordionItemContentStyles({\n                disableAccordionContentPadding,\n              })}\n              style={{\n                fontFamily: \"var(--accordion-content-font-family)\",\n              }}\n            >\n              {children}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport const Accordion = fixedForwardRef(_Accordion);\nexport const AccordionItem = fixedForwardRef(_AccordionItem);\n"],"names":["AccordionContext","createContext","_Accordion","children","className","mode","props","ref","openItemKeys","setOpenItemKeys","useState","toggleItemKey","useCallback","itemKey","key","jsx","cx","_AccordionItem","defaultOpen","disableAccordionContentPadding","isDisabled","title","focusProps","isFocusVisible","useFocusRing","useContext","accordionId","useId","buttonId","contentId","initializedRef","useRef","isOpen","useMemo","useEffect","jsxs","twMerge","accordionItemStyles","Button","accordionItemButtonStyles","e","nextPeer","prevPeer","SvgIcon","AnimatePresence","motion","accordionItemContentStyles","Accordion","fixedForwardRef","AccordionItem"],"mappings":"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"}

package/dist/lyra2.js

@@ -1,14 +1,14 @@
-import { j as t } from "./lyra54.js";
+import { j as t } from "./lyra59.js";
 import { createContext as S, useState as E, useCallback as N, useContext as P, useId as v, useRef as $, useMemo as R, useEffect as F } from "react";
-import { Button as k } from "./lyra53.js";
-import { twMerge as y } from "./lyra55.js";
-import { cx as h } from "./lyra99.js";
-import { fixedForwardRef as j } from "./lyra114.js";
-import { SvgIcon as D } from "./lyra39.js";
+import { Button as k } from "./lyra58.js";
+import { twMerge as y } from "./lyra60.js";
+import { cx as h } from "./lyra309.js";
+import { fixedForwardRef as j } from "./lyra312.js";
+import { SvgIcon as D } from "./lyra44.js";
 import { accordionItemStyles as B, accordionItemButtonStyles as K, accordionItemContentStyles as M } from "./lyra3.js";
-import { useFocusRing as T } from "./lyra62.js";
-import { AnimatePresence as _ } from "./lyra115.js";
-import { motion as z } from "./lyra116.js";
+import { useFocusRing as T } from "./lyra68.js";
+import { AnimatePresence as _ } from "./lyra313.js";
+import { motion as z } from "./lyra314.js";
 const w = S(
   void 0
 ), O = ({ children: d, className: m, mode: s = "multiple", ...p }, a) => {

package/dist/lyra20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra54.cjs"),h=require("react"),$=require("./lyra53.cjs"),B=require("./lyra55.cjs");require("./lyra2.cjs");const O=require("./lyra99.cjs");require("./lyra100.cjs");const D=require("./lyra43.cjs");require("./lyra101.cjs");require("./lyra102.cjs");require("./lyra103.cjs");require("./lyra8.cjs");const Z=require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra105.cjs");require("./lyra13.cjs");require("./lyra26.cjs");const F=require("./lyra39.cjs");require("./lyra16.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra28.cjs");const K=require("./lyra29.cjs"),ss=require("./lyra150.cjs"),es=require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra107.cjs");const S=require("./lyra22.cjs"),z=require("./lyra151.cjs"),J=require("react-dom");require("./lyra23.cjs");require("./lyra110.cjs");require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra111.cjs");const ts=require("./lyra37.cjs");require("./lyra40.cjs");require("./lyra109.cjs");require("./lyra42.cjs");require("./lyra144.cjs");const rs=require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra58.cjs");require("./lyra51.cjs");const k=require("./lyra152.cjs"),_=require("./lyra52.cjs"),ns=({itemLabelKey:t,items:i,onQueryChange:u})=>{const[l,a]=h.useState(""),{contains:x,startsWith:p}=_.useFilter({sensitivity:"base"}),c=h.useMemo(()=>{if(u)return i;{let m=[];m=i.filter(n=>p(n[t],l??""));const E=i.filter(n=>x(n[t],l??"")).sort((n,o)=>{const j=n[t].indexOf(l??""),e=o[t].indexOf(l??"");return j-e});return m=m.concat(E),m=m.filter((n,o,j)=>o===j.findIndex(e=>e[t]===n[t])),m}},[x,p,t,i,u,l]);return h.useEffect(()=>{u&&(u==null||u(l))},[l]),{filteredItems:c,query:l,setQuery:a}},X=t=>O.cx(t==="small"&&"min-h-[42px]",t==="medium"&&"min-h-[50px]",t==="large"&&"min-h-[58px]"),is=({endSlot:t,fullWidth:i,isDisabled:u,isInvalid:l,itemLabelKey:a,onChange:x,open:p,openPopover:c,placeholder:m,size:d="medium",startSlot:E,value:n,searchInputRef:o})=>{const j=e=>{e.key==="Escape"||e.key==="Backspace"?x==null||x(void 0):e.key==="ArrowDown"||e.key==="ArrowUp"?c==null||c():e.key&&e.key.match(/^[a-zA-Z0-9]$/)&&(J.flushSync(()=>{c==null||c()}),o.current&&o.current.setSelectionRange(0,o.current.value.length))};return s.jsxRuntimeExports.jsxs($.Button,{"aria-haspopup":"listbox","aria-expanded":p,className:({isFocused:e,isHovered:f})=>S.sharedInputFieldStyles({fullWidth:i,isDisabled:u,isHovered:f,isFocused:e,isInvalid:l,size:d,className:O.cx(X(d),"gap-2")}),onKeyDown:j,onPress:c,children:[E,s.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:n!=null&&n[a]?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:n==null?void 0:n[a]}):s.jsxRuntimeExports.jsx(D.Text,{color:"secondary",children:m})}),t,s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[n?s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsx("div",{className:B.twMerge(Z.buttonStyles({size:"small",color:"monochrome",variant:"ghost",className:"p-1",isDisabled:u})),role:"button",onPointerDown:e=>{e.stopPropagation(),x==null||x(void 0)},onClick:e=>{e.stopPropagation(),x==null||x(void 0)},children:s.jsxRuntimeExports.jsx(F.SvgIcon,{name:"cross",className:"h-4 w-4"})})}):null,s.jsxRuntimeExports.jsx(F.SvgIcon,{name:"chevron-down",className:O.cx("h-4 w-4 transition duration-150",p&&"rotate-180")})]})]})},ls=({endSlot:t,fullWidth:i,isDisabled:u,isInvalid:l,itemIdKey:a,itemLabelKey:x,label:p,onChange:c,open:m,openPopover:d,placeholder:E,size:n="medium",startSlot:o,value:j,searchInputRef:e})=>{const f=r=>{r.key==="ArrowDown"||r.key==="ArrowUp"?d==null||d():r.key&&r.key.match(/^[a-zA-Z0-9]$/)&&(J.flushSync(()=>{d==null||d()}),e.current&&e.current.setSelectionRange(0,e.current.value.length))};return s.jsxRuntimeExports.jsxs($.Button,{className:({isFocused:r,isHovered:R})=>S.sharedInputFieldStyles({fullWidth:i,isDisabled:u,isHovered:R,isFocused:r,isInvalid:l,size:n,className:X(n)}),onPress:d,onKeyDown:f,"aria-haspopup":"listbox","aria-expanded":m,children:[o,s.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:j&&j.length?s.jsxRuntimeExports.jsx(z.TagGroup,{"aria-label":p??"Selected items",onRemove:r=>{j&&c(j.filter(R=>!r.has(R[a])))},children:j.map(r=>s.jsxRuntimeExports.jsx(z.TagItem,{...r,children:r==null?void 0:r[x]},r[a]))}):s.jsxRuntimeExports.jsx(D.Text,{color:"secondary",children:E})}),t,s.jsxRuntimeExports.jsx(F.SvgIcon,{name:"chevron-down",className:O.cx("h-4 w-4 min-w-[16px] transition duration-150",m&&"rotate-180")})]})},Y=({isRequired:t,label:i,optionalLabel:u})=>s.jsxRuntimeExports.jsxs("div",{className:O.cx("flex items-center gap-3",i?"justify-between":"justify-end"),children:[i?s.jsxRuntimeExports.jsx($.Label,{className:S.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:i}):null,t===!1?s.jsxRuntimeExports.jsx("span",{className:S.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:u}):null]}),P=({description:t,errorMessage:i})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[t&&s.jsxRuntimeExports.jsx(D.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:t}),i&&s.jsxRuntimeExports.jsx(D.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:i})]}),us=({item:t,itemLabelKey:i,renderItem:u,state:l})=>{const a=t==null?void 0:t[i];return u?u(t,l):s.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1",children:[l.selected?s.jsxRuntimeExports.jsx(F.SvgIcon,{name:"checkmark",className:"h-4 w-4"}):s.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"}),a]})},os=({clearLabel:t="Clear",endSlot:i,isLoading:u,onQueryChange:l,query:a,setQuery:x,startSlot:p,searchInputRef:c})=>{const m=h.useId(),[d,E]=h.useState(!1),[n,o]=h.useState(!1),j=rs.useSpinDelay(u??!1,{delay:500,minDuration:200});return h.useEffect(()=>{var e;(e=c.current)==null||e.focus()},[]),s.jsxRuntimeExports.jsx("div",{className:S.sharedInputFieldWrapperStyles({fullWidth:!0,className:"box-border  py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start] backdrop-blur-xl"}),children:s.jsxRuntimeExports.jsxs("div",{className:B.twMerge(S.sharedInputFieldStyles({fullWidth:!0,isFocused:d,isHovered:n,className:"bg-neutral-0 px-2"})),onPointerEnter:()=>o(!0),onPointerLeave:()=>o(!1),onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),children:[s.jsxRuntimeExports.jsx(F.SvgIcon,{name:"search",className:"-me-2 h-4 w-4"}),p,s.jsxRuntimeExports.jsx(k.Combobox.Input,{ref:c,id:m,className:S.sharedInputStyles({size:"small"}),onChange:e=>{x(e.target.value??""),l==null||l(e.target.value)},value:a??"",onFocus:()=>E(!0),onBlur:()=>E(!1)}),a&&a.length?s.jsxRuntimeExports.jsx($.Button,{"aria-label":t??"Clear",className:B.twMerge(Z.buttonStyles({size:"small",color:"monochrome",variant:"ghost"})),excludeFromTabOrder:!0,onPress:()=>{var e;x(""),(e=c.current)==null||e.focus()},children:s.jsxRuntimeExports.jsx(F.SvgIcon,{name:"cross",className:"h-4 w-4"})}):null,i,j?s.jsxRuntimeExports.jsx(ts.Spinner,{className:"mx-2",size:"small"}):null]})})},Q=({direction:t,disabledItemIdKeys:i,isLoading:u,itemIdKey:l,itemLabelKey:a,items:x,onQueryChange:p,open:c,renderItem:m,setOpenPopover:d,triggerRef:E,searchInputRef:n})=>{var f;const{filteredItems:o,query:j,setQuery:e}=ns({itemLabelKey:a,items:x,onQueryChange:p});return s.jsxRuntimeExports.jsx(es.Popover,{className:"lyra-list-box pb-2",isOpen:c,triggerRef:E,showPopoverInDrawerOnSmallScreens:!0,drawerPosition:"top",onOpenChange:d,shouldUpdatePosition:!0,style:{"--trigger-width":((f=E.current)==null?void 0:f.offsetWidth)+"px",direction:t},children:c?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(os,{onQueryChange:p,isLoading:u,query:j,setQuery:e,searchInputRef:n}),o&&o.length?s.jsxRuntimeExports.jsx(k.Combobox.Options,{static:!0,className:K.listBoxStyles({className:"h-full max-h-[78dvh] overflow-y-auto sm:max-h-80"}),children:o.map(r=>s.jsxRuntimeExports.jsx(k.Combobox.Option,{className:({active:R,disabled:w,selected:y})=>B.twMerge(ss.listBoxItemStyles({active:R,disabled:w,selected:y})),value:r,disabled:i==null?void 0:i.includes(r==null?void 0:r[l]),children:R=>s.jsxRuntimeExports.jsx(us,{item:r,state:R,renderItem:m,itemLabelKey:a})},r[l]))}):null]}):null})},xs=({by:t,defaultValue:i,description:u,disabledItemIdKeys:l,endSlot:a,errorMessage:x,fullWidth:p=!0,isDisabled:c,isInvalid:m,isLoading:d,isRequired:E,itemIdKey:n,itemLabelKey:o,items:j,label:e,name:f,onChange:r,onQueryChange:R,optionalLabel:w="Optional",placeholder:y,renderItem:A,size:H="medium",startSlot:W,value:V})=>{const[G,L]=h.useState(V??i),[v,q]=h.useState(!1),U=()=>q(!0),M=()=>q(!1),g=h.useRef(null),I=h.useCallback(b=>{L(b),r==null||r(b),M()},[r]),T=h.useRef(null),{direction:N}=_.useLocale();return s.jsxRuntimeExports.jsx(k.Combobox,{disabled:c,name:f,value:G??"",onChange:I,by:t,children:({disabled:b,value:C})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs("div",{className:S.sharedInputFieldWrapperStyles({fullWidth:p}),children:[s.jsxRuntimeExports.jsx(Y,{label:e,optionalLabel:w,isRequired:E}),s.jsxRuntimeExports.jsx("div",{ref:T,children:s.jsxRuntimeExports.jsx(is,{endSlot:a,fullWidth:p,isDisabled:b,isInvalid:m,open:v,openPopover:U,placeholder:y,size:H,startSlot:W,value:C,itemLabelKey:o,itemIdKey:n,onChange:I,searchInputRef:g})}),s.jsxRuntimeExports.jsx(P,{description:u,errorMessage:x})]}),s.jsxRuntimeExports.jsx(Q,{triggerRef:T,itemIdKey:n,itemLabelKey:o,items:j,open:v,setOpenPopover:q,renderItem:A,disabledItemIdKeys:l,direction:N,onQueryChange:R,isLoading:d,searchInputRef:g})]})})},cs=({by:t,defaultValue:i,description:u,disabledItemIdKeys:l,endSlot:a,errorMessage:x,fullWidth:p=!0,isDisabled:c,isInvalid:m,isLoading:d,isRequired:E,itemIdKey:n,itemLabelKey:o,items:j,label:e,name:f,onChange:r,onQueryChange:R,optionalLabel:w="Optional",placeholder:y,renderItem:A,size:H="medium",startSlot:W,value:V})=>{const[G,L]=h.useState(V??i),[v,q]=h.useState(!1),U=()=>q(!0),M=h.useCallback(N=>{L(N),r==null||r(N)},[r]),g=h.useRef(null),I=h.useRef(null),{direction:T}=_.useLocale();return s.jsxRuntimeExports.jsx(k.Combobox,{disabled:c,name:f,value:G??[],onChange:M,by:t,multiple:!0,children:({disabled:N,value:b})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs("div",{className:S.sharedInputFieldWrapperStyles({fullWidth:p}),children:[s.jsxRuntimeExports.jsx(Y,{label:e,optionalLabel:w,isRequired:E}),s.jsxRuntimeExports.jsx("div",{ref:I,children:s.jsxRuntimeExports.jsx(ls,{searchInputRef:g,endSlot:a,fullWidth:p,isDisabled:N,isInvalid:m,open:v,openPopover:U,placeholder:y,size:H,startSlot:W,value:b,itemLabelKey:o,itemIdKey:n,onChange:M})}),s.jsxRuntimeExports.jsx(P,{description:u,errorMessage:x})]}),s.jsxRuntimeExports.jsx(Q,{searchInputRef:g,triggerRef:I,itemIdKey:n,itemLabelKey:o,items:j,open:v,setOpenPopover:q,renderItem:A,disabledItemIdKeys:l,direction:T,onQueryChange:R,isLoading:d})]})})};exports.MultiSearchListField=cs;exports.SearchListField=xs;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra59.cjs"),x=require("react"),l=require("./lyra58.cjs"),c=require("./lyra60.cjs"),N=require("./lyra309.cjs"),o=require("./lyra48.cjs"),g=require("./lyra49.cjs");require("./lyra13.cjs");require("./lyra321.cjs");require("./lyra15.cjs");require("./lyra28.cjs");require("./lyra18.cjs");require("./lyra8.cjs");require("./lyra318.cjs");require("./lyra21.cjs");require("./lyra2.cjs");require("./lyra315.cjs");require("./lyra320.cjs");require("./lyra311.cjs");require("./lyra10.cjs");require("./lyra310.cjs");require("./lyra32.cjs");require("./lyra322.cjs");require("./lyra34.cjs");require("./lyra36.cjs");require("./lyra323.cjs");require("./lyra38.cjs");require("./lyra317.cjs");require("./lyra45.cjs");require("./lyra325.cjs");require("./lyra47.cjs");require("./lyra429.cjs");require("./lyra54.cjs");require("./lyra63.cjs");require("./lyra56.cjs");const n=require("./lyra24.cjs");require("react-dom");require("./lyra25.cjs");require("./lyra326.cjs");require("./lyra27.cjs");require("./lyra29.cjs");require("./lyra30.cjs");require("./lyra327.cjs");const d=require("./lyra438.cjs"),m=x.forwardRef(({children:i,className:t,color:a,description:s,errorMessage:r,isRequired:j,label:u,labelClassName:p,optionalLabel:y="Optional",orientation:R="vertical",...f},v)=>e.jsxRuntimeExports.jsx(l.RadioGroup,{...f,ref:v,children:E=>e.jsxRuntimeExports.jsxs("div",{className:"lyra-radio lyra-input flex flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:N.cx("flex items-center gap-3",u?"justify-between":"justify-end"),children:[u?e.jsxRuntimeExports.jsx(l.Label,{className:n.sharedInputlabelStyles({className:p}),style:{fontFamily:"var(--input-label-font-family)"},children:u}):null,j===!1?e.jsxRuntimeExports.jsx("span",{className:n.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:y}):null]}),e.jsxRuntimeExports.jsx("div",{className:c.twMerge(d.radioGroupStyles({orientation:R,color:a,className:t})),children:typeof i=="function"?i(E):i}),s&&e.jsxRuntimeExports.jsx(o.Text,{className:"mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:s}),r&&e.jsxRuntimeExports.jsx(o.Text,{className:"mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:r})]})}));m.displayName="RadioGroup";const q=x.forwardRef(({children:i,className:t,...a},s)=>e.jsxRuntimeExports.jsx(l.Radio,{...a,ref:s,children:r=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-start gap-x-[--radio-gap-x]",children:[e.jsxRuntimeExports.jsx("div",{className:c.twMerge(d.radioStyles({className:t,isDisabled:r.isDisabled,isSelected:r.isSelected,isFocusVisible:r.isFocusVisible,isHovered:r.isHovered,isPressed:r.isPressed})),children:r.isSelected&&e.jsxRuntimeExports.jsx("svg",{className:"w-[--radio-size]",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsxRuntimeExports.jsx("circle",{cx:"10",cy:"10",r:"4",fill:"currentColor"})})}),i&&e.jsxRuntimeExports.jsx("div",{className:g.textStyles({variant:"body-medium",className:["leading-5",r.isDisabled?"cursor-not-allowed opacity-50":""]}),children:typeof i=="function"?i(r):i})]})})}));q.displayName="Radio";exports.Radio=q;exports.RadioGroup=m;

package/dist/lyra20.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra20.cjs","sources":["../src/components/inputs/search-list-field/search-list-field.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  Key,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useFilter } from \"react-aria\";\nimport { Button as AriaButton, Label } from \"react-aria-components\";\n\nimport { Combobox } from \"@headlessui/react\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { Spinner, useLocale, useSpinDelay } from \"../../..\";\nimport { cx } from \"../../../utils/class-variance-authority\";\nimport { buttonStyles } from \"../../button\";\nimport { listBoxStyles } from \"../../list-box\";\nimport { listBoxItemStyles } from \"../../list-box/list-box-styles2\";\nimport { Popover } from \"../../overlays\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\nimport { TagGroup, TagItem } from \"../shared/tags\";\n\nimport {\n  MultiSearchListFieldProps,\n  SearchInputProps,\n  SearchListFieldFooterProps,\n  SearchListFieldHeaderProps,\n  SearchListFieldItemProps,\n  SearchListFieldItemsProps,\n  SearchListFieldProps,\n  UseSearchListFieldContext,\n  ValueButton,\n} from \"./seach-list-field.types\";\nimport { flushSync } from \"react-dom\";\n\nconst useFilterItemsOnQuery = <T extends object>({\n  itemLabelKey,\n  items,\n  onQueryChange,\n}: UseSearchListFieldContext<T>) => {\n  const [query, setQuery] = useState<string>(\"\");\n  const { contains, startsWith } = useFilter({ sensitivity: \"base\" });\n\n  const filteredItems = useMemo(() => {\n    // If we have a onQueryChange handler, we don't want to filter items\n    // ourselves. Just return the list of items.\n    if (onQueryChange) {\n      return items;\n    } else {\n      let itemsToReturn: T[] = [];\n      // Make sure that items that start with the query are shown first, then the items that contain the query.\n      itemsToReturn = items.filter((item) => {\n        return startsWith(item[itemLabelKey] as string, query ?? \"\");\n      });\n\n      // Get all Items that contain the query\n      const itemsThatContainQuery = items.filter((item) => {\n        return contains(item[itemLabelKey] as string, query ?? \"\");\n      });\n\n      // Sort items that contain the query by the index of the query in the item label.\n      const sortedItemsThatContainQuery = itemsThatContainQuery.sort((a, b) => {\n        const aIndex = (a[itemLabelKey] as string).indexOf(query ?? \"\");\n        const bIndex = (b[itemLabelKey] as string).indexOf(query ?? \"\");\n        return aIndex - bIndex;\n      });\n\n      itemsToReturn = itemsToReturn.concat(sortedItemsThatContainQuery);\n\n      // remove the duplicates\n      itemsToReturn = itemsToReturn.filter(\n        (item, index, self) =>\n          index === self.findIndex((t) => t[itemLabelKey] === item[itemLabelKey]),\n      );\n\n      return itemsToReturn;\n    }\n  }, [contains, startsWith, itemLabelKey, items, onQueryChange, query]);\n\n  useEffect(() => {\n    if (onQueryChange) {\n      onQueryChange?.(query);\n    }\n    // onQueryChange should not be added to the dependencies, it will cause a\n    // rerender loop.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [query]);\n\n  return {\n    filteredItems,\n    query,\n    setQuery,\n  };\n};\n\nconst minHeightClasses = (size: \"small\" | \"medium\" | \"large\") => {\n  return cx(\n    size === \"small\" && \"min-h-[42px]\",\n    size === \"medium\" && \"min-h-[50px]\",\n    size === \"large\" && \"min-h-[58px]\",\n  );\n};\n\nconst SingleValueButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  itemLabelKey,\n  onChange,\n  open,\n  openPopover,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n  searchInputRef,\n}: ValueButton<T>) => {\n  /**\n   * Handles the keydown event for the search list field.\n   * If the Escape or Backspace key is pressed, calls the onChange function with undefined.\n   * @param e - The keyboard event.\n   */\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"Escape\" || e.key === \"Backspace\") {\n      onChange?.(undefined);\n    } else if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    }\n    // match e.key to any letter or number and add the character to the search input\n    else if (e.key && e.key.match(/^[a-zA-Z0-9]$/)) {\n      flushSync(() => {\n        openPopover?.();\n      });\n      if (searchInputRef.current) {\n        searchInputRef.current.setSelectionRange(0, searchInputRef.current.value.length);\n      }\n    }\n  };\n\n  return (\n    <AriaButton\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n      className={({ isFocused, isHovered }) =>\n        sharedInputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          size,\n          className: cx(minHeightClasses(size), \"gap-2\"),\n        })\n      }\n      onKeyDown={onKeyDown}\n      onPress={openPopover}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value?.[itemLabelKey] ? (\n          <>{value?.[itemLabelKey]}</>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <div className=\"flex items-center gap-2\">\n        {value ? (\n          <>\n            <div\n              className={twMerge(\n                buttonStyles({\n                  size: \"small\",\n                  color: \"monochrome\",\n                  variant: \"ghost\",\n                  className: \"p-1\",\n                  isDisabled,\n                }),\n              )}\n              role=\"button\"\n              onPointerDown={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n              onClick={(e) => {\n                e.stopPropagation();\n                onChange?.(undefined);\n              }}\n            >\n              <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n            </div>\n          </>\n        ) : null}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\"h-4 w-4 transition duration-150\", open && \"rotate-180\")}\n        />\n      </div>\n    </AriaButton>\n  );\n};\n\nconst MultipleValuesButton = <T extends object>({\n  endSlot,\n  fullWidth,\n  isDisabled,\n  isInvalid,\n  itemIdKey,\n  itemLabelKey,\n  label,\n  onChange,\n  open,\n  openPopover,\n  placeholder,\n  size = \"medium\",\n  startSlot,\n  value,\n  searchInputRef,\n}: Omit<ValueButton<T>, \"value\" | \"onChange\"> & {\n  value?: T[];\n  onChange: (newValue?: T[]) => void;\n}) => {\n  const onKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n      openPopover?.();\n    } else if (e.key && e.key.match(/^[a-zA-Z0-9]$/)) {\n      flushSync(() => {\n        openPopover?.();\n      });\n      if (searchInputRef.current) {\n        searchInputRef.current.setSelectionRange(0, searchInputRef.current.value.length);\n      }\n    }\n  };\n  return (\n    <AriaButton\n      className={({ isFocused, isHovered }) =>\n        sharedInputFieldStyles({\n          fullWidth,\n          isDisabled,\n          isHovered,\n          isFocused,\n          isInvalid,\n          size,\n          className: minHeightClasses(size),\n        })\n      }\n      onPress={openPopover}\n      onKeyDown={onKeyDown}\n      aria-haspopup=\"listbox\"\n      aria-expanded={open}\n    >\n      {startSlot}\n      <div className=\"grow text-left\">\n        {value && value.length ? (\n          <TagGroup<T>\n            aria-label={label ?? \"Selected items\"}\n            onRemove={(keys) => {\n              value && onChange(value.filter((item) => !keys.has(item[itemIdKey] as any)));\n            }}\n          >\n            {value.map((item) => (\n              <TagItem key={item[itemIdKey] as Key} {...item}>\n                {item?.[itemLabelKey] as string}\n              </TagItem>\n            ))}\n          </TagGroup>\n        ) : (\n          <Text color=\"secondary\">{placeholder}</Text>\n        )}\n      </div>\n      {endSlot}\n      <SvgIcon\n        name=\"chevron-down\"\n        className={cx(\"h-4 w-4 min-w-[16px] transition duration-150\", open && \"rotate-180\")}\n      />\n    </AriaButton>\n  );\n};\n\nconst SearchListFieldHeader = ({\n  isRequired,\n  label,\n  optionalLabel,\n}: SearchListFieldHeaderProps) => (\n  <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n    {label ? (\n      <Label\n        className={sharedInputlabelStyles()}\n        style={{ fontFamily: \"var(--input-label-font-family)\" }}\n      >\n        {label}\n      </Label>\n    ) : null}\n    {isRequired === false ? (\n      <span\n        className={sharedInputHintStyles()}\n        style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n      >\n        {optionalLabel}\n      </span>\n    ) : null}\n  </div>\n);\n\nconst SearchListFieldFooter = ({ description, errorMessage }: SearchListFieldFooterProps) => (\n  <>\n    {description && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n        {description}\n      </Text>\n    )}\n    {errorMessage && (\n      <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"accent-danger\" slot=\"errorMessage\">\n        {errorMessage}\n      </Text>\n    )}\n  </>\n);\n\nconst SearchListFieldItem = <T extends object>({\n  item,\n  itemLabelKey,\n  renderItem,\n  state,\n}: SearchListFieldItemProps<T>) => {\n  const label = item?.[itemLabelKey] as string;\n\n  if (renderItem) {\n    return renderItem(item, state);\n  }\n  return (\n    <div className=\"flex items-center gap-1\">\n      {state.selected ? (\n        <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />\n      ) : (\n        <div className=\"h-4 w-4\" />\n      )}\n      {label}\n    </div>\n  );\n};\n\nconst SearchInput = ({\n  clearLabel = \"Clear\",\n  endSlot,\n  isLoading,\n  onQueryChange,\n  query,\n  setQuery,\n  startSlot,\n  searchInputRef,\n}: SearchInputProps) => {\n  const id = useId();\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n\n  const showSpinner = useSpinDelay(isLoading ?? false, { delay: 500, minDuration: 200 });\n\n  useEffect(() => {\n    searchInputRef.current?.focus();\n  }, []);\n\n  return (\n    <div\n      className={sharedInputFieldWrapperStyles({\n        fullWidth: true,\n        className:\n          \"box-border  py-3 pe-[--list-box-item-padding-end] ps-[--list-box-item-padding-start] backdrop-blur-xl\",\n      })}\n    >\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth: true,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            className: \"bg-neutral-0 px-2\",\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n      >\n        <SvgIcon name=\"search\" className=\"-me-2 h-4 w-4\" />\n        {startSlot}\n        <Combobox.Input\n          ref={searchInputRef}\n          id={id}\n          className={sharedInputStyles({ size: \"small\" })}\n          onChange={(e) => {\n            setQuery(e.target.value ?? \"\");\n            onQueryChange?.(e.target.value as any);\n          }}\n          value={query ?? \"\"}\n          onFocus={() => setFieldIsFocused(true)}\n          onBlur={() => setFieldIsFocused(false)}\n        />\n        {query && query.length ? (\n          <AriaButton\n            aria-label={clearLabel ?? \"Clear\"}\n            className={twMerge(\n              buttonStyles({\n                size: \"small\",\n                color: \"monochrome\",\n                variant: \"ghost\",\n              }),\n            )}\n            excludeFromTabOrder\n            onPress={() => {\n              setQuery(\"\");\n              searchInputRef.current?.focus();\n            }}\n          >\n            <SvgIcon name=\"cross\" className=\"h-4 w-4\" />\n          </AriaButton>\n        ) : null}\n        {endSlot}\n        {showSpinner ? <Spinner className=\"mx-2\" size=\"small\" /> : null}\n      </div>\n    </div>\n  );\n};\n\nconst SearchListFieldItems = <T extends object>({\n  direction,\n  disabledItemIdKeys,\n  isLoading,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  onQueryChange,\n  open,\n  renderItem,\n  setOpenPopover,\n  triggerRef,\n  searchInputRef,\n}: SearchListFieldItemsProps<T>) => {\n  const { filteredItems, query, setQuery } = useFilterItemsOnQuery<T>({\n    itemLabelKey,\n    items,\n    onQueryChange,\n  });\n  return (\n    <Popover\n      className=\"lyra-list-box pb-2\"\n      isOpen={open}\n      triggerRef={triggerRef}\n      showPopoverInDrawerOnSmallScreens\n      drawerPosition=\"top\"\n      onOpenChange={setOpenPopover}\n      shouldUpdatePosition\n      style={\n        {\n          \"--trigger-width\": (triggerRef.current as any)?.offsetWidth + \"px\",\n          direction,\n        } as CSSProperties\n      }\n    >\n      {open ? (\n        <>\n          <SearchInput\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n            query={query}\n            setQuery={setQuery}\n            searchInputRef={searchInputRef}\n          />\n          {filteredItems && filteredItems.length ? (\n            <Combobox.Options\n              static\n              className={listBoxStyles({\n                className: \"h-full max-h-[78dvh] overflow-y-auto sm:max-h-80\",\n              })}\n            >\n              {filteredItems.map((item) => (\n                <Combobox.Option\n                  key={item[itemIdKey] as Key}\n                  className={({ active, disabled, selected }) =>\n                    twMerge(\n                      listBoxItemStyles({\n                        active,\n                        disabled,\n                        selected,\n                      }),\n                    )\n                  }\n                  value={item}\n                  disabled={disabledItemIdKeys?.includes(item?.[itemIdKey] as string)}\n                >\n                  {(renderItemState) => (\n                    <SearchListFieldItem\n                      item={item}\n                      state={renderItemState}\n                      renderItem={renderItem}\n                      itemLabelKey={itemLabelKey}\n                    />\n                  )}\n                </Combobox.Option>\n              ))}\n            </Combobox.Options>\n          ) : null}\n        </>\n      ) : null}\n    </Popover>\n  );\n};\n\nexport const SearchListField = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  label,\n  name,\n  onChange,\n  onQueryChange,\n  optionalLabel = \"Optional\",\n  placeholder,\n  renderItem,\n  size = \"medium\",\n  startSlot,\n  value,\n}: SearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => setIsOpen(true);\n  const closePopover = () => setIsOpen(false);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n\n  const onSingleChange = useCallback(\n    (newValue?: T) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n      closePopover();\n    },\n    [onChange],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? \"\"}\n      onChange={onSingleChange}\n      by={by as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader\n              label={label}\n              optionalLabel={optionalLabel}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <SingleValueButton\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value as T | undefined}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onSingleChange}\n                searchInputRef={searchInputRef}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n            searchInputRef={searchInputRef}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n\nexport const MultiSearchListField = <T extends object>({\n  by,\n  defaultValue,\n  description,\n  disabledItemIdKeys,\n  endSlot,\n  errorMessage,\n  fullWidth = true,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  itemIdKey,\n  itemLabelKey,\n  items,\n  label,\n  name,\n  onChange,\n  onQueryChange,\n  optionalLabel = \"Optional\",\n  placeholder,\n  renderItem,\n  size = \"medium\",\n  startSlot,\n  value,\n}: MultiSearchListFieldProps<T>) => {\n  const [internalValue, setInternalValue] = useState<T[] | undefined>(value ?? defaultValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const openPopover = () => setIsOpen(true);\n\n  const onMultiChange = useCallback(\n    (newValue?: T[]) => {\n      setInternalValue(newValue);\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { direction } = useLocale();\n\n  return (\n    <Combobox\n      disabled={isDisabled}\n      name={name}\n      value={internalValue ?? []}\n      onChange={onMultiChange}\n      by={by as any}\n      multiple={true as any}\n    >\n      {({ disabled, value }) => (\n        <>\n          <div className={sharedInputFieldWrapperStyles({ fullWidth })}>\n            <SearchListFieldHeader\n              label={label}\n              optionalLabel={optionalLabel}\n              isRequired={isRequired}\n            />\n            <div ref={triggerRef}>\n              <MultipleValuesButton\n                searchInputRef={searchInputRef}\n                endSlot={endSlot}\n                fullWidth={fullWidth}\n                isDisabled={disabled}\n                isInvalid={isInvalid}\n                open={isOpen}\n                openPopover={openPopover}\n                placeholder={placeholder}\n                size={size}\n                startSlot={startSlot}\n                value={value}\n                itemLabelKey={itemLabelKey}\n                itemIdKey={itemIdKey}\n                onChange={onMultiChange}\n              />\n            </div>\n            <SearchListFieldFooter description={description} errorMessage={errorMessage} />\n          </div>\n          <SearchListFieldItems<T>\n            searchInputRef={searchInputRef}\n            triggerRef={triggerRef}\n            itemIdKey={itemIdKey}\n            itemLabelKey={itemLabelKey}\n            items={items}\n            open={isOpen}\n            setOpenPopover={setIsOpen}\n            renderItem={renderItem}\n            disabledItemIdKeys={disabledItemIdKeys}\n            direction={direction}\n            onQueryChange={onQueryChange}\n            isLoading={isLoading}\n          />\n        </>\n      )}\n    </Combobox>\n  );\n};\n"],"names":["useFilterItemsOnQuery","itemLabelKey","items","onQueryChange","query","setQuery","useState","contains","startsWith","useFilter","filteredItems","useMemo","itemsToReturn","item","sortedItemsThatContainQuery","a","b","aIndex","bIndex","index","self","t","useEffect","minHeightClasses","size","cx","SingleValueButton","endSlot","fullWidth","isDisabled","isInvalid","onChange","open","openPopover","placeholder","startSlot","value","searchInputRef","onKeyDown","flushSync","jsxs","AriaButton","isFocused","isHovered","sharedInputFieldStyles","jsx","Fragment","Text","twMerge","buttonStyles","SvgIcon","MultipleValuesButton","itemIdKey","label","e","TagGroup","keys","TagItem","SearchListFieldHeader","isRequired","optionalLabel","Label","sharedInputlabelStyles","sharedInputHintStyles","SearchListFieldFooter","description","errorMessage","SearchListFieldItem","renderItem","state","SearchInput","clearLabel","isLoading","id","useId","fieldIsFocused","setFieldIsFocused","fieldIsHovered","setFieldIsHovered","showSpinner","useSpinDelay","_a","sharedInputFieldWrapperStyles","Combobox","sharedInputStyles","Spinner","SearchListFieldItems","direction","disabledItemIdKeys","setOpenPopover","triggerRef","Popover","listBoxStyles","active","disabled","selected","listBoxItemStyles","renderItemState","SearchListField","by","defaultValue","name","internalValue","setInternalValue","isOpen","setIsOpen","closePopover","useRef","onSingleChange","useCallback","newValue","useLocale","MultiSearchListField","onMultiChange"],"mappings":"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"}
+{"version":3,"file":"lyra20.cjs","sources":["../src/components/inputs/radio-group/radio-group.tsx"],"sourcesContent":["import { ElementRef, forwardRef } from \"react\";\nimport {\n  Label,\n  Radio as AriaRadio,\n  RadioGroup as AriaRadioGroup,\n  RadioGroupProps as AriaRadioGroupProps,\n  RadioProps as AriaRadioProps,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { Text, textStyles } from \"../../text\";\nimport { sharedInputHintStyles, sharedInputlabelStyles } from \"..\";\n\nimport { radioGroupStyles, radioStyles } from \"./radio.styles\";\n\nexport type RadioGroupProps = AriaRadioGroupProps &\n  VariantProps<typeof radioGroupStyles> & {\n    label?: string;\n    labelClassName?: string;\n    optionalLabel?: string;\n    errorMessage?: string;\n    description?: string;\n    orientation?: \"horizontal\" | \"vertical\";\n  };\n\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  (\n    {\n      children,\n      className,\n      color,\n      description,\n      errorMessage,\n      isRequired,\n      label,\n      labelClassName,\n      optionalLabel = \"Optional\",\n      orientation = \"vertical\",\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <AriaRadioGroup {...props} ref={ref}>\n        {(renderProps) => (\n          <div className=\"lyra-radio lyra-input flex flex-col gap-y-1\">\n            <div\n              className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}\n            >\n              {label ? (\n                <Label\n                  className={sharedInputlabelStyles({\n                    className: labelClassName,\n                  })}\n                  style={{ fontFamily: \"var(--input-label-font-family)\" }}\n                >\n                  {label}\n                </Label>\n              ) : null}\n              {isRequired === false ? (\n                <span\n                  className={sharedInputHintStyles()}\n                  style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n                >\n                  {optionalLabel}\n                </span>\n              ) : null}\n            </div>\n            <div className={twMerge(radioGroupStyles({ orientation, color, className }))}>\n              {typeof children === \"function\" ? children(renderProps) : children}\n            </div>\n            {description && (\n              <Text className=\"mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n                {description}\n              </Text>\n            )}\n            {errorMessage && (\n              <Text\n                className=\"mt-1.5\"\n                variant=\"body-small\"\n                color=\"accent-danger\"\n                slot=\"errorMessage\"\n              >\n                {errorMessage}\n              </Text>\n            )}\n          </div>\n        )}\n      </AriaRadioGroup>\n    );\n  },\n);\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport type RadioProps = AriaRadioProps & VariantProps<typeof radioStyles>;\ntype RadioRef = ElementRef<typeof AriaRadio>;\n\nexport const Radio = forwardRef<RadioRef, RadioProps>(({ children, className, ...props }, ref) => {\n  return (\n    <AriaRadio {...props} ref={ref}>\n      {(renderProps) => (\n        <>\n          <div className=\"flex items-start gap-x-[--radio-gap-x]\">\n            <div\n              className={twMerge(\n                radioStyles({\n                  className,\n                  isDisabled: renderProps.isDisabled,\n                  isSelected: renderProps.isSelected,\n                  isFocusVisible: renderProps.isFocusVisible,\n                  isHovered: renderProps.isHovered,\n                  isPressed: renderProps.isPressed,\n                }),\n              )}\n            >\n              {renderProps.isSelected && (\n                <svg\n                  className=\"w-[--radio-size]\"\n                  viewBox=\"0 0 20 20\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <circle cx=\"10\" cy=\"10\" r=\"4\" fill=\"currentColor\" />\n                </svg>\n              )}\n            </div>\n            {children && (\n              <div\n                className={textStyles({\n                  variant: \"body-medium\",\n                  className: [\n                    \"leading-5\",\n                    renderProps.isDisabled ? \"cursor-not-allowed opacity-50\" : \"\",\n                  ],\n                })}\n              >\n                {typeof children === \"function\" ? children(renderProps) : children}\n              </div>\n            )}\n          </div>\n        </>\n      )}\n    </AriaRadio>\n  );\n});\n\nRadio.displayName = \"Radio\";\n"],"names":["RadioGroup","forwardRef","children","className","color","description","errorMessage","isRequired","label","labelClassName","optionalLabel","orientation","props","ref","jsx","AriaRadioGroup","renderProps","jsxs","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","twMerge","radioGroupStyles","Text","Radio","AriaRadio","Fragment","radioStyles","textStyles"],"mappings":"upCA2BaA,EAAaC,EAAA,WACxB,CACE,CACE,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,MAAAC,EACA,eAAAC,EACA,cAAAC,EAAgB,WAChB,YAAAC,EAAc,WACd,GAAGC,GAELC,IAGEC,EAAA,kBAAA,IAACC,EAAgB,WAAA,CAAA,GAAGH,EAAO,IAAAC,EACxB,SAACG,GACAC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,8CACb,SAAA,CAAAA,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,0BAA2BV,EAAQ,kBAAoB,aAAa,EAEjF,SAAA,CACCA,EAAAM,EAAA,kBAAA,IAACK,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,CAChC,UAAWX,CAAA,CACZ,EACD,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAAD,CAAA,CAAA,EAED,KACHD,IAAe,GACdO,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWO,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAX,CAAA,CAAA,EAED,IAAA,CAAA,CACN,0BACC,MAAI,CAAA,UAAWY,UAAQC,mBAAiB,CAAE,YAAAZ,EAAa,MAAAP,EAAO,UAAAD,CAAW,CAAA,CAAC,EACxE,SAAO,OAAAD,GAAa,WAAaA,EAASc,CAAW,EAAId,EAC5D,EACCG,GACES,EAAAA,kBAAAA,IAAAU,EAAAA,KAAA,CAAK,UAAU,SAAS,QAAQ,aAAa,MAAM,YAAY,KAAK,cAClE,SACHnB,CAAA,CAAA,EAEDC,GACCQ,EAAA,kBAAA,IAACU,EAAA,KAAA,CACC,UAAU,SACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAAlB,CAAA,CACH,CAAA,CAEJ,CAAA,CAEJ,CAAA,CAGN,EAEAN,EAAW,YAAc,aAKZ,MAAAyB,EAAQxB,aAAiC,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGS,CAAM,EAAGC,IAEtFC,EAAAA,kBAAAA,IAACY,EAAAA,MAAW,CAAA,GAAGd,EAAO,IAAAC,EACnB,SAACG,GAEEF,EAAA,kBAAA,IAAAa,EAAA,kBAAA,SAAA,CAAA,SAAAV,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,yCACb,SAAA,CAAAH,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWQ,EAAA,QACTM,cAAY,CACV,UAAAzB,EACA,WAAYa,EAAY,WACxB,WAAYA,EAAY,WACxB,eAAgBA,EAAY,eAC5B,UAAWA,EAAY,UACvB,UAAWA,EAAY,SAAA,CACxB,CACH,EAEC,WAAY,YACXF,EAAA,kBAAA,IAAC,MAAA,CACC,UAAU,mBACV,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAAA,EAAA,kBAAA,IAAC,UAAO,GAAG,KAAK,GAAG,KAAK,EAAE,IAAI,KAAK,cAAe,CAAA,CAAA,CACpD,CAAA,CAEJ,EACCZ,GACCY,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWe,EAAAA,WAAW,CACpB,QAAS,cACT,UAAW,CACT,YACAb,EAAY,WAAa,gCAAkC,EAC7D,CAAA,CACD,EAEA,SAAO,OAAAd,GAAa,WAAaA,EAASc,CAAW,EAAId,CAAA,CAC5D,CAAA,EAEJ,EACF,CAEJ,CAAA,CAEH,EAEDuB,EAAM,YAAc"}