@new-black/lyra 0.1.17 → 0.1.19

package/dist/lyra147.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra147.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":"yIAIO,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"}
+{"version":3,"file":"lyra147.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lyra147.js

@@ -1,123 +1,4 @@
-import { cva as o } from "./lyra99.js";
-import "./lyra306.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]"]]
-      }
-    ]
-  }
-);
+var e = {};
 export {
-  i as radioGroupStyles,
-  d as radioStyles
+  e as __exports
 };

package/dist/lyra147.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra147.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;"}
+{"version":3,"file":"lyra147.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lyra148.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra99.cjs");require("./lyra108.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/lyra148.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra148.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":"yIAuBO,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"}
+{"version":3,"file":"lyra148.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lyra148.js

@@ -1,37 +1,4 @@
-import { cva as t } from "./lyra99.js";
-import "./lyra108.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"
-        ]
-      }
-    }
-  }
-);
+var r = {};
 export {
-  o as listBoxItemStyles
+  r as __exports
 };

package/dist/lyra148.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra148.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;"}
+{"version":3,"file":"lyra148.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/lyra149.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),c=require("react"),v=require("./lyra39.cjs");require("./lyra40.cjs");const b=require("./lyra41.cjs");require("./lyra42.cjs");const h=require("./lyra138.cjs"),g=require("./lyra96.cjs"),E=require("./lyra63.cjs"),T=require("./lyra60.cjs"),P=require("./lyra86.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra99.cjs");require("./lyra297.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/lyra149.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra149.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":"sXAaO,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"}
+{"version":3,"file":"lyra149.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":"yIAIO,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/lyra149.js

@@ -1,57 +1,123 @@
-import { j as e } from "./lyra54.js";
-import { useRef as f } from "react";
-import { SvgIcon as v } from "./lyra39.js";
-import "./lyra40.js";
-import { tagStyles as j } from "./lyra41.js";
-import "./lyra42.js";
-import { useListState as h } from "./lyra138.js";
-import { useTagGroup as w, useTag as N } from "./lyra96.js";
-import { useHover as P } from "./lyra63.js";
-import { useButton as T } from "./lyra60.js";
-import { Item as k } from "./lyra86.js";
-function q(o) {
-  const r = f(null), t = h(o), { gridProps: s } = w(o, t, r);
-  return /* @__PURE__ */ e.jsx("div", { className: "tag-group", children: /* @__PURE__ */ e.jsx("div", { ...s, ref: r, className: "flex w-fit flex-wrap gap-2", children: [...t.collection].map((a) => /* @__PURE__ */ e.jsx(I, { item: a, state: t }, a.key)) }) });
-}
-function I(o) {
-  const { item: r, state: t } = o, s = f(null), { hoverProps: a, isHovered: i } = P({}), { allowsRemoving: x, gridCellProps: c, isDisabled: d, isFocused: m, removeButtonProps: $, rowProps: b } = N(o, t, s), p = f(null), { buttonProps: g } = T($, p);
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      ref: s,
-      ...b,
-      ...a,
-      className: j({
-        isFocused: m,
-        isHovered: i,
-        isDisabled: d
-      }),
-      "data-focus": m,
-      "data-is-hovered": i,
-      "data-is-disabled": d,
-      onClick: (n) => {
-        n.stopPropagation();
-      },
-      children: /* @__PURE__ */ e.jsxs(
-        "div",
-        {
-          ...c,
-          className: "flex items-center gap-1",
-          onClick: (n) => {
-            var l, u;
-            (l = s.current) == null || l.focus(), (u = c.onClick) == null || u.call(c, n);
-          },
-          children: [
-            r.rendered,
-            x && /* @__PURE__ */ e.jsx("span", { role: "button", ref: p, tabIndex: -1, ...g, children: /* @__PURE__ */ e.jsx(v, { name: "cross", className: "h-3 w-3" }) })
-          ]
-        }
-      )
+import { cva as o } from "./lyra99.js";
+import "./lyra297.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"
     }
-  );
-}
-const z = k;
+  }
+), 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 {
-  q as TagGroup,
-  z as TagItem
+  i as radioGroupStyles,
+  d as radioStyles
 };

package/dist/lyra149.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra149.js","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":";;;;;;;;;;;AAaO,SAASA,EAA2BC,GAA6B;AAChE,QAAAC,IAAMC,EAAO,IAAI,GAEjBC,IAAQC,EAAaJ,CAAK,GAC1B,EAAE,WAAAK,EAAU,IAAIC,EAAYN,GAAOG,GAAOF,CAAG;AAGjD,SAAAM,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,aACb,UAAAA,gBAAAA,EAAAA,IAAC,OAAK,EAAA,GAAGF,GAAW,KAAAJ,GAAU,WAAU,8BACrC,UAAC,CAAA,GAAGE,EAAM,UAAU,EAAE,IAAI,CAACK,MACzBD,gBAAAA,EAAAA,IAAAE,GAAA,EAAmB,MAAAD,GAAY,OAAAL,EAAA,GAAtBK,EAAK,GAA+B,CAC/C,EACH,CAAA,EACF,CAAA;AAEJ;AAOA,SAASC,EAAOT,GAAoB;AAC5B,QAAA,EAAE,MAAAQ,GAAM,OAAAL,EAAU,IAAAH,GAClBC,IAAMC,EAAuB,IAAI,GACjC,EAAE,YAAAQ,GAAY,WAAAC,EAAc,IAAAC,EAAS,CAAE,CAAA,GACvC,EAAE,gBAAAC,GAAgB,eAAAC,GAAe,YAAAC,GAAY,WAAAC,GAAW,mBAAAC,GAAmB,UAAAC,EAAA,IAC/EC,EAAOnB,GAAOG,GAAOF,CAAG,GAEpBmB,IAAYlB,EAAO,IAAI,GACvB,EAAE,aAAAmB,EAAgB,IAAAC,EAAUL,GAAmBG,CAAS;AAG5D,SAAAb,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACC,GAAGiB;AAAA,MACH,GAAGR;AAAA,MACJ,WAAWa,EAAU;AAAA,QACnB,WAAAP;AAAA,QACA,WAAAL;AAAA,QACA,YAAAI;AAAA,MAAA,CACD;AAAA,MACD,cAAYC;AAAA,MACZ,mBAAiBL;AAAA,MACjB,oBAAkBI;AAAA,MAClB,SAAS,CAACS,MAAM;AACd,QAAAA,EAAE,gBAAgB;AAAA,MACpB;AAAA,MAEA,UAAAC,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGX;AAAA,UACJ,WAAU;AAAA,UACV,SAAS,CAACU,MAAM;;AACd,aAAAE,IAAAzB,EAAI,YAAJ,QAAAyB,EAAa,UACbC,IAAAb,EAAc,YAAd,QAAAa,EAAA,KAAAb,GAAwBU;AAAA,UAC1B;AAAA,UAEC,UAAA;AAAA,YAAKhB,EAAA;AAAA,YACLK,KACEN,gBAAAA,EAAAA,IAAA,QAAA,EAAK,MAAK,UAAS,KAAKa,GAAW,UAAU,IAAK,GAAGC,GACpD,UAACd,gBAAAA,MAAAqB,GAAA,EAAQ,MAAK,SAAQ,WAAU,UAAU,CAAA,GAC5C;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,MAAMC,IAAUC;"}
+{"version":3,"file":"lyra149.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/lyra150.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),Q=require("./lyra364.cjs"),W=require("./lyra366.cjs"),V=require("./lyra367.cjs"),Y=require("./lyra363.cjs"),q=require("./lyra371.cjs"),L=require("./lyra375.cjs"),w=require("./lyra377.cjs"),z=require("./lyra374.cjs"),R=require("./lyra382.cjs"),S=require("./lyra373.cjs"),de=require("./lyra376.cjs"),H=require("./lyra379.cjs"),F=require("./lyra381.cjs"),pe=require("./lyra370.cjs"),fe=require("./lyra369.cjs"),X=require("./lyra380.cjs"),ve=require("./lyra378.cjs"),be=require("./lyra388.cjs"),p=require("./lyra365.cjs"),xe=require("./lyra383.cjs"),Re=require("./lyra368.cjs"),ge=require("./lyra385.cjs"),me=require("./lyra389.cjs");var Oe=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(Oe||{}),ye=(e=>(e[e.Single=0]="Single",e[e.Multi=1]="Multi",e))(ye||{}),he=(e=>(e[e.Pointer=0]="Pointer",e[e.Other=1]="Other",e))(he||{}),Se=(e=>(e[e.OpenListbox=0]="OpenListbox",e[e.CloseListbox=1]="CloseListbox",e[e.GoToOption=2]="GoToOption",e[e.Search=3]="Search",e[e.ClearSearch=4]="ClearSearch",e[e.RegisterOption=5]="RegisterOption",e[e.UnregisterOption=6]="UnregisterOption",e[e.RegisterLabel=7]="RegisterLabel",e))(Se||{});function U(e,i=s=>s){let s=e.activeOptionIndex!==null?e.options[e.activeOptionIndex]:null,r=H.sortByDomNode(i(e.options.slice()),u=>u.dataRef.current.domRef.current),a=s?r.indexOf(s):null;return a===-1&&(a=null),{options:r,activeOptionIndex:a}}let Ee={1(e){return e.dataRef.current.disabled||e.listboxState===1?e:{...e,activeOptionIndex:null,listboxState:1}},0(e){if(e.dataRef.current.disabled||e.listboxState===0)return e;let i=e.activeOptionIndex,{isSelected:s}=e.dataRef.current,r=e.options.findIndex(a=>s(a.dataRef.current.value));return r!==-1&&(i=r),{...e,listboxState:0,activeOptionIndex:i}},2(e,i){var s;if(e.dataRef.current.disabled||e.listboxState===1)return e;let r=U(e),a=S.calculateActiveIndex(i,{resolveItems:()=>r.options,resolveActiveIndex:()=>r.activeOptionIndex,resolveId:u=>u.id,resolveDisabled:u=>u.dataRef.current.disabled});return{...e,...r,searchQuery:"",activeOptionIndex:a,activationTrigger:(s=i.trigger)!=null?s:1}},3:(e,i)=>{if(e.dataRef.current.disabled||e.listboxState===1)return e;let s=e.searchQuery!==""?0:1,r=e.searchQuery+i.value.toLowerCase(),a=(e.activeOptionIndex!==null?e.options.slice(e.activeOptionIndex+s).concat(e.options.slice(0,e.activeOptionIndex+s)):e.options).find(t=>{var n;return!t.dataRef.current.disabled&&((n=t.dataRef.current.textValue)==null?void 0:n.startsWith(r))}),u=a?e.options.indexOf(a):-1;return u===-1||u===e.activeOptionIndex?{...e,searchQuery:r}:{...e,searchQuery:r,activeOptionIndex:u,activationTrigger:1}},4(e){return e.dataRef.current.disabled||e.listboxState===1||e.searchQuery===""?e:{...e,searchQuery:""}},5:(e,i)=>{let s={id:i.id,dataRef:i.dataRef},r=U(e,a=>[...a,s]);return e.activeOptionIndex===null&&e.dataRef.current.isSelected(i.dataRef.current.value)&&(r.activeOptionIndex=r.options.indexOf(s)),{...e,...r}},6:(e,i)=>{let s=U(e,r=>{let a=r.findIndex(u=>u.id===i.id);return a!==-1&&r.splice(a,1),r});return{...e,...s,activationTrigger:1}},7:(e,i)=>({...e,labelId:i.id})},j=c.createContext(null);j.displayName="ListboxActionsContext";function k(e){let i=c.useContext(j);if(i===null){let s=new Error(`<${e} /> is missing a parent <Listbox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(s,k),s}return i}let G=c.createContext(null);G.displayName="ListboxDataContext";function M(e){let i=c.useContext(G);if(i===null){let s=new Error(`<${e} /> is missing a parent <Listbox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(s,M),s}return i}function Le(e,i){return w.match(i.type,Ee,e,i)}let Ie=c.Fragment;function Te(e,i){let{value:s,defaultValue:r,form:a,name:u,onChange:t,by:n=(l,d)=>l===d,disabled:b=!1,horizontal:g=!1,multiple:m=!1,...I}=e;const C=g?"horizontal":"vertical";let T=q.useSyncRefs(i),[O=m?[]:void 0,E]=xe.useControllable(s,t,r),[x,o]=c.useReducer(Le,{dataRef:c.createRef(),listboxState:1,options:[],searchQuery:"",labelId:null,activeOptionIndex:null,activationTrigger:1}),f=c.useRef({static:!1,hold:!1}),D=c.useRef(null),K=c.useRef(null),$=c.useRef(null),y=p.useEvent(typeof n=="string"?(l,d)=>{let h=n;return(l==null?void 0:l[h])===(d==null?void 0:d[h])}:n),P=c.useCallback(l=>w.match(v.mode,{1:()=>O.some(d=>y(d,l)),0:()=>y(O,l)}),[O]),v=c.useMemo(()=>({...x,value:O,disabled:b,mode:m?1:0,orientation:C,compare:y,isSelected:P,optionsPropsRef:f,labelRef:D,buttonRef:K,optionsRef:$}),[O,b,m,x]);V.useIsoMorphicEffect(()=>{x.dataRef.current=v},[v]),fe.useOutsideClick([v.buttonRef,v.optionsRef],(l,d)=>{var h;o({type:1}),H.isFocusableElement(d,H.FocusableMode.Loose)||(l.preventDefault(),(h=v.buttonRef.current)==null||h.focus())},v.listboxState===0);let Z=c.useMemo(()=>({open:v.listboxState===0,disabled:b,value:O}),[v,b,O]),_=p.useEvent(l=>{let d=v.options.find(h=>h.id===l);d&&N(d.dataRef.current.value)}),ee=p.useEvent(()=>{if(v.activeOptionIndex!==null){let{dataRef:l,id:d}=v.options[v.activeOptionIndex];N(l.current.value),o({type:2,focus:S.Focus.Specific,id:d})}}),te=p.useEvent(()=>o({type:0})),oe=p.useEvent(()=>o({type:1})),re=p.useEvent((l,d,h)=>l===S.Focus.Specific?o({type:2,focus:S.Focus.Specific,id:d,trigger:h}):o({type:2,focus:l,trigger:h})),ne=p.useEvent((l,d)=>(o({type:5,id:l,dataRef:d}),()=>o({type:6,id:l}))),ie=p.useEvent(l=>(o({type:7,id:l}),()=>o({type:7,id:null}))),N=p.useEvent(l=>w.match(v.mode,{0(){return E==null?void 0:E(l)},1(){let d=v.value.slice(),h=d.findIndex(B=>y(B,l));return h===-1?d.push(l):d.splice(h,1),E==null?void 0:E(d)}})),se=p.useEvent(l=>o({type:3,value:l})),ae=p.useEvent(()=>o({type:4})),le=c.useMemo(()=>({onChange:N,registerOption:ne,registerLabel:ie,goToOption:re,closeListbox:oe,openListbox:te,selectActiveOption:ee,selectOption:_,search:se,clearSearch:ae}),[]),ue={ref:T},A=c.useRef(null),ce=Q.useDisposables();return c.useEffect(()=>{A.current&&r!==void 0&&ce.addEventListener(A.current,"reset",()=>{E==null||E(r)})},[A,E]),c.createElement(j.Provider,{value:le},c.createElement(G.Provider,{value:v},c.createElement(F.OpenClosedProvider,{value:w.match(v.listboxState,{0:F.State.Open,1:F.State.Closed})},u!=null&&O!=null&&ve.objectToFormEntries({[u]:O}).map(([l,d],h)=>c.createElement(X.Hidden,{features:X.Features.Hidden,ref:h===0?B=>{var J;A.current=(J=B==null?void 0:B.closest("form"))!=null?J:null}:void 0,...L.compact({key:l,as:"input",type:"hidden",hidden:!0,readOnly:!0,form:a,name:l,value:d})})),L.render({ourProps:ue,theirProps:I,slot:Z,defaultTag:Ie,name:"Listbox"}))))}let Pe="button";function Ce(e,i){var s;let r=W.useId(),{id:a=`headlessui-listbox-button-${r}`,...u}=e,t=M("Listbox.Button"),n=k("Listbox.Button"),b=q.useSyncRefs(t.buttonRef,i),g=Q.useDisposables(),m=p.useEvent(x=>{switch(x.key){case R.Keys.Space:case R.Keys.Enter:case R.Keys.ArrowDown:x.preventDefault(),n.openListbox(),g.nextFrame(()=>{t.value||n.goToOption(S.Focus.First)});break;case R.Keys.ArrowUp:x.preventDefault(),n.openListbox(),g.nextFrame(()=>{t.value||n.goToOption(S.Focus.Last)});break}}),I=p.useEvent(x=>{switch(x.key){case R.Keys.Space:x.preventDefault();break}}),C=p.useEvent(x=>{if(de.isDisabledReactIssue7711(x.currentTarget))return x.preventDefault();t.listboxState===0?(n.closeListbox(),g.nextFrame(()=>{var o;return(o=t.buttonRef.current)==null?void 0:o.focus({preventScroll:!0})})):(x.preventDefault(),n.openListbox())}),T=Y.useComputed(()=>{if(t.labelId)return[t.labelId,a].join(" ")},[t.labelId,a]),O=c.useMemo(()=>({open:t.listboxState===0,disabled:t.disabled,value:t.value}),[t]),E={ref:b,id:a,type:pe.useResolveButtonType(e,t.buttonRef),"aria-haspopup":"listbox","aria-controls":(s=t.optionsRef.current)==null?void 0:s.id,"aria-expanded":t.listboxState===0,"aria-labelledby":T,disabled:t.disabled,onKeyDown:m,onKeyUp:I,onClick:C};return L.render({ourProps:E,theirProps:u,slot:O,defaultTag:Pe,name:"Listbox.Button"})}let De="label";function we(e,i){let s=W.useId(),{id:r=`headlessui-listbox-label-${s}`,...a}=e,u=M("Listbox.Label"),t=k("Listbox.Label"),n=q.useSyncRefs(u.labelRef,i);V.useIsoMorphicEffect(()=>t.registerLabel(r),[r]);let b=p.useEvent(()=>{var m;return(m=u.buttonRef.current)==null?void 0:m.focus({preventScroll:!0})}),g=c.useMemo(()=>({open:u.listboxState===0,disabled:u.disabled}),[u]);return L.render({ourProps:{ref:n,id:r,onClick:b},theirProps:a,slot:g,defaultTag:De,name:"Listbox.Label"})}let Fe="ul",qe=L.Features.RenderStrategy|L.Features.Static;function ke(e,i){var s;let r=W.useId(),{id:a=`headlessui-listbox-options-${r}`,...u}=e,t=M("Listbox.Options"),n=k("Listbox.Options"),b=q.useSyncRefs(t.optionsRef,i),g=Q.useDisposables(),m=Q.useDisposables(),I=F.useOpenClosed(),C=I!==null?(I&F.State.Open)===F.State.Open:t.listboxState===0;c.useEffect(()=>{var o;let f=t.optionsRef.current;f&&t.listboxState===0&&f!==((o=be.getOwnerDocument(f))==null?void 0:o.activeElement)&&f.focus({preventScroll:!0})},[t.listboxState,t.optionsRef]);let T=p.useEvent(o=>{switch(m.dispose(),o.key){case R.Keys.Space:if(t.searchQuery!=="")return o.preventDefault(),o.stopPropagation(),n.search(o.key);case R.Keys.Enter:if(o.preventDefault(),o.stopPropagation(),t.activeOptionIndex!==null){let{dataRef:f}=t.options[t.activeOptionIndex];n.onChange(f.current.value)}t.mode===0&&(n.closeListbox(),z.disposables().nextFrame(()=>{var f;return(f=t.buttonRef.current)==null?void 0:f.focus({preventScroll:!0})}));break;case w.match(t.orientation,{vertical:R.Keys.ArrowDown,horizontal:R.Keys.ArrowRight}):return o.preventDefault(),o.stopPropagation(),n.goToOption(S.Focus.Next);case w.match(t.orientation,{vertical:R.Keys.ArrowUp,horizontal:R.Keys.ArrowLeft}):return o.preventDefault(),o.stopPropagation(),n.goToOption(S.Focus.Previous);case R.Keys.Home:case R.Keys.PageUp:return o.preventDefault(),o.stopPropagation(),n.goToOption(S.Focus.First);case R.Keys.End:case R.Keys.PageDown:return o.preventDefault(),o.stopPropagation(),n.goToOption(S.Focus.Last);case R.Keys.Escape:return o.preventDefault(),o.stopPropagation(),n.closeListbox(),g.nextFrame(()=>{var f;return(f=t.buttonRef.current)==null?void 0:f.focus({preventScroll:!0})});case R.Keys.Tab:o.preventDefault(),o.stopPropagation();break;default:o.key.length===1&&(n.search(o.key),m.setTimeout(()=>n.clearSearch(),350));break}}),O=Y.useComputed(()=>{var o,f,D;return(D=(o=t.labelRef.current)==null?void 0:o.id)!=null?D:(f=t.buttonRef.current)==null?void 0:f.id},[t.labelRef.current,t.buttonRef.current]),E=c.useMemo(()=>({open:t.listboxState===0}),[t]),x={"aria-activedescendant":t.activeOptionIndex===null||(s=t.options[t.activeOptionIndex])==null?void 0:s.id,"aria-multiselectable":t.mode===1?!0:void 0,"aria-labelledby":O,"aria-orientation":t.orientation,id:a,onKeyDown:T,role:"listbox",tabIndex:0,ref:b};return L.render({ourProps:x,theirProps:u,slot:E,defaultTag:Fe,features:qe,visible:C,name:"Listbox.Options"})}let Me="li";function Ke(e,i){let s=W.useId(),{id:r=`headlessui-listbox-option-${s}`,disabled:a=!1,value:u,...t}=e,n=M("Listbox.Option"),b=k("Listbox.Option"),g=n.activeOptionIndex!==null?n.options[n.activeOptionIndex].id===r:!1,m=n.isSelected(u),I=c.useRef(null),C=me.useTextValue(I),T=Re.useLatestValue({disabled:a,value:u,domRef:I,get textValue(){return C()}}),O=q.useSyncRefs(i,I);V.useIsoMorphicEffect(()=>{if(n.listboxState!==0||!g||n.activationTrigger===0)return;let y=z.disposables();return y.requestAnimationFrame(()=>{var P,v;(v=(P=I.current)==null?void 0:P.scrollIntoView)==null||v.call(P,{block:"nearest"})}),y.dispose},[I,g,n.listboxState,n.activationTrigger,n.activeOptionIndex]),V.useIsoMorphicEffect(()=>b.registerOption(r,T),[T,r]);let E=p.useEvent(y=>{if(a)return y.preventDefault();b.onChange(u),n.mode===0&&(b.closeListbox(),z.disposables().nextFrame(()=>{var P;return(P=n.buttonRef.current)==null?void 0:P.focus({preventScroll:!0})}))}),x=p.useEvent(()=>{if(a)return b.goToOption(S.Focus.Nothing);b.goToOption(S.Focus.Specific,r)}),o=ge.useTrackedPointer(),f=p.useEvent(y=>o.update(y)),D=p.useEvent(y=>{o.wasMoved(y)&&(a||g||b.goToOption(S.Focus.Specific,r,0))}),K=p.useEvent(y=>{o.wasMoved(y)&&(a||g&&b.goToOption(S.Focus.Nothing))}),$=c.useMemo(()=>({active:g,selected:m,disabled:a}),[g,m,a]);return L.render({ourProps:{id:r,ref:O,role:"option",tabIndex:a===!0?void 0:-1,"aria-disabled":a===!0?!0:void 0,"aria-selected":m,disabled:void 0,onClick:E,onFocus:x,onPointerEnter:f,onMouseEnter:f,onPointerMove:D,onMouseMove:D,onPointerLeave:K,onMouseLeave:K},theirProps:t,slot:$,defaultTag:Me,name:"Listbox.Option"})}let Ae=L.forwardRefWithAs(Te),Be=L.forwardRefWithAs(Ce),Qe=L.forwardRefWithAs(we),Ve=L.forwardRefWithAs(ke),We=L.forwardRefWithAs(Ke),$e=Object.assign(Ae,{Button:Be,Label:Qe,Options:Ve,Option:We});exports.Listbox=$e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra99.cjs");require("./lyra106.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;