@hyunsdev/ui 0.1.0

package/dist/code-block-core-xkE94Rk5.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { ShikiTransformer, CodeToHastOptions } from 'shiki';
+
+type CodeBlockThemeMap<ThemeName extends string = string> = {
+    dark: ThemeName;
+    light: ThemeName;
+};
+type CodeBlockHighlighter = {
+    codeToHtml: (code: string, options: CodeToHastOptions<string, string>) => Promise<string>;
+};
+type CodeBlockLineNumbers = readonly number[];
+type CodeBlockCommonProps = Omit<React.ComponentProps<"div">, "children"> & {
+    code: string;
+    focusLines?: CodeBlockLineNumbers;
+    highlightLines?: CodeBlockLineNumbers;
+    lang: string;
+    title?: React.ReactNode;
+    showCopyButton?: boolean;
+    showLineNumbers?: boolean;
+    wrapLongLines?: boolean;
+    transformers?: readonly ShikiTransformer[];
+};
+type CodeBlockCoreProps = CodeBlockCommonProps & {
+    fallbackLanguage?: string | undefined;
+    highlighter: () => Promise<CodeBlockHighlighter>;
+    themeNames: CodeBlockThemeMap;
+};
+declare function CodeBlockCore({ className, code, fallbackLanguage, focusLines: focusLinesProp, highlightLines: highlightLinesProp, highlighter, lang, themeNames, title, showCopyButton, showLineNumbers, wrapLongLines, transformers: transformersProp, ...props }: CodeBlockCoreProps): React.JSX.Element;
+
+export { type CodeBlockCommonProps as C, type CodeBlockThemeMap as a, type CodeBlockHighlighter as b, type CodeBlockLineNumbers as c, CodeBlockCore as d, type CodeBlockCoreProps as e };

package/dist/components/accordion.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+
+declare function Accordion({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): React.JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): React.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/components/accordion.js

@@ -0,0 +1,98 @@
+"use client";
+import {
+  cn
+} from "../chunk-DN2AEEA2.js";
+
+// src/components/accordion.tsx
+import "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Accordion({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Root,
+    {
+      "data-slot": "accordion",
+      className: cn("flex w-full flex-col", className),
+      ...props
+    }
+  );
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn("not-last:border-b", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "group/accordion-trigger focus-visible:border-focus-ring focus-visible:ring-focus-ring focus-visible:after:border-focus-ring **:data-[slot=accordion-trigger-icon]:text-text-muted relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          ChevronDownIcon,
+          {
+            "data-slot": "accordion-trigger-icon",
+            className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ChevronUpIcon,
+          {
+            "data-slot": "accordion-trigger-icon",
+            className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
+          }
+        )
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Content,
+    {
+      "data-slot": "accordion-content",
+      className: "data-open:animate-accordion-down data-closed:animate-accordion-up overflow-hidden text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "[&_a]:hover:text-text-normal h-(--radix-accordion-content-height) pt-0 pb-2.5 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4",
+            className
+          ),
+          children
+        }
+      )
+    }
+  );
+}
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+};
+//# sourceMappingURL=accordion.js.map

