@new-black/lyra 0.1.19 → 0.1.20

package/dist/lyra434.js

@@ -0,0 +1,41 @@
+import { resolveElements as A } from "./lyra538.js";
+import { visualElementStore as f } from "./lyra507.js";
+import { invariant as h } from "./lyra435.js";
+import { GroupPlaybackControls as c } from "./lyra539.js";
+import { isDOMKeyframes as y } from "./lyra540.js";
+import { animateTarget as g } from "./lyra477.js";
+import { createVisualElement as E } from "./lyra541.js";
+import { animateSingleValue as p } from "./lyra542.js";
+import { createAnimationsFromSequence as D } from "./lyra543.js";
+import { isMotionValue as S } from "./lyra470.js";
+function u(n, m, o, i) {
+  const r = A(n, i), t = r.length;
+  h(!!t, "No valid element provided.");
+  const s = [];
+  for (let e = 0; e < t; e++) {
+    const a = r[e];
+    f.has(a) || E(a);
+    const d = f.get(a), l = { ...o };
+    typeof l.delay == "function" && (l.delay = l.delay(e, t)), s.push(...g(d, { ...m, transition: l }, {}));
+  }
+  return new c(s);
+}
+const V = (n) => Array.isArray(n) && Array.isArray(n[0]);
+function v(n, m, o) {
+  const i = [];
+  return D(n, m, o).forEach(({ keyframes: t, transition: s }, e) => {
+    let a;
+    S(e) ? a = p(e, t.default, s.default) : a = u(e, t, s), i.push(a);
+  }), new c(i);
+}
+const w = (n) => {
+  function m(o, i, r) {
+    let t;
+    return V(o) ? t = v(o, i, n) : y(i) ? t = u(o, i, r, n) : t = p(o, i, r), n && n.animations.push(t), t;
+  }
+  return m;
+}, q = w();
+export {
+  q as animate,
+  w as createScopedAnimate
+};

package/dist/lyra434.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra434.js","sources":["../node_modules/framer-motion/dist/es/animation/animate.mjs"],"sourcesContent":["import { resolveElements } from '../render/dom/utils/resolve-element.mjs';\nimport { visualElementStore } from '../render/store.mjs';\nimport { invariant } from '../utils/errors.mjs';\nimport { GroupPlaybackControls } from './GroupPlaybackControls.mjs';\nimport { isDOMKeyframes } from './utils/is-dom-keyframes.mjs';\nimport { animateTarget } from './interfaces/visual-element-target.mjs';\nimport { createVisualElement } from './utils/create-visual-element.mjs';\nimport { animateSingleValue } from './interfaces/single-value.mjs';\nimport { createAnimationsFromSequence } from './sequence/create.mjs';\nimport { isMotionValue } from '../value/utils/is-motion-value.mjs';\n\nfunction animateElements(elementOrSelector, keyframes, options, scope) {\n    const elements = resolveElements(elementOrSelector, scope);\n    const numElements = elements.length;\n    invariant(Boolean(numElements), \"No valid element provided.\");\n    const animations = [];\n    for (let i = 0; i < numElements; i++) {\n        const element = elements[i];\n        /**\n         * Check each element for an associated VisualElement. If none exists,\n         * we need to create one.\n         */\n        if (!visualElementStore.has(element)) {\n            /**\n             * TODO: We only need render-specific parts of the VisualElement.\n             * With some additional work the size of the animate() function\n             * could be reduced significantly.\n             */\n            createVisualElement(element);\n        }\n        const visualElement = visualElementStore.get(element);\n        const transition = { ...options };\n        /**\n         * Resolve stagger function if provided.\n         */\n        if (typeof transition.delay === \"function\") {\n            transition.delay = transition.delay(i, numElements);\n        }\n        animations.push(...animateTarget(visualElement, { ...keyframes, transition }, {}));\n    }\n    return new GroupPlaybackControls(animations);\n}\nconst isSequence = (value) => Array.isArray(value) && Array.isArray(value[0]);\nfunction animateSequence(sequence, options, scope) {\n    const animations = [];\n    const animationDefinitions = createAnimationsFromSequence(sequence, options, scope);\n    animationDefinitions.forEach(({ keyframes, transition }, subject) => {\n        let animation;\n        if (isMotionValue(subject)) {\n            animation = animateSingleValue(subject, keyframes.default, transition.default);\n        }\n        else {\n            animation = animateElements(subject, keyframes, transition);\n        }\n        animations.push(animation);\n    });\n    return new GroupPlaybackControls(animations);\n}\nconst createScopedAnimate = (scope) => {\n    /**\n     * Implementation\n     */\n    function scopedAnimate(valueOrElementOrSequence, keyframes, options) {\n        let animation;\n        if (isSequence(valueOrElementOrSequence)) {\n            animation = animateSequence(valueOrElementOrSequence, keyframes, scope);\n        }\n        else if (isDOMKeyframes(keyframes)) {\n            animation = animateElements(valueOrElementOrSequence, keyframes, options, scope);\n        }\n        else {\n            animation = animateSingleValue(valueOrElementOrSequence, keyframes, options);\n        }\n        if (scope) {\n            scope.animations.push(animation);\n        }\n        return animation;\n    }\n    return scopedAnimate;\n};\nconst animate = createScopedAnimate();\n\nexport { animate, createScopedAnimate };\n"],"names":["animateElements","elementOrSelector","keyframes","options","scope","elements","resolveElements","numElements","invariant","animations","i","element","visualElementStore","createVisualElement","visualElement","transition","animateTarget","GroupPlaybackControls","isSequence","value","animateSequence","sequence","createAnimationsFromSequence","subject","animation","isMotionValue","animateSingleValue","createScopedAnimate","scopedAnimate","valueOrElementOrSequence","isDOMKeyframes","animate"],"mappings":";;;;;;;;;;AAWA,SAASA,EAAgBC,GAAmBC,GAAWC,GAASC,GAAO;AACnE,QAAMC,IAAWC,EAAgBL,GAAmBG,CAAK,GACnDG,IAAcF,EAAS;AAC7B,EAAAG,EAAU,EAAQD,GAAc,4BAA4B;AAC5D,QAAME,IAAa,CAAA;AACnB,WAASC,IAAI,GAAGA,IAAIH,GAAaG,KAAK;AAClC,UAAMC,IAAUN,EAASK,CAAC;AAK1B,IAAKE,EAAmB,IAAID,CAAO,KAM/BE,EAAoBF,CAAO;AAE/B,UAAMG,IAAgBF,EAAmB,IAAID,CAAO,GAC9CI,IAAa,EAAE,GAAGZ;AAIxB,IAAI,OAAOY,EAAW,SAAU,eAC5BA,EAAW,QAAQA,EAAW,MAAML,GAAGH,CAAW,IAEtDE,EAAW,KAAK,GAAGO,EAAcF,GAAe,EAAE,GAAGZ,GAAW,YAAAa,EAAU,GAAI,CAAE,CAAA,CAAC;AAAA,EACpF;AACD,SAAO,IAAIE,EAAsBR,CAAU;AAC/C;AACA,MAAMS,IAAa,CAACC,MAAU,MAAM,QAAQA,CAAK,KAAK,MAAM,QAAQA,EAAM,CAAC,CAAC;AAC5E,SAASC,EAAgBC,GAAUlB,GAASC,GAAO;AAC/C,QAAMK,IAAa,CAAA;AAEnB,SAD6Ba,EAA6BD,GAAUlB,GAASC,CAAK,EAC7D,QAAQ,CAAC,EAAE,WAAAF,GAAW,YAAAa,EAAU,GAAIQ,MAAY;AACjE,QAAIC;AACJ,IAAIC,EAAcF,CAAO,IACrBC,IAAYE,EAAmBH,GAASrB,EAAU,SAASa,EAAW,OAAO,IAG7ES,IAAYxB,EAAgBuB,GAASrB,GAAWa,CAAU,GAE9DN,EAAW,KAAKe,CAAS;AAAA,EACjC,CAAK,GACM,IAAIP,EAAsBR,CAAU;AAC/C;AACK,MAACkB,IAAsB,CAACvB,MAAU;AAInC,WAASwB,EAAcC,GAA0B3B,GAAWC,GAAS;AACjE,QAAIqB;AACJ,WAAIN,EAAWW,CAAwB,IACnCL,IAAYJ,EAAgBS,GAA0B3B,GAAWE,CAAK,IAEjE0B,EAAe5B,CAAS,IAC7BsB,IAAYxB,EAAgB6B,GAA0B3B,GAAWC,GAASC,CAAK,IAG/EoB,IAAYE,EAAmBG,GAA0B3B,GAAWC,CAAO,GAE3EC,KACAA,EAAM,WAAW,KAAKoB,CAAS,GAE5BA;AAAA,EACV;AACD,SAAOI;AACX,GACMG,IAAUJ,EAAmB;","x_google_ignoreList":[0]}

package/dist/lyra435.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra527.cjs");exports.warning=e.noop;exports.invariant=e.noop;process.env.NODE_ENV!=="production"&&(exports.warning=(n,o)=>{!n&&typeof console<"u"&&console.warn(o)},exports.invariant=(n,o)=>{if(!n)throw new Error(o)});

