@new-black/lyra 1.0.2 → 1.0.3

package/dist/lyra450.js

@@ -1,92 +1,16 @@
-import { tv as e } from "./lyra448.js";
-const r = e({
-  base: ["flex", "flex-col", "w-full", "outline-none", "overflow-auto"]
-}), i = e({
-  base: [
-    "block",
-    "w-full",
-    "justify-start",
-    "rounded-sm",
-    "bg-transparent",
-    "p-1",
-    "ps-1.5",
-    "text-start",
-    "text-base",
-    "font-normal",
-    "text-primary",
-    "outline-none",
-    "duration-0",
-    "active:text-inverted",
-    "hover:bg-action-hover",
-    "hover:text-inverted",
-    "focus:bg-action-focus",
-    "focus:text-inverted",
-    "focus-visible:[box-shadow:none]"
-  ],
-  variants: {
-    isDisabled: {
-      true: ["text-tertiary", "cursor-not-allowed"]
-    }
-  }
-}), o = e({
+import { tv as t } from "./lyra448.js";
+const d = t({
   slots: {
-    item: ["flex", "items-start", "p-1", "rounded-sm", "outline-none"],
-    itemCheckmark: [],
-    itemCheckmarkWrapper: [],
-    itemImage: [
-      "w-9",
-      "min-w-9",
-      "h-9",
-      "rounded-xs",
-      "border",
-      "solid",
-      "border-default",
-      "me-1.5",
-      "overflow-hidden",
-      "box-border",
-      "object-contain",
-      "bg-[#ffffff]",
-      "block"
-    ],
-    itemLabel: ["text-primary", "text-base", "truncate", "overflow-hidden", "select-none"],
-    itemDescription: ["text-sm", "text-secondary", "truncate", "overflow-hidden", "select-none"],
-    itemEndIcon: ["text-tertiary", "w-4", "h-4"],
-    itemStartIcon: ["w-4", "h-4", "me-1"]
-  },
-  variants: {
-    hasSelection: {
-      true: {
-        itemCheckmarkWrapper: ["w-5", "min-w-5"],
-        itemCheckmark: ["text-primary", "min-w-4", "me-1"]
-      },
-      false: {
-        item: ["ps-1.5"]
-      }
-    },
-    disabled: {
-      true: {
-        item: ["cursor-not-allowed"],
-        itemCheckmark: ["text-tertiary"],
-        itemImage: ["opacity-50"],
-        itemLabel: ["text-tertiary"],
-        itemDescription: ["text-tertiary"]
-      }
-    },
-    active: {
-      true: {
-        item: ["bg-action-focus"],
-        itemImage: ["border-focus"],
-        itemCheckmark: ["text-inverted"],
-        itemLabel: ["text-inverted"],
-        itemDescription: ["text-inverted"],
-        itemStartIcon: ["text-inverted"],
-        itemEndIcon: ["text-inverted"]
-      }
-    }
+    kpi: ["flex flex-col items-center gap-3 px-4"],
+    kpiText: ["max-w-full truncate"],
+    list: [
+      "grid gap-y-5 [&>*:last-child]:border-none",
+      "grid-cols-1",
+      "md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default",
+      "sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default"
+    ]
   }
 });
 export {
-  i as loadMoreButtonStyles,
-  o as sharedListItemStyles,
-  r as sharedListStyles
+  d as KpiStyles
 };

package/dist/lyra450.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra450.js","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n  base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n  base: [\n    \"block\",\n    \"w-full\",\n    \"justify-start\",\n    \"rounded-sm\",\n    \"bg-transparent\",\n    \"p-1\",\n    \"ps-1.5\",\n    \"text-start\",\n    \"text-base\",\n    \"font-normal\",\n    \"text-primary\",\n    \"outline-none\",\n    \"duration-0\",\n    \"active:text-inverted\",\n    \"hover:bg-action-hover\",\n    \"hover:text-inverted\",\n    \"focus:bg-action-focus\",\n    \"focus:text-inverted\",\n    \"focus-visible:[box-shadow:none]\",\n  ],\n  variants: {\n    isDisabled: {\n      true: [\"text-tertiary\", \"cursor-not-allowed\"],\n    },\n  },\n});\n\nexport const sharedListItemStyles = tv({\n  slots: {\n    item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n    itemCheckmark: [],\n    itemCheckmarkWrapper: [],\n    itemImage: [\n      \"w-9\",\n      \"min-w-9\",\n      \"h-9\",\n      \"rounded-xs\",\n      \"border\",\n      \"solid\",\n      \"border-default\",\n      \"me-1.5\",\n      \"overflow-hidden\",\n      \"box-border\",\n      \"object-contain\",\n      \"bg-[#ffffff]\",\n      \"block\",\n    ],\n    itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n    itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n  },\n  variants: {\n    hasSelection: {\n      true: {\n        itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n        itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n      },\n      false: {\n        item: [\"ps-1.5\"],\n      },\n    },\n    disabled: {\n      true: {\n        item: [\"cursor-not-allowed\"],\n        itemCheckmark: [\"text-tertiary\"],\n        itemImage: [\"opacity-50\"],\n        itemLabel: [\"text-tertiary\"],\n        itemDescription: [\"text-tertiary\"],\n      },\n    },\n    active: {\n      true: {\n        item: [\"bg-action-focus\"],\n        itemImage: [\"border-focus\"],\n        itemCheckmark: [\"text-inverted\"],\n        itemLabel: [\"text-inverted\"],\n        itemDescription: [\"text-inverted\"],\n        itemStartIcon: [\"text-inverted\"],\n        itemEndIcon: [\"text-inverted\"],\n      },\n    },\n  },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":";AAEO,MAAMA,IAAmBC,EAAG;AAAA,EACjC,MAAM,CAAC,QAAQ,YAAY,UAAU,gBAAgB,eAAe;AACtE,CAAC,GAEYC,IAAuBD,EAAG;AAAA,EACrC,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM,CAAC,iBAAiB,oBAAoB;AAAA,IAC9C;AAAA,EACF;AACF,CAAC,GAEYE,IAAuBF,EAAG;AAAA,EACrC,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,eAAe,OAAO,cAAc,cAAc;AAAA,IACjE,eAAe,CAAC;AAAA,IAChB,sBAAsB,CAAC;AAAA,IACvB,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAW,CAAC,gBAAgB,aAAa,YAAY,mBAAmB,aAAa;AAAA,IACrF,iBAAiB,CAAC,WAAW,kBAAkB,YAAY,mBAAmB,aAAa;AAAA,IAC3F,aAAa,CAAC,iBAAiB,OAAO,KAAK;AAAA,IAC3C,eAAe,CAAC,OAAO,OAAO,MAAM;AAAA,EACtC;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,sBAAsB,CAAC,OAAO,SAAS;AAAA,QACvC,eAAe,CAAC,gBAAgB,WAAW,MAAM;AAAA,MACnD;AAAA,MACA,OAAO;AAAA,QACL,MAAM,CAAC,QAAQ;AAAA,MACjB;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM,CAAC,oBAAoB;AAAA,QAC3B,eAAe,CAAC,eAAe;AAAA,QAC/B,WAAW,CAAC,YAAY;AAAA,QACxB,WAAW,CAAC,eAAe;AAAA,QAC3B,iBAAiB,CAAC,eAAe;AAAA,MACnC;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,MAAM,CAAC,iBAAiB;AAAA,QACxB,WAAW,CAAC,cAAc;AAAA,QAC1B,eAAe,CAAC,eAAe;AAAA,QAC/B,WAAW,CAAC,eAAe;AAAA,QAC3B,iBAAiB,CAAC,eAAe;AAAA,QACjC,eAAe,CAAC,eAAe;AAAA,QAC/B,aAAa,CAAC,eAAe;AAAA,MAC/B;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"lyra450.js","sources":["../src/components/kpi/kpi.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const KpiStyles = tv({\n  slots: {\n    kpi: [\"flex flex-col items-center gap-3 px-4\"],\n    kpiText: [\"max-w-full truncate\"],\n    list: [\n      \"grid gap-y-5 [&>*:last-child]:border-none\",\n      \"grid-cols-1\",\n      \"md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default\",\n      \"sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default\",\n    ],\n  },\n});\n"],"names":["KpiStyles","tv"],"mappings":";AAEO,MAAMA,IAAYC,EAAG;AAAA,EAC1B,OAAO;AAAA,IACL,KAAK,CAAC,uCAAuC;AAAA,IAC7C,SAAS,CAAC,qBAAqB;AAAA,IAC/B,MAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}

package/dist/lyra451.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra87.cjs"),n=require("./lyra89.cjs"),i=require("./lyra63.cjs"),a=require("./lyra71.cjs");require("./lyra72.cjs");const y=require("./lyra450.cjs"),R=n.default.object({label:n.default.string(),description:n.default.string().optional(),iconStart:i.iconsSchema.optional(),iconEnd:i.iconsSchema.optional(),image:n.default.string().url().optional()}).transform(s=>s.image&&s.iconStart?{...s,iconStart:void 0}:s),f=({hasSelection:s,item:x,selectRenderElements:u,state:t})=>{const{description:r,iconEnd:l,iconStart:c,image:m,label:o}=R.parse(u(x)),{item:d,itemCheckmark:p,itemCheckmarkWrapper:j,itemDescription:S,itemEndIcon:h,itemImage:g,itemLabel:E,itemStartIcon:I}=y.sharedListItemStyles({hasSelection:s});return e.jsxRuntimeExports.jsxs("div",{className:d(t),children:[e.jsxRuntimeExports.jsx("div",{className:j(),children:t.selected&&s?e.jsxRuntimeExports.jsx(i.SvgIcon,{name:"checkmark",className:p(t)}):null}),m?e.jsxRuntimeExports.jsx("img",{src:m,alt:o,className:g(t)}):null,c?e.jsxRuntimeExports.jsx("div",{className:I(t),children:e.jsxRuntimeExports.jsx(i.SvgIcon,{name:c})}):null,e.jsxRuntimeExports.jsxs("div",{className:"flex w-full grow flex-col gap-1 overflow-hidden truncate",children:[e.jsxRuntimeExports.jsx(a.Text,{slot:"label",className:E(t),children:o}),r?e.jsxRuntimeExports.jsx(a.Text,{slot:"description",className:S(t),children:r}):null]}),l?e.jsxRuntimeExports.jsx("div",{className:h(t),children:e.jsxRuntimeExports.jsx(i.SvgIcon,{name:l})}):null]})};exports.SharedListItem=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra448.cjs"),e=t.tv({slots:{box:["bg-surface-contrast","rounded-xs","text-inverted","text-sm","px-1.5","py-1","text-center"],beak:["transform","text-[--color-neutral-9]"]},variants:{placement:{top:{beak:"rotate-180 relative"},bottom:{},left:{beak:"rotate-90 relative -translate-x-1"},right:{beak:"-rotate-90 relative translate-x-1"},center:{}}}});exports.tooltipStyles=e;

package/dist/lyra451.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra451.cjs","sources":["../src/components/lists/shared-list-item.tsx"],"sourcesContent":["import { z } from \"zod\";\n\nimport { iconsSchema, SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { sharedListItemStyles } from \"./shared-list.styles\";\n\n// Define the schema for the shared list item\nconst sharedListItemSchema = z\n  .object({\n    label: z.string(),\n    description: z.string().optional(),\n    iconStart: iconsSchema.optional(),\n    iconEnd: iconsSchema.optional(),\n    image: z.string().url().optional(),\n  })\n  .transform((data) => {\n    // If both image and iconStart are present, remove iconStart\n    if (data.image && data.iconStart) {\n      return { ...data, iconStart: undefined };\n    }\n    return data;\n  });\n\n// Infer the type of the shared list item arguments\nexport type SharedListItemArgs = z.infer<typeof sharedListItemSchema>;\n\ntype SharedListItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\nexport type SelectItemRenderPropFn<T> = (arg: T) => SharedListItemArgs;\n\nexport type SharedListItemProps<T extends object> = {\n  item: T;\n  selectRenderElements: SelectItemRenderPropFn<T>;\n  state: SharedListItemRenderPropArg;\n  hasSelection?: boolean;\n};\n\n/**\n * Renders a single item in a list\n *\n * @template T - The type of the item.\n * @param {SharedListItemProps<T>} props - The props for the SharedListItem component.\n * @returns {JSX.Element} - The rendered SharedListItem component.\n */\nexport const SharedListItem = <T extends object>({\n  hasSelection,\n  item,\n  selectRenderElements,\n  state,\n}: SharedListItemProps<T>) => {\n  const { description, iconEnd, iconStart, image, label } = sharedListItemSchema.parse(\n    selectRenderElements(item),\n  );\n  const {\n    item: itemStyles,\n    itemCheckmark: itemCheckmarkStyles,\n    itemCheckmarkWrapper: itemCheckmarkWrapperStyles,\n    itemDescription: itemDescriptionStyles,\n    itemEndIcon: itemEndIconStyles,\n    itemImage: itemImageStyles,\n    itemLabel: itemLabelStyles,\n    itemStartIcon: itemStartIconStyles,\n  } = sharedListItemStyles({\n    hasSelection,\n  });\n\n  return (\n    <div className={itemStyles(state)}>\n      <div className={itemCheckmarkWrapperStyles()}>\n        {state.selected && hasSelection ? (\n          <SvgIcon name=\"checkmark\" className={itemCheckmarkStyles(state)} />\n        ) : null}\n      </div>\n      {image ? <img src={image} alt={label} className={itemImageStyles(state)} /> : null}\n      {iconStart ? (\n        <div className={itemStartIconStyles(state)}>\n          <SvgIcon name={iconStart} />\n        </div>\n      ) : null}\n      <div className=\"flex w-full grow flex-col gap-1 overflow-hidden truncate\">\n        <Text slot=\"label\" className={itemLabelStyles(state)}>\n          {label}\n        </Text>\n        {description ? (\n          <Text slot=\"description\" className={itemDescriptionStyles(state)}>\n            {description}\n          </Text>\n        ) : null}\n      </div>\n      {iconEnd ? (\n        <div className={itemEndIconStyles(state)}>\n          <SvgIcon name={iconEnd} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":["sharedListItemSchema","z","iconsSchema","data","SharedListItem","hasSelection","item","selectRenderElements","state","description","iconEnd","iconStart","image","label","itemStyles","itemCheckmarkStyles","itemCheckmarkWrapperStyles","itemDescriptionStyles","itemEndIconStyles","itemImageStyles","itemLabelStyles","itemStartIconStyles","sharedListItemStyles","jsxs","jsx","SvgIcon","Text"],"mappings":"uPAQMA,EAAuBC,UAC1B,OAAO,CACN,MAAOA,UAAE,OAAO,EAChB,YAAaA,EAAA,QAAE,OAAO,EAAE,SAAS,EACjC,UAAWC,cAAY,SAAS,EAChC,QAASA,cAAY,SAAS,EAC9B,MAAOD,EAAAA,QAAE,OAAS,EAAA,IAAA,EAAM,SAAS,CACnC,CAAC,EACA,UAAWE,GAENA,EAAK,OAASA,EAAK,UACd,CAAE,GAAGA,EAAM,UAAW,MAAU,EAElCA,CACR,EA2BUC,EAAiB,CAAmB,CAC/C,aAAAC,EACA,KAAAC,EACA,qBAAAC,EACA,MAAAC,CACF,IAA8B,CAC5B,KAAM,CAAE,YAAAC,EAAa,QAAAC,EAAS,UAAAC,EAAW,MAAAC,EAAO,MAAAC,CAAA,EAAUb,EAAqB,MAC7EO,EAAqBD,CAAI,CAAA,EAErB,CACJ,KAAMQ,EACN,cAAeC,EACf,qBAAsBC,EACtB,gBAAiBC,EACjB,YAAaC,EACb,UAAWC,EACX,UAAWC,EACX,cAAeC,GACbC,uBAAqB,CACvB,aAAAjB,CAAA,CACD,EAED,OACGkB,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWT,EAAWN,CAAK,EAC9B,SAAA,CAAAgB,wBAAC,OAAI,UAAWR,EACb,EAAA,SAAAR,EAAM,UAAYH,EACjBmB,EAAAA,kBAAAA,IAACC,EAAAA,QAAQ,CAAA,KAAK,YAAY,UAAWV,EAAoBP,CAAK,CAAA,CAAG,EAC/D,KACN,EACCI,EAASY,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAKZ,EAAO,IAAKC,EAAO,UAAWM,EAAgBX,CAAK,CAAA,CAAG,EAAK,KAC7EG,EACCa,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWH,EAAoBb,CAAK,EACvC,SAAAgB,EAAA,kBAAA,IAACC,EAAQ,QAAA,CAAA,KAAMd,CAAW,CAAA,CAC5B,CAAA,EACE,KACJY,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,2DACb,SAAA,CAAAC,EAAAA,kBAAAA,IAACE,QAAK,KAAK,QAAQ,UAAWN,EAAgBZ,CAAK,EAChD,SACHK,EAAA,EACCJ,EACEe,EAAAA,kBAAAA,IAAAE,EAAAA,KAAA,CAAK,KAAK,cAAc,UAAWT,EAAsBT,CAAK,EAC5D,SAAAC,CAAA,CACH,EACE,IAAA,EACN,EACCC,EACCc,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWN,EAAkBV,CAAK,EACrC,SAAAgB,EAAA,kBAAA,IAACC,EAAQ,QAAA,CAAA,KAAMf,CAAS,CAAA,CAC1B,CAAA,EACE,IACN,CAAA,CAAA,CAEJ"}
+{"version":3,"file":"lyra451.cjs","sources":["../src/components/tooltip/tooltip.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const tooltipStyles = tv({\n  slots: {\n    box: [\n      \"bg-surface-contrast\",\n      \"rounded-xs\",\n      \"text-inverted\",\n      \"text-sm\",\n      \"px-1.5\",\n      \"py-1\",\n      \"text-center\",\n    ],\n    beak: [\"transform\", \"text-[--color-neutral-9]\"],\n  },\n  variants: {\n    placement: {\n      top: {\n        beak: \"rotate-180 relative\",\n      },\n      bottom: {},\n      left: {\n        beak: \"rotate-90 relative -translate-x-1\",\n      },\n      right: {\n        beak: \"-rotate-90 relative translate-x-1\",\n      },\n      center: {},\n    },\n  },\n});\n"],"names":["tooltipStyles","tv"],"mappings":"iHAEaA,EAAgBC,EAAAA,GAAG,CAC9B,MAAO,CACL,IAAK,CACH,sBACA,aACA,gBACA,UACA,SACA,OACA,aACF,EACA,KAAM,CAAC,YAAa,0BAA0B,CAChD,EACA,SAAU,CACR,UAAW,CACT,IAAK,CACH,KAAM,qBACR,EACA,OAAQ,CAAC,EACT,KAAM,CACJ,KAAM,mCACR,EACA,MAAO,CACL,KAAM,mCACR,EACA,OAAQ,CAAC,CACX,CACF,CACF,CAAC"}

package/dist/lyra451.js

@@ -1,46 +1,33 @@
-import { j as e } from "./lyra87.js";
-import r from "./lyra89.js";
-import { iconsSchema as a, SvgIcon as s } from "./lyra63.js";
-import { Text as d } from "./lyra71.js";
-import "./lyra72.js";
-import { sharedListItemStyles as y } from "./lyra450.js";
-const N = r.object({
-  label: r.string(),
-  description: r.string().optional(),
-  iconStart: a.optional(),
-  iconEnd: a.optional(),
-  image: r.string().url().optional()
-}).transform((t) => t.image && t.iconStart ? { ...t, iconStart: void 0 } : t), D = ({
-  hasSelection: t,
-  item: p,
-  selectRenderElements: S,
-  state: i
-}) => {
-  const { description: l, iconEnd: m, iconStart: n, image: o, label: c } = N.parse(
-    S(p)
-  ), {
-    item: h,
-    itemCheckmark: x,
-    itemCheckmarkWrapper: j,
-    itemDescription: g,
-    itemEndIcon: u,
-    itemImage: f,
-    itemLabel: k,
-    itemStartIcon: I
-  } = y({
-    hasSelection: t
-  });
-  return /* @__PURE__ */ e.jsxs("div", { className: h(i), children: [
-    /* @__PURE__ */ e.jsx("div", { className: j(), children: i.selected && t ? /* @__PURE__ */ e.jsx(s, { name: "checkmark", className: x(i) }) : null }),
-    o ? /* @__PURE__ */ e.jsx("img", { src: o, alt: c, className: f(i) }) : null,
-    n ? /* @__PURE__ */ e.jsx("div", { className: I(i), children: /* @__PURE__ */ e.jsx(s, { name: n }) }) : null,
-    /* @__PURE__ */ e.jsxs("div", { className: "flex w-full grow flex-col gap-1 overflow-hidden truncate", children: [
-      /* @__PURE__ */ e.jsx(d, { slot: "label", className: k(i), children: c }),
-      l ? /* @__PURE__ */ e.jsx(d, { slot: "description", className: g(i), children: l }) : null
-    ] }),
-    m ? /* @__PURE__ */ e.jsx("div", { className: u(i), children: /* @__PURE__ */ e.jsx(s, { name: m }) }) : null
-  ] });
-};
+import { tv as t } from "./lyra448.js";
+const r = t({
+  slots: {
+    box: [
+      "bg-surface-contrast",
+      "rounded-xs",
+      "text-inverted",
+      "text-sm",
+      "px-1.5",
+      "py-1",
+      "text-center"
+    ],
+    beak: ["transform", "text-[--color-neutral-9]"]
+  },
+  variants: {
+    placement: {
+      top: {
+        beak: "rotate-180 relative"
+      },
+      bottom: {},
+      left: {
+        beak: "rotate-90 relative -translate-x-1"
+      },
+      right: {
+        beak: "-rotate-90 relative translate-x-1"
+      },
+      center: {}
+    }
+  }
+});
 export {
-  D as SharedListItem
+  r as tooltipStyles
 };

package/dist/lyra451.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra451.js","sources":["../src/components/lists/shared-list-item.tsx"],"sourcesContent":["import { z } from \"zod\";\n\nimport { iconsSchema, SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { sharedListItemStyles } from \"./shared-list.styles\";\n\n// Define the schema for the shared list item\nconst sharedListItemSchema = z\n  .object({\n    label: z.string(),\n    description: z.string().optional(),\n    iconStart: iconsSchema.optional(),\n    iconEnd: iconsSchema.optional(),\n    image: z.string().url().optional(),\n  })\n  .transform((data) => {\n    // If both image and iconStart are present, remove iconStart\n    if (data.image && data.iconStart) {\n      return { ...data, iconStart: undefined };\n    }\n    return data;\n  });\n\n// Infer the type of the shared list item arguments\nexport type SharedListItemArgs = z.infer<typeof sharedListItemSchema>;\n\ntype SharedListItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\nexport type SelectItemRenderPropFn<T> = (arg: T) => SharedListItemArgs;\n\nexport type SharedListItemProps<T extends object> = {\n  item: T;\n  selectRenderElements: SelectItemRenderPropFn<T>;\n  state: SharedListItemRenderPropArg;\n  hasSelection?: boolean;\n};\n\n/**\n * Renders a single item in a list\n *\n * @template T - The type of the item.\n * @param {SharedListItemProps<T>} props - The props for the SharedListItem component.\n * @returns {JSX.Element} - The rendered SharedListItem component.\n */\nexport const SharedListItem = <T extends object>({\n  hasSelection,\n  item,\n  selectRenderElements,\n  state,\n}: SharedListItemProps<T>) => {\n  const { description, iconEnd, iconStart, image, label } = sharedListItemSchema.parse(\n    selectRenderElements(item),\n  );\n  const {\n    item: itemStyles,\n    itemCheckmark: itemCheckmarkStyles,\n    itemCheckmarkWrapper: itemCheckmarkWrapperStyles,\n    itemDescription: itemDescriptionStyles,\n    itemEndIcon: itemEndIconStyles,\n    itemImage: itemImageStyles,\n    itemLabel: itemLabelStyles,\n    itemStartIcon: itemStartIconStyles,\n  } = sharedListItemStyles({\n    hasSelection,\n  });\n\n  return (\n    <div className={itemStyles(state)}>\n      <div className={itemCheckmarkWrapperStyles()}>\n        {state.selected && hasSelection ? (\n          <SvgIcon name=\"checkmark\" className={itemCheckmarkStyles(state)} />\n        ) : null}\n      </div>\n      {image ? <img src={image} alt={label} className={itemImageStyles(state)} /> : null}\n      {iconStart ? (\n        <div className={itemStartIconStyles(state)}>\n          <SvgIcon name={iconStart} />\n        </div>\n      ) : null}\n      <div className=\"flex w-full grow flex-col gap-1 overflow-hidden truncate\">\n        <Text slot=\"label\" className={itemLabelStyles(state)}>\n          {label}\n        </Text>\n        {description ? (\n          <Text slot=\"description\" className={itemDescriptionStyles(state)}>\n            {description}\n          </Text>\n        ) : null}\n      </div>\n      {iconEnd ? (\n        <div className={itemEndIconStyles(state)}>\n          <SvgIcon name={iconEnd} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":["sharedListItemSchema","z","iconsSchema","data","SharedListItem","hasSelection","item","selectRenderElements","state","description","iconEnd","iconStart","image","label","itemStyles","itemCheckmarkStyles","itemCheckmarkWrapperStyles","itemDescriptionStyles","itemEndIconStyles","itemImageStyles","itemLabelStyles","itemStartIconStyles","sharedListItemStyles","jsxs","jsx","SvgIcon","Text"],"mappings":";;;;;;AAQA,MAAMA,IAAuBC,EAC1B,OAAO;AAAA,EACN,OAAOA,EAAE,OAAO;AAAA,EAChB,aAAaA,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,WAAWC,EAAY,SAAS;AAAA,EAChC,SAASA,EAAY,SAAS;AAAA,EAC9B,OAAOD,EAAE,OAAS,EAAA,IAAA,EAAM,SAAS;AACnC,CAAC,EACA,UAAU,CAACE,MAENA,EAAK,SAASA,EAAK,YACd,EAAE,GAAGA,GAAM,WAAW,OAAU,IAElCA,CACR,GA2BUC,IAAiB,CAAmB;AAAA,EAC/C,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,OAAAC;AACF,MAA8B;AAC5B,QAAM,EAAE,aAAAC,GAAa,SAAAC,GAAS,WAAAC,GAAW,OAAAC,GAAO,OAAAC,EAAA,IAAUb,EAAqB;AAAA,IAC7EO,EAAqBD,CAAI;AAAA,EAAA,GAErB;AAAA,IACJ,MAAMQ;AAAA,IACN,eAAeC;AAAA,IACf,sBAAsBC;AAAA,IACtB,iBAAiBC;AAAA,IACjB,aAAaC;AAAA,IACb,WAAWC;AAAA,IACX,WAAWC;AAAA,IACX,eAAeC;AAAA,MACbC,EAAqB;AAAA,IACvB,cAAAjB;AAAA,EAAA,CACD;AAED,SACGkB,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAWT,EAAWN,CAAK,GAC9B,UAAA;AAAA,IAAAgB,gBAAAA,MAAC,SAAI,WAAWR,EACb,GAAA,UAAAR,EAAM,YAAYH,IACjBmB,gBAAAA,EAAAA,IAACC,GAAQ,EAAA,MAAK,aAAY,WAAWV,EAAoBP,CAAK,EAAA,CAAG,IAC/D,MACN;AAAA,IACCI,IAASY,gBAAAA,EAAAA,IAAA,OAAA,EAAI,KAAKZ,GAAO,KAAKC,GAAO,WAAWM,EAAgBX,CAAK,EAAA,CAAG,IAAK;AAAA,IAC7EG,IACCa,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWH,EAAoBb,CAAK,GACvC,UAAAgB,gBAAAA,EAAA,IAACC,GAAQ,EAAA,MAAMd,EAAW,CAAA,EAC5B,CAAA,IACE;AAAA,IACJY,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,4DACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAACE,KAAK,MAAK,SAAQ,WAAWN,EAAgBZ,CAAK,GAChD,UACHK,GAAA;AAAA,MACCJ,IACEe,gBAAAA,EAAAA,IAAAE,GAAA,EAAK,MAAK,eAAc,WAAWT,EAAsBT,CAAK,GAC5D,UAAAC,EAAA,CACH,IACE;AAAA,IAAA,GACN;AAAA,IACCC,IACCc,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWN,EAAkBV,CAAK,GACrC,UAAAgB,gBAAAA,EAAA,IAACC,GAAQ,EAAA,MAAMf,EAAS,CAAA,EAC1B,CAAA,IACE;AAAA,EACN,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"lyra451.js","sources":["../src/components/tooltip/tooltip.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const tooltipStyles = tv({\n  slots: {\n    box: [\n      \"bg-surface-contrast\",\n      \"rounded-xs\",\n      \"text-inverted\",\n      \"text-sm\",\n      \"px-1.5\",\n      \"py-1\",\n      \"text-center\",\n    ],\n    beak: [\"transform\", \"text-[--color-neutral-9]\"],\n  },\n  variants: {\n    placement: {\n      top: {\n        beak: \"rotate-180 relative\",\n      },\n      bottom: {},\n      left: {\n        beak: \"rotate-90 relative -translate-x-1\",\n      },\n      right: {\n        beak: \"-rotate-90 relative translate-x-1\",\n      },\n      center: {},\n    },\n  },\n});\n"],"names":["tooltipStyles","tv"],"mappings":";AAEO,MAAMA,IAAgBC,EAAG;AAAA,EAC9B,OAAO;AAAA,IACL,KAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,MAAM,CAAC,aAAa,0BAA0B;AAAA,EAChD;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,KAAK;AAAA,QACH,MAAM;AAAA,MACR;AAAA,MACA,QAAQ,CAAC;AAAA,MACT,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,QAAQ,CAAC;AAAA,IACX;AAAA,EACF;AACF,CAAC;"}

package/dist/lyra452.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra87.cjs"),l=require("react"),n=require("./lyra86.cjs"),m=require("./lyra90.cjs"),R=require("./lyra835.cjs"),f=require("./lyra63.cjs"),g=require("./lyra453.cjs"),d=l.createContext(null);function y({children:a,items:t,label:i,renderEmptyState:o,...s},r){return[s,r]=n.useContextProps(s,r,n.TagGroupContext),e.jsxRuntimeExports.jsx(d.Provider,{value:{onRemove:s.onRemove},children:e.jsxRuntimeExports.jsx(n.TagGroup,{...s,"aria-label":i,className:g.tagGroupStyles({className:s.className}),ref:r,children:e.jsxRuntimeExports.jsx(n.TagList,{items:t,renderEmptyState:o,className:"flex flex-wrap gap-1",children:a})})})}const p=m.fixedForwardRef(y);p.displayName="InputTagGroup";function G({children:a,...t},i){const{onRemove:o}=l.useContext(d),s=typeof a=="string"?a:void 0,{removeButton:r,tag:T}=g.tagStyles();return e.jsxRuntimeExports.jsx(n.Tag,{ref:i,textValue:s,...t,className:n.composeRenderProps(t.className,(x,u)=>T({...u,isDisabled:u.isDisabled,className:x})),children:({allowsRemoving:x,isDisabled:u})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[a,x&&!u&&!t.isDisabled&&e.jsxRuntimeExports.jsx(R.SpanButton,{className:r(),onPress:()=>{const c=new Set;t.id&&c.add(t.id),o==null||o(c)},children:e.jsxRuntimeExports.jsx(f.SvgIcon,{name:"clear"})})]})})}const j=m.fixedForwardRef(G);j.displayName="InputTag";exports.InputTag=j;exports.InputTagGroup=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra448.cjs"),t=e.tv({base:["flex","flex-col","w-full","outline-none","overflow-auto"]}),r=e.tv({base:["block","w-full","justify-start","rounded-sm","bg-transparent","p-1","ps-1.5","text-start","text-base","font-normal","text-primary","outline-none","duration-0","active:text-inverted","hover:bg-action-hover","hover:text-inverted","focus:bg-action-focus","focus:text-inverted","focus-visible:[box-shadow:none]"],variants:{isDisabled:{true:["text-tertiary","cursor-not-allowed"]}}}),i=e.tv({slots:{item:["flex","items-start","p-1","rounded-sm","outline-none"],itemCheckmark:[],itemCheckmarkWrapper:[],itemImage:["w-9","min-w-9","h-9","rounded-xs","border","solid","border-default","me-1.5","overflow-hidden","box-border","object-contain","bg-[#ffffff]","block"],itemLabel:["text-primary","text-base","truncate","overflow-hidden","select-none"],itemDescription:["text-sm","text-secondary","truncate","overflow-hidden","select-none"],itemEndIcon:["text-tertiary","w-4","h-4"],itemStartIcon:["w-4","h-4","me-1"]},variants:{hasSelection:{true:{itemCheckmarkWrapper:["w-5","min-w-5"],itemCheckmark:["text-primary","min-w-4","me-1"]},false:{item:["ps-1.5"]}},disabled:{true:{item:["cursor-not-allowed"],itemCheckmark:["text-tertiary"],itemImage:["opacity-50"],itemLabel:["text-tertiary"],itemDescription:["text-tertiary"]}},active:{true:{item:["bg-action-focus"],itemImage:["border-focus"],itemCheckmark:["text-inverted"],itemLabel:["text-inverted"],itemDescription:["text-inverted"],itemStartIcon:["text-inverted"],itemEndIcon:["text-inverted"]}}}});exports.loadMoreButtonStyles=r;exports.sharedListItemStyles=i;exports.sharedListStyles=t;

package/dist/lyra452.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra452.cjs","sources":["../src/components/inputs/input-tag-group/input-tag-group.tsx"],"sourcesContent":["import { createContext, ElementRef, ForwardedRef, useContext } from \"react\";\nimport {\n  composeRenderProps,\n  Key,\n  Tag as AriaTag,\n  TagGroup as AriaTagGroup,\n  TagGroupContext,\n  TagGroupProps as AriaTagGroupProps,\n  TagList,\n  TagListProps,\n  TagProps as AriaTagProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers.ts\";\nimport { SpanButton } from \"../../button/span-button.tsx\";\nimport { SvgIcon } from \"../../svg-icon/index.tsx\";\n\nimport { tagGroupStyles, tagStyles } from \"./input-tag-group.styles.ts\";\n\nexport interface InputTagGroupProps<T>\n  extends Omit<AriaTagGroupProps, \"children\">,\n    Pick<TagListProps<T>, \"items\" | \"children\" | \"renderEmptyState\"> {\n  label: string;\n}\n\nconst SharedTagGroupContext = createContext<Pick<InputTagGroupProps<any>, \"onRemove\">>(null as any);\n\nfunction _InputTagGroup<T extends object>(\n  { children, items, label, renderEmptyState, ...props }: InputTagGroupProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTagGroup>>,\n) {\n  [props, ref] = useContextProps(props, ref, TagGroupContext);\n  return (\n    <SharedTagGroupContext.Provider value={{ onRemove: props.onRemove }}>\n      <AriaTagGroup\n        {...props}\n        aria-label={label}\n        className={tagGroupStyles({ className: props.className })}\n        ref={ref}\n      >\n        <TagList items={items} renderEmptyState={renderEmptyState} className=\"flex flex-wrap gap-1\">\n          {children}\n        </TagList>\n      </AriaTagGroup>\n    </SharedTagGroupContext.Provider>\n  );\n}\n\nexport const InputTagGroup = fixedForwardRef(_InputTagGroup);\n// @ts-ignore\nInputTagGroup.displayName = \"InputTagGroup\";\n\nexport type InputTagProps = AriaTagProps & { isDisabled?: boolean };\n\nfunction _InputTag(\n  { children, ...props }: InputTagProps,\n  ref: ForwardedRef<ElementRef<typeof AriaTag>>,\n) {\n  const { onRemove } = useContext(SharedTagGroupContext);\n  const textValue = typeof children === \"string\" ? children : undefined;\n  const { removeButton, tag } = tagStyles();\n\n  return (\n    <AriaTag\n      ref={ref}\n      textValue={textValue}\n      {...props}\n      className={composeRenderProps(props.className, (className, renderProps) => {\n        return tag({ ...renderProps, isDisabled: renderProps.isDisabled, className });\n      })}\n    >\n      {({ allowsRemoving, isDisabled }) => (\n        <>\n          {children}\n          {allowsRemoving && !isDisabled && !props.isDisabled && (\n            <SpanButton\n              className={removeButton()}\n              onPress={() => {\n                const keysToRemove = new Set<Key>();\n                if (props.id) keysToRemove.add(props.id);\n                onRemove?.(keysToRemove);\n              }}\n            >\n              <SvgIcon name=\"clear\" />\n            </SpanButton>\n          )}\n        </>\n      )}\n    </AriaTag>\n  );\n}\n\nexport const InputTag = fixedForwardRef(_InputTag);\n// @ts-ignore\nInputTag.displayName = \"InputTag\";\n"],"names":["SharedTagGroupContext","createContext","_InputTagGroup","children","items","label","renderEmptyState","props","ref","useContextProps","TagGroupContext","jsx","AriaTagGroup","tagGroupStyles","TagList","InputTagGroup","fixedForwardRef","_InputTag","onRemove","useContext","textValue","removeButton","tag","tagStyles","AriaTag","composeRenderProps","className","renderProps","allowsRemoving","isDisabled","jsxs","Fragment","SpanButton","keysToRemove","SvgIcon","InputTag"],"mappings":"uQA0BMA,EAAwBC,EAAAA,cAAyD,IAAW,EAElG,SAASC,EACP,CAAE,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAO,iBAAAC,EAAkB,GAAGC,CAAM,EACrDC,EACA,CACA,OAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,eAAe,EAExDC,wBAACX,EAAsB,SAAtB,CAA+B,MAAO,CAAE,SAAUO,EAAM,UACvD,SAAAI,EAAA,kBAAA,IAACC,EAAA,SAAA,CACE,GAAGL,EACJ,aAAYF,EACZ,UAAWQ,EAAAA,eAAe,CAAE,UAAWN,EAAM,UAAW,EACxD,IAAAC,EAEA,iCAACM,EAAAA,QAAQ,CAAA,MAAAV,EAAc,iBAAAE,EAAoC,UAAU,uBAClE,SAAAH,EACH,CAAA,CAEJ,CAAA,CAAA,CAEJ,CAEa,MAAAY,EAAgBC,kBAAgBd,CAAc,EAE3Da,EAAc,YAAc,gBAI5B,SAASE,EACP,CAAE,SAAAd,EAAU,GAAGI,CAAA,EACfC,EACA,CACA,KAAM,CAAE,SAAAU,CAAA,EAAaC,EAAA,WAAWnB,CAAqB,EAC/CoB,EAAY,OAAOjB,GAAa,SAAWA,EAAW,OACtD,CAAE,aAAAkB,EAAc,IAAAC,CAAI,EAAIC,EAAU,UAAA,EAGtC,OAAAZ,EAAA,kBAAA,IAACa,EAAA,IAAA,CACC,IAAAhB,EACA,UAAAY,EACC,GAAGb,EACJ,UAAWkB,EAAmB,mBAAAlB,EAAM,UAAW,CAACmB,EAAWC,IAClDL,EAAI,CAAE,GAAGK,EAAa,WAAYA,EAAY,WAAY,UAAAD,EAAW,CAC7E,EAEA,SAAC,CAAA,CAAE,eAAAE,EAAgB,WAAAC,KAEfC,yBAAAC,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAAA5B,EACAyB,GAAkB,CAACC,GAAc,CAACtB,EAAM,YACvCI,EAAA,kBAAA,IAACqB,EAAA,WAAA,CACC,UAAWX,EAAa,EACxB,QAAS,IAAM,CACP,MAAAY,MAAmB,IACrB1B,EAAM,IAAiB0B,EAAA,IAAI1B,EAAM,EAAE,EACvCW,GAAA,MAAAA,EAAWe,EACb,EAEA,SAAAtB,EAAAA,kBAAAA,IAACuB,EAAAA,QAAQ,CAAA,KAAK,OAAQ,CAAA,CAAA,CACxB,CAAA,EAEJ,CAAA,CAAA,CAIR,CAEa,MAAAC,EAAWnB,kBAAgBC,CAAS,EAEjDkB,EAAS,YAAc"}
+{"version":3,"file":"lyra452.cjs","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n  base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n  base: [\n    \"block\",\n    \"w-full\",\n    \"justify-start\",\n    \"rounded-sm\",\n    \"bg-transparent\",\n    \"p-1\",\n    \"ps-1.5\",\n    \"text-start\",\n    \"text-base\",\n    \"font-normal\",\n    \"text-primary\",\n    \"outline-none\",\n    \"duration-0\",\n    \"active:text-inverted\",\n    \"hover:bg-action-hover\",\n    \"hover:text-inverted\",\n    \"focus:bg-action-focus\",\n    \"focus:text-inverted\",\n    \"focus-visible:[box-shadow:none]\",\n  ],\n  variants: {\n    isDisabled: {\n      true: [\"text-tertiary\", \"cursor-not-allowed\"],\n    },\n  },\n});\n\nexport const sharedListItemStyles = tv({\n  slots: {\n    item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n    itemCheckmark: [],\n    itemCheckmarkWrapper: [],\n    itemImage: [\n      \"w-9\",\n      \"min-w-9\",\n      \"h-9\",\n      \"rounded-xs\",\n      \"border\",\n      \"solid\",\n      \"border-default\",\n      \"me-1.5\",\n      \"overflow-hidden\",\n      \"box-border\",\n      \"object-contain\",\n      \"bg-[#ffffff]\",\n      \"block\",\n    ],\n    itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n    itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n  },\n  variants: {\n    hasSelection: {\n      true: {\n        itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n        itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n      },\n      false: {\n        item: [\"ps-1.5\"],\n      },\n    },\n    disabled: {\n      true: {\n        item: [\"cursor-not-allowed\"],\n        itemCheckmark: [\"text-tertiary\"],\n        itemImage: [\"opacity-50\"],\n        itemLabel: [\"text-tertiary\"],\n        itemDescription: [\"text-tertiary\"],\n      },\n    },\n    active: {\n      true: {\n        item: [\"bg-action-focus\"],\n        itemImage: [\"border-focus\"],\n        itemCheckmark: [\"text-inverted\"],\n        itemLabel: [\"text-inverted\"],\n        itemDescription: [\"text-inverted\"],\n        itemStartIcon: [\"text-inverted\"],\n        itemEndIcon: [\"text-inverted\"],\n      },\n    },\n  },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":"iHAEaA,EAAmBC,EAAAA,GAAG,CACjC,KAAM,CAAC,OAAQ,WAAY,SAAU,eAAgB,eAAe,CACtE,CAAC,EAEYC,EAAuBD,EAAAA,GAAG,CACrC,KAAM,CACJ,QACA,SACA,gBACA,aACA,iBACA,MACA,SACA,aACA,YACA,cACA,eACA,eACA,aACA,uBACA,wBACA,sBACA,wBACA,sBACA,iCACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,gBAAiB,oBAAoB,CAC9C,CACF,CACF,CAAC,EAEYE,EAAuBF,EAAAA,GAAG,CACrC,MAAO,CACL,KAAM,CAAC,OAAQ,cAAe,MAAO,aAAc,cAAc,EACjE,cAAe,CAAC,EAChB,qBAAsB,CAAC,EACvB,UAAW,CACT,MACA,UACA,MACA,aACA,SACA,QACA,iBACA,SACA,kBACA,aACA,iBACA,eACA,OACF,EACA,UAAW,CAAC,eAAgB,YAAa,WAAY,kBAAmB,aAAa,EACrF,gBAAiB,CAAC,UAAW,iBAAkB,WAAY,kBAAmB,aAAa,EAC3F,YAAa,CAAC,gBAAiB,MAAO,KAAK,EAC3C,cAAe,CAAC,MAAO,MAAO,MAAM,CACtC,EACA,SAAU,CACR,aAAc,CACZ,KAAM,CACJ,qBAAsB,CAAC,MAAO,SAAS,EACvC,cAAe,CAAC,eAAgB,UAAW,MAAM,CACnD,EACA,MAAO,CACL,KAAM,CAAC,QAAQ,CACjB,CACF,EACA,SAAU,CACR,KAAM,CACJ,KAAM,CAAC,oBAAoB,EAC3B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,YAAY,EACxB,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,CACnC,CACF,EACA,OAAQ,CACN,KAAM,CACJ,KAAM,CAAC,iBAAiB,EACxB,UAAW,CAAC,cAAc,EAC1B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,EACjC,cAAe,CAAC,eAAe,EAC/B,YAAa,CAAC,eAAe,CAC/B,CACF,CACF,CACF,CAAC"}

package/dist/lyra452.js

@@ -1,54 +1,92 @@
-import { j as e } from "./lyra87.js";
-import { createContext as u, useContext as x } from "react";
-import { useContextProps as p, TagGroupContext as g, TagGroup as $, TagList as b, Tag as T, composeRenderProps as j } from "./lyra86.js";
-import { fixedForwardRef as f } from "./lyra90.js";
-import { SpanButton as N } from "./lyra835.js";
-import { SvgIcon as v } from "./lyra63.js";
-import { tagGroupStyles as G, tagStyles as I } from "./lyra453.js";
-const c = u(null);
-function y({ children: o, items: a, label: i, renderEmptyState: s, ...t }, r) {
-  return [t, r] = p(t, r, g), /* @__PURE__ */ e.jsx(c.Provider, { value: { onRemove: t.onRemove }, children: /* @__PURE__ */ e.jsx(
-    $,
-    {
-      ...t,
-      "aria-label": i,
-      className: G({ className: t.className }),
-      ref: r,
-      children: /* @__PURE__ */ e.jsx(b, { items: a, renderEmptyState: s, className: "flex flex-wrap gap-1", children: o })
+import { tv as e } from "./lyra448.js";
+const r = e({
+  base: ["flex", "flex-col", "w-full", "outline-none", "overflow-auto"]
+}), i = e({
+  base: [
+    "block",
+    "w-full",
+    "justify-start",
+    "rounded-sm",
+    "bg-transparent",
+    "p-1",
+    "ps-1.5",
+    "text-start",
+    "text-base",
+    "font-normal",
+    "text-primary",
+    "outline-none",
+    "duration-0",
+    "active:text-inverted",
+    "hover:bg-action-hover",
+    "hover:text-inverted",
+    "focus:bg-action-focus",
+    "focus:text-inverted",
+    "focus-visible:[box-shadow:none]"
+  ],
+  variants: {
+    isDisabled: {
+      true: ["text-tertiary", "cursor-not-allowed"]
     }
-  ) });
-}
-const S = f(y);
-S.displayName = "InputTagGroup";
-function C({ children: o, ...a }, i) {
-  const { onRemove: s } = x(c), t = typeof o == "string" ? o : void 0, { removeButton: r, tag: l } = I();
-  return /* @__PURE__ */ e.jsx(
-    T,
-    {
-      ref: i,
-      textValue: t,
-      ...a,
-      className: j(a.className, (m, n) => l({ ...n, isDisabled: n.isDisabled, className: m })),
-      children: ({ allowsRemoving: m, isDisabled: n }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        o,
-        m && !n && !a.isDisabled && /* @__PURE__ */ e.jsx(
-          N,
-          {
-            className: r(),
-            onPress: () => {
-              const d = /* @__PURE__ */ new Set();
-              a.id && d.add(a.id), s == null || s(d);
-            },
-            children: /* @__PURE__ */ e.jsx(v, { name: "clear" })
-          }
-        )
-      ] })
+  }
+}), o = e({
+  slots: {
+    item: ["flex", "items-start", "p-1", "rounded-sm", "outline-none"],
+    itemCheckmark: [],
+    itemCheckmarkWrapper: [],
+    itemImage: [
+      "w-9",
+      "min-w-9",
+      "h-9",
+      "rounded-xs",
+      "border",
+      "solid",
+      "border-default",
+      "me-1.5",
+      "overflow-hidden",
+      "box-border",
+      "object-contain",
+      "bg-[#ffffff]",
+      "block"
+    ],
+    itemLabel: ["text-primary", "text-base", "truncate", "overflow-hidden", "select-none"],
+    itemDescription: ["text-sm", "text-secondary", "truncate", "overflow-hidden", "select-none"],
+    itemEndIcon: ["text-tertiary", "w-4", "h-4"],
+    itemStartIcon: ["w-4", "h-4", "me-1"]
+  },
+  variants: {
+    hasSelection: {
+      true: {
+        itemCheckmarkWrapper: ["w-5", "min-w-5"],
+        itemCheckmark: ["text-primary", "min-w-4", "me-1"]
+      },
+      false: {
+        item: ["ps-1.5"]
+      }
+    },
+    disabled: {
+      true: {
+        item: ["cursor-not-allowed"],
+        itemCheckmark: ["text-tertiary"],
+        itemImage: ["opacity-50"],
+        itemLabel: ["text-tertiary"],
+        itemDescription: ["text-tertiary"]
+      }
+    },
+    active: {
+      true: {
+        item: ["bg-action-focus"],
+        itemImage: ["border-focus"],
+        itemCheckmark: ["text-inverted"],
+        itemLabel: ["text-inverted"],
+        itemDescription: ["text-inverted"],
+        itemStartIcon: ["text-inverted"],
+        itemEndIcon: ["text-inverted"]
+      }
     }
-  );
-}
-const R = f(C);
-R.displayName = "InputTag";
+  }
+});
 export {
-  R as InputTag,
-  S as InputTagGroup
+  i as loadMoreButtonStyles,
+  o as sharedListItemStyles,
+  r as sharedListStyles
 };

package/dist/lyra452.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra452.js","sources":["../src/components/inputs/input-tag-group/input-tag-group.tsx"],"sourcesContent":["import { createContext, ElementRef, ForwardedRef, useContext } from \"react\";\nimport {\n  composeRenderProps,\n  Key,\n  Tag as AriaTag,\n  TagGroup as AriaTagGroup,\n  TagGroupContext,\n  TagGroupProps as AriaTagGroupProps,\n  TagList,\n  TagListProps,\n  TagProps as AriaTagProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers.ts\";\nimport { SpanButton } from \"../../button/span-button.tsx\";\nimport { SvgIcon } from \"../../svg-icon/index.tsx\";\n\nimport { tagGroupStyles, tagStyles } from \"./input-tag-group.styles.ts\";\n\nexport interface InputTagGroupProps<T>\n  extends Omit<AriaTagGroupProps, \"children\">,\n    Pick<TagListProps<T>, \"items\" | \"children\" | \"renderEmptyState\"> {\n  label: string;\n}\n\nconst SharedTagGroupContext = createContext<Pick<InputTagGroupProps<any>, \"onRemove\">>(null as any);\n\nfunction _InputTagGroup<T extends object>(\n  { children, items, label, renderEmptyState, ...props }: InputTagGroupProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTagGroup>>,\n) {\n  [props, ref] = useContextProps(props, ref, TagGroupContext);\n  return (\n    <SharedTagGroupContext.Provider value={{ onRemove: props.onRemove }}>\n      <AriaTagGroup\n        {...props}\n        aria-label={label}\n        className={tagGroupStyles({ className: props.className })}\n        ref={ref}\n      >\n        <TagList items={items} renderEmptyState={renderEmptyState} className=\"flex flex-wrap gap-1\">\n          {children}\n        </TagList>\n      </AriaTagGroup>\n    </SharedTagGroupContext.Provider>\n  );\n}\n\nexport const InputTagGroup = fixedForwardRef(_InputTagGroup);\n// @ts-ignore\nInputTagGroup.displayName = \"InputTagGroup\";\n\nexport type InputTagProps = AriaTagProps & { isDisabled?: boolean };\n\nfunction _InputTag(\n  { children, ...props }: InputTagProps,\n  ref: ForwardedRef<ElementRef<typeof AriaTag>>,\n) {\n  const { onRemove } = useContext(SharedTagGroupContext);\n  const textValue = typeof children === \"string\" ? children : undefined;\n  const { removeButton, tag } = tagStyles();\n\n  return (\n    <AriaTag\n      ref={ref}\n      textValue={textValue}\n      {...props}\n      className={composeRenderProps(props.className, (className, renderProps) => {\n        return tag({ ...renderProps, isDisabled: renderProps.isDisabled, className });\n      })}\n    >\n      {({ allowsRemoving, isDisabled }) => (\n        <>\n          {children}\n          {allowsRemoving && !isDisabled && !props.isDisabled && (\n            <SpanButton\n              className={removeButton()}\n              onPress={() => {\n                const keysToRemove = new Set<Key>();\n                if (props.id) keysToRemove.add(props.id);\n                onRemove?.(keysToRemove);\n              }}\n            >\n              <SvgIcon name=\"clear\" />\n            </SpanButton>\n          )}\n        </>\n      )}\n    </AriaTag>\n  );\n}\n\nexport const InputTag = fixedForwardRef(_InputTag);\n// @ts-ignore\nInputTag.displayName = \"InputTag\";\n"],"names":["SharedTagGroupContext","createContext","_InputTagGroup","children","items","label","renderEmptyState","props","ref","useContextProps","TagGroupContext","jsx","AriaTagGroup","tagGroupStyles","TagList","InputTagGroup","fixedForwardRef","_InputTag","onRemove","useContext","textValue","removeButton","tag","tagStyles","AriaTag","composeRenderProps","className","renderProps","allowsRemoving","isDisabled","jsxs","Fragment","SpanButton","keysToRemove","SvgIcon","InputTag"],"mappings":";;;;;;;AA0BA,MAAMA,IAAwBC,EAAyD,IAAW;AAElG,SAASC,EACP,EAAE,UAAAC,GAAU,OAAAC,GAAO,OAAAC,GAAO,kBAAAC,GAAkB,GAAGC,EAAM,GACrDC,GACA;AACA,UAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAe,GAExDC,gBAAAA,MAACX,EAAsB,UAAtB,EAA+B,OAAO,EAAE,UAAUO,EAAM,YACvD,UAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,cAAYF;AAAA,MACZ,WAAWQ,EAAe,EAAE,WAAWN,EAAM,WAAW;AAAA,MACxD,KAAAC;AAAA,MAEA,gCAACM,GAAQ,EAAA,OAAAV,GAAc,kBAAAE,GAAoC,WAAU,wBAClE,UAAAH,GACH;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;AAEa,MAAAY,IAAgBC,EAAgBd,CAAc;AAE3Da,EAAc,cAAc;AAI5B,SAASE,EACP,EAAE,UAAAd,GAAU,GAAGI,EAAA,GACfC,GACA;AACA,QAAM,EAAE,UAAAU,EAAA,IAAaC,EAAWnB,CAAqB,GAC/CoB,IAAY,OAAOjB,KAAa,WAAWA,IAAW,QACtD,EAAE,cAAAkB,GAAc,KAAAC,EAAI,IAAIC,EAAU;AAGtC,SAAAZ,gBAAAA,EAAA;AAAA,IAACa;AAAAA,IAAA;AAAA,MACC,KAAAhB;AAAA,MACA,WAAAY;AAAA,MACC,GAAGb;AAAA,MACJ,WAAWkB,EAAmBlB,EAAM,WAAW,CAACmB,GAAWC,MAClDL,EAAI,EAAE,GAAGK,GAAa,YAAYA,EAAY,YAAY,WAAAD,GAAW,CAC7E;AAAA,MAEA,UAAC,CAAA,EAAE,gBAAAE,GAAgB,YAAAC,QAEfC,gBAAAA,OAAAC,EAAAA,UAAA,EAAA,UAAA;AAAA,QAAA5B;AAAA,QACAyB,KAAkB,CAACC,KAAc,CAACtB,EAAM,cACvCI,gBAAAA,EAAA;AAAA,UAACqB;AAAA,UAAA;AAAA,YACC,WAAWX,EAAa;AAAA,YACxB,SAAS,MAAM;AACP,oBAAAY,wBAAmB;AACzB,cAAI1B,EAAM,MAAiB0B,EAAA,IAAI1B,EAAM,EAAE,GACvCW,KAAA,QAAAA,EAAWe;AAAA,YACb;AAAA,YAEA,UAAAtB,gBAAAA,EAAAA,IAACuB,GAAQ,EAAA,MAAK,QAAQ,CAAA;AAAA,UAAA;AAAA,QACxB;AAAA,MAAA,GAEJ;AAAA,IAAA;AAAA,EAAA;AAIR;AAEa,MAAAC,IAAWnB,EAAgBC,CAAS;AAEjDkB,EAAS,cAAc;"}
+{"version":3,"file":"lyra452.js","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n  base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n  base: [\n    \"block\",\n    \"w-full\",\n    \"justify-start\",\n    \"rounded-sm\",\n    \"bg-transparent\",\n    \"p-1\",\n    \"ps-1.5\",\n    \"text-start\",\n    \"text-base\",\n    \"font-normal\",\n    \"text-primary\",\n    \"outline-none\",\n    \"duration-0\",\n    \"active:text-inverted\",\n    \"hover:bg-action-hover\",\n    \"hover:text-inverted\",\n    \"focus:bg-action-focus\",\n    \"focus:text-inverted\",\n    \"focus-visible:[box-shadow:none]\",\n  ],\n  variants: {\n    isDisabled: {\n      true: [\"text-tertiary\", \"cursor-not-allowed\"],\n    },\n  },\n});\n\nexport const sharedListItemStyles = tv({\n  slots: {\n    item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n    itemCheckmark: [],\n    itemCheckmarkWrapper: [],\n    itemImage: [\n      \"w-9\",\n      \"min-w-9\",\n      \"h-9\",\n      \"rounded-xs\",\n      \"border\",\n      \"solid\",\n      \"border-default\",\n      \"me-1.5\",\n      \"overflow-hidden\",\n      \"box-border\",\n      \"object-contain\",\n      \"bg-[#ffffff]\",\n      \"block\",\n    ],\n    itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n    itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n  },\n  variants: {\n    hasSelection: {\n      true: {\n        itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n        itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n      },\n      false: {\n        item: [\"ps-1.5\"],\n      },\n    },\n    disabled: {\n      true: {\n        item: [\"cursor-not-allowed\"],\n        itemCheckmark: [\"text-tertiary\"],\n        itemImage: [\"opacity-50\"],\n        itemLabel: [\"text-tertiary\"],\n        itemDescription: [\"text-tertiary\"],\n      },\n    },\n    active: {\n      true: {\n        item: [\"bg-action-focus\"],\n        itemImage: [\"border-focus\"],\n        itemCheckmark: [\"text-inverted\"],\n        itemLabel: [\"text-inverted\"],\n        itemDescription: [\"text-inverted\"],\n        itemStartIcon: [\"text-inverted\"],\n        itemEndIcon: [\"text-inverted\"],\n      },\n    },\n  },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":";AAEO,MAAMA,IAAmBC,EAAG;AAAA,EACjC,MAAM,CAAC,QAAQ,YAAY,UAAU,gBAAgB,eAAe;AACtE,CAAC,GAEYC,IAAuBD,EAAG;AAAA,EACrC,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM,CAAC,iBAAiB,oBAAoB;AAAA,IAC9C;AAAA,EACF;AACF,CAAC,GAEYE,IAAuBF,EAAG;AAAA,EACrC,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,eAAe,OAAO,cAAc,cAAc;AAAA,IACjE,eAAe,CAAC;AAAA,IAChB,sBAAsB,CAAC;AAAA,IACvB,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAW,CAAC,gBAAgB,aAAa,YAAY,mBAAmB,aAAa;AAAA,IACrF,iBAAiB,CAAC,WAAW,kBAAkB,YAAY,mBAAmB,aAAa;AAAA,IAC3F,aAAa,CAAC,iBAAiB,OAAO,KAAK;AAAA,IAC3C,eAAe,CAAC,OAAO,OAAO,MAAM;AAAA,EACtC;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,sBAAsB,CAAC,OAAO,SAAS;AAAA,QACvC,eAAe,CAAC,gBAAgB,WAAW,MAAM;AAAA,MACnD;AAAA,MACA,OAAO;AAAA,QACL,MAAM,CAAC,QAAQ;AAAA,MACjB;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM,CAAC,oBAAoB;AAAA,QAC3B,eAAe,CAAC,eAAe;AAAA,QAC/B,WAAW,CAAC,YAAY;AAAA,QACxB,WAAW,CAAC,eAAe;AAAA,QAC3B,iBAAiB,CAAC,eAAe;AAAA,MACnC;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,MAAM,CAAC,iBAAiB;AAAA,QACxB,WAAW,CAAC,cAAc;AAAA,QAC1B,eAAe,CAAC,eAAe;AAAA,QAC/B,WAAW,CAAC,eAAe;AAAA,QAC3B,iBAAiB,CAAC,eAAe;AAAA,QACjC,eAAe,CAAC,eAAe;AAAA,QAC/B,aAAa,CAAC,eAAe;AAAA,MAC/B;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}

package/dist/lyra453.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra448.cjs"),t=e.tv({base:"flex flex-wrap gap-1"}),o=e.tv({slots:{tag:["transition","cursor-default","text-base","rounded-sm","py-1","pe-1","ps-1.5","flex","items-center","gap-1","ring-default","border","border-default","outline-none","solid","bg-transparent","[&:hover&:not(:active)]:bg-overlay-subtle","active:bg-overlay-medium","focus-visible:shadow-highlight","focus-visible:border-focus","select-none","break-all"],removeButton:["cursor-default","text-secondary","outline-none"]},variants:{allowsRemoving:{true:{}},isDisabled:{true:{tag:["bg-overlay-subtle","text-secondary","cursor-not-allowed","border-transparent"]}}},compoundVariants:[{allowsRemoving:!0,isDisabled:!1,className:{tag:"pe-1"}}]});exports.tagGroupStyles=t;exports.tagStyles=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra87.cjs"),n=require("./lyra89.cjs"),i=require("./lyra63.cjs"),a=require("./lyra71.cjs");require("./lyra72.cjs");const y=require("./lyra452.cjs"),R=n.default.object({label:n.default.string(),description:n.default.string().optional(),iconStart:i.iconsSchema.optional(),iconEnd:i.iconsSchema.optional(),image:n.default.string().url().optional()}).transform(s=>s.image&&s.iconStart?{...s,iconStart:void 0}:s),f=({hasSelection:s,item:x,selectRenderElements:u,state:t})=>{const{description:r,iconEnd:l,iconStart:c,image:m,label:o}=R.parse(u(x)),{item:d,itemCheckmark:p,itemCheckmarkWrapper:j,itemDescription:S,itemEndIcon:h,itemImage:g,itemLabel:E,itemStartIcon:I}=y.sharedListItemStyles({hasSelection:s});return e.jsxRuntimeExports.jsxs("div",{className:d(t),children:[e.jsxRuntimeExports.jsx("div",{className:j(),children:t.selected&&s?e.jsxRuntimeExports.jsx(i.SvgIcon,{name:"checkmark",className:p(t)}):null}),m?e.jsxRuntimeExports.jsx("img",{src:m,alt:o,className:g(t)}):null,c?e.jsxRuntimeExports.jsx("div",{className:I(t),children:e.jsxRuntimeExports.jsx(i.SvgIcon,{name:c})}):null,e.jsxRuntimeExports.jsxs("div",{className:"flex w-full grow flex-col gap-1 overflow-hidden truncate",children:[e.jsxRuntimeExports.jsx(a.Text,{slot:"label",className:E(t),children:o}),r?e.jsxRuntimeExports.jsx(a.Text,{slot:"description",className:S(t),children:r}):null]}),l?e.jsxRuntimeExports.jsx("div",{className:h(t),children:e.jsxRuntimeExports.jsx(i.SvgIcon,{name:l})}):null]})};exports.SharedListItem=f;

package/dist/lyra453.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra453.cjs","sources":["../src/components/inputs/input-tag-group/input-tag-group.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const tagGroupStyles = tv({\n  base: \"flex flex-wrap gap-1\",\n});\n\nexport const tagStyles = tv({\n  slots: {\n    tag: [\n      \"transition\",\n      \"cursor-default\",\n      \"text-base\",\n      \"rounded-sm\",\n      \"py-1\",\n      \"pe-1\",\n      \"ps-1.5\",\n      \"flex\",\n      \"items-center\",\n      \"gap-1\",\n      \"ring-default\",\n      \"border\",\n      \"border-default\",\n      \"outline-none\",\n      \"solid\",\n      \"bg-transparent\",\n      \"[&:hover&:not(:active)]:bg-overlay-subtle\",\n      \"active:bg-overlay-medium\",\n      \"focus-visible:shadow-highlight\",\n      \"focus-visible:border-focus\",\n      \"select-none\",\n      \"break-all\",\n    ],\n    removeButton: [\"cursor-default\", \"text-secondary\", \"outline-none\"],\n  },\n  variants: {\n    allowsRemoving: {\n      true: {},\n    },\n    isDisabled: {\n      true: {\n        tag: [\"bg-overlay-subtle\", \"text-secondary\", \"cursor-not-allowed\", \"border-transparent\"],\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      allowsRemoving: true,\n      isDisabled: false,\n      className: {\n        tag: \"pe-1\",\n      },\n    },\n  ],\n});\n"],"names":["tagGroupStyles","tv","tagStyles"],"mappings":"iHAEaA,EAAiBC,EAAAA,GAAG,CAC/B,KAAM,sBACR,CAAC,EAEYC,EAAYD,EAAAA,GAAG,CAC1B,MAAO,CACL,IAAK,CACH,aACA,iBACA,YACA,aACA,OACA,OACA,SACA,OACA,eACA,QACA,eACA,SACA,iBACA,eACA,QACA,iBACA,4CACA,2BACA,iCACA,6BACA,cACA,WACF,EACA,aAAc,CAAC,iBAAkB,iBAAkB,cAAc,CACnE,EACA,SAAU,CACR,eAAgB,CACd,KAAM,CAAC,CACT,EACA,WAAY,CACV,KAAM,CACJ,IAAK,CAAC,oBAAqB,iBAAkB,qBAAsB,oBAAoB,CACzF,CACF,CACF,EACA,iBAAkB,CAChB,CACE,eAAgB,GAChB,WAAY,GACZ,UAAW,CACT,IAAK,MACP,CACF,CACF,CACF,CAAC"}
+{"version":3,"file":"lyra453.cjs","sources":["../src/components/lists/shared-list-item.tsx"],"sourcesContent":["import { z } from \"zod\";\n\nimport { iconsSchema, SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { sharedListItemStyles } from \"./shared-list.styles\";\n\n// Define the schema for the shared list item\nconst sharedListItemSchema = z\n  .object({\n    label: z.string(),\n    description: z.string().optional(),\n    iconStart: iconsSchema.optional(),\n    iconEnd: iconsSchema.optional(),\n    image: z.string().url().optional(),\n  })\n  .transform((data) => {\n    // If both image and iconStart are present, remove iconStart\n    if (data.image && data.iconStart) {\n      return { ...data, iconStart: undefined };\n    }\n    return data;\n  });\n\n// Infer the type of the shared list item arguments\nexport type SharedListItemArgs = z.infer<typeof sharedListItemSchema>;\n\ntype SharedListItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\nexport type SelectItemRenderPropFn<T> = (arg: T) => SharedListItemArgs;\n\nexport type SharedListItemProps<T extends object> = {\n  item: T;\n  selectRenderElements: SelectItemRenderPropFn<T>;\n  state: SharedListItemRenderPropArg;\n  hasSelection?: boolean;\n};\n\n/**\n * Renders a single item in a list\n *\n * @template T - The type of the item.\n * @param {SharedListItemProps<T>} props - The props for the SharedListItem component.\n * @returns {JSX.Element} - The rendered SharedListItem component.\n */\nexport const SharedListItem = <T extends object>({\n  hasSelection,\n  item,\n  selectRenderElements,\n  state,\n}: SharedListItemProps<T>) => {\n  const { description, iconEnd, iconStart, image, label } = sharedListItemSchema.parse(\n    selectRenderElements(item),\n  );\n  const {\n    item: itemStyles,\n    itemCheckmark: itemCheckmarkStyles,\n    itemCheckmarkWrapper: itemCheckmarkWrapperStyles,\n    itemDescription: itemDescriptionStyles,\n    itemEndIcon: itemEndIconStyles,\n    itemImage: itemImageStyles,\n    itemLabel: itemLabelStyles,\n    itemStartIcon: itemStartIconStyles,\n  } = sharedListItemStyles({\n    hasSelection,\n  });\n\n  return (\n    <div className={itemStyles(state)}>\n      <div className={itemCheckmarkWrapperStyles()}>\n        {state.selected && hasSelection ? (\n          <SvgIcon name=\"checkmark\" className={itemCheckmarkStyles(state)} />\n        ) : null}\n      </div>\n      {image ? <img src={image} alt={label} className={itemImageStyles(state)} /> : null}\n      {iconStart ? (\n        <div className={itemStartIconStyles(state)}>\n          <SvgIcon name={iconStart} />\n        </div>\n      ) : null}\n      <div className=\"flex w-full grow flex-col gap-1 overflow-hidden truncate\">\n        <Text slot=\"label\" className={itemLabelStyles(state)}>\n          {label}\n        </Text>\n        {description ? (\n          <Text slot=\"description\" className={itemDescriptionStyles(state)}>\n            {description}\n          </Text>\n        ) : null}\n      </div>\n      {iconEnd ? (\n        <div className={itemEndIconStyles(state)}>\n          <SvgIcon name={iconEnd} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":["sharedListItemSchema","z","iconsSchema","data","SharedListItem","hasSelection","item","selectRenderElements","state","description","iconEnd","iconStart","image","label","itemStyles","itemCheckmarkStyles","itemCheckmarkWrapperStyles","itemDescriptionStyles","itemEndIconStyles","itemImageStyles","itemLabelStyles","itemStartIconStyles","sharedListItemStyles","jsxs","jsx","SvgIcon","Text"],"mappings":"uPAQMA,EAAuBC,UAC1B,OAAO,CACN,MAAOA,UAAE,OAAO,EAChB,YAAaA,EAAA,QAAE,OAAO,EAAE,SAAS,EACjC,UAAWC,cAAY,SAAS,EAChC,QAASA,cAAY,SAAS,EAC9B,MAAOD,EAAAA,QAAE,OAAS,EAAA,IAAA,EAAM,SAAS,CACnC,CAAC,EACA,UAAWE,GAENA,EAAK,OAASA,EAAK,UACd,CAAE,GAAGA,EAAM,UAAW,MAAU,EAElCA,CACR,EA2BUC,EAAiB,CAAmB,CAC/C,aAAAC,EACA,KAAAC,EACA,qBAAAC,EACA,MAAAC,CACF,IAA8B,CAC5B,KAAM,CAAE,YAAAC,EAAa,QAAAC,EAAS,UAAAC,EAAW,MAAAC,EAAO,MAAAC,CAAA,EAAUb,EAAqB,MAC7EO,EAAqBD,CAAI,CAAA,EAErB,CACJ,KAAMQ,EACN,cAAeC,EACf,qBAAsBC,EACtB,gBAAiBC,EACjB,YAAaC,EACb,UAAWC,EACX,UAAWC,EACX,cAAeC,GACbC,uBAAqB,CACvB,aAAAjB,CAAA,CACD,EAED,OACGkB,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWT,EAAWN,CAAK,EAC9B,SAAA,CAAAgB,wBAAC,OAAI,UAAWR,EACb,EAAA,SAAAR,EAAM,UAAYH,EACjBmB,EAAAA,kBAAAA,IAACC,EAAAA,QAAQ,CAAA,KAAK,YAAY,UAAWV,EAAoBP,CAAK,CAAA,CAAG,EAC/D,KACN,EACCI,EAASY,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAKZ,EAAO,IAAKC,EAAO,UAAWM,EAAgBX,CAAK,CAAA,CAAG,EAAK,KAC7EG,EACCa,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWH,EAAoBb,CAAK,EACvC,SAAAgB,EAAA,kBAAA,IAACC,EAAQ,QAAA,CAAA,KAAMd,CAAW,CAAA,CAC5B,CAAA,EACE,KACJY,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,2DACb,SAAA,CAAAC,EAAAA,kBAAAA,IAACE,QAAK,KAAK,QAAQ,UAAWN,EAAgBZ,CAAK,EAChD,SACHK,EAAA,EACCJ,EACEe,EAAAA,kBAAAA,IAAAE,EAAAA,KAAA,CAAK,KAAK,cAAc,UAAWT,EAAsBT,CAAK,EAC5D,SAAAC,CAAA,CACH,EACE,IAAA,EACN,EACCC,EACCc,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWN,EAAkBV,CAAK,EACrC,SAAAgB,EAAA,kBAAA,IAACC,EAAQ,QAAA,CAAA,KAAMf,CAAS,CAAA,CAC1B,CAAA,EACE,IACN,CAAA,CAAA,CAEJ"}