package/dist/components/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nfunction Accordion({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(\"flex w-full flex-col\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn(\"not-last:border-b\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AccordionTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n  return (\n    <AccordionPrimitive.Header className=\"flex\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn(\n          \"group/accordion-trigger focus-visible:border-focus-ring focus-visible:ring-focus-ring focus-visible:after:border-focus-ring **:data-[slot=accordion-trigger-icon]:text-text-muted relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownIcon\n          data-slot=\"accordion-trigger-icon\"\n          className=\"pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden\"\n        />\n        <ChevronUpIcon\n          data-slot=\"accordion-trigger-icon\"\n          className=\"pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline\"\n        />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  )\n}\n\nfunction AccordionContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className=\"data-open:animate-accordion-down data-closed:animate-accordion-up overflow-hidden text-sm\"\n      {...props}\n    >\n      <div\n        className={cn(\n          \"[&_a]:hover:text-text-normal h-(--radix-accordion-content-height) pt-0 pb-2.5 [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </AccordionPrimitive.Content>\n  )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"mappings":";;;;;;AAEA,OAAuB;AAEvB,YAAY,wBAAwB;AACpC,SAAS,iBAAiB,qBAAqB;AAM3C,cA4BE,YA5BF;AAFJ,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAAyD;AAChG,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,wBAAwB,SAAS;AAAA,MAC9C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAAyD;AACvD,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,qBAAqB,SAAS;AAAA,MAC3C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE,oBAAoB,2BAAnB,EAA0B,WAAU,QACnC;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA;AAAA,QACZ;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/alert-dialog.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { Button } from './button.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+
+type AlertDialogCloseReason = "cancel-button" | "action-button" | "programmatic";
+type AlertDialogRootProps = React.ComponentProps<typeof AlertDialogPrimitive.Root> & {
+    onCloseRequest?: (reason: AlertDialogCloseReason) => boolean | Promise<boolean>;
+};
+declare function AlertDialog({ defaultOpen, onCloseRequest, onOpenChange, open, ...props }: AlertDialogRootProps): React.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): React.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): React.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): React.JSX.Element;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement> & {
+    size?: "default" | "sm";
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
+declare function AlertDialogAction({ asChild, className, onClick, variant, size, type, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
+declare function AlertDialogCancel({ asChild, className, onClick, variant, size, type, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
+
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, type AlertDialogCloseReason, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

package/dist/components/alert-dialog.js

@@ -0,0 +1,341 @@
+"use client";
+import {
+  Button
+} from "../chunk-TU5CYBB4.js";
+import {
+  dialogSurfaceClass,
+  overlayScrimClass
+} from "../chunk-O2BG2KSY.js";
+import {
+  cn
+} from "../chunk-DN2AEEA2.js";
+
+// src/components/alert-dialog.tsx
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import * as Slot from "@radix-ui/react-slot";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AlertDialogContext = React.createContext(null);
+function resolveOpenState(currentOpen, nextOpen) {
+  return typeof nextOpen === "function" ? nextOpen(currentOpen) : nextOpen;
+}
+function setRefValue(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+    return;
+  }
+  if (ref) {
+    ref.current = value;
+  }
+}
+function useAlertDialogContext(componentName) {
+  const context = React.useContext(AlertDialogContext);
+  if (!context) {
+    throw new Error(`${componentName} must be used within an AlertDialog.`);
+  }
+  return context;
+}
+function AlertDialog({
+  defaultOpen = false,
+  onCloseRequest,
+  onOpenChange,
+  open,
+  ...props
+}) {
+  const [blockedInteractionCount, setBlockedInteractionCount] = React.useState(0);
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+  const isControlled = open !== void 0;
+  const isOpen = isControlled ? open : uncontrolledOpen;
+  const isOpenRef = React.useRef(isOpen);
+  const closeRequestVersionRef = React.useRef(0);
+  React.useEffect(() => {
+    isOpenRef.current = isOpen;
+  }, [isOpen]);
+  const setOpenState = React.useCallback(
+    (nextOpen) => {
+      const resolvedOpen = resolveOpenState(isOpenRef.current, nextOpen);
+      if (!isControlled) {
+        setUncontrolledOpen(resolvedOpen);
+      }
+      onOpenChange?.(resolvedOpen);
+    },
+    [isControlled, onOpenChange]
+  );
+  const openAlertDialog = React.useCallback(() => {
+    closeRequestVersionRef.current += 1;
+    setOpenState(true);
+  }, [setOpenState]);
+  const forceCloseAlertDialog = React.useCallback(() => {
+    closeRequestVersionRef.current += 1;
+    setOpenState(false);
+  }, [setOpenState]);
+  const requestClose = React.useCallback(
+    async (reason) => {
+      if (!isOpenRef.current) {
+        return true;
+      }
+      const closeRequestVersion = closeRequestVersionRef.current + 1;
+      closeRequestVersionRef.current = closeRequestVersion;
+      const closeAllowed = await onCloseRequest?.(reason) ?? true;
+      if (!closeAllowed) {
+        setBlockedInteractionCount((currentCount) => currentCount + 1);
+        return false;
+      }
+      if (closeRequestVersion !== closeRequestVersionRef.current) {
+        return false;
+      }
+      setOpenState(false);
+      return true;
+    },
+    [onCloseRequest, setOpenState]
+  );
+  const contextValue = React.useMemo(
+    () => ({
+      blockedInteractionCount,
+      forceClose: forceCloseAlertDialog,
+      open: openAlertDialog,
+      requestClose
+    }),
+    [blockedInteractionCount, forceCloseAlertDialog, openAlertDialog, requestClose]
+  );
+  return /* @__PURE__ */ jsx(AlertDialogContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Root,
+    {
+      "data-slot": "alert-dialog",
+      open: isOpen,
+      onOpenChange: (nextOpen) => {
+        if (nextOpen) {
+          openAlertDialog();
+          return;
+        }
+        void requestClose("programmatic").catch((error) => {
+          console.error("Failed to close alert dialog from root state change.", error);
+        });
+      },
+      ...props
+    }
+  ) });
+}
+function AlertDialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+function AlertDialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Overlay,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: cn(
+        "data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 fixed inset-0 z-[var(--layer-dialog)] duration-100",
+        overlayScrimClass,
+        className
+      ),
+      ...props
+    }
+  );
+}
+var AlertDialogContent = React.forwardRef(function AlertDialogContent2({ className, size = "default", forceMount, ...props }, ref) {
+  const { blockedInteractionCount } = useAlertDialogContext("AlertDialogContent");
+  const contentRef = React.useRef(
+    null
+  );
+  const blockedInteractionAnimationRef = React.useRef(null);
+  React.useEffect(() => {
+    if (blockedInteractionCount === 0) {
+      return;
+    }
+    const alertDialogContentElement = contentRef.current;
+    if (!alertDialogContentElement || typeof alertDialogContentElement.animate !== "function") {
+      return;
+    }
+    const prefersReducedMotion = typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    const offset = prefersReducedMotion ? 6 : 12;
+    const duration = prefersReducedMotion ? 180 : 320;
+    blockedInteractionAnimationRef.current?.cancel();
+    blockedInteractionAnimationRef.current = alertDialogContentElement.animate(
+      [
+        { marginLeft: "0px" },
+        { marginLeft: `-${offset}px` },
+        { marginLeft: `${Math.round(offset * 0.83)}px` },
+        { marginLeft: `-${Math.round(offset * 0.67)}px` },
+        { marginLeft: `${Math.round(offset * 0.5)}px` },
+        { marginLeft: "0px" }
+      ],
+      {
+        duration,
+        easing: "cubic-bezier(0.36, 0.07, 0.19, 0.97)"
+      }
+    );
+    return () => {
+      blockedInteractionAnimationRef.current?.cancel();
+    };
+  }, [blockedInteractionCount]);
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, { ...forceMount === true ? { forceMount: true } : {} }),
+    /* @__PURE__ */ jsx(
+      AlertDialogPrimitive.Content,
+      {
+        ref: (node) => {
+          contentRef.current = node;
+          setRefValue(ref, node);
+        },
+        "data-slot": "alert-dialog-content",
+        "data-size": size,
+        ...forceMount === true ? { forceMount: true } : {},
+        className: cn(
+          "group/alert-dialog-content 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 fixed top-1/2 left-1/2 z-[var(--layer-dialog)] grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-[var(--radius-dialog)] p-4 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm",
+          dialogSurfaceClass,
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+});
+function AlertDialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: cn(
+        "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: cn(
+        "bg-dialog-footer-background border-dialog-border -mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-[var(--radius-dialog)] border-t p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogMedia({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-media",
+      className: cn(
+        "bg-background-secondary mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: cn(
+        "font-heading text-dialog-text text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: cn(
+        "text-text-muted *:[a]:hover:text-text-normal text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({
+  asChild = false,
+  className,
+  onClick,
+  variant = "accent",
+  size = "default",
+  type = "button",
+  ...props
+}) {
+  const { requestClose } = useAlertDialogContext("AlertDialogAction");
+  const Comp = asChild ? Slot.Root : "button";
+  return /* @__PURE__ */ jsx(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "alert-dialog-action",
+      className: cn(className),
+      onClick: async (event) => {
+        if (!await requestClose("action-button")) {
+          return;
+        }
+        onClick?.(event);
+      },
+      type: asChild ? void 0 : type,
+      ...props
+    }
+  ) });
+}
+function AlertDialogCancel({
+  asChild = false,
+  className,
+  onClick,
+  variant = "outline",
+  size = "default",
+  type = "button",
+  ...props
+}) {
+  const { requestClose } = useAlertDialogContext("AlertDialogCancel");
+  const Comp = asChild ? Slot.Root : "button";
+  return /* @__PURE__ */ jsx(Button, { variant, size, asChild: true, children: /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "alert-dialog-cancel",
+      className: cn(className),
+      onClick: async (event) => {
+        if (!await requestClose("cancel-button")) {
+          return;
+        }
+        onClick?.(event);
+      },
+      type: asChild ? void 0 : type,
+      ...props
+    }
+  ) });
+}
+export {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogMedia,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger
+};
+//# sourceMappingURL=alert-dialog.js.map