package/dist/lyra435.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra435.cjs","sources":["../node_modules/framer-motion/dist/es/utils/errors.mjs"],"sourcesContent":["import { noop } from './noop.mjs';\n\nlet warning = noop;\nlet invariant = noop;\nif (process.env.NODE_ENV !== \"production\") {\n    warning = (check, message) => {\n        if (!check && typeof console !== \"undefined\") {\n            console.warn(message);\n        }\n    };\n    invariant = (check, message) => {\n        if (!check) {\n            throw new Error(message);\n        }\n    };\n}\n\nexport { invariant, warning };\n"],"names":["warning","noop","invariant","check","message"],"mappings":"iHAEIA,QAAAA,QAAUC,EAAK,KACfC,QAAAA,UAAYD,EAAK,KACjB,QAAQ,IAAI,WAAa,eACzBD,gBAAU,CAACG,EAAOC,IAAY,CACtB,CAACD,GAAS,OAAO,QAAY,KAC7B,QAAQ,KAAKC,CAAO,CAEhC,EACIF,kBAAY,CAACC,EAAOC,IAAY,CAC5B,GAAI,CAACD,EACD,MAAM,IAAI,MAAMC,CAAO,CAEnC","x_google_ignoreList":[0]}

package/dist/lyra435.js

@@ -0,0 +1,12 @@
+import { noop as r } from "./lyra527.js";
+let e = r, i = r;
+process.env.NODE_ENV !== "production" && (e = (o, n) => {
+  !o && typeof console < "u" && console.warn(n);
+}, i = (o, n) => {
+  if (!o)
+    throw new Error(n);
+});
+export {
+  i as invariant,
+  e as warning
+};

package/dist/lyra435.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra435.js","sources":["../node_modules/framer-motion/dist/es/utils/errors.mjs"],"sourcesContent":["import { noop } from './noop.mjs';\n\nlet warning = noop;\nlet invariant = noop;\nif (process.env.NODE_ENV !== \"production\") {\n    warning = (check, message) => {\n        if (!check && typeof console !== \"undefined\") {\n            console.warn(message);\n        }\n    };\n    invariant = (check, message) => {\n        if (!check) {\n            throw new Error(message);\n        }\n    };\n}\n\nexport { invariant, warning };\n"],"names":["warning","noop","invariant","check","message"],"mappings":";AAEG,IAACA,IAAUC,GACVC,IAAYD;AACZ,QAAQ,IAAI,aAAa,iBACzBD,IAAU,CAACG,GAAOC,MAAY;AAC1B,EAAI,CAACD,KAAS,OAAO,UAAY,OAC7B,QAAQ,KAAKC,CAAO;AAEhC,GACIF,IAAY,CAACC,GAAOC,MAAY;AAC5B,MAAI,CAACD;AACD,UAAM,IAAI,MAAMC,CAAO;AAEnC;","x_google_ignoreList":[0]}

package/dist/lyra436.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra309.cjs"),t=e.cva(["w-8 h-8 inline-flex justify-center items-center rounded-[--date-picker-cell-radius] outline-none"],{variants:{isFocused:{true:"ring-1 ring-offset-1 dark:ring-offset-neutral-1 ring-primary-3"},isInvalid:{true:""},isHovered:{true:"bg-[--date-picker-cell-hovered-bg-color] text-[--date-picker-cell-hovered-text-color]"},isSelected:{true:"bg-[--date-picker-cell-selected-bg-color] text-[--date-picker-cell-selected-text-color]"},isUnavailable:{true:"text-[--date-picker-cell-unavailable-text-color] cursor-default"},isDisabled:{true:"text-neutral-5"},isOutsideMonth:{true:"text-[--date-picker-cell-outside-month-text-color] cursor-default"}},compoundVariants:[{isSelected:!0,isHovered:!0,className:"bg-[--date-picker-cell-selected-hovered-bg-color] text-[--date-picker-cell-selected-hovered-text-color]"},{isHovered:!0,isUnavailable:!0,className:"bg-transparent"}]});exports.dateCellStyles=t;

package/dist/lyra436.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra436.cjs","sources":["../src/components/inputs/date-picker/date-picker.styles.ts"],"sourcesContent":["import { cva } from \"../../../utils/class-variance-authority\";\n\nexport const dateCellStyles = cva(\n  [\n    \"w-8 h-8 inline-flex justify-center items-center rounded-[--date-picker-cell-radius] outline-none\",\n  ],\n  {\n    variants: {\n      isFocused: {\n        true: \"ring-1 ring-offset-1 dark:ring-offset-neutral-1 ring-primary-3\",\n      },\n      isInvalid: {\n        true: \"\",\n      },\n      isHovered: {\n        true: \"bg-[--date-picker-cell-hovered-bg-color] text-[--date-picker-cell-hovered-text-color]\",\n      },\n      isSelected: {\n        true: \"bg-[--date-picker-cell-selected-bg-color] text-[--date-picker-cell-selected-text-color]\",\n      },\n      isUnavailable: {\n        true: \"text-[--date-picker-cell-unavailable-text-color] cursor-default\",\n      },\n      isDisabled: {\n        true: \"text-neutral-5\",\n      },\n      isOutsideMonth: {\n        true: \"text-[--date-picker-cell-outside-month-text-color] cursor-default\",\n      },\n    },\n    compoundVariants: [\n      {\n        isSelected: true,\n        isHovered: true,\n        className:\n          \"bg-[--date-picker-cell-selected-hovered-bg-color] text-[--date-picker-cell-selected-hovered-text-color]\",\n      },\n      {\n        isHovered: true,\n        isUnavailable: true,\n        className: \"bg-transparent\",\n      },\n    ],\n  },\n);\n"],"names":["dateCellStyles","cva"],"mappings":"iHAEaA,EAAiBC,EAAA,IAC5B,CACE,kGACF,EACA,CACE,SAAU,CACR,UAAW,CACT,KAAM,gEACR,EACA,UAAW,CACT,KAAM,EACR,EACA,UAAW,CACT,KAAM,uFACR,EACA,WAAY,CACV,KAAM,yFACR,EACA,cAAe,CACb,KAAM,iEACR,EACA,WAAY,CACV,KAAM,gBACR,EACA,eAAgB,CACd,KAAM,mEACR,CACF,EACA,iBAAkB,CAChB,CACE,WAAY,GACZ,UAAW,GACX,UACE,yGACJ,EACA,CACE,UAAW,GACX,cAAe,GACf,UAAW,gBACb,CACF,CACF,CACF"}

package/dist/lyra436.js

@@ -0,0 +1,46 @@
+import { cva as e } from "./lyra309.js";
+const r = e(
+  [
+    "w-8 h-8 inline-flex justify-center items-center rounded-[--date-picker-cell-radius] outline-none"
+  ],
+  {
+    variants: {
+      isFocused: {
+        true: "ring-1 ring-offset-1 dark:ring-offset-neutral-1 ring-primary-3"
+      },
+      isInvalid: {
+        true: ""
+      },
+      isHovered: {
+        true: "bg-[--date-picker-cell-hovered-bg-color] text-[--date-picker-cell-hovered-text-color]"
+      },
+      isSelected: {
+        true: "bg-[--date-picker-cell-selected-bg-color] text-[--date-picker-cell-selected-text-color]"
+      },
+      isUnavailable: {
+        true: "text-[--date-picker-cell-unavailable-text-color] cursor-default"
+      },
+      isDisabled: {
+        true: "text-neutral-5"
+      },
+      isOutsideMonth: {
+        true: "text-[--date-picker-cell-outside-month-text-color] cursor-default"
+      }
+    },
+    compoundVariants: [
+      {
+        isSelected: !0,
+        isHovered: !0,
+        className: "bg-[--date-picker-cell-selected-hovered-bg-color] text-[--date-picker-cell-selected-hovered-text-color]"
+      },
+      {
+        isHovered: !0,
+        isUnavailable: !0,
+        className: "bg-transparent"
+      }
+    ]
+  }
+);
+export {
+  r as dateCellStyles
+};

package/dist/lyra436.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra436.js","sources":["../src/components/inputs/date-picker/date-picker.styles.ts"],"sourcesContent":["import { cva } from \"../../../utils/class-variance-authority\";\n\nexport const dateCellStyles = cva(\n  [\n    \"w-8 h-8 inline-flex justify-center items-center rounded-[--date-picker-cell-radius] outline-none\",\n  ],\n  {\n    variants: {\n      isFocused: {\n        true: \"ring-1 ring-offset-1 dark:ring-offset-neutral-1 ring-primary-3\",\n      },\n      isInvalid: {\n        true: \"\",\n      },\n      isHovered: {\n        true: \"bg-[--date-picker-cell-hovered-bg-color] text-[--date-picker-cell-hovered-text-color]\",\n      },\n      isSelected: {\n        true: \"bg-[--date-picker-cell-selected-bg-color] text-[--date-picker-cell-selected-text-color]\",\n      },\n      isUnavailable: {\n        true: \"text-[--date-picker-cell-unavailable-text-color] cursor-default\",\n      },\n      isDisabled: {\n        true: \"text-neutral-5\",\n      },\n      isOutsideMonth: {\n        true: \"text-[--date-picker-cell-outside-month-text-color] cursor-default\",\n      },\n    },\n    compoundVariants: [\n      {\n        isSelected: true,\n        isHovered: true,\n        className:\n          \"bg-[--date-picker-cell-selected-hovered-bg-color] text-[--date-picker-cell-selected-hovered-text-color]\",\n      },\n      {\n        isHovered: true,\n        isUnavailable: true,\n        className: \"bg-transparent\",\n      },\n    ],\n  },\n);\n"],"names":["dateCellStyles","cva"],"mappings":";AAEO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,IACE;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,MACR;AAAA,MACA,eAAe;AAAA,QACb,MAAM;AAAA,MACR;AAAA,MACA,YAAY;AAAA,QACV,MAAM;AAAA,MACR;AAAA,MACA,gBAAgB;AAAA,QACd,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,WACE;AAAA,MACJ;AAAA,MACA;AAAA,QACE,WAAW;AAAA,QACX,eAAe;AAAA,QACf,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;"}

package/dist/lyra437.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/lyra437.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra437.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lyra437.js

@@ -0,0 +1 @@
+

package/dist/lyra437.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra437.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lyra438.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra309.cjs");require("./lyra611.cjs");const r=o.cva(["flex","gap-x-[--radio-group-gap-x]","gap-y-[--radio-group-gap-y]"],{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col"},color:{monochrome:["[--radio-color:--radio-color-monochrome]","[--radio-color-light:--radio-color-monochrome-light]","[--radio-color-dark:--radio-color-monochrome-dark]","[--radio-color-foreground:--radio-color-monochrome-foreground]","[--radio-color-opacity-1:--radio-color-monochrome-opacity]","[--radio-color-opacity-2:--radio-color-monochrome-opacity-2]"],primary:["[--radio-color:--radio-color-primary]","[--radio-color-light:--radio-color-primary-light]","[--radio-color-dark:--radio-color-primary-dark]","[--radio-color-foreground:--radio-color-primary-foreground]","[--radio-color-opacity-1:--radio-color-primary-opacity-1]","[--radio-color-opacity-2:--radio-color-primary-opacity-2]"],success:["[--radio-color:--radio-color-success]","[--radio-color-light:--radio-color-success-light]","[--radio-color-dark:--radio-color-success-dark]","[--radio-color-foreground:--radio-color-success-foreground]","[--radio-color-opacity-1:--radio-color-success-opacity-1]","[--radio-color-opacity-2:--radio-color-success-opacity-2]"],danger:["[--radio-color:--radio-color-danger]","[--radio-color-light:--radio-color-danger-light]","[--radio-color-dark:--radio-color-danger-dark]","[--radio-color-foreground:--radio-color-danger-foreground]","[--radio-color-opacity-1:--radio-color-danger-opacity-1]","[--radio-color-opacity-2:--radio-color-danger-opacity-2]"],warning:["[--radio-color:--radio-color-warning]","[--radio-color-light:--radio-color-warning-light]","[--radio-color-dark:--radio-color-warning-dark]","[--radio-color-foreground:--radio-color-warning-foreground]","[--radio-color-opacity-1:--radio-color-warning-opacity-1]","[--radio-color-opacity-2:--radio-color-warning-opacity-2]"]}},defaultVariants:{orientation:"vertical",color:"primary"}}),a=o.cva(["flex","items-center","justify-center","w-[--radio-size]","h-[--radio-size]","rounded-[--radio-radius]","outline-none","transition-all","ease-out","duration-100"],{variants:{isSelected:{true:["bg-[--radio-color]","border-[--radio-color]","text-[--radio-color-foreground]"],false:["bg-transparent","border-solid","border-2","border-neutral-4"]},isDisabled:{true:["cursor-not-allowed","opacity-25"]},isHovered:{true:""},isPressed:{true:""},isFocusVisible:{true:["ring ring-[--radio-color-opacity-2]","border-[--radio-color]"]}},compoundVariants:[{isHovered:!0,isSelected:!1,isDisabled:!1,isPressed:!1,className:["!bg-[--radio-color-opacity-1]","!border-[var(--radio-color)]"]},{isHovered:!0,isSelected:!0,isDisabled:!1,className:["bg-[--radio-color-light]","border-[var(--radio-color-light)]"]},{isPressed:!0,isSelected:!1,isDisabled:!1,className:[["bg-[--radio-color-opacity-2]","!border-[var(--radio-color)]"]]},{isPressed:!0,isSelected:!0,isDisabled:!1,className:[["!bg-[--radio-color-dark]"]]}]});exports.radioGroupStyles=r;exports.radioStyles=a;

package/dist/lyra438.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra438.cjs","sources":["../src/components/inputs/radio-group/radio.styles.ts"],"sourcesContent":["import { cva } from \"../../../utils/class-variance-authority\";\n\nimport \"./radio-group.vars.css\";\n\nexport const radioGroupStyles = cva(\n  [\"flex\", \"gap-x-[--radio-group-gap-x]\", \"gap-y-[--radio-group-gap-y]\"],\n  {\n    variants: {\n      orientation: {\n        horizontal: \"flex-row\",\n        vertical: \"flex-col\",\n      },\n      color: {\n        monochrome: [\n          \"[--radio-color:--radio-color-monochrome]\",\n          \"[--radio-color-light:--radio-color-monochrome-light]\",\n          \"[--radio-color-dark:--radio-color-monochrome-dark]\",\n          \"[--radio-color-foreground:--radio-color-monochrome-foreground]\",\n          \"[--radio-color-opacity-1:--radio-color-monochrome-opacity]\",\n          \"[--radio-color-opacity-2:--radio-color-monochrome-opacity-2]\",\n        ],\n        primary: [\n          \"[--radio-color:--radio-color-primary]\",\n          \"[--radio-color-light:--radio-color-primary-light]\",\n          \"[--radio-color-dark:--radio-color-primary-dark]\",\n          \"[--radio-color-foreground:--radio-color-primary-foreground]\",\n          \"[--radio-color-opacity-1:--radio-color-primary-opacity-1]\",\n          \"[--radio-color-opacity-2:--radio-color-primary-opacity-2]\",\n        ],\n        success: [\n          \"[--radio-color:--radio-color-success]\",\n          \"[--radio-color-light:--radio-color-success-light]\",\n          \"[--radio-color-dark:--radio-color-success-dark]\",\n          \"[--radio-color-foreground:--radio-color-success-foreground]\",\n          \"[--radio-color-opacity-1:--radio-color-success-opacity-1]\",\n          \"[--radio-color-opacity-2:--radio-color-success-opacity-2]\",\n        ],\n        danger: [\n          \"[--radio-color:--radio-color-danger]\",\n          \"[--radio-color-light:--radio-color-danger-light]\",\n          \"[--radio-color-dark:--radio-color-danger-dark]\",\n          \"[--radio-color-foreground:--radio-color-danger-foreground]\",\n          \"[--radio-color-opacity-1:--radio-color-danger-opacity-1]\",\n          \"[--radio-color-opacity-2:--radio-color-danger-opacity-2]\",\n        ],\n        warning: [\n          \"[--radio-color:--radio-color-warning]\",\n          \"[--radio-color-light:--radio-color-warning-light]\",\n          \"[--radio-color-dark:--radio-color-warning-dark]\",\n          \"[--radio-color-foreground:--radio-color-warning-foreground]\",\n          \"[--radio-color-opacity-1:--radio-color-warning-opacity-1]\",\n          \"[--radio-color-opacity-2:--radio-color-warning-opacity-2]\",\n        ],\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n      color: \"primary\",\n    },\n  },\n);\n\nexport const radioStyles = cva(\n  [\n    \"flex\",\n    \"items-center\",\n    \"justify-center\",\n    \"w-[--radio-size]\",\n    \"h-[--radio-size]\",\n    \"rounded-[--radio-radius]\",\n    \"outline-none\",\n    \"transition-all\",\n    \"ease-out\",\n    \"duration-100\",\n  ],\n  {\n    variants: {\n      isSelected: {\n        true: [\"bg-[--radio-color]\", \"border-[--radio-color]\", \"text-[--radio-color-foreground]\"],\n        false: [\"bg-transparent\", \"border-solid\", \"border-2\", \"border-neutral-4\"],\n      },\n      isDisabled: {\n        true: [\"cursor-not-allowed\", \"opacity-25\"],\n      },\n      isHovered: {\n        true: \"\",\n      },\n      isPressed: {\n        true: \"\",\n      },\n      isFocusVisible: {\n        true: [\"ring ring-[--radio-color-opacity-2]\", \"border-[--radio-color]\"],\n      },\n    },\n    compoundVariants: [\n      {\n        isHovered: true,\n        isSelected: false,\n        isDisabled: false,\n        isPressed: false,\n        className: [\"!bg-[--radio-color-opacity-1]\", \"!border-[var(--radio-color)]\"],\n      },\n      {\n        isHovered: true,\n        isSelected: true,\n        isDisabled: false,\n        className: [\"bg-[--radio-color-light]\", \"border-[var(--radio-color-light)]\"],\n      },\n      {\n        isPressed: true,\n        isSelected: false,\n        isDisabled: false,\n        className: [[\"bg-[--radio-color-opacity-2]\", \"!border-[var(--radio-color)]\"]],\n      },\n      {\n        isPressed: true,\n        isSelected: true,\n        isDisabled: false,\n        className: [[\"!bg-[--radio-color-dark]\"]],\n      },\n    ],\n  },\n);\n"],"names":["radioGroupStyles","cva","radioStyles"],"mappings":"0IAIO,MAAMA,EAAmBC,EAAA,IAC9B,CAAC,OAAQ,8BAA+B,6BAA6B,EACrE,CACE,SAAU,CACR,YAAa,CACX,WAAY,WACZ,SAAU,UACZ,EACA,MAAO,CACL,WAAY,CACV,2CACA,uDACA,qDACA,iEACA,6DACA,8DACF,EACA,QAAS,CACP,wCACA,oDACA,kDACA,8DACA,4DACA,2DACF,EACA,QAAS,CACP,wCACA,oDACA,kDACA,8DACA,4DACA,2DACF,EACA,OAAQ,CACN,uCACA,mDACA,iDACA,6DACA,2DACA,0DACF,EACA,QAAS,CACP,wCACA,oDACA,kDACA,8DACA,4DACA,2DACF,CACF,CACF,EACA,gBAAiB,CACf,YAAa,WACb,MAAO,SACT,CACF,CACF,EAEaC,EAAcD,EAAA,IACzB,CACE,OACA,eACA,iBACA,mBACA,mBACA,2BACA,eACA,iBACA,WACA,cACF,EACA,CACE,SAAU,CACR,WAAY,CACV,KAAM,CAAC,qBAAsB,yBAA0B,iCAAiC,EACxF,MAAO,CAAC,iBAAkB,eAAgB,WAAY,kBAAkB,CAC1E,EACA,WAAY,CACV,KAAM,CAAC,qBAAsB,YAAY,CAC3C,EACA,UAAW,CACT,KAAM,EACR,EACA,UAAW,CACT,KAAM,EACR,EACA,eAAgB,CACd,KAAM,CAAC,sCAAuC,wBAAwB,CACxE,CACF,EACA,iBAAkB,CAChB,CACE,UAAW,GACX,WAAY,GACZ,WAAY,GACZ,UAAW,GACX,UAAW,CAAC,gCAAiC,8BAA8B,CAC7E,EACA,CACE,UAAW,GACX,WAAY,GACZ,WAAY,GACZ,UAAW,CAAC,2BAA4B,mCAAmC,CAC7E,EACA,CACE,UAAW,GACX,WAAY,GACZ,WAAY,GACZ,UAAW,CAAC,CAAC,+BAAgC,8BAA8B,CAAC,CAC9E,EACA,CACE,UAAW,GACX,WAAY,GACZ,WAAY,GACZ,UAAW,CAAC,CAAC,0BAA0B,CAAC,CAC1C,CACF,CACF,CACF"}

