@hyunsdev/ui 0.1.0

package/dist/components/format-bytes.d.ts

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { FormatBytesOptions } from '../lib/format.js';
+
+type FormatBytesProps = Omit<React__default.ComponentProps<"span">, "children"> & {
+    value: number | null | undefined;
+    fallback?: React__default.ReactNode;
+    locale?: Intl.LocalesArgument;
+    formatOptions?: Omit<FormatBytesOptions, "locale">;
+};
+declare function FormatBytes({ className, fallback, formatOptions, locale, value, ...props }: FormatBytesProps): string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null;
+
+export { FormatBytes, type FormatBytesProps };

package/dist/components/format-bytes.js

@@ -0,0 +1,30 @@
+import {
+  formatBytes
+} from "../chunk-7W7QZHEZ.js";
+import {
+  cn
+} from "../chunk-DN2AEEA2.js";
+
+// src/components/format-bytes.tsx
+import { jsx } from "react/jsx-runtime";
+function FormatBytes({
+  className,
+  fallback = null,
+  formatOptions,
+  locale,
+  value,
+  ...props
+}) {
+  const label = formatBytes(value, {
+    locale,
+    ...formatOptions
+  });
+  if (label === null) {
+    return fallback;
+  }
+  return /* @__PURE__ */ jsx("span", { "data-slot": "format-bytes", className: cn("tabular-nums", className), ...props, children: label });
+}
+export {
+  FormatBytes
+};
+//# sourceMappingURL=format-bytes.js.map

package/dist/components/format-bytes.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/format-bytes.tsx"],"sourcesContent":["import type React from \"react\"\n\nimport { formatBytes, type FormatBytesOptions } from \"@hyunsdev/ui/lib/format\"\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\ntype FormatBytesProps = Omit<React.ComponentProps<\"span\">, \"children\"> & {\n  value: number | null | undefined\n  fallback?: React.ReactNode\n  locale?: Intl.LocalesArgument\n  formatOptions?: Omit<FormatBytesOptions, \"locale\">\n}\n\nfunction FormatBytes({\n  className,\n  fallback = null,\n  formatOptions,\n  locale,\n  value,\n  ...props\n}: FormatBytesProps) {\n  const label = formatBytes(value, {\n    locale,\n    ...formatOptions,\n  })\n\n  if (label === null) {\n    return fallback\n  }\n\n  return (\n    <span data-slot=\"format-bytes\" className={cn(\"tabular-nums\", className)} {...props}>\n      {label}\n    </span>\n  )\n}\n\nexport { FormatBytes, type FormatBytesProps }\n"],"mappings":";;;;;;;;AA8BI;AAlBJ,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,QAAM,QAAQ,YAAY,OAAO;AAAA,IAC/B;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AAED,MAAI,UAAU,MAAM;AAClB,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,UAAK,aAAU,gBAAe,WAAW,GAAG,gBAAgB,SAAS,GAAI,GAAG,OAC1E,iBACH;AAEJ;","names":[]}

package/dist/components/format-number.d.ts

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { FormatNumberValue, FormatNumberOptions } from '../lib/format.js';
+
+type FormatNumberProps = Omit<React__default.ComponentProps<"span">, "children"> & {
+    value: FormatNumberValue | null | undefined;
+    fallback?: React__default.ReactNode;
+    locale?: Intl.LocalesArgument;
+    formatOptions?: Omit<FormatNumberOptions, "locale">;
+};
+declare function FormatNumber({ className, fallback, formatOptions, locale, value, ...props }: FormatNumberProps): string | number | bigint | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | null;
+
+export { FormatNumber, type FormatNumberProps };

package/dist/components/format-number.js

@@ -0,0 +1,30 @@
+import {
+  formatNumber
+} from "../chunk-7W7QZHEZ.js";
+import {
+  cn
+} from "../chunk-DN2AEEA2.js";
+
+// src/components/format-number.tsx
+import { jsx } from "react/jsx-runtime";
+function FormatNumber({
+  className,
+  fallback = null,
+  formatOptions,
+  locale,
+  value,
+  ...props
+}) {
+  const label = formatNumber(value, {
+    locale,
+    ...formatOptions
+  });
+  if (label === null) {
+    return fallback;
+  }
+  return /* @__PURE__ */ jsx("span", { "data-slot": "format-number", className: cn("tabular-nums", className), ...props, children: label });
+}
+export {
+  FormatNumber
+};
+//# sourceMappingURL=format-number.js.map