package/dist/components/alert-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/alert-dialog.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\"\nimport * as Slot from \"@radix-ui/react-slot\"\n\nimport { Button } from \"@hyunsdev/ui/components/button\"\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nimport { dialogSurfaceClass, overlayScrimClass } from \"./_styles\"\n\nexport type AlertDialogCloseReason = \"cancel-button\" | \"action-button\" | \"programmatic\"\n\ntype AlertDialogRootProps = React.ComponentProps<typeof AlertDialogPrimitive.Root> & {\n  onCloseRequest?: (reason: AlertDialogCloseReason) => boolean | Promise<boolean>\n}\n\ntype AlertDialogContextValue = {\n  blockedInteractionCount: number\n  forceClose: () => void\n  open: () => void\n  requestClose: (reason: AlertDialogCloseReason) => Promise<boolean>\n}\n\nconst AlertDialogContext = React.createContext<AlertDialogContextValue | null>(null)\n\nfunction resolveOpenState(currentOpen: boolean, nextOpen: React.SetStateAction<boolean>) {\n  return typeof nextOpen === \"function\" ? nextOpen(currentOpen) : nextOpen\n}\n\nfunction setRefValue<T>(ref: React.Ref<T> | undefined, value: T) {\n  if (typeof ref === \"function\") {\n    ref(value)\n    return\n  }\n\n  if (ref) {\n    ref.current = value\n  }\n}\n\nfunction useAlertDialogContext(componentName: string) {\n  const context = React.useContext(AlertDialogContext)\n\n  if (!context) {\n    throw new Error(`${componentName} must be used within an AlertDialog.`)\n  }\n\n  return context\n}\n\nfunction AlertDialog({\n  defaultOpen = false,\n  onCloseRequest,\n  onOpenChange,\n  open,\n  ...props\n}: AlertDialogRootProps) {\n  const [blockedInteractionCount, setBlockedInteractionCount] = React.useState(0)\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const isControlled = open !== undefined\n  const isOpen = isControlled ? open : uncontrolledOpen\n  const isOpenRef = React.useRef(isOpen)\n  const closeRequestVersionRef = React.useRef(0)\n\n  React.useEffect(() => {\n    isOpenRef.current = isOpen\n  }, [isOpen])\n\n  const setOpenState = React.useCallback<React.Dispatch<React.SetStateAction<boolean>>>(\n    (nextOpen) => {\n      const resolvedOpen = resolveOpenState(isOpenRef.current, nextOpen)\n\n      if (!isControlled) {\n        setUncontrolledOpen(resolvedOpen)\n      }\n\n      onOpenChange?.(resolvedOpen)\n    },\n    [isControlled, onOpenChange],\n  )\n\n  const openAlertDialog = React.useCallback(() => {\n    closeRequestVersionRef.current += 1\n    setOpenState(true)\n  }, [setOpenState])\n\n  const forceCloseAlertDialog = React.useCallback(() => {\n    closeRequestVersionRef.current += 1\n    setOpenState(false)\n  }, [setOpenState])\n\n  const requestClose = React.useCallback(\n    async (reason: AlertDialogCloseReason) => {\n      if (!isOpenRef.current) {\n        return true\n      }\n\n      const closeRequestVersion = closeRequestVersionRef.current + 1\n      closeRequestVersionRef.current = closeRequestVersion\n      const closeAllowed = (await onCloseRequest?.(reason)) ?? true\n\n      if (!closeAllowed) {\n        setBlockedInteractionCount((currentCount) => currentCount + 1)\n        return false\n      }\n\n      if (closeRequestVersion !== closeRequestVersionRef.current) {\n        return false\n      }\n\n      setOpenState(false)\n\n      return true\n    },\n    [onCloseRequest, setOpenState],\n  )\n\n  const contextValue = React.useMemo(\n    () => ({\n      blockedInteractionCount,\n      forceClose: forceCloseAlertDialog,\n      open: openAlertDialog,\n      requestClose,\n    }),\n    [blockedInteractionCount, forceCloseAlertDialog, openAlertDialog, requestClose],\n  )\n\n  return (\n    <AlertDialogContext.Provider value={contextValue}>\n      <AlertDialogPrimitive.Root\n        data-slot=\"alert-dialog\"\n        open={isOpen}\n        onOpenChange={(nextOpen) => {\n          if (nextOpen) {\n            openAlertDialog()\n            return\n          }\n\n          void requestClose(\"programmatic\").catch((error) => {\n            console.error(\"Failed to close alert dialog from root state change.\", error)\n          })\n        }}\n        {...props}\n      />\n    </AlertDialogContext.Provider>\n  )\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n}\n\nfunction AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 fixed inset-0 z-[var(--layer-dialog)] duration-100\",\n        overlayScrimClass,\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nconst AlertDialogContent = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Content>,\n  React.ComponentProps<typeof AlertDialogPrimitive.Content> & {\n    size?: \"default\" | \"sm\"\n  }\n>(function AlertDialogContent({ className, size = \"default\", forceMount, ...props }, ref) {\n  const { blockedInteractionCount } = useAlertDialogContext(\"AlertDialogContent\")\n  const contentRef = React.useRef<React.ElementRef<typeof AlertDialogPrimitive.Content> | null>(\n    null,\n  )\n  const blockedInteractionAnimationRef = React.useRef<Animation | null>(null)\n\n  React.useEffect(() => {\n    if (blockedInteractionCount === 0) {\n      return\n    }\n\n    const alertDialogContentElement = contentRef.current\n\n    if (!alertDialogContentElement || typeof alertDialogContentElement.animate !== \"function\") {\n      return\n    }\n\n    const prefersReducedMotion =\n      typeof window !== \"undefined\" && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n    const offset = prefersReducedMotion ? 6 : 12\n    const duration = prefersReducedMotion ? 180 : 320\n\n    blockedInteractionAnimationRef.current?.cancel()\n    blockedInteractionAnimationRef.current = alertDialogContentElement.animate(\n      [\n        { marginLeft: \"0px\" },\n        { marginLeft: `-${offset}px` },\n        { marginLeft: `${Math.round(offset * 0.83)}px` },\n        { marginLeft: `-${Math.round(offset * 0.67)}px` },\n        { marginLeft: `${Math.round(offset * 0.5)}px` },\n        { marginLeft: \"0px\" },\n      ],\n      {\n        duration,\n        easing: \"cubic-bezier(0.36, 0.07, 0.19, 0.97)\",\n      },\n    )\n\n    return () => {\n      blockedInteractionAnimationRef.current?.cancel()\n    }\n  }, [blockedInteractionCount])\n\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay {...(forceMount === true ? { forceMount: true } : {})} />\n      <AlertDialogPrimitive.Content\n        ref={(node) => {\n          contentRef.current = node\n          setRefValue(ref, node)\n        }}\n        data-slot=\"alert-dialog-content\"\n        data-size={size}\n        {...(forceMount === true ? { forceMount: true } : {})}\n        className={cn(\n          \"group/alert-dialog-content 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 fixed top-1/2 left-1/2 z-[var(--layer-dialog)] grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-[var(--radius-dialog)] p-4 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm\",\n          dialogSurfaceClass,\n          className,\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n})\n\nfunction AlertDialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\n        \"grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"bg-dialog-footer-background border-dialog-border -mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-[var(--radius-dialog)] border-t p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogMedia({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-media\"\n      className={cn(\n        \"bg-background-secondary mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\n        \"font-heading text-dialog-text text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\n        \"text-text-muted *:[a]:hover:text-text-normal text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  asChild = false,\n  className,\n  onClick,\n  variant = \"accent\",\n  size = \"default\",\n  type = \"button\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> &\n  Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">) {\n  const { requestClose } = useAlertDialogContext(\"AlertDialogAction\")\n  const Comp = asChild ? Slot.Root : \"button\"\n\n  return (\n    <Button variant={variant} size={size} asChild>\n      <Comp\n        data-slot=\"alert-dialog-action\"\n        className={cn(className)}\n        onClick={async (event: React.MouseEvent<HTMLButtonElement>) => {\n          if (!(await requestClose(\"action-button\"))) {\n            return\n          }\n\n          onClick?.(event)\n        }}\n        type={asChild ? undefined : type}\n        {...props}\n      />\n    </Button>\n  )\n}\n\nfunction AlertDialogCancel({\n  asChild = false,\n  className,\n  onClick,\n  variant = \"outline\",\n  size = \"default\",\n  type = \"button\",\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> &\n  Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">) {\n  const { requestClose } = useAlertDialogContext(\"AlertDialogCancel\")\n  const Comp = asChild ? Slot.Root : \"button\"\n\n  return (\n    <Button variant={variant} size={size} asChild>\n      <Comp\n        data-slot=\"alert-dialog-cancel\"\n        className={cn(className)}\n        onClick={async (event: React.MouseEvent<HTMLButtonElement>) => {\n          if (!(await requestClose(\"cancel-button\"))) {\n            return\n          }\n\n          onClick?.(event)\n        }}\n        type={asChild ? undefined : type}\n        {...props}\n      />\n    </Button>\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n}\n"],"mappings":"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","names":["AlertDialogContent"]}

package/dist/components/alert.d.ts

@@ -0,0 +1,13 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+
+export { Alert, AlertAction, AlertDescription, AlertTitle };

package/dist/components/alert.js

@@ -0,0 +1,76 @@
+import {
+  cardSurfaceClass
+} from "../chunk-O2BG2KSY.js";
+import {
+  cn
+} from "../chunk-DN2AEEA2.js";
+
+// src/components/alert.tsx
+import "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var alertVariants = cva(
+  "group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: cardSurfaceClass,
+        destructive: `${cardSurfaceClass} text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current`
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: cn(alertVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: cn(
+        "font-heading [&_a]:hover:text-text-normal font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: cn(
+        "text-text-muted [&_a]:hover:text-text-normal text-sm text-balance md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "alert-action", className: cn("absolute top-2 right-2", className), ...props });
+}
+export {
+  Alert,
+  AlertAction,
+  AlertDescription,
+  AlertTitle
+};
+//# sourceMappingURL=alert.js.map

package/dist/components/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/alert.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nimport { cardSurfaceClass } from \"./_styles\"\n\nconst alertVariants = cva(\n  \"group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: cardSurfaceClass,\n        destructive: `${cardSurfaceClass} text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current`,\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"font-heading [&_a]:hover:text-text-normal font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-text-muted [&_a]:hover:text-text-normal text-sm text-balance md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"alert-action\" className={cn(\"absolute top-2 right-2\", className)} {...props} />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction }\n"],"mappings":";;;;;;;;AAAA,OAAuB;AAEvB,SAAS,WAA8B;AA2BnC;AArBJ,IAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aAAa,GAAG,gBAAgB;AAAA,MAClC;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEA,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqE;AACnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MAClD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAgC;AACzE,SACE,oBAAC,SAAI,aAAU,gBAAe,WAAW,GAAG,0BAA0B,SAAS,GAAI,GAAG,OAAO;AAEjG;","names":[]}

package/dist/components/aspect-ratio.d.ts

@@ -0,0 +1,6 @@
+import * as React$1 from 'react';
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+
+declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): React$1.JSX.Element;
+
+export { AspectRatio };