package/dist/lyra438.js

@@ -0,0 +1,123 @@
+import { cva as o } from "./lyra309.js";
+import "./lyra611.js";
+const i = o(
+  ["flex", "gap-x-[--radio-group-gap-x]", "gap-y-[--radio-group-gap-y]"],
+  {
+    variants: {
+      orientation: {
+        horizontal: "flex-row",
+        vertical: "flex-col"
+      },
+      color: {
+        monochrome: [
+          "[--radio-color:--radio-color-monochrome]",
+          "[--radio-color-light:--radio-color-monochrome-light]",
+          "[--radio-color-dark:--radio-color-monochrome-dark]",
+          "[--radio-color-foreground:--radio-color-monochrome-foreground]",
+          "[--radio-color-opacity-1:--radio-color-monochrome-opacity]",
+          "[--radio-color-opacity-2:--radio-color-monochrome-opacity-2]"
+        ],
+        primary: [
+          "[--radio-color:--radio-color-primary]",
+          "[--radio-color-light:--radio-color-primary-light]",
+          "[--radio-color-dark:--radio-color-primary-dark]",
+          "[--radio-color-foreground:--radio-color-primary-foreground]",
+          "[--radio-color-opacity-1:--radio-color-primary-opacity-1]",
+          "[--radio-color-opacity-2:--radio-color-primary-opacity-2]"
+        ],
+        success: [
+          "[--radio-color:--radio-color-success]",
+          "[--radio-color-light:--radio-color-success-light]",
+          "[--radio-color-dark:--radio-color-success-dark]",
+          "[--radio-color-foreground:--radio-color-success-foreground]",
+          "[--radio-color-opacity-1:--radio-color-success-opacity-1]",
+          "[--radio-color-opacity-2:--radio-color-success-opacity-2]"
+        ],
+        danger: [
+          "[--radio-color:--radio-color-danger]",
+          "[--radio-color-light:--radio-color-danger-light]",
+          "[--radio-color-dark:--radio-color-danger-dark]",
+          "[--radio-color-foreground:--radio-color-danger-foreground]",
+          "[--radio-color-opacity-1:--radio-color-danger-opacity-1]",
+          "[--radio-color-opacity-2:--radio-color-danger-opacity-2]"
+        ],
+        warning: [
+          "[--radio-color:--radio-color-warning]",
+          "[--radio-color-light:--radio-color-warning-light]",
+          "[--radio-color-dark:--radio-color-warning-dark]",
+          "[--radio-color-foreground:--radio-color-warning-foreground]",
+          "[--radio-color-opacity-1:--radio-color-warning-opacity-1]",
+          "[--radio-color-opacity-2:--radio-color-warning-opacity-2]"
+        ]
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical",
+      color: "primary"
+    }
+  }
+), d = o(
+  [
+    "flex",
+    "items-center",
+    "justify-center",
+    "w-[--radio-size]",
+    "h-[--radio-size]",
+    "rounded-[--radio-radius]",
+    "outline-none",
+    "transition-all",
+    "ease-out",
+    "duration-100"
+  ],
+  {
+    variants: {
+      isSelected: {
+        true: ["bg-[--radio-color]", "border-[--radio-color]", "text-[--radio-color-foreground]"],
+        false: ["bg-transparent", "border-solid", "border-2", "border-neutral-4"]
+      },
+      isDisabled: {
+        true: ["cursor-not-allowed", "opacity-25"]
+      },
+      isHovered: {
+        true: ""
+      },
+      isPressed: {
+        true: ""
+      },
+      isFocusVisible: {
+        true: ["ring ring-[--radio-color-opacity-2]", "border-[--radio-color]"]
+      }
+    },
+    compoundVariants: [
+      {
+        isHovered: !0,
+        isSelected: !1,
+        isDisabled: !1,
+        isPressed: !1,
+        className: ["!bg-[--radio-color-opacity-1]", "!border-[var(--radio-color)]"]
+      },
+      {
+        isHovered: !0,
+        isSelected: !0,
+        isDisabled: !1,
+        className: ["bg-[--radio-color-light]", "border-[var(--radio-color-light)]"]
+      },
+      {
+        isPressed: !0,
+        isSelected: !1,
+        isDisabled: !1,
+        className: [["bg-[--radio-color-opacity-2]", "!border-[var(--radio-color)]"]]
+      },
+      {
+        isPressed: !0,
+        isSelected: !0,
+        isDisabled: !1,
+        className: [["!bg-[--radio-color-dark]"]]
+      }
+    ]
+  }
+);
+export {
+  i as radioGroupStyles,
+  d as radioStyles
+};

package/dist/lyra438.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra438.js","sources":["../src/components/inputs/radio-group/radio.styles.ts"],"sourcesContent":["import { cva } from \"../../../utils/class-variance-authority\";\n\nimport \"./radio-group.vars.css\";\n\nexport const radioGroupStyles = cva(\n  [\"flex\", \"gap-x-[--radio-group-gap-x]\", \"gap-y-[--radio-group-gap-y]\"],\n  {\n    variants: {\n      orientation: {\n        horizontal: \"flex-row\",\n        vertical: \"flex-col\",\n      },\n      color: {\n        monochrome: [\n          \"[--radio-color:--radio-color-monochrome]\",\n          \"[--radio-color-light:--radio-color-monochrome-light]\",\n          \"[--radio-color-dark:--radio-color-monochrome-dark]\",\n          \"[--radio-color-foreground:--radio-color-monochrome-foreground]\",\n          \"[--radio-color-opacity-1:--radio-color-monochrome-opacity]\",\n          \"[--radio-color-opacity-2:--radio-color-monochrome-opacity-2]\",\n        ],\n        primary: [\n          \"[--radio-color:--radio-color-primary]\",\n          \"[--radio-color-light:--radio-color-primary-light]\",\n          \"[--radio-color-dark:--radio-color-primary-dark]\",\n          \"[--radio-color-foreground:--radio-color-primary-foreground]\",\n          \"[--radio-color-opacity-1:--radio-color-primary-opacity-1]\",\n          \"[--radio-color-opacity-2:--radio-color-primary-opacity-2]\",\n        ],\n        success: [\n          \"[--radio-color:--radio-color-success]\",\n          \"[--radio-color-light:--radio-color-success-light]\",\n          \"[--radio-color-dark:--radio-color-success-dark]\",\n          \"[--radio-color-foreground:--radio-color-success-foreground]\",\n          \"[--radio-color-opacity-1:--radio-color-success-opacity-1]\",\n          \"[--radio-color-opacity-2:--radio-color-success-opacity-2]\",\n        ],\n        danger: [\n          \"[--radio-color:--radio-color-danger]\",\n          \"[--radio-color-light:--radio-color-danger-light]\",\n          \"[--radio-color-dark:--radio-color-danger-dark]\",\n          \"[--radio-color-foreground:--radio-color-danger-foreground]\",\n          \"[--radio-color-opacity-1:--radio-color-danger-opacity-1]\",\n          \"[--radio-color-opacity-2:--radio-color-danger-opacity-2]\",\n        ],\n        warning: [\n          \"[--radio-color:--radio-color-warning]\",\n          \"[--radio-color-light:--radio-color-warning-light]\",\n          \"[--radio-color-dark:--radio-color-warning-dark]\",\n          \"[--radio-color-foreground:--radio-color-warning-foreground]\",\n          \"[--radio-color-opacity-1:--radio-color-warning-opacity-1]\",\n          \"[--radio-color-opacity-2:--radio-color-warning-opacity-2]\",\n        ],\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n      color: \"primary\",\n    },\n  },\n);\n\nexport const radioStyles = cva(\n  [\n    \"flex\",\n    \"items-center\",\n    \"justify-center\",\n    \"w-[--radio-size]\",\n    \"h-[--radio-size]\",\n    \"rounded-[--radio-radius]\",\n    \"outline-none\",\n    \"transition-all\",\n    \"ease-out\",\n    \"duration-100\",\n  ],\n  {\n    variants: {\n      isSelected: {\n        true: [\"bg-[--radio-color]\", \"border-[--radio-color]\", \"text-[--radio-color-foreground]\"],\n        false: [\"bg-transparent\", \"border-solid\", \"border-2\", \"border-neutral-4\"],\n      },\n      isDisabled: {\n        true: [\"cursor-not-allowed\", \"opacity-25\"],\n      },\n      isHovered: {\n        true: \"\",\n      },\n      isPressed: {\n        true: \"\",\n      },\n      isFocusVisible: {\n        true: [\"ring ring-[--radio-color-opacity-2]\", \"border-[--radio-color]\"],\n      },\n    },\n    compoundVariants: [\n      {\n        isHovered: true,\n        isSelected: false,\n        isDisabled: false,\n        isPressed: false,\n        className: [\"!bg-[--radio-color-opacity-1]\", \"!border-[var(--radio-color)]\"],\n      },\n      {\n        isHovered: true,\n        isSelected: true,\n        isDisabled: false,\n        className: [\"bg-[--radio-color-light]\", \"border-[var(--radio-color-light)]\"],\n      },\n      {\n        isPressed: true,\n        isSelected: false,\n        isDisabled: false,\n        className: [[\"bg-[--radio-color-opacity-2]\", \"!border-[var(--radio-color)]\"]],\n      },\n      {\n        isPressed: true,\n        isSelected: true,\n        isDisabled: false,\n        className: [[\"!bg-[--radio-color-dark]\"]],\n      },\n    ],\n  },\n);\n"],"names":["radioGroupStyles","cva","radioStyles"],"mappings":";;AAIO,MAAMA,IAAmBC;AAAA,EAC9B,CAAC,QAAQ,+BAA+B,6BAA6B;AAAA,EACrE;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,YAAY;AAAA,QACZ,UAAU;AAAA,MACZ;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,QAAQ;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,aAAa;AAAA,MACb,OAAO;AAAA,IACT;AAAA,EACF;AACF,GAEaC,IAAcD;AAAA,EACzB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,YAAY;AAAA,QACV,MAAM,CAAC,sBAAsB,0BAA0B,iCAAiC;AAAA,QACxF,OAAO,CAAC,kBAAkB,gBAAgB,YAAY,kBAAkB;AAAA,MAC1E;AAAA,MACA,YAAY;AAAA,QACV,MAAM,CAAC,sBAAsB,YAAY;AAAA,MAC3C;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,MACA,gBAAgB;AAAA,QACd,MAAM,CAAC,uCAAuC,wBAAwB;AAAA,MACxE;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,WAAW,CAAC,iCAAiC,8BAA8B;AAAA,MAC7E;AAAA,MACA;AAAA,QACE,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,WAAW,CAAC,4BAA4B,mCAAmC;AAAA,MAC7E;AAAA,MACA;AAAA,QACE,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,WAAW,CAAC,CAAC,gCAAgC,8BAA8B,CAAC;AAAA,MAC9E;AAAA,MACA;AAAA,QACE,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,WAAW,CAAC,CAAC,0BAA0B,CAAC;AAAA,MAC1C;AAAA,IACF;AAAA,EACF;AACF;"}