package/dist/components/format-number.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/format-number.tsx"],"sourcesContent":["import type React from \"react\"\n\nimport {\n  formatNumber,\n  type FormatNumberOptions,\n  type FormatNumberValue,\n} from \"@hyunsdev/ui/lib/format\"\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\ntype FormatNumberProps = Omit<React.ComponentProps<\"span\">, \"children\"> & {\n  value: FormatNumberValue | null | undefined\n  fallback?: React.ReactNode\n  locale?: Intl.LocalesArgument\n  formatOptions?: Omit<FormatNumberOptions, \"locale\">\n}\n\nfunction FormatNumber({\n  className,\n  fallback = null,\n  formatOptions,\n  locale,\n  value,\n  ...props\n}: FormatNumberProps) {\n  const label = formatNumber(value, {\n    locale,\n    ...formatOptions,\n  })\n\n  if (label === null) {\n    return fallback\n  }\n\n  return (\n    <span data-slot=\"format-number\" className={cn(\"tabular-nums\", className)} {...props}>\n      {label}\n    </span>\n  )\n}\n\nexport { FormatNumber, type FormatNumberProps }\n"],"mappings":";;;;;;;;AAkCI;AAlBJ,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,QAAQ,aAAa,OAAO;AAAA,IAChC;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AAED,MAAI,UAAU,MAAM;AAClB,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,UAAK,aAAU,iBAAgB,WAAW,GAAG,gBAAgB,SAAS,GAAI,GAAG,OAC3E,iBACH;AAEJ;","names":[]}

package/dist/components/gauge.d.ts

@@ -0,0 +1,11 @@
+import * as React$1 from 'react';
+
+type GaugeProps = React.ComponentProps<"div"> & {
+    value: number;
+    max?: number;
+    strokeWidth?: number;
+    children?: React.ReactNode;
+};
+declare function Gauge({ className, value, max, strokeWidth, children, ...props }: GaugeProps): React$1.JSX.Element;
+
+export { Gauge };

package/dist/components/gauge.js

