@hyunsdev/ui 0.1.0

package/dist/components/select.js

@@ -0,0 +1,189 @@
+"use client";
+import {
+  fieldFocusClass,
+  fieldInvalidClass,
+  floatingItemHighlightClass,
+  floatingSurfaceClass
+} from "../chunk-O2BG2KSY.js";
+import {
+  cn
+} from "../chunk-DN2AEEA2.js";
+
+// src/components/select.tsx
+import "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Select({ ...props }) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Group,
+    {
+      "data-slot": "select-group",
+      className: cn("scroll-my-1 p-1", className),
+      ...props
+    }
+  );
+}
+function SelectValue({ ...props }) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "border-field-border bg-field-background text-field-text disabled:bg-field-background-disabled data-placeholder:text-field-placeholder flex w-fit items-center justify-between gap-1.5 rounded-lg border py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        fieldFocusClass,
+        fieldInvalidClass,
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-field-label pointer-events-none size-4" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "item-aligned",
+  align = "center",
+  portalContainer,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxs(
+    SelectPrimitive.Content,
+    {
+      "data-slot": "select-content",
+      "data-align-trigger": position === "item-aligned",
+      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 relative z-(--layer-menu) max-h-(--radix-select-content-available-height) min-w-36 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-(--radius-floating) p-0.5 text-sm duration-100 data-[align-trigger=true]:animate-none",
+        floatingSurfaceClass,
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      align,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx(
+          SelectPrimitive.Viewport,
+          {
+            "data-position": position,
+            className: cn(
+              "data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)",
+              position === "popper" && ""
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Label,
+    {
+      "data-slot": "select-label",
+      className: cn("text-text-muted px-1.5 py-1 text-xs", className),
+      ...props
+    }
+  );
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "group/select-item text-text-normal relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[state=checked]:font-medium [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:text-current [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        floatingItemHighlightClass,
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-text-accent pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none" }) }) }),
+        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+      ]
+    }
+  );
+}
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Separator,
+    {
+      "data-slot": "select-separator",
+      className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "bg-floating-background text-floating-text z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "bg-floating-background text-floating-text z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+    }
+  );
+}
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue
+};
+//# sourceMappingURL=select.js.map

package/dist/components/select.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/select.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { ChevronDownIcon, CheckIcon, ChevronUpIcon } from \"lucide-react\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nimport {\n  fieldFocusClass,\n  fieldInvalidClass,\n  floatingItemHighlightClass,\n  floatingSurfaceClass,\n} from \"./_styles\"\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-field-border bg-field-background text-field-text disabled:bg-field-background-disabled data-placeholder:text-field-placeholder flex w-fit items-center justify-between gap-1.5 rounded-lg border py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        fieldFocusClass,\n        fieldInvalidClass,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"text-field-label pointer-events-none size-4\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\ntype SelectContentProps = React.ComponentProps<typeof SelectPrimitive.Content> & {\n  portalContainer?: React.ComponentProps<typeof SelectPrimitive.Portal>[\"container\"]\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = \"item-aligned\",\n  align = \"center\",\n  portalContainer,\n  ...props\n}: SelectContentProps) {\n  return (\n    <SelectPrimitive.Portal container={portalContainer}>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        data-align-trigger={position === \"item-aligned\"}\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 relative z-(--layer-menu) max-h-(--radix-select-content-available-height) min-w-36 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-(--radius-floating) p-0.5 text-sm duration-100 data-[align-trigger=true]:animate-none\",\n          floatingSurfaceClass,\n          position === \"popper\" &&\n            \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className,\n        )}\n        position={position}\n        align={align}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          data-position={position}\n          className={cn(\n            \"data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)\",\n            position === \"popper\" && \"\",\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn(\"text-text-muted px-1.5 py-1 text-xs\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"group/select-item text-text-normal relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[state=checked]:font-medium [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:text-current [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        floatingItemHighlightClass,\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"text-text-accent pointer-events-none absolute right-2 flex size-4 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"pointer-events-none\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"bg-floating-background text-floating-text z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronUpIcon />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"bg-floating-background text-floating-text z-10 flex cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDownIcon />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n"],"mappings":";;;;;;;;;;;;AAEA,OAAuB;AAEvB,YAAY,qBAAqB;AACjC,SAAS,iBAAiB,WAAW,qBAAqB;AAYjD,cA0BL,YA1BK;AADT,SAAS,OAAO,EAAE,GAAG,MAAM,GAAsD;AAC/E,SAAO,oBAAiB,sBAAhB,EAAqB,aAAU,UAAU,GAAG,OAAO;AAC7D;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAuD;AAChG,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,mBAAmB,SAAS;AAAA,MACzC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,EAAE,GAAG,MAAM,GAAuD;AACrF,SAAO,oBAAiB,uBAAhB,EAAsB,aAAU,gBAAgB,GAAG,OAAO;AACpE;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAEG;AACD,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAiB,sBAAhB,EAAqB,SAAO,MAC3B,8BAAC,mBAAgB,WAAU,+CAA8C,GAC3E;AAAA;AAAA;AAAA,EACF;AAEJ;AAMA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE,oBAAiB,wBAAhB,EAAuB,WAAW,iBACjC;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,sBAAoB,aAAa;AAAA,MACjC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,aAAa,YACX;AAAA,QACF;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,wBAAqB;AAAA,QACtB;AAAA,UAAiB;AAAA,UAAhB;AAAA,YACC,iBAAe;AAAA,YACf,WAAW;AAAA,cACT;AAAA,cACA,aAAa,YAAY;AAAA,YAC3B;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QACA,oBAAC,0BAAuB;AAAA;AAAA;AAAA,EAC1B,GACF;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAuD;AAChG,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,uCAAuC,SAAS;AAAA,MAC7D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsD;AACpD,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAK,WAAU,iGACd,8BAAiB,+BAAhB,EACC,8BAAC,aAAU,WAAU,uBAAsB,GAC7C,GACF;AAAA,QACA,oBAAiB,0BAAhB,EAA0B,UAAS;AAAA;AAAA;AAAA,EACtC;AAEJ;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA,GAAG;AACL,GAA2D;AACzD,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iDAAiD,SAAS;AAAA,MACvE,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA,GAAG;AACL,GAAgE;AAC9D,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,iBAAc;AAAA;AAAA,EACjB;AAEJ;AAEA,SAAS,uBAAuB;AAAA,EAC9B;AAAA,EACA,GAAG;AACL,GAAkE;AAChE,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,mBAAgB;AAAA;AAAA,EACnB;AAEJ;","names":[]}

package/dist/components/separator.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): React.JSX.Element;
+
+export { Separator };

package/dist/components/separator.js

@@ -0,0 +1,9 @@
+"use client";
+import {
+  Separator
+} from "../chunk-6ANDNGHD.js";
+import "../chunk-DN2AEEA2.js";
+export {
+  Separator
+};
+//# sourceMappingURL=separator.js.map

package/dist/components/separator.js.map

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

package/dist/components/sheet.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+
+declare function Sheet({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
+declare function SheetContent({ className, children, side, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/components/sheet.js

@@ -0,0 +1,25 @@
+"use client";
+import {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger
+} from "../chunk-4QIWBOF4.js";
+import "../chunk-TU5CYBB4.js";
+import "../chunk-O2BG2KSY.js";
+import "../chunk-DN2AEEA2.js";
+export {
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger
+};
+//# sourceMappingURL=sheet.js.map

package/dist/components/sheet.js.map

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

package/dist/components/show-more.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+type ShowMoreProps = React.ComponentProps<"div"> & {
+    label?: React.ReactNode;
+    moreLabel?: React.ReactNode;
+    lessLabel?: React.ReactNode;
+    pressed?: boolean;
+    defaultPressed?: boolean;
+    onPressedChange?: (pressed: boolean) => void;
+    disabled?: boolean;
+    triggerClassName?: string;
+};
+declare function ShowMore({ className, label, moreLabel, lessLabel, pressed, defaultPressed, onPressedChange, disabled, triggerClassName, ...props }: ShowMoreProps): React.JSX.Element;
+
+export { ShowMore };

package/dist/components/show-more.js

@@ -0,0 +1,79 @@
+"use client";
+import {
+  Button
+} from "../chunk-TU5CYBB4.js";
+import "../chunk-O2BG2KSY.js";
+import {
+  cn
+} from "../chunk-DN2AEEA2.js";
+
+// src/components/show-more.tsx
+import * as React from "react";
+import { ChevronDownIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ShowMore({
+  className,
+  label,
+  moreLabel = "Show More",
+  lessLabel = "Show Less",
+  pressed,
+  defaultPressed = false,
+  onPressedChange,
+  disabled = false,
+  triggerClassName,
+  ...props
+}) {
+  const isControlled = pressed !== void 0;
+  const [uncontrolledPressed, setUncontrolledPressed] = React.useState(defaultPressed);
+  const isPressed = isControlled ? pressed : uncontrolledPressed;
+  const resolvedLabel = label ?? (isPressed ? lessLabel : moreLabel);
+  const handlePressedChange = React.useCallback(() => {
+    if (disabled) {
+      return;
+    }
+    const nextPressed = !isPressed;
+    if (!isControlled) {
+      setUncontrolledPressed(nextPressed);
+    }
+    onPressedChange?.(nextPressed);
+  }, [disabled, isControlled, isPressed, onPressedChange]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "show-more",
+      "data-state": isPressed ? "on" : "off",
+      className: cn("relative flex w-full items-center justify-center py-2", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "bg-border absolute inset-x-0 top-1/2 h-px -translate-y-1/2" }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "normal",
+            "aria-pressed": isPressed,
+            disabled,
+            onClick: handlePressedChange,
+            className: cn("relative z-10 rounded-full px-4 shadow-none", triggerClassName),
+            children: [
+              /* @__PURE__ */ jsx("span", { children: resolvedLabel }),
+              /* @__PURE__ */ jsx(
+                ChevronDownIcon,
+                {
+                  className: cn(
+                    "transition-transform duration-200 ease-out",
+                    isPressed ? "-rotate-180" : void 0
+                  )
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  ShowMore
+};
+//# sourceMappingURL=show-more.js.map

package/dist/components/show-more.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/show-more.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { ChevronDownIcon } from \"lucide-react\"\n\nimport { Button } from \"@hyunsdev/ui/components/button\"\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\ntype ShowMoreProps = React.ComponentProps<\"div\"> & {\n  label?: React.ReactNode\n  moreLabel?: React.ReactNode\n  lessLabel?: React.ReactNode\n  pressed?: boolean\n  defaultPressed?: boolean\n  onPressedChange?: (pressed: boolean) => void\n  disabled?: boolean\n  triggerClassName?: string\n}\n\nfunction ShowMore({\n  className,\n  label,\n  moreLabel = \"Show More\",\n  lessLabel = \"Show Less\",\n  pressed,\n  defaultPressed = false,\n  onPressedChange,\n  disabled = false,\n  triggerClassName,\n  ...props\n}: ShowMoreProps) {\n  const isControlled = pressed !== undefined\n  const [uncontrolledPressed, setUncontrolledPressed] = React.useState(defaultPressed)\n  const isPressed = isControlled ? pressed : uncontrolledPressed\n  const resolvedLabel = label ?? (isPressed ? lessLabel : moreLabel)\n\n  const handlePressedChange = React.useCallback(() => {\n    if (disabled) {\n      return\n    }\n\n    const nextPressed = !isPressed\n\n    if (!isControlled) {\n      setUncontrolledPressed(nextPressed)\n    }\n\n    onPressedChange?.(nextPressed)\n  }, [disabled, isControlled, isPressed, onPressedChange])\n\n  return (\n    <div\n      data-slot=\"show-more\"\n      data-state={isPressed ? \"on\" : \"off\"}\n      className={cn(\"relative flex w-full items-center justify-center py-2\", className)}\n      {...props}\n    >\n      <div className=\"bg-border absolute inset-x-0 top-1/2 h-px -translate-y-1/2\" />\n\n      <Button\n        type=\"button\"\n        variant=\"normal\"\n        aria-pressed={isPressed}\n        disabled={disabled}\n        onClick={handlePressedChange}\n        className={cn(\"relative z-10 rounded-full px-4 shadow-none\", triggerClassName)}\n      >\n        <span>{resolvedLabel}</span>\n        <ChevronDownIcon\n          className={cn(\n            \"transition-transform duration-200 ease-out\",\n            isPressed ? \"-rotate-180\" : undefined,\n          )}\n        />\n      </Button>\n    </div>\n  )\n}\n\nexport { ShowMore }\n"],"mappings":";;;;;;;;;;AAEA,YAAY,WAAW;AAEvB,SAAS,uBAAuB;AAsD1B,cAEA,YAFA;AAtCN,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,eAAe,YAAY;AACjC,QAAM,CAAC,qBAAqB,sBAAsB,IAAU,eAAS,cAAc;AACnF,QAAM,YAAY,eAAe,UAAU;AAC3C,QAAM,gBAAgB,UAAU,YAAY,YAAY;AAExD,QAAM,sBAA4B,kBAAY,MAAM;AAClD,QAAI,UAAU;AACZ;AAAA,IACF;AAEA,UAAM,cAAc,CAAC;AAErB,QAAI,CAAC,cAAc;AACjB,6BAAuB,WAAW;AAAA,IACpC;AAEA,sBAAkB,WAAW;AAAA,EAC/B,GAAG,CAAC,UAAU,cAAc,WAAW,eAAe,CAAC;AAEvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,cAAY,YAAY,OAAO;AAAA,MAC/B,WAAW,GAAG,yDAAyD,SAAS;AAAA,MAC/E,GAAG;AAAA,MAEJ;AAAA,4BAAC,SAAI,WAAU,8DAA6D;AAAA,QAE5E;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,gBAAc;AAAA,YACd;AAAA,YACA,SAAS;AAAA,YACT,WAAW,GAAG,+CAA+C,gBAAgB;AAAA,YAE7E;AAAA,kCAAC,UAAM,yBAAc;AAAA,cACrB;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACA,YAAY,gBAAgB;AAAA,kBAC9B;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/skeleton.d.ts

@@ -0,0 +1,5 @@
+import * as React$1 from 'react';
+
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+
+export { Skeleton };

package/dist/components/skeleton.js

@@ -0,0 +1,8 @@
+import {
+  Skeleton
+} from "../chunk-KJJB2PVC.js";
+import "../chunk-DN2AEEA2.js";
+export {
+  Skeleton
+};
+//# sourceMappingURL=skeleton.js.map

package/dist/components/skeleton.js.map

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

package/dist/components/slider.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+
+declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): React.JSX.Element;
+
+export { Slider };

package/dist/components/slider.js

@@ -0,0 +1,65 @@
+"use client";
+import {
+  cn
+} from "../chunk-DN2AEEA2.js";
+
+// src/components/slider.tsx
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Slider({
+  className,
+  defaultValue,
+  value,
+  min = 0,
+  max = 100,
+  ...props
+}) {
+  const _values = React.useMemo(
+    () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
+    [value, defaultValue, min, max]
+  );
+  return /* @__PURE__ */ jsxs(
+    SliderPrimitive.Root,
+    {
+      "data-slot": "slider",
+      ...defaultValue !== void 0 ? { defaultValue } : {},
+      ...value !== void 0 ? { value } : {},
+      min,
+      max,
+      className: cn(
+        "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          SliderPrimitive.Track,
+          {
+            "data-slot": "slider-track",
+            className: "bg-border relative grow overflow-hidden rounded-full data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1",
+            children: /* @__PURE__ */ jsx(
+              SliderPrimitive.Range,
+              {
+                "data-slot": "slider-range",
+                className: "bg-interactive-accent absolute select-none data-horizontal:h-full data-vertical:w-full"
+              }
+            )
+          }
+        ),
+        Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(
+          SliderPrimitive.Thumb,
+          {
+            "data-slot": "slider-thumb",
+            className: "border-interactive-accent bg-background-primary ring-focus-ring/50 active:border-border-hover relative block size-3 shrink-0 rounded-full border-2 transition-[color,box-shadow,border-color,background-color] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50"
+          },
+          index
+        ))
+      ]
+    }
+  );
+}
+export {
+  Slider
+};
+//# sourceMappingURL=slider.js.map

package/dist/components/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/slider.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport * as SliderPrimitive from \"@radix-ui/react-slider\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nfunction Slider({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root>) {\n  const _values = React.useMemo(\n    () => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]),\n    [value, defaultValue, min, max],\n  )\n\n  return (\n    <SliderPrimitive.Root\n      data-slot=\"slider\"\n      {...(defaultValue !== undefined ? { defaultValue } : {})}\n      {...(value !== undefined ? { value } : {})}\n      min={min}\n      max={max}\n      className={cn(\n        \"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col\",\n        className,\n      )}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        data-slot=\"slider-track\"\n        className=\"bg-border relative grow overflow-hidden rounded-full data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1\"\n      >\n        <SliderPrimitive.Range\n          data-slot=\"slider-range\"\n          className=\"bg-interactive-accent absolute select-none data-horizontal:h-full data-vertical:w-full\"\n        />\n      </SliderPrimitive.Track>\n      {Array.from({ length: _values.length }, (_, index) => (\n        <SliderPrimitive.Thumb\n          data-slot=\"slider-thumb\"\n          key={index}\n          className=\"border-interactive-accent bg-background-primary ring-focus-ring/50 active:border-border-hover relative block size-3 shrink-0 rounded-full border-2 transition-[color,box-shadow,border-color,background-color] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50\"\n        />\n      ))}\n    </SliderPrimitive.Root>\n  )\n}\n\nexport { Slider }\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AAEvB,YAAY,qBAAqB;AAkB7B,SAgBI,KAhBJ;AAdJ,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,GAAG;AACL,GAAsD;AACpD,QAAM,UAAgB;AAAA,IACpB,MAAO,MAAM,QAAQ,KAAK,IAAI,QAAQ,MAAM,QAAQ,YAAY,IAAI,eAAe,CAAC,KAAK,GAAG;AAAA,IAC5F,CAAC,OAAO,cAAc,KAAK,GAAG;AAAA,EAChC;AAEA,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACT,GAAI,iBAAiB,SAAY,EAAE,aAAa,IAAI,CAAC;AAAA,MACrD,GAAI,UAAU,SAAY,EAAE,MAAM,IAAI,CAAC;AAAA,MACxC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAiB;AAAA,UAAhB;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,YAEV;AAAA,cAAiB;AAAA,cAAhB;AAAA,gBACC,aAAU;AAAA,gBACV,WAAU;AAAA;AAAA,YACZ;AAAA;AAAA,QACF;AAAA,QACC,MAAM,KAAK,EAAE,QAAQ,QAAQ,OAAO,GAAG,CAAC,GAAG,UAC1C;AAAA,UAAiB;AAAA,UAAhB;AAAA,YACC,aAAU;AAAA,YAEV,WAAU;AAAA;AAAA,UADL;AAAA,QAEP,CACD;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/snippet.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+type SnippetProps = Omit<React.ComponentProps<"div">, "onCopy"> & {
+    text: string | string[];
+    prompt?: boolean | string;
+    width?: React.CSSProperties["width"];
+    onCopy?: (value: string) => void;
+    copyText?: string;
+    copyable?: boolean;
+};
+declare function Snippet({ className, text, prompt, width, onCopy, copyText, copyable, style, ...props }: SnippetProps): React.JSX.Element;
+
+export { Snippet };

package/dist/components/snippet.js

@@ -0,0 +1,135 @@
+"use client";
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupInput,
+  InputGroupTextarea
+} from "../chunk-UVAI2U6X.js";
+import "../chunk-NE3IVPMO.js";
+import "../chunk-YUPLJP3F.js";
+import {
+  ButtonGroup
+} from "../chunk-ETTKFCO6.js";
+import "../chunk-6ANDNGHD.js";
+import {
+  Button
+} from "../chunk-TU5CYBB4.js";
+import "../chunk-O2BG2KSY.js";
+import {
+  cn
+} from "../chunk-DN2AEEA2.js";
+
+// src/components/snippet.tsx
+import * as React from "react";
+import { CheckIcon, CopyIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Snippet({
+  className,
+  text,
+  prompt = "$",
+  width,
+  onCopy,
+  copyText,
+  copyable = true,
+  style,
+  ...props
+}) {
+  const [copied, setCopied] = React.useState(false);
+  const resetTimerRef = React.useRef(null);
+  const lines = React.useMemo(() => Array.isArray(text) ? text : [text], [text]);
+  const isMultiline = lines.length > 1;
+  const displayValue = lines.join("\n");
+  const copyValue = copyText ?? lines.join("\n");
+  const promptText = prompt === false ? null : typeof prompt === "string" ? prompt : "$";
+  React.useEffect(() => {
+    return () => {
+      if (resetTimerRef.current !== null) {
+        window.clearTimeout(resetTimerRef.current);
+      }
+    };
+  }, []);
+  const handleCopy = React.useCallback(async () => {
+    if (!copyable || !navigator.clipboard?.writeText) {
+      return;
+    }
+    await navigator.clipboard.writeText(copyValue);
+    if (resetTimerRef.current !== null) {
+      window.clearTimeout(resetTimerRef.current);
+    }
+    setCopied(true);
+    onCopy?.(copyValue);
+    resetTimerRef.current = window.setTimeout(() => {
+      setCopied(false);
+      resetTimerRef.current = null;
+    }, 1500);
+  }, [copyValue, copyable, onCopy]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "snippet",
+      "data-multiline": isMultiline || void 0,
+      className: cn(
+        "[&_[data-slot=input-group]]:border-border [&_[data-slot=input-group]]:bg-background-primary [&_[data-slot=input-group]]:text-text-normal [&_[data-slot=input-group-addon]]:text-text-muted [&_[data-slot=input-group-control]]:text-text-normal",
+        isMultiline && "[&_[data-slot=input-group]]:h-auto [&_[data-slot=input-group]]:items-start",
+        className
+      ),
+      style: { ...style, width },
+      ...props,
+      children: /* @__PURE__ */ jsxs(ButtonGroup, { className: "w-full", children: [
+        /* @__PURE__ */ jsxs(
+          InputGroup,
+          {
+            className: cn(
+              "font-mono",
+              isMultiline && "items-start",
+              promptText ? "" : "[&>[data-slot=input-group-control]]:pl-3"
+            ),
+            children: [
+              promptText ? /* @__PURE__ */ jsx(
+                InputGroupAddon,
+                {
+                  className: cn("font-mono text-sm", isMultiline && "self-start pt-2.5"),
+                  children: promptText
+                }
+              ) : null,
+              isMultiline ? /* @__PURE__ */ jsx(
+                InputGroupTextarea,
+                {
+                  readOnly: true,
+                  rows: lines.length,
+                  value: displayValue,
+                  className: "min-h-0 overflow-hidden border-0 bg-transparent py-2 pr-0 pl-2 font-mono text-sm leading-relaxed shadow-none focus-visible:ring-0"
+                }
+              ) : /* @__PURE__ */ jsx(
+                InputGroupInput,
+                {
+                  readOnly: true,
+                  value: lines[0] ?? "",
+                  className: "h-full border-0 bg-transparent px-0 font-mono text-sm shadow-none focus-visible:ring-0"
+                }
+              )
+            ]
+          }
+        ),
+        copyable ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            size: "icon",
+            variant: "normal",
+            "aria-label": "Copy snippet",
+            className: cn("shrink-0", isMultiline && "h-auto min-h-8"),
+            onClick: () => {
+              void handleCopy();
+            },
+            children: copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-3" }) : /* @__PURE__ */ jsx(CopyIcon, { className: "size-3" })
+          }
+        ) : null
+      ] })
+    }
+  );
+}
+export {
+  Snippet
+};
+//# sourceMappingURL=snippet.js.map

package/dist/components/snippet.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/snippet.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { CheckIcon, CopyIcon } from \"lucide-react\"\n\nimport { Button } from \"@hyunsdev/ui/components/button\"\nimport { ButtonGroup } from \"@hyunsdev/ui/components/button-group\"\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupInput,\n  InputGroupTextarea,\n} from \"@hyunsdev/ui/components/input-group\"\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\ntype SnippetProps = Omit<React.ComponentProps<\"div\">, \"onCopy\"> & {\n  text: string | string[]\n  prompt?: boolean | string\n  width?: React.CSSProperties[\"width\"]\n  onCopy?: (value: string) => void\n  copyText?: string\n  copyable?: boolean\n}\n\nfunction Snippet({\n  className,\n  text,\n  prompt = \"$\",\n  width,\n  onCopy,\n  copyText,\n  copyable = true,\n  style,\n  ...props\n}: SnippetProps) {\n  const [copied, setCopied] = React.useState(false)\n  const resetTimerRef = React.useRef<number | null>(null)\n\n  const lines = React.useMemo(() => (Array.isArray(text) ? text : [text]), [text])\n  const isMultiline = lines.length > 1\n  const displayValue = lines.join(\"\\n\")\n  const copyValue = copyText ?? lines.join(\"\\n\")\n  const promptText = prompt === false ? null : typeof prompt === \"string\" ? prompt : \"$\"\n\n  React.useEffect(() => {\n    return () => {\n      if (resetTimerRef.current !== null) {\n        window.clearTimeout(resetTimerRef.current)\n      }\n    }\n  }, [])\n\n  const handleCopy = React.useCallback(async () => {\n    if (!copyable || !navigator.clipboard?.writeText) {\n      return\n    }\n\n    await navigator.clipboard.writeText(copyValue)\n\n    if (resetTimerRef.current !== null) {\n      window.clearTimeout(resetTimerRef.current)\n    }\n\n    setCopied(true)\n    onCopy?.(copyValue)\n\n    resetTimerRef.current = window.setTimeout(() => {\n      setCopied(false)\n      resetTimerRef.current = null\n    }, 1500)\n  }, [copyValue, copyable, onCopy])\n\n  return (\n    <div\n      data-slot=\"snippet\"\n      data-multiline={isMultiline || undefined}\n      className={cn(\n        \"[&_[data-slot=input-group]]:border-border [&_[data-slot=input-group]]:bg-background-primary [&_[data-slot=input-group]]:text-text-normal [&_[data-slot=input-group-addon]]:text-text-muted [&_[data-slot=input-group-control]]:text-text-normal\",\n        isMultiline && \"[&_[data-slot=input-group]]:h-auto [&_[data-slot=input-group]]:items-start\",\n        className,\n      )}\n      style={{ ...style, width }}\n      {...props}\n    >\n      <ButtonGroup className=\"w-full\">\n        <InputGroup\n          className={cn(\n            \"font-mono\",\n            isMultiline && \"items-start\",\n            promptText ? \"\" : \"[&>[data-slot=input-group-control]]:pl-3\",\n          )}\n        >\n          {promptText ? (\n            <InputGroupAddon\n              className={cn(\"font-mono text-sm\", isMultiline && \"self-start pt-2.5\")}\n            >\n              {promptText}\n            </InputGroupAddon>\n          ) : null}\n\n          {isMultiline ? (\n            <InputGroupTextarea\n              readOnly\n              rows={lines.length}\n              value={displayValue}\n              className=\"min-h-0 overflow-hidden border-0 bg-transparent py-2 pr-0 pl-2 font-mono text-sm leading-relaxed shadow-none focus-visible:ring-0\"\n            />\n          ) : (\n            <InputGroupInput\n              readOnly\n              value={lines[0] ?? \"\"}\n              className=\"h-full border-0 bg-transparent px-0 font-mono text-sm shadow-none focus-visible:ring-0\"\n            />\n          )}\n        </InputGroup>\n\n        {copyable ? (\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"normal\"\n            aria-label=\"Copy snippet\"\n            className={cn(\"shrink-0\", isMultiline && \"h-auto min-h-8\")}\n            onClick={() => {\n              void handleCopy()\n            }}\n          >\n            {copied ? <CheckIcon className=\"size-3\" /> : <CopyIcon className=\"size-3\" />}\n          </Button>\n        ) : null}\n      </ButtonGroup>\n    </div>\n  )\n}\n\nexport { Snippet }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAEA,YAAY,WAAW;AAEvB,SAAS,WAAW,gBAAgB;AAkF5B,SAQI,KARJ;AA7DR,SAAS,QAAQ;AAAA,EACf;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,GAAG;AACL,GAAiB;AACf,QAAM,CAAC,QAAQ,SAAS,IAAU,eAAS,KAAK;AAChD,QAAM,gBAAsB,aAAsB,IAAI;AAEtD,QAAM,QAAc,cAAQ,MAAO,MAAM,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI,GAAI,CAAC,IAAI,CAAC;AAC/E,QAAM,cAAc,MAAM,SAAS;AACnC,QAAM,eAAe,MAAM,KAAK,IAAI;AACpC,QAAM,YAAY,YAAY,MAAM,KAAK,IAAI;AAC7C,QAAM,aAAa,WAAW,QAAQ,OAAO,OAAO,WAAW,WAAW,SAAS;AAEnF,EAAM,gBAAU,MAAM;AACpB,WAAO,MAAM;AACX,UAAI,cAAc,YAAY,MAAM;AAClC,eAAO,aAAa,cAAc,OAAO;AAAA,MAC3C;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,aAAmB,kBAAY,YAAY;AAC/C,QAAI,CAAC,YAAY,CAAC,UAAU,WAAW,WAAW;AAChD;AAAA,IACF;AAEA,UAAM,UAAU,UAAU,UAAU,SAAS;AAE7C,QAAI,cAAc,YAAY,MAAM;AAClC,aAAO,aAAa,cAAc,OAAO;AAAA,IAC3C;AAEA,cAAU,IAAI;AACd,aAAS,SAAS;AAElB,kBAAc,UAAU,OAAO,WAAW,MAAM;AAC9C,gBAAU,KAAK;AACf,oBAAc,UAAU;AAAA,IAC1B,GAAG,IAAI;AAAA,EACT,GAAG,CAAC,WAAW,UAAU,MAAM,CAAC;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,kBAAgB,eAAe;AAAA,MAC/B,WAAW;AAAA,QACT;AAAA,QACA,eAAe;AAAA,QACf;AAAA,MACF;AAAA,MACA,OAAO,EAAE,GAAG,OAAO,MAAM;AAAA,MACxB,GAAG;AAAA,MAEJ,+BAAC,eAAY,WAAU,UACrB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,eAAe;AAAA,cACf,aAAa,KAAK;AAAA,YACpB;AAAA,YAEC;AAAA,2BACC;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW,GAAG,qBAAqB,eAAe,mBAAmB;AAAA,kBAEpE;AAAA;AAAA,cACH,IACE;AAAA,cAEH,cACC;AAAA,gBAAC;AAAA;AAAA,kBACC,UAAQ;AAAA,kBACR,MAAM,MAAM;AAAA,kBACZ,OAAO;AAAA,kBACP,WAAU;AAAA;AAAA,cACZ,IAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,UAAQ;AAAA,kBACR,OAAO,MAAM,CAAC,KAAK;AAAA,kBACnB,WAAU;AAAA;AAAA,cACZ;AAAA;AAAA;AAAA,QAEJ;AAAA,QAEC,WACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,cAAW;AAAA,YACX,WAAW,GAAG,YAAY,eAAe,gBAAgB;AAAA,YACzD,SAAS,MAAM;AACb,mBAAK,WAAW;AAAA,YAClB;AAAA,YAEC,mBAAS,oBAAC,aAAU,WAAU,UAAS,IAAK,oBAAC,YAAS,WAAU,UAAS;AAAA;AAAA,QAC5E,IACE;AAAA,SACN;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/sonner.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { ToasterProps } from 'sonner';
+
+declare const Toaster: ({ ...props }: ToasterProps) => React.JSX.Element;
+
+export { Toaster };