package/dist/lyra439.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra309.cjs");require("./lyra322.cjs");const e=t.cva(["lyra-list-box","py-[--list-box-item-padding-y]","ps-[--list-box-item-padding-start]","pe-[--list-box-item-padding-end]","flex","bg-[--list-box-item-bg-color]","text-[--list-box-item-text-color]","text-[--list-box-item-text-size]","font-[--list-box-item-text-weight]","rounded-[--list-box-item-radius]","outline-none"],{variants:{active:{true:["bg-[--list-box-item-bg-color-active]","text-[--list-box-item-text-color-active]"]},selected:{true:[]},disabled:{true:["text-[--list-box-item-text-color-disabled]","bg-[--list-box-item-bg-color-disabled]","cursor-not-allowed"]}}});exports.listBoxItemStyles=e;

package/dist/lyra439.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra439.cjs","sources":["../src/components/list-box/list-box-styles2.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nimport \"./list-box-vars.css\";\n// Temp file that wii be named to list-box.styles.ts when select is ready for release.\n\nexport const listBoxStyles = cva(\n  [\n    \"lyra-list-box\",\n    \"flex\",\n    \"flex-col\",\n    \"gap-y-[--list-box-row-gap]\",\n    \"w-full\",\n    \"px-[--list-box-padding-x]\",\n    \"py-[--list-box-padding-y]\",\n    \"outline-none\",\n    \"max-h-96\",\n    \"overflow-auto\",\n  ],\n  {\n    variants: {},\n  },\n);\n\nexport const listBoxItemStyles = cva(\n  [\n    \"lyra-list-box\",\n    \"py-[--list-box-item-padding-y]\",\n    \"ps-[--list-box-item-padding-start]\",\n    \"pe-[--list-box-item-padding-end]\",\n    \"flex\",\n    \"bg-[--list-box-item-bg-color]\",\n    \"text-[--list-box-item-text-color]\",\n    \"text-[--list-box-item-text-size]\",\n    \"font-[--list-box-item-text-weight]\",\n    \"rounded-[--list-box-item-radius]\",\n    \"outline-none\",\n  ],\n  {\n    variants: {\n      active: {\n        true: [\"bg-[--list-box-item-bg-color-active]\", \"text-[--list-box-item-text-color-active]\"],\n      },\n      selected: {\n        true: [],\n      },\n      disabled: {\n        true: [\n          \"text-[--list-box-item-text-color-disabled]\",\n          \"bg-[--list-box-item-bg-color-disabled]\",\n          \"cursor-not-allowed\",\n        ],\n      },\n    },\n  },\n);\n"],"names":["listBoxItemStyles","cva"],"mappings":"0IAuBO,MAAMA,EAAoBC,EAAA,IAC/B,CACE,gBACA,iCACA,qCACA,mCACA,OACA,gCACA,oCACA,mCACA,qCACA,mCACA,cACF,EACA,CACE,SAAU,CACR,OAAQ,CACN,KAAM,CAAC,uCAAwC,0CAA0C,CAC3F,EACA,SAAU,CACR,KAAM,CAAC,CACT,EACA,SAAU,CACR,KAAM,CACJ,6CACA,yCACA,oBACF,CACF,CACF,CACF,CACF"}

package/dist/lyra439.js

@@ -0,0 +1,37 @@
+import { cva as t } from "./lyra309.js";
+import "./lyra322.js";
+const o = t(
+  [
+    "lyra-list-box",
+    "py-[--list-box-item-padding-y]",
+    "ps-[--list-box-item-padding-start]",
+    "pe-[--list-box-item-padding-end]",
+    "flex",
+    "bg-[--list-box-item-bg-color]",
+    "text-[--list-box-item-text-color]",
+    "text-[--list-box-item-text-size]",
+    "font-[--list-box-item-text-weight]",
+    "rounded-[--list-box-item-radius]",
+    "outline-none"
+  ],
+  {
+    variants: {
+      active: {
+        true: ["bg-[--list-box-item-bg-color-active]", "text-[--list-box-item-text-color-active]"]
+      },
+      selected: {
+        true: []
+      },
+      disabled: {
+        true: [
+          "text-[--list-box-item-text-color-disabled]",
+          "bg-[--list-box-item-bg-color-disabled]",
+          "cursor-not-allowed"
+        ]
+      }
+    }
+  }
+);
+export {
+  o as listBoxItemStyles
+};