@@ -0,0 +1,82 @@
+"use client";
+import {
+  cn
+} from "../chunk-DN2AEEA2.js";
+
+// src/components/gauge.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+function Gauge({ className, value, max = 100, strokeWidth = 10, children, ...props }) {
+  const safeMax = max > 0 ? max : 100;
+  const normalizedValue = clamp(value, 0, safeMax) / safeMax;
+  const viewBoxSize = 100;
+  const center = viewBoxSize / 2;
+  const radius = center - strokeWidth / 2 - 3;
+  const circumference = 2 * Math.PI * radius;
+  const activeLength = circumference * normalizedValue;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "progressbar",
+      "aria-valuemin": 0,
+      "aria-valuemax": safeMax,
+      "aria-valuenow": clamp(value, 0, safeMax),
+      "data-slot": "gauge",
+      className: cn("relative inline-grid size-12 shrink-0 place-items-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "svg",
+          {
+            viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`,
+            xmlns: "http://www.w3.org/2000/svg",
+            className: "size-full overflow-visible",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsxs("g", { style: { transform: "rotate(-90deg)", transformOrigin: "50% 50%" }, children: [
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  cx: center,
+                  cy: center,
+                  r: radius,
+                  fill: "none",
+                  stroke: "var(--background-secondary-alt)",
+                  strokeWidth,
+                  strokeLinecap: "round"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  cx: center,
+                  cy: center,
+                  r: radius,
+                  fill: "none",
+                  stroke: "var(--interactive-accent)",
+                  strokeWidth,
+                  strokeLinecap: "round",
+                  strokeDasharray: `${Math.max(activeLength, 1e-3)} ${circumference}`,
+                  opacity: activeLength > 0 ? 1 : 0
+                }
+              )
+            ] })
+          }
+        ),
+        children ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "gauge-content",
+            className: "text-text-normal pointer-events-none absolute inset-0 grid place-items-center text-center",
+            children
+          }
+        ) : null
+      ]
+    }
+  );
+}
+export {
+  Gauge
+};
+//# sourceMappingURL=gauge.js.map

package/dist/components/gauge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/gauge.tsx"],"sourcesContent":["\"use client\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\ntype GaugeProps = React.ComponentProps<\"div\"> & {\n  value: number\n  max?: number\n  strokeWidth?: number\n  children?: React.ReactNode\n}\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(Math.max(value, min), max)\n}\n\nfunction Gauge({ className, value, max = 100, strokeWidth = 10, children, ...props }: GaugeProps) {\n  const safeMax = max > 0 ? max : 100\n  const normalizedValue = clamp(value, 0, safeMax) / safeMax\n\n  const viewBoxSize = 100\n  const center = viewBoxSize / 2\n  const radius = center - strokeWidth / 2 - 3\n  const circumference = 2 * Math.PI * radius\n  const activeLength = circumference * normalizedValue\n\n  return (\n    <div\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={safeMax}\n      aria-valuenow={clamp(value, 0, safeMax)}\n      data-slot=\"gauge\"\n      className={cn(\"relative inline-grid size-12 shrink-0 place-items-center\", className)}\n      {...props}\n    >\n      <svg\n        viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className=\"size-full overflow-visible\"\n        aria-hidden=\"true\"\n      >\n        <g style={{ transform: \"rotate(-90deg)\", transformOrigin: \"50% 50%\" }}>\n          <circle\n            cx={center}\n            cy={center}\n            r={radius}\n            fill=\"none\"\n            stroke=\"var(--background-secondary-alt)\"\n            strokeWidth={strokeWidth}\n            strokeLinecap=\"round\"\n          />\n          <circle\n            cx={center}\n            cy={center}\n            r={radius}\n            fill=\"none\"\n            stroke=\"var(--interactive-accent)\"\n            strokeWidth={strokeWidth}\n            strokeLinecap=\"round\"\n            strokeDasharray={`${Math.max(activeLength, 0.001)} ${circumference}`}\n            opacity={activeLength > 0 ? 1 : 0}\n          />\n        </g>\n      </svg>\n\n      {children ? (\n        <div\n          data-slot=\"gauge-content\"\n          className=\"text-text-normal pointer-events-none absolute inset-0 grid place-items-center text-center\"\n        >\n          {children}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport { Gauge }\n"],"mappings":";;;;;;AAyCQ,SACE,KADF;AA9BR,SAAS,MAAM,OAAe,KAAa,KAAa;AACtD,SAAO,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;AAC3C;AAEA,SAAS,MAAM,EAAE,WAAW,OAAO,MAAM,KAAK,cAAc,IAAI,UAAU,GAAG,MAAM,GAAe;AAChG,QAAM,UAAU,MAAM,IAAI,MAAM;AAChC,QAAM,kBAAkB,MAAM,OAAO,GAAG,OAAO,IAAI;AAEnD,QAAM,cAAc;AACpB,QAAM,SAAS,cAAc;AAC7B,QAAM,SAAS,SAAS,cAAc,IAAI;AAC1C,QAAM,gBAAgB,IAAI,KAAK,KAAK;AACpC,QAAM,eAAe,gBAAgB;AAErC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe,MAAM,OAAO,GAAG,OAAO;AAAA,MACtC,aAAU;AAAA,MACV,WAAW,GAAG,4DAA4D,SAAS;AAAA,MAClF,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,OAAO,WAAW,IAAI,WAAW;AAAA,YAC1C,OAAM;AAAA,YACN,WAAU;AAAA,YACV,eAAY;AAAA,YAEZ,+BAAC,OAAE,OAAO,EAAE,WAAW,kBAAkB,iBAAiB,UAAU,GAClE;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,IAAI;AAAA,kBACJ,IAAI;AAAA,kBACJ,GAAG;AAAA,kBACH,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP;AAAA,kBACA,eAAc;AAAA;AAAA,cAChB;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,IAAI;AAAA,kBACJ,IAAI;AAAA,kBACJ,GAAG;AAAA,kBACH,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP;AAAA,kBACA,eAAc;AAAA,kBACd,iBAAiB,GAAG,KAAK,IAAI,cAAc,IAAK,CAAC,IAAI,aAAa;AAAA,kBAClE,SAAS,eAAe,IAAI,IAAI;AAAA;AAAA,cAClC;AAAA,eACF;AAAA;AAAA,QACF;AAAA,QAEC,WACC;AAAA,UAAC;AAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,YAET;AAAA;AAAA,QACH,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/hover-card.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+
+declare function HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>): React.JSX.Element;
+declare function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>): React.JSX.Element;
+declare function HoverCardContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCardPrimitive.Content>): React.JSX.Element;
+
+export { HoverCard, HoverCardContent, HoverCardTrigger };

package/dist/components/hover-card.js

@@ -0,0 +1,45 @@
+"use client";
+import {
+  floatingSurfaceClass
+} from "../chunk-O2BG2KSY.js";
+import {
+  cn
+} from "../chunk-DN2AEEA2.js";
+
+// src/components/hover-card.tsx
+import "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import { jsx } from "react/jsx-runtime";
+function HoverCard({ ...props }) {
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+}
+function HoverCardTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+}
+function HoverCardContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx(
+    HoverCardPrimitive.Content,
+    {
+      "data-slot": "hover-card-content",
+      align,
+      sideOffset,
+      className: cn(
+        "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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-[var(--layer-popover)] w-64 origin-(--radix-hover-card-content-transform-origin) rounded-[var(--radius-floating)] p-2.5 text-sm outline-hidden duration-100",
+        floatingSurfaceClass,
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+export {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger
+};
+//# sourceMappingURL=hover-card.js.map

package/dist/components/hover-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/hover-card.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nimport { floatingSurfaceClass } from \"./_styles\"\n\nfunction HoverCard({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Root>) {\n  return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />\n}\n\nfunction HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {\n  return <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />\n}\n\nfunction HoverCardContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {\n  return (\n    <HoverCardPrimitive.Portal data-slot=\"hover-card-portal\">\n      <HoverCardPrimitive.Content\n        data-slot=\"hover-card-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 z-[var(--layer-popover)] w-64 origin-(--radix-hover-card-content-transform-origin) rounded-[var(--radius-floating)] p-2.5 text-sm outline-hidden duration-100\",\n          floatingSurfaceClass,\n          className,\n        )}\n        {...props}\n      />\n    </HoverCardPrimitive.Portal>\n  )\n}\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent }\n"],"mappings":";;;;;;;;;AAEA,OAAuB;AAEvB,YAAY,wBAAwB;AAO3B;AADT,SAAS,UAAU,EAAE,GAAG,MAAM,GAAyD;AACrF,SAAO,oBAAoB,yBAAnB,EAAwB,aAAU,cAAc,GAAG,OAAO;AACpE;AAEA,SAAS,iBAAiB,EAAE,GAAG,MAAM,GAA4D;AAC/F,SAAO,oBAAoB,4BAAnB,EAA2B,aAAU,sBAAsB,GAAG,OAAO;AAC/E;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,GAAG;AACL,GAA4D;AAC1D,SACE,oBAAoB,2BAAnB,EAA0B,aAAU,qBACnC;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;","names":[]}

package/dist/components/input-group.d.ts

@@ -0,0 +1,24 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Button } from './button.js';
+import { Input } from './input.js';
+import { F as FieldControlSize } from '../_styles-BbTx89aX.js';
+
+type InputGroupProps = React.ComponentProps<"div"> & {
+    size?: FieldControlSize;
+};
+declare function InputGroup({ className, size, ...props }: InputGroupProps): React.JSX.Element;
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): React.JSX.Element;
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<typeof Input>): React.JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
+
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };

package/dist/components/input-group.js

@@ -0,0 +1,23 @@
+"use client";
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText,
+  InputGroupTextarea
+} from "../chunk-UVAI2U6X.js";
+import "../chunk-NE3IVPMO.js";
+import "../chunk-YUPLJP3F.js";
+import "../chunk-TU5CYBB4.js";
+import "../chunk-O2BG2KSY.js";
+import "../chunk-DN2AEEA2.js";
+export {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText,
+  InputGroupTextarea
+};
+//# sourceMappingURL=input-group.js.map

package/dist/components/input-group.js.map

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

package/dist/components/input-otp.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { OTPInputProps } from 'input-otp';
+import { F as FieldControlSize } from '../_styles-BbTx89aX.js';
+
+type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+type InputOTPProps = DistributiveOmit<OTPInputProps, "size"> & React.RefAttributes<HTMLInputElement> & {
+    containerClassName?: string;
+    size?: FieldControlSize;
+};
+declare function InputOTP({ className, containerClassName, size, ...props }: InputOTPProps): React.JSX.Element;
+declare function InputOTPGroup({ className, size, ...props }: React.ComponentProps<"div"> & {
+    size?: FieldControlSize;
+}): React.JSX.Element;
+declare function InputOTPSlot({ index, className, size, ...props }: React.ComponentProps<"div"> & {
+    index: number;
+    size?: FieldControlSize;
+}): React.JSX.Element;
+declare function InputOTPSeparator({ ...props }: React.ComponentProps<"div">): React.JSX.Element;
+
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/components/input-otp.js

@@ -0,0 +1,95 @@
+"use client";
+import "../chunk-O2BG2KSY.js";
+import {
+  cn
+} from "../chunk-DN2AEEA2.js";
+
+// src/components/input-otp.tsx
+import * as React from "react";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { MinusIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var InputOTPSizeContext = React.createContext("default");
+function InputOTP({ className, containerClassName, size = "default", ...props }) {
+  return /* @__PURE__ */ jsx(InputOTPSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx(
+    OTPInput,
+    {
+      "data-slot": "input-otp",
+      "data-size": size,
+      containerClassName: cn(
+        "cn-input-otp flex items-center has-disabled:opacity-50",
+        containerClassName
+      ),
+      spellCheck: false,
+      className: cn("disabled:cursor-not-allowed", className),
+      ...props
+    }
+  ) });
+}
+function InputOTPGroup({
+  className,
+  size,
+  ...props
+}) {
+  const inputOTPSize = React.useContext(InputOTPSizeContext);
+  const resolvedSize = size ?? inputOTPSize;
+  return /* @__PURE__ */ jsx(InputOTPSizeContext.Provider, { value: resolvedSize, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "input-otp-group",
+      "data-size": resolvedSize,
+      className: cn(
+        "group/input-otp-group has-aria-invalid:ring-field-border-error/20 flex items-center rounded-lg has-aria-invalid:ring-3",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function InputOTPSlot({
+  index,
+  className,
+  size,
+  ...props
+}) {
+  const inputOTPSize = React.useContext(InputOTPSizeContext);
+  const resolvedSize = size ?? inputOTPSize;
+  const inputOTPContext = React.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "input-otp-slot",
+      "data-size": resolvedSize,
+      "data-active": isActive,
+      className: cn(
+        "border-field-border bg-field-background text-field-text aria-invalid:border-field-border-error data-[active=true]:border-field-border-focus data-[active=true]:ring-focus-ring data-[active=true]:aria-invalid:border-field-border-error data-[active=true]:aria-invalid:ring-field-border-error/20 relative flex size-8 items-center justify-center border-y border-r text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg data-[active=true]:z-10 data-[active=true]:ring-3 data-[size=sm]:size-7 data-[size=sm]:text-[0.8rem] data-[size=sm]:first:rounded-l-[min(var(--radius-md),12px)] data-[size=sm]:last:rounded-r-[min(var(--radius-md),12px)]",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "animate-caret-blink bg-text-normal h-4 w-px duration-1000" }) })
+      ]
+    }
+  );
+}
+function InputOTPSeparator({ ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "input-otp-separator",
+      className: "flex items-center [&_svg:not([class*='size-'])]:size-4",
+      role: "separator",
+      ...props,
+      children: /* @__PURE__ */ jsx(MinusIcon, {})
+    }
+  );
+}
+export {
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot
+};
+//# sourceMappingURL=input-otp.js.map

package/dist/components/input-otp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/input-otp.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { OTPInput, OTPInputContext, type OTPInputProps } from \"input-otp\"\nimport { MinusIcon } from \"lucide-react\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nimport { type FieldControlSize } from \"./_styles\"\n\nconst InputOTPSizeContext = React.createContext<FieldControlSize>(\"default\")\n\ntype DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never\n\ntype InputOTPProps = DistributiveOmit<OTPInputProps, \"size\"> &\n  React.RefAttributes<HTMLInputElement> & {\n    containerClassName?: string\n    size?: FieldControlSize\n  }\n\nfunction InputOTP({ className, containerClassName, size = \"default\", ...props }: InputOTPProps) {\n  return (\n    <InputOTPSizeContext.Provider value={size}>\n      <OTPInput\n        data-slot=\"input-otp\"\n        data-size={size}\n        containerClassName={cn(\n          \"cn-input-otp flex items-center has-disabled:opacity-50\",\n          containerClassName,\n        )}\n        spellCheck={false}\n        className={cn(\"disabled:cursor-not-allowed\", className)}\n        {...props}\n      />\n    </InputOTPSizeContext.Provider>\n  )\n}\n\nfunction InputOTPGroup({\n  className,\n  size,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  size?: FieldControlSize\n}) {\n  const inputOTPSize = React.useContext(InputOTPSizeContext)\n  const resolvedSize = size ?? inputOTPSize\n\n  return (\n    <InputOTPSizeContext.Provider value={resolvedSize}>\n      <div\n        data-slot=\"input-otp-group\"\n        data-size={resolvedSize}\n        className={cn(\n          \"group/input-otp-group has-aria-invalid:ring-field-border-error/20 flex items-center rounded-lg has-aria-invalid:ring-3\",\n          className,\n        )}\n        {...props}\n      />\n    </InputOTPSizeContext.Provider>\n  )\n}\n\nfunction InputOTPSlot({\n  index,\n  className,\n  size,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  index: number\n  size?: FieldControlSize\n}) {\n  const inputOTPSize = React.useContext(InputOTPSizeContext)\n  const resolvedSize = size ?? inputOTPSize\n  const inputOTPContext = React.useContext(OTPInputContext)\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {}\n\n  return (\n    <div\n      data-slot=\"input-otp-slot\"\n      data-size={resolvedSize}\n      data-active={isActive}\n      className={cn(\n        \"border-field-border bg-field-background text-field-text aria-invalid:border-field-border-error data-[active=true]:border-field-border-focus data-[active=true]:ring-focus-ring data-[active=true]:aria-invalid:border-field-border-error data-[active=true]:aria-invalid:ring-field-border-error/20 relative flex size-8 items-center justify-center border-y border-r text-sm transition-all outline-none first:rounded-l-lg first:border-l last:rounded-r-lg data-[active=true]:z-10 data-[active=true]:ring-3 data-[size=sm]:size-7 data-[size=sm]:text-[0.8rem] data-[size=sm]:first:rounded-l-[min(var(--radius-md),12px)] data-[size=sm]:last:rounded-r-[min(var(--radius-md),12px)]\",\n        className,\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-text-normal h-4 w-px duration-1000\" />\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction InputOTPSeparator({ ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-otp-separator\"\n      className=\"flex items-center [&_svg:not([class*='size-'])]:size-4\"\n      role=\"separator\"\n      {...props}\n    >\n      <MinusIcon />\n    </div>\n  )\n}\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"],"mappings":";;;;;;;AAEA,YAAY,WAAW;AAEvB,SAAS,UAAU,uBAA2C;AAC9D,SAAS,iBAAiB;AAmBpB,cAuDF,YAvDE;AAbN,IAAM,sBAA4B,oBAAgC,SAAS;AAU3E,SAAS,SAAS,EAAE,WAAW,oBAAoB,OAAO,WAAW,GAAG,MAAM,GAAkB;AAC9F,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,MACnC;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAW;AAAA,MACX,oBAAoB;AAAA,QAClB;AAAA,QACA;AAAA,MACF;AAAA,MACA,YAAY;AAAA,MACZ,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEG;AACD,QAAM,eAAqB,iBAAW,mBAAmB;AACzD,QAAM,eAAe,QAAQ;AAE7B,SACE,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,cACnC;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAGG;AACD,QAAM,eAAqB,iBAAW,mBAAmB;AACzD,QAAM,eAAe,QAAQ;AAC7B,QAAM,kBAAwB,iBAAW,eAAe;AACxD,QAAM,EAAE,MAAM,cAAc,SAAS,IAAI,iBAAiB,MAAM,KAAK,KAAK,CAAC;AAE3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAW;AAAA,MACX,eAAa;AAAA,MACb,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,gBACC,oBAAC,SAAI,WAAU,yEACb,8BAAC,SAAI,WAAU,6DAA4D,GAC7E;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,SAAS,kBAAkB,EAAE,GAAG,MAAM,GAAgC;AACpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACV,MAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,8BAAC,aAAU;AAAA;AAAA,EACb;AAEJ;","names":[]}

package/dist/components/input.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { F as FieldControlSize } from '../_styles-BbTx89aX.js';
+
+type InputProps = Omit<React.ComponentProps<"input">, "size"> & {
+    size?: FieldControlSize;
+};
+declare function Input({ className, type, size, ...props }: InputProps): React.JSX.Element;
+
+export { Input };

package/dist/components/input.js

@@ -0,0 +1,9 @@
+import {
+  Input
+} from "../chunk-YUPLJP3F.js";
+import "../chunk-O2BG2KSY.js";
+import "../chunk-DN2AEEA2.js";
+export {
+  Input
+};
+//# sourceMappingURL=input.js.map

package/dist/components/input.js.map

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

package/dist/components/item.d.ts

@@ -0,0 +1,27 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Separator } from './separator.js';
+import '@radix-ui/react-separator';
+
+declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "sm" | "xs" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare const itemMediaVariants: (props?: ({
+    variant?: "default" | "image" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): React.JSX.Element;
+declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function ItemActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };