@manafishrov/ui 1.4.4 → 1.4.6

package/dist/components/HoverCard.js

@@ -1,44 +1,36 @@
-import { createComponent as o, mergeProps as n } from "solid-js/web";
+import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
 import { hover_card_exports as t } from "../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/64BWQJ5X.js";
-import { splitProps as d } from "solid-js";
-import { cn as l } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-const i = t.Root, f = t.Trigger, g = t.Context, b = (e) => {
-  const [r, a] = d(e, ["class"]);
-  return o(t.Positioner, n({
-    "data-slot": "hover-card-positioner",
-    get class() {
-      return l("isolate z-50", r.class);
-    }
-  }, a));
-}, h = (e) => {
-  const [r, a] = d(e, ["class"]);
-  return o(t.Content, n({
-    "data-slot": "hover-card-content",
-    get class() {
-      return l("p-4 text-sm shadow-md w-64 relative isolate z-50 origin-(--transform-origin) transform-gpu rounded-lg border border-border bg-popover text-popover-foreground duration-100 will-change-transform outline-none [--arrow-background:var(--popover)]", "after:pointer-events-none after:absolute after:z-[60] after:rounded-full after:content-['']", "data-[placement^=bottom]:after:top-0 data-[placement^=bottom]:after:left-[0.17rem] data-[placement^=bottom]:after:right-[0.17rem] data-[placement^=bottom]:after:h-px data-[placement^=bottom]:after:bg-popover", "data-[placement^=top]:after:bottom-0 data-[placement^=top]:after:left-[0.17rem] data-[placement^=top]:after:right-[0.17rem] data-[placement^=top]:after:h-px data-[placement^=top]:after:bg-popover", "data-[placement^=left]:after:top-[0.17rem] data-[placement^=left]:after:bottom-[0.17rem] data-[placement^=left]:after:right-0 data-[placement^=left]:after:w-px data-[placement^=left]:after:bg-popover", "data-[placement^=right]:after:top-[0.17rem] data-[placement^=right]:after:bottom-[0.17rem] data-[placement^=right]:after:left-0 data-[placement^=right]:after:w-px data-[placement^=right]:after:bg-popover", "data-[state=open]:animate-in data-[state=open]:fade-in-0", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0", "data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2", r.class);
-    }
-  }, a));
-}, v = (e) => {
-  const [r, a] = d(e, ["class"]);
-  return o(t.Arrow, n({
-    "data-slot": "hover-card-arrow",
-    get class() {
-      return l("z-50 [--arrow-size:10px]", r.class);
-    }
-  }, a, {
-    get children() {
-      return o(t.ArrowTip, {
-        class: "rounded-[2px] border-t border-l border-border"
-      });
-    }
-  }));
+import { createComponent as n, mergeProps as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/HoverCard.tsx
+var a = t.Root, o = t.Trigger, s = t.Context, c = (a) => {
+	let [o, s] = i(a, ["class"]);
+	return n(t.Positioner, r({
+		"data-slot": "hover-card-positioner",
+		get class() {
+			return e("isolate z-50", o.class);
+		}
+	}, s));
+}, l = (a) => {
+	let [o, s] = i(a, ["class"]);
+	return n(t.Content, r({
+		"data-slot": "hover-card-content",
+		get class() {
+			return e("p-4 text-sm shadow-md w-64 relative isolate z-50 origin-(--transform-origin) transform-gpu rounded-lg border border-border bg-popover text-popover-foreground duration-100 will-change-transform outline-none [--arrow-background:var(--popover)]", "after:pointer-events-none after:absolute after:z-[60] after:rounded-full after:content-['']", "data-[placement^=bottom]:after:top-0 data-[placement^=bottom]:after:left-[0.17rem] data-[placement^=bottom]:after:right-[0.17rem] data-[placement^=bottom]:after:h-px data-[placement^=bottom]:after:bg-popover", "data-[placement^=top]:after:bottom-0 data-[placement^=top]:after:left-[0.17rem] data-[placement^=top]:after:right-[0.17rem] data-[placement^=top]:after:h-px data-[placement^=top]:after:bg-popover", "data-[placement^=left]:after:top-[0.17rem] data-[placement^=left]:after:bottom-[0.17rem] data-[placement^=left]:after:right-0 data-[placement^=left]:after:w-px data-[placement^=left]:after:bg-popover", "data-[placement^=right]:after:top-[0.17rem] data-[placement^=right]:after:bottom-[0.17rem] data-[placement^=right]:after:left-0 data-[placement^=right]:after:w-px data-[placement^=right]:after:bg-popover", "data-[state=open]:animate-in data-[state=open]:fade-in-0", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0", "data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2", o.class);
+		}
+	}, s));
+}, u = (a) => {
+	let [o, s] = i(a, ["class"]);
+	return n(t.Arrow, r({
+		"data-slot": "hover-card-arrow",
+		get class() {
+			return e("z-50 [--arrow-size:10px]", o.class);
+		}
+	}, s, { get children() {
+		return n(t.ArrowTip, { class: "rounded-[2px] border-t border-l border-border" });
+	} }));
 };
-export {
-  i as HoverCard,
-  v as HoverCardArrow,
-  h as HoverCardContent,
-  g as HoverCardContext,
-  b as HoverCardPositioner,
-  f as HoverCardTrigger
-};
-//# sourceMappingURL=HoverCard.js.map
+//#endregion
+export { a as HoverCard, u as HoverCardArrow, l as HoverCardContent, s as HoverCardContext, c as HoverCardPositioner, o as HoverCardTrigger };
+
+//# sourceMappingURL=HoverCard.js.map

package/dist/components/HoverCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.js","sources":["../../src/components/HoverCard.tsx"],"sourcesContent":["import { HoverCard as HoverCardPrimitive } from '@ark-ui/solid/hover-card';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const HoverCard = HoverCardPrimitive.Root;\nexport const HoverCardTrigger = HoverCardPrimitive.Trigger;\nexport const HoverCardContext = HoverCardPrimitive.Context;\n\nexport const HoverCardPositioner: Component<HoverCardPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <HoverCardPrimitive.Positioner\n      data-slot='hover-card-positioner'\n      class={cn('isolate z-50', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const HoverCardContent: Component<HoverCardPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <HoverCardPrimitive.Content\n      data-slot='hover-card-content'\n      class={cn(\n        'p-4 text-sm shadow-md w-64 relative isolate z-50 origin-(--transform-origin) transform-gpu rounded-lg border border-border bg-popover text-popover-foreground duration-100 will-change-transform outline-none [--arrow-background:var(--popover)]',\n        \"after:pointer-events-none after:absolute after:z-[60] after:rounded-full after:content-['']\",\n        'data-[placement^=bottom]:after:top-0 data-[placement^=bottom]:after:left-[0.17rem] data-[placement^=bottom]:after:right-[0.17rem] data-[placement^=bottom]:after:h-px data-[placement^=bottom]:after:bg-popover',\n        'data-[placement^=top]:after:bottom-0 data-[placement^=top]:after:left-[0.17rem] data-[placement^=top]:after:right-[0.17rem] data-[placement^=top]:after:h-px data-[placement^=top]:after:bg-popover',\n        'data-[placement^=left]:after:top-[0.17rem] data-[placement^=left]:after:bottom-[0.17rem] data-[placement^=left]:after:right-0 data-[placement^=left]:after:w-px data-[placement^=left]:after:bg-popover',\n        'data-[placement^=right]:after:top-[0.17rem] data-[placement^=right]:after:bottom-[0.17rem] data-[placement^=right]:after:left-0 data-[placement^=right]:after:w-px data-[placement^=right]:after:bg-popover',\n        'data-[state=open]:animate-in data-[state=open]:fade-in-0',\n        'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',\n        'data-[side=bottom]:slide-in-from-top-2',\n        'data-[side=left]:slide-in-from-right-2',\n        'data-[side=right]:slide-in-from-left-2',\n        'data-[side=top]:slide-in-from-bottom-2',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const HoverCardArrow: Component<HoverCardPrimitive.ArrowProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <HoverCardPrimitive.Arrow\n      data-slot='hover-card-arrow'\n      class={cn('z-50 [--arrow-size:10px]', local.class)}\n      {...others}\n    >\n      <HoverCardPrimitive.ArrowTip class='rounded-[2px] border-t border-l border-border' />\n    </HoverCardPrimitive.Arrow>\n  );\n};\n"],"names":["HoverCard","HoverCardPrimitive","Root","HoverCardTrigger","Trigger","HoverCardContext","Context","HoverCardPositioner","props","local","others","splitProps","_$createComponent","Positioner","_$mergeProps","cn","class","HoverCardContent","Content","HoverCardArrow","Arrow","children","ArrowTip"],"mappings":";;;;AAIO,MAAMA,IAAYC,EAAmBC,MAC/BC,IAAmBF,EAAmBG,SACtCC,IAAmBJ,EAAmBK,SAEtCC,IAAsEC,CAAAA,MAAU;AAC3F,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAmBY,YAAUC,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAErBC,EAAG,gBAAgBN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAClCN,CAAM,CAAA;AAGhB,GAEaO,IAAgET,CAAAA,MAAU;AACrF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,SAAAI,EACGX,EAAmBiB,SAAOJ,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAElBC,EACL,qPACA,+FACA,mNACA,uMACA,2MACA,+MACA,4DACA,kEACA,0CACA,0CACA,0CACA,0CACAN,EAAMO,KACR;AAAA,IAAC;AAAA,EAAA,GACGN,CAAM,CAAA;AAGhB,GAEaS,IAA4DX,CAAAA,MAAU;AACjF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AAEnD,SAAAI,EACGX,EAAmBmB,OAAKN,EAAA;AAAA,IAAA,aAAA;AAAA,IAAA,IAAA,QAAA;AAAA,aAEhBC,EAAG,4BAA4BN,EAAMO,KAAK;AAAA,IAAC;AAAA,EAAA,GAC9CN,GAAM;AAAA,IAAA,IAAAW,WAAA;AAAA,aAAAT,EAETX,EAAmBqB,UAAQ;AAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA,CAAA;AAGlC;"}
+{"version":3,"file":"HoverCard.js","names":["HoverCard","HoverCardPrimitive","Component","splitProps","cn","Root","HoverCardTrigger","Trigger","HoverCardContext","Context","HoverCardPositioner","PositionerProps","props","local","others","_$createComponent","Positioner","_$mergeProps","class","HoverCardContent","ContentProps","Content","HoverCardArrow","ArrowProps","Arrow","children","ArrowTip"],"sources":["../../src/components/HoverCard.tsx"],"sourcesContent":["import { HoverCard as HoverCardPrimitive } from '@ark-ui/solid/hover-card';\nimport { type Component, splitProps } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const HoverCard = HoverCardPrimitive.Root;\nexport const HoverCardTrigger = HoverCardPrimitive.Trigger;\nexport const HoverCardContext = HoverCardPrimitive.Context;\n\nexport const HoverCardPositioner: Component<HoverCardPrimitive.PositionerProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <HoverCardPrimitive.Positioner\n      data-slot='hover-card-positioner'\n      class={cn('isolate z-50', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const HoverCardContent: Component<HoverCardPrimitive.ContentProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <HoverCardPrimitive.Content\n      data-slot='hover-card-content'\n      class={cn(\n        'p-4 text-sm shadow-md w-64 relative isolate z-50 origin-(--transform-origin) transform-gpu rounded-lg border border-border bg-popover text-popover-foreground duration-100 will-change-transform outline-none [--arrow-background:var(--popover)]',\n        \"after:pointer-events-none after:absolute after:z-[60] after:rounded-full after:content-['']\",\n        'data-[placement^=bottom]:after:top-0 data-[placement^=bottom]:after:left-[0.17rem] data-[placement^=bottom]:after:right-[0.17rem] data-[placement^=bottom]:after:h-px data-[placement^=bottom]:after:bg-popover',\n        'data-[placement^=top]:after:bottom-0 data-[placement^=top]:after:left-[0.17rem] data-[placement^=top]:after:right-[0.17rem] data-[placement^=top]:after:h-px data-[placement^=top]:after:bg-popover',\n        'data-[placement^=left]:after:top-[0.17rem] data-[placement^=left]:after:bottom-[0.17rem] data-[placement^=left]:after:right-0 data-[placement^=left]:after:w-px data-[placement^=left]:after:bg-popover',\n        'data-[placement^=right]:after:top-[0.17rem] data-[placement^=right]:after:bottom-[0.17rem] data-[placement^=right]:after:left-0 data-[placement^=right]:after:w-px data-[placement^=right]:after:bg-popover',\n        'data-[state=open]:animate-in data-[state=open]:fade-in-0',\n        'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',\n        'data-[side=bottom]:slide-in-from-top-2',\n        'data-[side=left]:slide-in-from-right-2',\n        'data-[side=right]:slide-in-from-left-2',\n        'data-[side=top]:slide-in-from-bottom-2',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const HoverCardArrow: Component<HoverCardPrimitive.ArrowProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <HoverCardPrimitive.Arrow\n      data-slot='hover-card-arrow'\n      class={cn('z-50 [--arrow-size:10px]', local.class)}\n      {...others}\n    >\n      <HoverCardPrimitive.ArrowTip class='rounded-[2px] border-t border-l border-border' />\n    </HoverCardPrimitive.Arrow>\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaA,IAAYC,EAAmBI,MAC/BC,IAAmBL,EAAmBM,SACtCC,IAAmBP,EAAmBQ,SAEtCC,KAAsEE,MAAU;CAC3F,IAAM,CAACC,GAAOC,KAAUX,EAAWS,GAAO,CAAC,QAAQ,CAAC;AACpD,QAAAG,EACGd,EAAmBe,YAAUC,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAErBb,EAAG,gBAAgBS,EAAMK,MAAM;;EAAA,EAClCJ,EAAM,CAAA;GAKHK,KAAgEP,MAAU;CACrF,IAAM,CAACC,GAAOC,KAAUX,EAAWS,GAAO,CAAC,QAAQ,CAAC;AACpD,QAAAG,EACGd,EAAmBoB,SAAOJ,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAElBb,EACL,qPACA,+FACA,mNACA,uMACA,2MACA,+MACA,4DACA,kEACA,0CACA,0CACA,0CACA,0CACAS,EAAMK,MACP;;EAAA,EACGJ,EAAM,CAAA;GAKHQ,KAA4DV,MAAU;CACjF,IAAM,CAACC,GAAOC,KAAUX,EAAWS,GAAO,CAAC,QAAQ,CAAC;AAEpD,QAAAG,EACGd,EAAmBuB,OAAKP,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAEhBb,EAAG,4BAA4BS,EAAMK,MAAM;;EAAA,EAC9CJ,GAAM,EAAA,IAAAW,WAAA;AAAA,SAAAV,EAETd,EAAmByB,UAAQ,EAAA,OAAA,iDAAA,CAAA;IAAA,CAAA,CAAA"}

package/dist/components/InputGroup.js

@@ -1,125 +1,109 @@
-import { delegateEvents as g, spread as o, mergeProps as s, createComponent as b, template as l } from "solid-js/web";
-import { splitProps as n } from "solid-js";
-import { tv as c, cn as d } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-import { Button as f } from "./Button.js";
-var m = /* @__PURE__ */ l("<div data-slot=input-group role=group>"), h = /* @__PURE__ */ l("<div role=group data-slot=input-group-addon>"), x = /* @__PURE__ */ l("<span>"), v = /* @__PURE__ */ l("<input data-slot=input-group-control>"), k = /* @__PURE__ */ l("<textarea data-slot=input-group-control>");
-const I = (e) => {
-  const [t, r] = n(e, ["class"]);
-  return (() => {
-    var a = m();
-    return o(a, s({
-      get class() {
-        return d("group/input-group min-w-0 h-8 relative flex w-full items-center rounded-lg border border-input transition-colors outline-none dark:bg-input/30", "has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50", "has-data-[invalid=true]:border-destructive has-data-[invalid=true]:ring-[3px] has-data-[invalid=true]:ring-destructive/20 dark:has-data-[invalid=true]:ring-destructive/40", "has-disabled:bg-input/50 has-disabled:opacity-50 dark:has-disabled:bg-input/80", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col", "has-[>[data-align=block-end]]:[&>input]:pt-3", "has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=inline-end]]:[&>input]:pr-1.5", "has-[>[data-align=inline-start]]:[&>input]:pl-1.5", "has-[>textarea]:h-auto", t.class);
-      }
-    }, r), !1, !1), a;
-  })();
-}, z = c({
-  base: "gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>svg:not([class*='size-'])]:size-4 flex h-auto cursor-text items-center justify-center text-muted-foreground select-none [&>kbd]:rounded-[calc(var(--radius)-5px)]",
-  variants: {
-    align: {
-      "inline-start": "pl-2 order-first has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
-      "inline-end": "pr-2 order-last has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",
-      "block-start": "px-2.5 pt-2 has-[>input]:pt-2 [.border-b]:pb-2 order-first w-full justify-start",
-      "block-end": "px-2.5 pb-2 has-[>input]:pb-2 [.border-t]:pt-2 order-last w-full justify-start"
-    }
-  },
-  defaultVariants: {
-    align: "inline-start"
-  }
-}), C = (e) => {
-  const [t, r] = n(e, ["class", "align", "onClick"]);
-  return (() => {
-    var a = h();
-    return a.$$click = (i) => {
-      if (!(i.target instanceof HTMLElement) || i.target.closest("button"))
-        return;
-      const u = i.currentTarget.parentElement;
-      if (u) {
-        const p = u.querySelector("input");
-        p && p.focus();
-      }
-      typeof t.onClick == "function" && t.onClick(i);
-    }, o(a, s({
-      get "data-align"() {
-        return t.align ?? "inline-start";
-      },
-      get class() {
-        return z({
-          align: t.align,
-          class: t.class
-        });
-      }
-    }, r), !1, !1), a;
-  })();
-}, y = c({
-  base: "gap-2 text-sm flex items-center shadow-none",
-  variants: {
-    size: {
-      xs: 'h-6 gap-1 px-1.5 [&>svg:not([class*="size-"])]:size-3.5 rounded-[calc(var(--radius)-3px)]',
-      sm: "",
-      "icon-xs": "size-6 p-0 has-[>svg]:p-0 rounded-[calc(var(--radius)-3px)]",
-      "icon-sm": "size-8 p-0 has-[>svg]:p-0"
-    }
-  },
-  defaultVariants: {
-    size: "xs"
-  }
-}), T = (e) => {
-  const [t, r] = n(e, ["class", "variant", "size"]);
-  return b(f, s({
-    get "data-size"() {
-      return t.size ?? "xs";
-    },
-    get variant() {
-      return t.variant ?? "ghost";
-    },
-    get class() {
-      return y({
-        size: t.size,
-        class: t.class
-      });
-    }
-  }, r));
-}, V = (e) => {
-  const [t, r] = n(e, ["class"]);
-  return (() => {
-    var a = x();
-    return o(a, s({
-      get class() {
-        return d('gap-2 text-sm [&_svg:not([class*="size-"])]:size-4 flex items-center text-muted-foreground [&_svg]:pointer-events-none', t.class);
-      }
-    }, r), !1, !1), a;
-  })();
-}, j = (e) => {
-  const [t, r] = n(e, ["class"]);
-  return (() => {
-    var a = v();
-    return o(a, s({
-      get class() {
-        return d("min-w-0 text-base md:text-sm flex w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default", "flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", t.class);
-      }
-    }, r), !1, !1), a;
-  })();
-}, B = (e) => {
-  const [t, r] = n(e, ["class"]);
-  return (() => {
-    var a = k();
-    return o(a, s({
-      get class() {
-        return d("min-h-16 text-base md:text-sm flex field-sizing-content w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default", "py-2 flex-1 resize-none rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", t.class);
-      }
-    }, r), !1, !1), a;
-  })();
+import { cn as e, tv as t } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
+import { Button as n } from "./Button.js";
+import { createComponent as r, delegateEvents as i, mergeProps as a, spread as o, template as s } from "solid-js/web";
+import { splitProps as c } from "solid-js";
+//#region src/components/InputGroup.tsx
+var l = /* @__PURE__ */ s("<div data-slot=input-group role=group>"), u = /* @__PURE__ */ s("<div role=group data-slot=input-group-addon>"), d = /* @__PURE__ */ s("<span>"), f = /* @__PURE__ */ s("<input data-slot=input-group-control>"), p = /* @__PURE__ */ s("<textarea data-slot=input-group-control>"), m = (t) => {
+	let [n, r] = c(t, ["class"]);
+	return (() => {
+		var t = l();
+		return o(t, a({ get class() {
+			return e("group/input-group min-w-0 h-8 relative flex w-full items-center rounded-lg border border-input transition-colors outline-none dark:bg-input/30", "has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50", "has-data-[invalid=true]:border-destructive has-data-[invalid=true]:ring-[3px] has-data-[invalid=true]:ring-destructive/20 dark:has-data-[invalid=true]:ring-destructive/40", "has-disabled:bg-input/50 has-disabled:opacity-50 dark:has-disabled:bg-input/80", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col", "has-[>[data-align=block-end]]:[&>input]:pt-3", "has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=inline-end]]:[&>input]:pr-1.5", "has-[>[data-align=inline-start]]:[&>input]:pl-1.5", "has-[>textarea]:h-auto", n.class);
+		} }, r), !1, !1), t;
+	})();
+}, h = t({
+	base: "gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>svg:not([class*='size-'])]:size-4 flex h-auto cursor-text items-center justify-center text-muted-foreground select-none [&>kbd]:rounded-[calc(var(--radius)-5px)]",
+	variants: { align: {
+		"inline-start": "pl-2 order-first has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
+		"inline-end": "pr-2 order-last has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",
+		"block-start": "px-2.5 pt-2 has-[>input]:pt-2 [.border-b]:pb-2 order-first w-full justify-start",
+		"block-end": "px-2.5 pb-2 has-[>input]:pb-2 [.border-t]:pt-2 order-last w-full justify-start"
+	} },
+	defaultVariants: { align: "inline-start" }
+}), g = (e) => {
+	let [t, n] = c(e, [
+		"class",
+		"align",
+		"onClick"
+	]);
+	return (() => {
+		var e = u();
+		return e.$$click = (e) => {
+			if (!(e.target instanceof HTMLElement) || e.target.closest("button")) return;
+			let n = e.currentTarget.parentElement;
+			if (n) {
+				let e = n.querySelector("input");
+				e && e.focus();
+			}
+			typeof t.onClick == "function" && t.onClick(e);
+		}, o(e, a({
+			get "data-align"() {
+				return t.align ?? "inline-start";
+			},
+			get class() {
+				return h({
+					align: t.align,
+					class: t.class
+				});
+			}
+		}, n), !1, !1), e;
+	})();
+}, _ = t({
+	base: "gap-2 text-sm flex items-center shadow-none",
+	variants: { size: {
+		xs: "h-6 gap-1 px-1.5 [&>svg:not([class*=\"size-\"])]:size-3.5 rounded-[calc(var(--radius)-3px)]",
+		sm: "",
+		"icon-xs": "size-6 p-0 has-[>svg]:p-0 rounded-[calc(var(--radius)-3px)]",
+		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
+	} },
+	defaultVariants: { size: "xs" }
+}), v = (e) => {
+	let [t, i] = c(e, [
+		"class",
+		"variant",
+		"size"
+	]);
+	return r(n, a({
+		get "data-size"() {
+			return t.size ?? "xs";
+		},
+		get variant() {
+			return t.variant ?? "ghost";
+		},
+		get class() {
+			return _({
+				size: t.size,
+				class: t.class
+			});
+		}
+	}, i));
+}, y = (t) => {
+	let [n, r] = c(t, ["class"]);
+	return (() => {
+		var t = d();
+		return o(t, a({ get class() {
+			return e("gap-2 text-sm [&_svg:not([class*=\"size-\"])]:size-4 flex items-center text-muted-foreground [&_svg]:pointer-events-none", n.class);
+		} }, r), !1, !1), t;
+	})();
+}, b = (t) => {
+	let [n, r] = c(t, ["class"]);
+	return (() => {
+		var t = f();
+		return o(t, a({ get class() {
+			return e("min-w-0 text-base md:text-sm flex w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default", "flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", n.class);
+		} }, r), !1, !1), t;
+	})();
+}, x = (t) => {
+	let [n, r] = c(t, ["class"]);
+	return (() => {
+		var t = p();
+		return o(t, a({ get class() {
+			return e("min-h-16 text-base md:text-sm flex field-sizing-content w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default", "py-2 flex-1 resize-none rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", n.class);
+		} }, r), !1, !1), t;
+	})();
 };
-g(["click"]);
-export {
-  I as InputGroup,
-  C as InputGroupAddon,
-  T as InputGroupButton,
-  j as InputGroupInput,
-  V as InputGroupText,
-  B as InputGroupTextarea,
-  z as inputGroupAddonVariants,
-  y as inputGroupButtonVariants
-};
-//# sourceMappingURL=InputGroup.js.map
+i(["click"]);
+//#endregion
+export { m as InputGroup, g as InputGroupAddon, v as InputGroupButton, b as InputGroupInput, y as InputGroupText, x as InputGroupTextarea, h as inputGroupAddonVariants, _ as inputGroupButtonVariants };
+
+//# sourceMappingURL=InputGroup.js.map

package/dist/components/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sources":["../../src/components/InputGroup.tsx"],"sourcesContent":["import { splitProps, type Component, type ComponentProps } from 'solid-js';\nimport { cn, tv, type VariantProps } from 'tailwind-variants';\n\nimport { Button } from '@/components/Button';\n\nexport const InputGroup: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <div\n      data-slot='input-group'\n      role='group'\n      class={cn(\n        'group/input-group min-w-0 h-8 relative flex w-full items-center rounded-lg border border-input transition-colors outline-none dark:bg-input/30',\n        'has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50',\n        'has-data-[invalid=true]:border-destructive has-data-[invalid=true]:ring-[3px] has-data-[invalid=true]:ring-destructive/20 dark:has-data-[invalid=true]:ring-destructive/40',\n        'has-disabled:bg-input/50 has-disabled:opacity-50 dark:has-disabled:bg-input/80',\n        'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col',\n        'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col',\n        'has-[>[data-align=block-end]]:[&>input]:pt-3',\n        'has-[>[data-align=block-start]]:[&>input]:pb-3',\n        'has-[>[data-align=inline-end]]:[&>input]:pr-1.5',\n        'has-[>[data-align=inline-start]]:[&>input]:pl-1.5',\n        'has-[>textarea]:h-auto',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const inputGroupAddonVariants = tv({\n  base: \"gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>svg:not([class*='size-'])]:size-4 flex h-auto cursor-text items-center justify-center text-muted-foreground select-none [&>kbd]:rounded-[calc(var(--radius)-5px)]\",\n  variants: {\n    align: {\n      'inline-start': 'pl-2 order-first has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]',\n      'inline-end': 'pr-2 order-last has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]',\n      'block-start':\n        'px-2.5 pt-2 has-[>input]:pt-2 [.border-b]:pb-2 order-first w-full justify-start',\n      'block-end': 'px-2.5 pb-2 has-[>input]:pb-2 [.border-t]:pt-2 order-last w-full justify-start',\n    },\n  },\n  defaultVariants: {\n    align: 'inline-start',\n  },\n});\n\nexport type InputGroupAddonProps = ComponentProps<'div'> &\n  VariantProps<typeof inputGroupAddonVariants>;\n\nexport const InputGroupAddon: Component<InputGroupAddonProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'align', 'onClick']);\n\n  return (\n    <div\n      role='group'\n      data-slot='input-group-addon'\n      data-align={local.align ?? 'inline-start'}\n      class={inputGroupAddonVariants({ align: local.align, class: local.class })}\n      onClick={(event) => {\n        if (!(event.target instanceof HTMLElement) || event.target.closest('button')) {\n          return;\n        }\n        const parent = event.currentTarget.parentElement;\n        if (parent) {\n          const input = parent.querySelector('input');\n          if (input) {\n            input.focus();\n          }\n        }\n        if (typeof local.onClick === 'function') {\n          local.onClick(event);\n        }\n      }}\n      {...others}\n    />\n  );\n};\n\nexport const inputGroupButtonVariants = tv({\n  base: 'gap-2 text-sm flex items-center shadow-none',\n  variants: {\n    size: {\n      xs: 'h-6 gap-1 px-1.5 [&>svg:not([class*=\"size-\"])]:size-3.5 rounded-[calc(var(--radius)-3px)]',\n      sm: '',\n      'icon-xs': 'size-6 p-0 has-[>svg]:p-0 rounded-[calc(var(--radius)-3px)]',\n      'icon-sm': 'size-8 p-0 has-[>svg]:p-0',\n    },\n  },\n  defaultVariants: {\n    size: 'xs',\n  },\n});\n\nexport type InputGroupButtonProps = Omit<ComponentProps<typeof Button>, 'size'> &\n  VariantProps<typeof inputGroupButtonVariants>;\n\nexport const InputGroupButton: Component<InputGroupButtonProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'variant', 'size']);\n\n  return (\n    <Button\n      data-size={local.size ?? 'xs'}\n      variant={local.variant ?? 'ghost'}\n      class={inputGroupButtonVariants({ size: local.size, class: local.class })}\n      {...others}\n    />\n  );\n};\n\nexport const InputGroupText: Component<ComponentProps<'span'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <span\n      class={cn(\n        'gap-2 text-sm [&_svg:not([class*=\"size-\"])]:size-4 flex items-center text-muted-foreground [&_svg]:pointer-events-none',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const InputGroupInput: Component<ComponentProps<'input'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <input\n      data-slot='input-group-control'\n      class={cn(\n        'min-w-0 text-base md:text-sm flex w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default',\n        'flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const InputGroupTextarea: Component<ComponentProps<'textarea'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <textarea\n      data-slot='input-group-control'\n      class={cn(\n        'min-h-16 text-base md:text-sm flex field-sizing-content w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default',\n        'py-2 flex-1 resize-none rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"names":["InputGroup","props","local","others","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","cn","class","inputGroupAddonVariants","tv","base","variants","align","defaultVariants","InputGroupAddon","_el$2","_tmpl$2","$$click","event","target","HTMLElement","closest","parent","currentTarget","parentElement","input","querySelector","focus","onClick","inputGroupButtonVariants","size","xs","sm","InputGroupButton","_$createComponent","Button","variant","InputGroupText","_el$3","_tmpl$3","InputGroupInput","_el$4","_tmpl$4","InputGroupTextarea","_el$5","_tmpl$5","_$delegateEvents"],"mappings":";;;;;AAKO,MAAMA,IAAgDC,CAAAA,MAAU;AACrE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AAEnD,UAAA,MAAA;AAAA,QAAAI,IAAAC,EAAAA;AAAAC,WAAAA,EAAAF,GAAAG,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAIWC,EACL,kJACA,6FACA,8KACA,kFACA,+EACA,mFACA,gDACA,kDACA,mDACA,qDACA,0BACAP,EAAMQ,KACR;AAAA,MAAC;AAAA,IAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAAE;AAAAA,EAAA,GAAA;AAGhB,GAEaM,IAA0BC,EAAG;AAAA,EACxCC,MAAM;AAAA,EACNC,UAAU;AAAA,IACRC,OAAO;AAAA,MACL,gBAAgB;AAAA,MAChB,cAAc;AAAA,MACd,eACE;AAAA,MACF,aAAa;AAAA,IAAA;AAAA,EACf;AAAA,EAEFC,iBAAiB;AAAA,IACfD,OAAO;AAAA,EAAA;AAEX,CAAC,GAKYE,IAAoDhB,CAAAA,MAAU;AACzE,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,SAAS,SAAS,CAAC;AAEvE,UAAA,MAAA;AAAA,QAAAiB,IAAAC,EAAAA;AAAAD,WAAAA,EAAAE,UAMcC,CAAAA,MAAU;AAClB,UAAI,EAAEA,EAAMC,kBAAkBC,gBAAgBF,EAAMC,OAAOE,QAAQ,QAAQ;AACzE;AAEF,YAAMC,IAASJ,EAAMK,cAAcC;AACnC,UAAIF,GAAQ;AACV,cAAMG,IAAQH,EAAOI,cAAc,OAAO;AAC1C,QAAID,KACFA,EAAME,MAAAA;AAAAA,MAEV;AACA,MAAI,OAAO5B,EAAM6B,WAAY,cAC3B7B,EAAM6B,QAAQV,CAAK;AAAA,IAEvB,GAACd,EAAAW,GAAAV,EAAA;AAAA,MAAA,IAAA,eAAA;AAAA,eAhBWN,EAAMa,SAAS;AAAA,MAAc;AAAA,MAAA,IAAA,QAAA;AAAA,eAClCJ,EAAwB;AAAA,UAAEI,OAAOb,EAAMa;AAAAA,UAAOL,OAAOR,EAAMQ;AAAAA,QAAAA,CAAO;AAAA,MAAC;AAAA,IAAA,GAgBtEP,CAAM,GAAA,IAAA,EAAA,GAAAe;AAAAA,EAAA,GAAA;AAGhB,GAEac,IAA2BpB,EAAG;AAAA,EACzCC,MAAM;AAAA,EACNC,UAAU;AAAA,IACRmB,MAAM;AAAA,MACJC,IAAI;AAAA,MACJC,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEFnB,iBAAiB;AAAA,IACfiB,MAAM;AAAA,EAAA;AAEV,CAAC,GAKYG,IAAsDnC,CAAAA,MAAU;AAC3E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,SAAS,WAAW,MAAM,CAAC;AAEtE,SAAAoC,EACGC,GAAM9B,EAAA;AAAA,IAAA,IAAA,cAAA;AAAA,aACMN,EAAM+B,QAAQ;AAAA,IAAI;AAAA,IAAA,IAC7BM,UAAO;AAAA,aAAErC,EAAMqC,WAAW;AAAA,IAAO;AAAA,IAAA,IAAA,QAAA;AAAA,aAC1BP,EAAyB;AAAA,QAAEC,MAAM/B,EAAM+B;AAAAA,QAAMvB,OAAOR,EAAMQ;AAAAA,MAAAA,CAAO;AAAA,IAAC;AAAA,EAAA,GACrEP,CAAM,CAAA;AAGhB,GAEaqC,IAAqDvC,CAAAA,MAAU;AAC1E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,UAAA,MAAA;AAAA,QAAAwC,IAAAC,EAAAA;AAAAnC,WAAAA,EAAAkC,GAAAjC,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAEWC,EACL,0HACAP,EAAMQ,KACR;AAAA,MAAC;AAAA,IAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAAsC;AAAAA,EAAA,GAAA;AAGhB,GAEaE,IAAuD1C,CAAAA,MAAU;AAC5E,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,UAAA,MAAA;AAAA,QAAA2C,IAAAC,EAAAA;AAAAtC,WAAAA,EAAAqC,GAAApC,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAGWC,EACL,6OACA,oLACAP,EAAMQ,KACR;AAAA,MAAC;AAAA,IAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAAyC;AAAAA,EAAA,GAAA;AAGhB,GAEaE,IAA6D7C,CAAAA,MAAU;AAClF,QAAM,CAACC,GAAOC,CAAM,IAAIC,EAAWH,GAAO,CAAC,OAAO,CAAC;AACnD,UAAA,MAAA;AAAA,QAAA8C,IAAAC,EAAAA;AAAAzC,WAAAA,EAAAwC,GAAAvC,EAAA;AAAA,MAAA,IAAA,QAAA;AAAA,eAGWC,EACL,sOACA,qMACAP,EAAMQ,KACR;AAAA,MAAC;AAAA,IAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAA4C;AAAAA,EAAA,GAAA;AAGhB;AAAEE,EAAA,CAAA,OAAA,CAAA;"}
+{"version":3,"file":"InputGroup.js","names":["splitProps","Component","ComponentProps","cn","tv","VariantProps","Button","InputGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","inputGroupAddonVariants","base","variants","align","defaultVariants","InputGroupAddonProps","InputGroupAddon","_el$2","_tmpl$2","$$click","event","target","HTMLElement","closest","parent","currentTarget","parentElement","input","querySelector","focus","onClick","data-align","inputGroupButtonVariants","size","xs","sm","InputGroupButtonProps","Omit","InputGroupButton","_$createComponent","data-size","variant","InputGroupText","_el$3","_tmpl$3","InputGroupInput","_el$4","_tmpl$4","InputGroupTextarea","_el$5","_tmpl$5","_$delegateEvents"],"sources":["../../src/components/InputGroup.tsx"],"sourcesContent":["import { splitProps, type Component, type ComponentProps } from 'solid-js';\nimport { cn, tv, type VariantProps } from 'tailwind-variants';\n\nimport { Button } from '@/components/Button';\n\nexport const InputGroup: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <div\n      data-slot='input-group'\n      role='group'\n      class={cn(\n        'group/input-group min-w-0 h-8 relative flex w-full items-center rounded-lg border border-input transition-colors outline-none dark:bg-input/30',\n        'has-focus-visible:border-ring has-focus-visible:ring-[3px] has-focus-visible:ring-ring/50',\n        'has-data-[invalid=true]:border-destructive has-data-[invalid=true]:ring-[3px] has-data-[invalid=true]:ring-destructive/20 dark:has-data-[invalid=true]:ring-destructive/40',\n        'has-disabled:bg-input/50 has-disabled:opacity-50 dark:has-disabled:bg-input/80',\n        'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col',\n        'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col',\n        'has-[>[data-align=block-end]]:[&>input]:pt-3',\n        'has-[>[data-align=block-start]]:[&>input]:pb-3',\n        'has-[>[data-align=inline-end]]:[&>input]:pr-1.5',\n        'has-[>[data-align=inline-start]]:[&>input]:pl-1.5',\n        'has-[>textarea]:h-auto',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const inputGroupAddonVariants = tv({\n  base: \"gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>svg:not([class*='size-'])]:size-4 flex h-auto cursor-text items-center justify-center text-muted-foreground select-none [&>kbd]:rounded-[calc(var(--radius)-5px)]\",\n  variants: {\n    align: {\n      'inline-start': 'pl-2 order-first has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]',\n      'inline-end': 'pr-2 order-last has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]',\n      'block-start':\n        'px-2.5 pt-2 has-[>input]:pt-2 [.border-b]:pb-2 order-first w-full justify-start',\n      'block-end': 'px-2.5 pb-2 has-[>input]:pb-2 [.border-t]:pt-2 order-last w-full justify-start',\n    },\n  },\n  defaultVariants: {\n    align: 'inline-start',\n  },\n});\n\nexport type InputGroupAddonProps = ComponentProps<'div'> &\n  VariantProps<typeof inputGroupAddonVariants>;\n\nexport const InputGroupAddon: Component<InputGroupAddonProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'align', 'onClick']);\n\n  return (\n    <div\n      role='group'\n      data-slot='input-group-addon'\n      data-align={local.align ?? 'inline-start'}\n      class={inputGroupAddonVariants({ align: local.align, class: local.class })}\n      onClick={(event) => {\n        if (!(event.target instanceof HTMLElement) || event.target.closest('button')) {\n          return;\n        }\n        const parent = event.currentTarget.parentElement;\n        if (parent) {\n          const input = parent.querySelector('input');\n          if (input) {\n            input.focus();\n          }\n        }\n        if (typeof local.onClick === 'function') {\n          local.onClick(event);\n        }\n      }}\n      {...others}\n    />\n  );\n};\n\nexport const inputGroupButtonVariants = tv({\n  base: 'gap-2 text-sm flex items-center shadow-none',\n  variants: {\n    size: {\n      xs: 'h-6 gap-1 px-1.5 [&>svg:not([class*=\"size-\"])]:size-3.5 rounded-[calc(var(--radius)-3px)]',\n      sm: '',\n      'icon-xs': 'size-6 p-0 has-[>svg]:p-0 rounded-[calc(var(--radius)-3px)]',\n      'icon-sm': 'size-8 p-0 has-[>svg]:p-0',\n    },\n  },\n  defaultVariants: {\n    size: 'xs',\n  },\n});\n\nexport type InputGroupButtonProps = Omit<ComponentProps<typeof Button>, 'size'> &\n  VariantProps<typeof inputGroupButtonVariants>;\n\nexport const InputGroupButton: Component<InputGroupButtonProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'variant', 'size']);\n\n  return (\n    <Button\n      data-size={local.size ?? 'xs'}\n      variant={local.variant ?? 'ghost'}\n      class={inputGroupButtonVariants({ size: local.size, class: local.class })}\n      {...others}\n    />\n  );\n};\n\nexport const InputGroupText: Component<ComponentProps<'span'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <span\n      class={cn(\n        'gap-2 text-sm [&_svg:not([class*=\"size-\"])]:size-4 flex items-center text-muted-foreground [&_svg]:pointer-events-none',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const InputGroupInput: Component<ComponentProps<'input'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <input\n      data-slot='input-group-control'\n      class={cn(\n        'min-w-0 text-base md:text-sm flex w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default',\n        'flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const InputGroupTextarea: Component<ComponentProps<'textarea'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <textarea\n      data-slot='input-group-control'\n      class={cn(\n        'min-h-16 text-base md:text-sm flex field-sizing-content w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 data-[readonly=true]:cursor-default',\n        'py-2 flex-1 resize-none rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":"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"}