package/dist/lyra439.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra439.js","sources":["../src/components/list-box/list-box-styles2.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nimport \"./list-box-vars.css\";\n// Temp file that wii be named to list-box.styles.ts when select is ready for release.\n\nexport const listBoxStyles = cva(\n  [\n    \"lyra-list-box\",\n    \"flex\",\n    \"flex-col\",\n    \"gap-y-[--list-box-row-gap]\",\n    \"w-full\",\n    \"px-[--list-box-padding-x]\",\n    \"py-[--list-box-padding-y]\",\n    \"outline-none\",\n    \"max-h-96\",\n    \"overflow-auto\",\n  ],\n  {\n    variants: {},\n  },\n);\n\nexport const listBoxItemStyles = cva(\n  [\n    \"lyra-list-box\",\n    \"py-[--list-box-item-padding-y]\",\n    \"ps-[--list-box-item-padding-start]\",\n    \"pe-[--list-box-item-padding-end]\",\n    \"flex\",\n    \"bg-[--list-box-item-bg-color]\",\n    \"text-[--list-box-item-text-color]\",\n    \"text-[--list-box-item-text-size]\",\n    \"font-[--list-box-item-text-weight]\",\n    \"rounded-[--list-box-item-radius]\",\n    \"outline-none\",\n  ],\n  {\n    variants: {\n      active: {\n        true: [\"bg-[--list-box-item-bg-color-active]\", \"text-[--list-box-item-text-color-active]\"],\n      },\n      selected: {\n        true: [],\n      },\n      disabled: {\n        true: [\n          \"text-[--list-box-item-text-color-disabled]\",\n          \"bg-[--list-box-item-bg-color-disabled]\",\n          \"cursor-not-allowed\",\n        ],\n      },\n    },\n  },\n);\n"],"names":["listBoxItemStyles","cva"],"mappings":";;AAuBO,MAAMA,IAAoBC;AAAA,EAC/B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,MAAM,CAAC,wCAAwC,0CAA0C;AAAA,MAC3F;AAAA,MACA,UAAU;AAAA,QACR,MAAM,CAAC;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;"}

package/dist/lyra44.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra99.cjs");require("./lyra101.cjs");const t=e.cva(["lyra-text"],{variants:{color:{primary:"text-neutral-foreground-1",secondary:"text-neutral-6",white:"text-neutral-0",disabled:"text-neutral-4","accent-primary":"text-primary","accent-success":"text-success","accent-warning":"text-warning","accent-danger":"text-danger"},variant:{"heading-1":["text-[length:--text-heading-1-size]","leading-[--text-heading-1-line-height]","font-[--text-heading-1-weight]","tracking-[--text-heading-1-letter-spacing]","font-heading"],"heading-2":["text-[length:--text-heading-2-size]","leading-[--text-heading-2-line-height]","font-[--text-heading-2-weight]","tracking-[--text-heading-2-letter-spacing]","font-heading"],"heading-3":["text-[length:--text-heading-3-size]","leading-[--text-heading-3-line-height]","font-[--text-heading-3-weight]","tracking-[--text-heading-3-letter-spacing]","font-heading"],"heading-4":["text-[length:--text-heading-4-size]","leading-[--text-heading-4-line-height]","font-[--text-heading-4-weight]","tracking-[--text-heading-4-letter-spacing]","font-heading"],"heading-5":["text-[length:--text-heading-5-size]","leading-[--text-heading-5-line-height]","font-[--text-heading-5-weight]","tracking-[--text-heading-5-letter-spacing]","font-heading"],"heading-6":["text-[length:--text-heading-6-size]","leading-[--text-heading-6-line-height]","font-[--text-heading-6-weight]","tracking-[--text-heading-6-letter-spacing]","font-heading"],"body-large":["text-[length:--text-body-large-size]","leading-[--text-body-large-line-height]","font-[--text-body-large-weight]","tracking-[--text-body-large-letter-spacing]","font-sans"],"body-medium":["text-[length:--text-body-medium-size]","leading-[--text-body-medium-line-height]","font-[--text-body-medium-weight]","tracking-[--text-body-medium-letter-spacing]","font-sans"],"body-small":["text-[length:--text-body-small-size]","leading-[--text-body-small-line-height]","font-[--text-body-small-weight]","tracking-[--text-body-small-letter-spacing]","font-sans"],badge:["text-[length:--text-badge-size]","leading-[--text-badge-line-height]","font-[--text-badge-weight]","tracking-[--text-badge-letter-spacing]","font-sans","uppercase"]}},defaultVariants:{variant:"body-medium",color:"primary"}});exports.textStyles=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra59.cjs"),r=require("./lyra60.cjs"),c=({className:t,...e})=>{const n=`/icons/icon-defs.svg#${e.name}`;return s.jsxRuntimeExports.jsx("svg",{className:r.twMerge("h-6 w-6 fill-current text-current",t),...e,children:s.jsxRuntimeExports.jsx("use",{href:n})})};exports.SvgIcon=c;

package/dist/lyra44.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra44.cjs","sources":["../src/components/text/text.styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nimport \"./text.vars.css\";\n\nexport const textStyles = cva([\"lyra-text\"], {\n  variants: {\n    color: {\n      primary: \"text-neutral-foreground-1\",\n      secondary: \"text-neutral-6\",\n      white: \"text-neutral-0\",\n      disabled: \"text-neutral-4\",\n      \"accent-primary\": \"text-primary\",\n      \"accent-success\": \"text-success\",\n      \"accent-warning\": \"text-warning\",\n      \"accent-danger\": \"text-danger\",\n    },\n    variant: {\n      \"heading-1\": [\n        \"text-[length:--text-heading-1-size]\",\n        \"leading-[--text-heading-1-line-height]\",\n        \"font-[--text-heading-1-weight]\",\n        \"tracking-[--text-heading-1-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-2\": [\n        \"text-[length:--text-heading-2-size]\",\n        \"leading-[--text-heading-2-line-height]\",\n        \"font-[--text-heading-2-weight]\",\n        \"tracking-[--text-heading-2-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-3\": [\n        \"text-[length:--text-heading-3-size]\",\n        \"leading-[--text-heading-3-line-height]\",\n        \"font-[--text-heading-3-weight]\",\n        \"tracking-[--text-heading-3-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-4\": [\n        \"text-[length:--text-heading-4-size]\",\n        \"leading-[--text-heading-4-line-height]\",\n        \"font-[--text-heading-4-weight]\",\n        \"tracking-[--text-heading-4-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-5\": [\n        \"text-[length:--text-heading-5-size]\",\n        \"leading-[--text-heading-5-line-height]\",\n        \"font-[--text-heading-5-weight]\",\n        \"tracking-[--text-heading-5-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-6\": [\n        \"text-[length:--text-heading-6-size]\",\n        \"leading-[--text-heading-6-line-height]\",\n        \"font-[--text-heading-6-weight]\",\n        \"tracking-[--text-heading-6-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"body-large\": [\n        \"text-[length:--text-body-large-size]\",\n        \"leading-[--text-body-large-line-height]\",\n        \"font-[--text-body-large-weight]\",\n        \"tracking-[--text-body-large-letter-spacing]\",\n        \"font-sans\",\n      ],\n      \"body-medium\": [\n        \"text-[length:--text-body-medium-size]\",\n        \"leading-[--text-body-medium-line-height]\",\n        \"font-[--text-body-medium-weight]\",\n        \"tracking-[--text-body-medium-letter-spacing]\",\n        \"font-sans\",\n      ],\n      \"body-small\": [\n        \"text-[length:--text-body-small-size]\",\n        \"leading-[--text-body-small-line-height]\",\n        \"font-[--text-body-small-weight]\",\n        \"tracking-[--text-body-small-letter-spacing]\",\n        \"font-sans\",\n      ],\n      badge: [\n        \"text-[length:--text-badge-size]\",\n        \"leading-[--text-badge-line-height]\",\n        \"font-[--text-badge-weight]\",\n        \"tracking-[--text-badge-letter-spacing]\",\n        \"font-sans\",\n        \"uppercase\",\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: \"body-medium\",\n    color: \"primary\",\n  },\n});\n"],"names":["textStyles","cva"],"mappings":"yIAIO,MAAMA,EAAaC,EAAAA,IAAI,CAAC,WAAW,EAAG,CAC3C,SAAU,CACR,MAAO,CACL,QAAS,4BACT,UAAW,iBACX,MAAO,iBACP,SAAU,iBACV,iBAAkB,eAClB,iBAAkB,eAClB,iBAAkB,eAClB,gBAAiB,aACnB,EACA,QAAS,CACP,YAAa,CACX,sCACA,yCACA,iCACA,6CACA,cACF,EACA,YAAa,CACX,sCACA,yCACA,iCACA,6CACA,cACF,EACA,YAAa,CACX,sCACA,yCACA,iCACA,6CACA,cACF,EACA,YAAa,CACX,sCACA,yCACA,iCACA,6CACA,cACF,EACA,YAAa,CACX,sCACA,yCACA,iCACA,6CACA,cACF,EACA,YAAa,CACX,sCACA,yCACA,iCACA,6CACA,cACF,EACA,aAAc,CACZ,uCACA,0CACA,kCACA,8CACA,WACF,EACA,cAAe,CACb,wCACA,2CACA,mCACA,+CACA,WACF,EACA,aAAc,CACZ,uCACA,0CACA,kCACA,8CACA,WACF,EACA,MAAO,CACL,kCACA,qCACA,6BACA,yCACA,YACA,WACF,CACF,CACF,EACA,gBAAiB,CACf,QAAS,cACT,MAAO,SACT,CACF,CAAC"}
+{"version":3,"file":"lyra44.cjs","sources":["../src/components/svg-icon/index.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nexport type IconNames =\n  | \"arrow-left-to-line\"\n  | \"arrow-right-to-line\"\n  | \"arrow-left\"\n  | \"arrow-right\"\n  | \"calendar\"\n  | \"checkmark\"\n  | \"chevron-down\"\n  | \"chevron-down-bold\"\n  | \"chevron-left\"\n  | \"chevron-right\"\n  | \"chevron-up\"\n  | \"chevrons-left\"\n  | \"chevrons-right\"\n  | \"cross\"\n  | \"danger\"\n  | \"email\"\n  | \"eye\"\n  | \"eye-slash\"\n  | \"heart\"\n  | \"minus\"\n  | \"minus-large\"\n  | \"more-vertical\"\n  | \"plus\"\n  | \"plus-large\"\n  | \"search\"\n  | \"shopping-bag\"\n  | \"trash\";\n\nexport type SvgIconProps = SVGProps<SVGSVGElement> & {\n  name: IconNames;\n};\n\nexport const SvgIcon = ({ className, ...props }: SvgIconProps) => {\n  const symbolId = `/icons/icon-defs.svg#${props.name}`;\n  return (\n    <svg className={twMerge(\"h-6 w-6 fill-current text-current\", className)} {...props}>\n      <use href={symbolId} />\n    </svg>\n  );\n};\n"],"names":["SvgIcon","className","props","symbolId","jsx","twMerge"],"mappings":"0IAqCaA,EAAU,CAAC,CAAE,UAAAC,EAAW,GAAGC,KAA0B,CAC1D,MAAAC,EAAW,wBAAwBD,EAAM,IAAI,GACnD,OACGE,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWC,EAAAA,QAAQ,oCAAqCJ,CAAS,EAAI,GAAGC,EAC3E,SAAAE,EAAA,kBAAA,IAAC,MAAI,CAAA,KAAMD,EAAU,CACvB,CAAA,CAEJ"}

package/dist/lyra44.js

@@ -1,96 +1,9 @@
-import { cva as t } from "./lyra99.js";
-import "./lyra101.js";
-const i = t(["lyra-text"], {
-  variants: {
-    color: {
-      primary: "text-neutral-foreground-1",
-      secondary: "text-neutral-6",
-      white: "text-neutral-0",
-      disabled: "text-neutral-4",
-      "accent-primary": "text-primary",
-      "accent-success": "text-success",
-      "accent-warning": "text-warning",
-      "accent-danger": "text-danger"
-    },
-    variant: {
-      "heading-1": [
-        "text-[length:--text-heading-1-size]",
-        "leading-[--text-heading-1-line-height]",
-        "font-[--text-heading-1-weight]",
-        "tracking-[--text-heading-1-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-2": [
-        "text-[length:--text-heading-2-size]",
-        "leading-[--text-heading-2-line-height]",
-        "font-[--text-heading-2-weight]",
-        "tracking-[--text-heading-2-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-3": [
-        "text-[length:--text-heading-3-size]",
-        "leading-[--text-heading-3-line-height]",
-        "font-[--text-heading-3-weight]",
-        "tracking-[--text-heading-3-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-4": [
-        "text-[length:--text-heading-4-size]",
-        "leading-[--text-heading-4-line-height]",
-        "font-[--text-heading-4-weight]",
-        "tracking-[--text-heading-4-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-5": [
-        "text-[length:--text-heading-5-size]",
-        "leading-[--text-heading-5-line-height]",
-        "font-[--text-heading-5-weight]",
-        "tracking-[--text-heading-5-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-6": [
-        "text-[length:--text-heading-6-size]",
-        "leading-[--text-heading-6-line-height]",
-        "font-[--text-heading-6-weight]",
-        "tracking-[--text-heading-6-letter-spacing]",
-        "font-heading"
-      ],
-      "body-large": [
-        "text-[length:--text-body-large-size]",
-        "leading-[--text-body-large-line-height]",
-        "font-[--text-body-large-weight]",
-        "tracking-[--text-body-large-letter-spacing]",
-        "font-sans"
-      ],
-      "body-medium": [
-        "text-[length:--text-body-medium-size]",
-        "leading-[--text-body-medium-line-height]",
-        "font-[--text-body-medium-weight]",
-        "tracking-[--text-body-medium-letter-spacing]",
-        "font-sans"
-      ],
-      "body-small": [
-        "text-[length:--text-body-small-size]",
-        "leading-[--text-body-small-line-height]",
-        "font-[--text-body-small-weight]",
-        "tracking-[--text-body-small-letter-spacing]",
-        "font-sans"
-      ],
-      badge: [
-        "text-[length:--text-badge-size]",
-        "leading-[--text-badge-line-height]",
-        "font-[--text-badge-weight]",
-        "tracking-[--text-badge-letter-spacing]",
-        "font-sans",
-        "uppercase"
-      ]
-    }
-  },
-  defaultVariants: {
-    variant: "body-medium",
-    color: "primary"
-  }
-});
+import { j as r } from "./lyra59.js";
+import { twMerge as n } from "./lyra60.js";
+const m = ({ className: s, ...e }) => {
+  const t = `/icons/icon-defs.svg#${e.name}`;
+  return /* @__PURE__ */ r.jsx("svg", { className: n("h-6 w-6 fill-current text-current", s), ...e, children: /* @__PURE__ */ r.jsx("use", { href: t }) });
+};
 export {
-  i as textStyles
+  m as SvgIcon
 };

package/dist/lyra44.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra44.js","sources":["../src/components/text/text.styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nimport \"./text.vars.css\";\n\nexport const textStyles = cva([\"lyra-text\"], {\n  variants: {\n    color: {\n      primary: \"text-neutral-foreground-1\",\n      secondary: \"text-neutral-6\",\n      white: \"text-neutral-0\",\n      disabled: \"text-neutral-4\",\n      \"accent-primary\": \"text-primary\",\n      \"accent-success\": \"text-success\",\n      \"accent-warning\": \"text-warning\",\n      \"accent-danger\": \"text-danger\",\n    },\n    variant: {\n      \"heading-1\": [\n        \"text-[length:--text-heading-1-size]\",\n        \"leading-[--text-heading-1-line-height]\",\n        \"font-[--text-heading-1-weight]\",\n        \"tracking-[--text-heading-1-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-2\": [\n        \"text-[length:--text-heading-2-size]\",\n        \"leading-[--text-heading-2-line-height]\",\n        \"font-[--text-heading-2-weight]\",\n        \"tracking-[--text-heading-2-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-3\": [\n        \"text-[length:--text-heading-3-size]\",\n        \"leading-[--text-heading-3-line-height]\",\n        \"font-[--text-heading-3-weight]\",\n        \"tracking-[--text-heading-3-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-4\": [\n        \"text-[length:--text-heading-4-size]\",\n        \"leading-[--text-heading-4-line-height]\",\n        \"font-[--text-heading-4-weight]\",\n        \"tracking-[--text-heading-4-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-5\": [\n        \"text-[length:--text-heading-5-size]\",\n        \"leading-[--text-heading-5-line-height]\",\n        \"font-[--text-heading-5-weight]\",\n        \"tracking-[--text-heading-5-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"heading-6\": [\n        \"text-[length:--text-heading-6-size]\",\n        \"leading-[--text-heading-6-line-height]\",\n        \"font-[--text-heading-6-weight]\",\n        \"tracking-[--text-heading-6-letter-spacing]\",\n        \"font-heading\",\n      ],\n      \"body-large\": [\n        \"text-[length:--text-body-large-size]\",\n        \"leading-[--text-body-large-line-height]\",\n        \"font-[--text-body-large-weight]\",\n        \"tracking-[--text-body-large-letter-spacing]\",\n        \"font-sans\",\n      ],\n      \"body-medium\": [\n        \"text-[length:--text-body-medium-size]\",\n        \"leading-[--text-body-medium-line-height]\",\n        \"font-[--text-body-medium-weight]\",\n        \"tracking-[--text-body-medium-letter-spacing]\",\n        \"font-sans\",\n      ],\n      \"body-small\": [\n        \"text-[length:--text-body-small-size]\",\n        \"leading-[--text-body-small-line-height]\",\n        \"font-[--text-body-small-weight]\",\n        \"tracking-[--text-body-small-letter-spacing]\",\n        \"font-sans\",\n      ],\n      badge: [\n        \"text-[length:--text-badge-size]\",\n        \"leading-[--text-badge-line-height]\",\n        \"font-[--text-badge-weight]\",\n        \"tracking-[--text-badge-letter-spacing]\",\n        \"font-sans\",\n        \"uppercase\",\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: \"body-medium\",\n    color: \"primary\",\n  },\n});\n"],"names":["textStyles","cva"],"mappings":";;AAIO,MAAMA,IAAaC,EAAI,CAAC,WAAW,GAAG;AAAA,EAC3C,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,IACnB;AAAA,IACA,SAAS;AAAA,MACP,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,cAAc;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,eAAe;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,cAAc;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,OAAO;AAAA,EACT;AACF,CAAC;"}
+{"version":3,"file":"lyra44.js","sources":["../src/components/svg-icon/index.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nexport type IconNames =\n  | \"arrow-left-to-line\"\n  | \"arrow-right-to-line\"\n  | \"arrow-left\"\n  | \"arrow-right\"\n  | \"calendar\"\n  | \"checkmark\"\n  | \"chevron-down\"\n  | \"chevron-down-bold\"\n  | \"chevron-left\"\n  | \"chevron-right\"\n  | \"chevron-up\"\n  | \"chevrons-left\"\n  | \"chevrons-right\"\n  | \"cross\"\n  | \"danger\"\n  | \"email\"\n  | \"eye\"\n  | \"eye-slash\"\n  | \"heart\"\n  | \"minus\"\n  | \"minus-large\"\n  | \"more-vertical\"\n  | \"plus\"\n  | \"plus-large\"\n  | \"search\"\n  | \"shopping-bag\"\n  | \"trash\";\n\nexport type SvgIconProps = SVGProps<SVGSVGElement> & {\n  name: IconNames;\n};\n\nexport const SvgIcon = ({ className, ...props }: SvgIconProps) => {\n  const symbolId = `/icons/icon-defs.svg#${props.name}`;\n  return (\n    <svg className={twMerge(\"h-6 w-6 fill-current text-current\", className)} {...props}>\n      <use href={symbolId} />\n    </svg>\n  );\n};\n"],"names":["SvgIcon","className","props","symbolId","jsx","twMerge"],"mappings":";;AAqCO,MAAMA,IAAU,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAA0B;AAC1D,QAAAC,IAAW,wBAAwBD,EAAM,IAAI;AACnD,SACGE,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWC,EAAQ,qCAAqCJ,CAAS,GAAI,GAAGC,GAC3E,UAAAE,gBAAAA,EAAA,IAAC,OAAI,EAAA,MAAMD,GAAU,EACvB,CAAA;AAEJ;"}

package/dist/lyra440.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra59.cjs"),c=require("react"),v=require("./lyra44.cjs");require("./lyra45.cjs");const b=require("./lyra46.cjs");require("./lyra47.cjs");const h=require("./lyra340.cjs"),g=require("./lyra272.cjs"),E=require("./lyra69.cjs"),T=require("./lyra66.cjs"),P=require("./lyra160.cjs");function _(s){const o=c.useRef(null),t=h.useListState(s),{gridProps:r}=g.useTagGroup(s,t,o);return e.jsxRuntimeExports.jsx("div",{className:"tag-group",children:e.jsxRuntimeExports.jsx("div",{...r,ref:o,className:"flex w-fit flex-wrap gap-2",children:[...t.collection].map(n=>e.jsxRuntimeExports.jsx($,{item:n,state:t},n.key))})})}function $(s){const{item:o,state:t}=s,r=c.useRef(null),{hoverProps:n,isHovered:a}=E.useHover({}),{allowsRemoving:f,gridCellProps:i,isDisabled:l,isFocused:m,removeButtonProps:j,rowProps:R}=g.useTag(s,t,r),x=c.useRef(null),{buttonProps:q}=T.useButton(j,x);return e.jsxRuntimeExports.jsx("div",{ref:r,...R,...n,className:b.tagStyles({isFocused:m,isHovered:a,isDisabled:l}),"data-focus":m,"data-is-hovered":a,"data-is-disabled":l,onClick:u=>{u.stopPropagation()},children:e.jsxRuntimeExports.jsxs("div",{...i,className:"flex items-center gap-1",onClick:u=>{var d,p;(d=r.current)==null||d.focus(),(p=i.onClick)==null||p.call(i,u)},children:[o.rendered,f&&e.jsxRuntimeExports.jsx("span",{role:"button",ref:x,tabIndex:-1,...q,children:e.jsxRuntimeExports.jsx(v.SvgIcon,{name:"cross",className:"h-3 w-3"})})]})})}const w=P.Item;exports.TagGroup=_;exports.TagItem=w;

package/dist/lyra440.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra440.cjs","sources":["../src/components/inputs/shared/tags.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport type { AriaTagGroupProps, AriaTagProps } from \"react-aria\";\nimport { useButton, useHover, useTag, useTagGroup } from \"react-aria\";\nimport type { ListState } from \"react-stately\";\nimport { Item, useListState } from \"react-stately\";\n\nimport { SvgIcon } from \"../../svg-icon\";\nimport { tagStyles } from \"../../tag\";\n\n/**\n * Custom TagGroup component that uses react aria to manage the state of the tags.\n * We divert from the original tag implementation here, the tags are shown inside a button. We need to stop propagation of the click event to prevent the button from being clicked.\n */\nexport function TagGroup<T extends object>(props: AriaTagGroupProps<T>) {\n  const ref = useRef(null);\n\n  const state = useListState(props);\n  const { gridProps } = useTagGroup(props, state, ref);\n\n  return (\n    <div className=\"tag-group\">\n      <div {...gridProps} ref={ref} className=\"flex w-fit flex-wrap gap-2\">\n        {[...state.collection].map((item) => (\n          <Tag key={item.key} item={item} state={state} />\n        ))}\n      </div>\n    </div>\n  );\n}\n\ninterface TagProps<T> extends AriaTagProps<T> {\n  state: ListState<T>;\n}\n\n// We need to stop propagation of the click event to prevent parent button from being clicked.\nfunction Tag<T>(props: TagProps<T>) {\n  const { item, state } = props;\n  const ref = useRef<HTMLDivElement>(null);\n  const { hoverProps, isHovered } = useHover({});\n  const { allowsRemoving, gridCellProps, isDisabled, isFocused, removeButtonProps, rowProps } =\n    useTag(props, state, ref);\n\n  const buttonRef = useRef(null);\n  const { buttonProps } = useButton(removeButtonProps, buttonRef);\n\n  return (\n    <div\n      ref={ref}\n      {...rowProps}\n      {...hoverProps}\n      className={tagStyles({\n        isFocused: isFocused,\n        isHovered: isHovered,\n        isDisabled: isDisabled,\n      })}\n      data-focus={isFocused}\n      data-is-hovered={isHovered}\n      data-is-disabled={isDisabled}\n      onClick={(e) => {\n        e.stopPropagation();\n      }}\n    >\n      <div\n        {...gridCellProps}\n        className=\"flex items-center gap-1\"\n        onClick={(e) => {\n          ref.current?.focus();\n          gridCellProps.onClick?.(e);\n        }}\n      >\n        {item.rendered}\n        {allowsRemoving && (\n          <span role=\"button\" ref={buttonRef} tabIndex={-1} {...buttonProps}>\n            <SvgIcon name=\"cross\" className=\"h-3 w-3\" />\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport const TagItem = Item;\n"],"names":["TagGroup","props","ref","useRef","state","useListState","gridProps","useTagGroup","jsx","item","Tag","hoverProps","isHovered","useHover","allowsRemoving","gridCellProps","isDisabled","isFocused","removeButtonProps","rowProps","useTag","buttonRef","buttonProps","useButton","tagStyles","e","jsxs","_a","_b","SvgIcon","TagItem","Item"],"mappings":"wXAaO,SAASA,EAA2BC,EAA6B,CAChE,MAAAC,EAAMC,SAAO,IAAI,EAEjBC,EAAQC,eAAaJ,CAAK,EAC1B,CAAE,UAAAK,CAAU,EAAIC,EAAAA,YAAYN,EAAOG,EAAOF,CAAG,EAGjD,OAAAM,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,YACb,SAAAA,EAAAA,kBAAAA,IAAC,MAAK,CAAA,GAAGF,EAAW,IAAAJ,EAAU,UAAU,6BACrC,SAAC,CAAA,GAAGE,EAAM,UAAU,EAAE,IAAKK,GACzBD,EAAAA,kBAAAA,IAAAE,EAAA,CAAmB,KAAAD,EAAY,MAAAL,CAAA,EAAtBK,EAAK,GAA+B,CAC/C,CACH,CAAA,CACF,CAAA,CAEJ,CAOA,SAASC,EAAOT,EAAoB,CAC5B,KAAA,CAAE,KAAAQ,EAAM,MAAAL,CAAU,EAAAH,EAClBC,EAAMC,SAAuB,IAAI,EACjC,CAAE,WAAAQ,EAAY,UAAAC,CAAc,EAAAC,EAAA,SAAS,CAAE,CAAA,EACvC,CAAE,eAAAC,EAAgB,cAAAC,EAAe,WAAAC,EAAY,UAAAC,EAAW,kBAAAC,EAAmB,SAAAC,CAAA,EAC/EC,EAAAA,OAAOnB,EAAOG,EAAOF,CAAG,EAEpBmB,EAAYlB,SAAO,IAAI,EACvB,CAAE,YAAAmB,CAAgB,EAAAC,EAAA,UAAUL,EAAmBG,CAAS,EAG5D,OAAAb,EAAA,kBAAA,IAAC,MAAA,CACC,IAAAN,EACC,GAAGiB,EACH,GAAGR,EACJ,UAAWa,EAAAA,UAAU,CACnB,UAAAP,EACA,UAAAL,EACA,WAAAI,CAAA,CACD,EACD,aAAYC,EACZ,kBAAiBL,EACjB,mBAAkBI,EAClB,QAAUS,GAAM,CACdA,EAAE,gBAAgB,CACpB,EAEA,SAAAC,EAAA,kBAAA,KAAC,MAAA,CACE,GAAGX,EACJ,UAAU,0BACV,QAAUU,GAAM,UACdE,EAAAzB,EAAI,UAAJ,MAAAyB,EAAa,SACbC,EAAAb,EAAc,UAAd,MAAAa,EAAA,KAAAb,EAAwBU,EAC1B,EAEC,SAAA,CAAKhB,EAAA,SACLK,GACEN,EAAAA,kBAAAA,IAAA,OAAA,CAAK,KAAK,SAAS,IAAKa,EAAW,SAAU,GAAK,GAAGC,EACpD,SAACd,wBAAAqB,EAAAA,QAAA,CAAQ,KAAK,QAAQ,UAAU,SAAU,CAAA,EAC5C,CAAA,CAAA,CAEJ,CAAA,CAAA,CAGN,CAEO,MAAMC,EAAUC,EAAAA"}