@hyunsdev/ui 0.1.0

package/dist/chunk-UXCBLYG6.js

@@ -0,0 +1,142 @@
+import {
+  ACCENT_PRESET_STORAGE_KEY,
+  DEFAULT_ACCENT_PRESET,
+  THEME_STORAGE_KEY,
+  normalizeStoredAccentPreset,
+  normalizeStoredTheme,
+  resolveThemeMode
+} from "./chunk-3RTSANKB.js";
+
+// src/components/theme-provider.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var THEME_MEDIA_QUERY = "(prefers-color-scheme: dark)";
+var ThemeContext = React.createContext(null);
+function getSystemResolvedTheme() {
+  return window.matchMedia(THEME_MEDIA_QUERY).matches ? "dark" : "light";
+}
+function getStoredTheme() {
+  const storedTheme = window.localStorage.getItem(THEME_STORAGE_KEY);
+  return normalizeStoredTheme(storedTheme) ?? "system";
+}
+function getStoredAccentPreset() {
+  const storedAccentPreset = window.localStorage.getItem(ACCENT_PRESET_STORAGE_KEY);
+  return normalizeStoredAccentPreset(storedAccentPreset) ?? DEFAULT_ACCENT_PRESET;
+}
+function getInitialThemeState() {
+  if (typeof window === "undefined") {
+    return {
+      accentPreset: DEFAULT_ACCENT_PRESET,
+      resolvedTheme: "light",
+      theme: "system"
+    };
+  }
+  const accentPreset = getStoredAccentPreset();
+  const theme = getStoredTheme();
+  const resolvedTheme = resolveThemeMode(theme, getSystemResolvedTheme() === "dark");
+  return {
+    accentPreset,
+    resolvedTheme,
+    theme
+  };
+}
+function applyAccentPreset(accentPreset) {
+  const root = document.documentElement;
+  root.setAttribute("data-accent", accentPreset);
+}
+function applyTheme(theme) {
+  const resolvedTheme = resolveThemeMode(theme, getSystemResolvedTheme() === "dark");
+  const root = document.documentElement;
+  root.classList.remove("light", "dark");
+  root.classList.add(resolvedTheme);
+  if (theme === "system") {
+    root.removeAttribute("data-theme");
+  } else {
+    root.setAttribute("data-theme", theme);
+  }
+  root.style.colorScheme = resolvedTheme;
+  return resolvedTheme;
+}
+function ThemeProvider({ children }) {
+  const [themeState, setThemeState] = React.useState(getInitialThemeState);
+  React.useEffect(() => {
+    applyAccentPreset(themeState.accentPreset);
+    window.localStorage.setItem(ACCENT_PRESET_STORAGE_KEY, themeState.accentPreset);
+  }, [themeState.accentPreset]);
+  React.useEffect(() => {
+    const resolvedTheme = applyTheme(themeState.theme);
+    setThemeState((currentThemeState) => {
+      if (currentThemeState.resolvedTheme === resolvedTheme) {
+        return currentThemeState;
+      }
+      return {
+        ...currentThemeState,
+        resolvedTheme
+      };
+    });
+    window.localStorage.setItem(THEME_STORAGE_KEY, themeState.theme);
+  }, [themeState.theme]);
+  React.useEffect(() => {
+    if (themeState.theme !== "system") {
+      return;
+    }
+    const mediaQueryList = window.matchMedia(THEME_MEDIA_QUERY);
+    const syncAutoTheme = () => {
+      const resolvedTheme = applyTheme("system");
+      setThemeState((currentThemeState) => {
+        if (currentThemeState.resolvedTheme === resolvedTheme) {
+          return currentThemeState;
+        }
+        return {
+          ...currentThemeState,
+          resolvedTheme
+        };
+      });
+    };
+    mediaQueryList.addEventListener("change", syncAutoTheme);
+    return () => {
+      mediaQueryList.removeEventListener("change", syncAutoTheme);
+    };
+  }, [themeState.theme]);
+  const value = {
+    accentPreset: themeState.accentPreset,
+    resolvedTheme: themeState.resolvedTheme,
+    setAccentPreset: (accentPreset) => {
+      setThemeState((currentThemeState) => {
+        if (currentThemeState.accentPreset === accentPreset) {
+          return currentThemeState;
+        }
+        return {
+          ...currentThemeState,
+          accentPreset
+        };
+      });
+    },
+    setTheme: (theme) => {
+      setThemeState((currentThemeState) => {
+        if (currentThemeState.theme === theme) {
+          return currentThemeState;
+        }
+        return {
+          ...currentThemeState,
+          theme
+        };
+      });
+    },
+    theme: themeState.theme
+  };
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children });
+}
+function useTheme() {
+  const context = React.useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider.");
+  }
+  return context;
+}
+
+export {
+  ThemeProvider,
+  useTheme
+};
+//# sourceMappingURL=chunk-UXCBLYG6.js.map

package/dist/chunk-UXCBLYG6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/theme-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport {\n  ACCENT_PRESET_STORAGE_KEY,\n  DEFAULT_ACCENT_PRESET,\n  getThemeInitScript,\n  normalizeStoredAccentPreset,\n  normalizeStoredTheme,\n  resolveThemeMode,\n  THEME_STORAGE_KEY,\n  type AccentPreset,\n  type ResolvedTheme,\n  type ThemeContextValue,\n  type ThemeMode,\n} from \"../lib/theme\"\n\nconst THEME_MEDIA_QUERY = \"(prefers-color-scheme: dark)\"\n\nconst ThemeContext = React.createContext<ThemeContextValue | null>(null)\n\ntype ThemeState = {\n  accentPreset: AccentPreset\n  resolvedTheme: ResolvedTheme\n  theme: ThemeMode\n}\n\nfunction getSystemResolvedTheme(): ResolvedTheme {\n  return window.matchMedia(THEME_MEDIA_QUERY).matches ? \"dark\" : \"light\"\n}\n\nfunction getStoredTheme(): ThemeMode {\n  const storedTheme = window.localStorage.getItem(THEME_STORAGE_KEY)\n  return normalizeStoredTheme(storedTheme) ?? \"system\"\n}\n\nfunction getStoredAccentPreset(): AccentPreset {\n  const storedAccentPreset = window.localStorage.getItem(ACCENT_PRESET_STORAGE_KEY)\n  return normalizeStoredAccentPreset(storedAccentPreset) ?? DEFAULT_ACCENT_PRESET\n}\n\nfunction getInitialThemeState(): ThemeState {\n  if (typeof window === \"undefined\") {\n    return {\n      accentPreset: DEFAULT_ACCENT_PRESET,\n      resolvedTheme: \"light\",\n      theme: \"system\",\n    }\n  }\n\n  const accentPreset = getStoredAccentPreset()\n  const theme = getStoredTheme()\n  const resolvedTheme = resolveThemeMode(theme, getSystemResolvedTheme() === \"dark\")\n\n  return {\n    accentPreset,\n    resolvedTheme,\n    theme,\n  }\n}\n\nfunction applyAccentPreset(accentPreset: AccentPreset) {\n  const root = document.documentElement\n  root.setAttribute(\"data-accent\", accentPreset)\n}\n\nfunction applyTheme(theme: ThemeMode) {\n  const resolvedTheme = resolveThemeMode(theme, getSystemResolvedTheme() === \"dark\")\n  const root = document.documentElement\n\n  root.classList.remove(\"light\", \"dark\")\n  root.classList.add(resolvedTheme)\n\n  if (theme === \"system\") {\n    root.removeAttribute(\"data-theme\")\n  } else {\n    root.setAttribute(\"data-theme\", theme)\n  }\n\n  root.style.colorScheme = resolvedTheme\n\n  return resolvedTheme\n}\n\nexport function ThemeProvider({ children }: { children: React.ReactNode }) {\n  const [themeState, setThemeState] = React.useState(getInitialThemeState)\n\n  React.useEffect(() => {\n    applyAccentPreset(themeState.accentPreset)\n    window.localStorage.setItem(ACCENT_PRESET_STORAGE_KEY, themeState.accentPreset)\n  }, [themeState.accentPreset])\n\n  React.useEffect(() => {\n    const resolvedTheme = applyTheme(themeState.theme)\n\n    setThemeState((currentThemeState) => {\n      if (currentThemeState.resolvedTheme === resolvedTheme) {\n        return currentThemeState\n      }\n\n      return {\n        ...currentThemeState,\n        resolvedTheme,\n      }\n    })\n\n    window.localStorage.setItem(THEME_STORAGE_KEY, themeState.theme)\n  }, [themeState.theme])\n\n  React.useEffect(() => {\n    if (themeState.theme !== \"system\") {\n      return\n    }\n\n    const mediaQueryList = window.matchMedia(THEME_MEDIA_QUERY)\n    const syncAutoTheme = () => {\n      const resolvedTheme = applyTheme(\"system\")\n\n      setThemeState((currentThemeState) => {\n        if (currentThemeState.resolvedTheme === resolvedTheme) {\n          return currentThemeState\n        }\n\n        return {\n          ...currentThemeState,\n          resolvedTheme,\n        }\n      })\n    }\n\n    mediaQueryList.addEventListener(\"change\", syncAutoTheme)\n\n    return () => {\n      mediaQueryList.removeEventListener(\"change\", syncAutoTheme)\n    }\n  }, [themeState.theme])\n\n  const value: ThemeContextValue = {\n    accentPreset: themeState.accentPreset,\n    resolvedTheme: themeState.resolvedTheme,\n    setAccentPreset: (accentPreset) => {\n      setThemeState((currentThemeState) => {\n        if (currentThemeState.accentPreset === accentPreset) {\n          return currentThemeState\n        }\n\n        return {\n          ...currentThemeState,\n          accentPreset,\n        }\n      })\n    },\n    setTheme: (theme) => {\n      setThemeState((currentThemeState) => {\n        if (currentThemeState.theme === theme) {\n          return currentThemeState\n        }\n\n        return {\n          ...currentThemeState,\n          theme,\n        }\n      })\n    },\n    theme: themeState.theme,\n  }\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n}\n\nexport function useTheme() {\n  const context = React.useContext(ThemeContext)\n\n  if (!context) {\n    throw new Error(\"useTheme must be used within a ThemeProvider.\")\n  }\n\n  return context\n}\n\nexport { getThemeInitScript }\nexport type { AccentPreset, ResolvedTheme, ThemeContextValue, ThemeMode }\n"],"mappings":"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","names":[]}

package/dist/chunk-VUR4MQMH.js

@@ -0,0 +1,53 @@
+import {
+  fieldInvalidClass
+} from "./chunk-O2BG2KSY.js";
+import {
+  cn
+} from "./chunk-DN2AEEA2.js";
+
+// src/components/badge.tsx
+import "react";
+import * as Slot from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var badgeVariants = cva(
+  "group/badge inline-flex h-6 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-focus-ring focus-visible:ring-[3px] focus-visible:ring-focus-ring has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  {
+    variants: {
+      variant: {
+        accent: "bg-interactive-accent text-text-on-accent hover:bg-interactive-accent-hover active:bg-interactive-accent-active-hover [a]:hover:bg-interactive-accent-hover",
+        normal: "border-border bg-interactive-normal text-text-normal hover:bg-interactive-hover active:bg-interactive-active-hover [a]:hover:bg-interactive-hover",
+        destructive: "bg-background-error text-text-error hover:bg-background-error-hover active:bg-background-error-hover [a]:hover:bg-background-error-hover",
+        outline: "border-border bg-transparent text-text-normal hover:bg-background-modifier-hover active:bg-background-modifier-active-hover [a]:hover:bg-background-modifier-hover",
+        ghost: "bg-transparent text-text-normal hover:bg-background-modifier-hover active:bg-background-modifier-active-hover [a]:hover:bg-background-modifier-hover",
+        link: "bg-transparent text-text-accent underline-offset-4 hover:text-text-accent-hover hover:underline [a]:hover:text-text-accent-hover [a]:hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "accent"
+    }
+  }
+);
+function Badge({
+  className,
+  variant = "normal",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      "data-variant": variant,
+      className: cn(badgeVariants({ variant }), fieldInvalidClass, className),
+      ...props
+    }
+  );
+}
+
+export {
+  badgeVariants,
+  Badge
+};
+//# sourceMappingURL=chunk-VUR4MQMH.js.map

package/dist/chunk-VUR4MQMH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/badge.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as Slot from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nimport { fieldInvalidClass } from \"./_styles\"\n\nconst badgeVariants = cva(\n  \"group/badge inline-flex h-6 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-focus-ring focus-visible:ring-[3px] focus-visible:ring-focus-ring has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:pointer-events-none [&>svg]:size-3!\",\n  {\n    variants: {\n      variant: {\n        accent:\n          \"bg-interactive-accent text-text-on-accent hover:bg-interactive-accent-hover active:bg-interactive-accent-active-hover [a]:hover:bg-interactive-accent-hover\",\n        normal:\n          \"border-border bg-interactive-normal text-text-normal hover:bg-interactive-hover active:bg-interactive-active-hover [a]:hover:bg-interactive-hover\",\n        destructive:\n          \"bg-background-error text-text-error hover:bg-background-error-hover active:bg-background-error-hover [a]:hover:bg-background-error-hover\",\n        outline:\n          \"border-border bg-transparent text-text-normal hover:bg-background-modifier-hover active:bg-background-modifier-active-hover [a]:hover:bg-background-modifier-hover\",\n        ghost:\n          \"bg-transparent text-text-normal hover:bg-background-modifier-hover active:bg-background-modifier-active-hover [a]:hover:bg-background-modifier-hover\",\n        link: \"bg-transparent text-text-accent underline-offset-4 hover:text-text-accent-hover hover:underline [a]:hover:text-text-accent-hover [a]:hover:underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"accent\",\n    },\n  },\n)\n\nfunction Badge({\n  className,\n  variant = \"normal\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      data-variant={variant}\n      className={cn(badgeVariants({ variant }), fieldInvalidClass, className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n"],"mappings":";;;;;;;;AAAA,OAAuB;AAEvB,YAAY,UAAU;AACtB,SAAS,WAA8B;AAuCnC;AAjCJ,IAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,QACE;AAAA,QACF,QACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEA,SAAS,MAAM;AAAA,EACb;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV,GAAG;AACL,GAA8F;AAC5F,QAAM,OAAO,UAAe,YAAO;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,mBAAmB,SAAS;AAAA,MACrE,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-WIEKNG4S.js

@@ -0,0 +1,26 @@
+import {
+  cn
+} from "./chunk-DN2AEEA2.js";
+
+// src/components/label.tsx
+import "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { jsx } from "react/jsx-runtime";
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    LabelPrimitive.Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export {
+  Label
+};
+//# sourceMappingURL=chunk-WIEKNG4S.js.map

package/dist/chunk-WIEKNG4S.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/label.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n"],"mappings":";;;;;AAEA,OAAuB;AAEvB,YAAY,oBAAoB;AAM5B;AAFJ,SAAS,MAAM,EAAE,WAAW,GAAG,MAAM,GAAqD;AACxF,SACE;AAAA,IAAgB;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-WIZ4OLOB.js

@@ -0,0 +1,23 @@
+import {
+  Toaster
+} from "./chunk-23KUNTRD.js";
+import {
+  TooltipProvider
+} from "./chunk-D3SP7GL3.js";
+import {
+  ThemeProvider
+} from "./chunk-UXCBLYG6.js";
+
+// src/components/main-provider.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function MainProvider({ children }) {
+  return /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+    /* @__PURE__ */ jsx(TooltipProvider, { children }),
+    /* @__PURE__ */ jsx(Toaster, {})
+  ] });
+}
+
+export {
+  MainProvider
+};
+//# sourceMappingURL=chunk-WIZ4OLOB.js.map

package/dist/chunk-WIZ4OLOB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/main-provider.tsx"],"sourcesContent":["import { Toaster } from \"./sonner\"\nimport { ThemeProvider } from \"./theme-provider\"\nimport { TooltipProvider } from \"./tooltip\"\n\nexport function MainProvider({ children }: { children: React.ReactNode }) {\n  return (\n    <ThemeProvider>\n      <TooltipProvider>{children}</TooltipProvider>\n      <Toaster />\n    </ThemeProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAMI,SACE,KADF;AAFG,SAAS,aAAa,EAAE,SAAS,GAAkC;AACxE,SACE,qBAAC,iBACC;AAAA,wBAAC,mBAAiB,UAAS;AAAA,IAC3B,oBAAC,WAAQ;AAAA,KACX;AAEJ;","names":[]}

package/dist/chunk-WJRJBMFN.js

@@ -0,0 +1,21 @@
+// src/hooks/use-mobile.ts
+import * as React from "react";
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState(void 0);
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
+}
+
+export {
+  useIsMobile
+};
+//# sourceMappingURL=chunk-WJRJBMFN.js.map

package/dist/chunk-WJRJBMFN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-mobile.ts"],"sourcesContent":["import * as React from \"react\"\n\nconst MOBILE_BREAKPOINT = 768\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    }\n    mql.addEventListener(\"change\", onChange)\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    return () => mql.removeEventListener(\"change\", onChange)\n  }, [])\n\n  return !!isMobile\n}\n"],"mappings":";AAAA,YAAY,WAAW;AAEvB,IAAM,oBAAoB;AAEnB,SAAS,cAAc;AAC5B,QAAM,CAAC,UAAU,WAAW,IAAU,eAA8B,MAAS;AAE7E,EAAM,gBAAU,MAAM;AACpB,UAAM,MAAM,OAAO,WAAW,eAAe,oBAAoB,CAAC,KAAK;AACvE,UAAM,WAAW,MAAM;AACrB,kBAAY,OAAO,aAAa,iBAAiB;AAAA,IACnD;AACA,QAAI,iBAAiB,UAAU,QAAQ;AACvC,gBAAY,OAAO,aAAa,iBAAiB;AACjD,WAAO,MAAM,IAAI,oBAAoB,UAAU,QAAQ;AAAA,EACzD,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,CAAC;AACX;","names":[]}

package/dist/chunk-YUPLJP3F.js

@@ -0,0 +1,33 @@
+import {
+  fieldFocusClass,
+  fieldInvalidClass
+} from "./chunk-O2BG2KSY.js";
+import {
+  cn
+} from "./chunk-DN2AEEA2.js";
+
+// src/components/input.tsx
+import "react";
+import { jsx } from "react/jsx-runtime";
+function Input({ className, type, size = "default", ...props }) {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      "data-size": size,
+      className: cn(
+        "border-field-border bg-field-background text-field-text file:text-field-text placeholder:text-field-placeholder disabled:bg-field-background-disabled h-8 w-full min-w-0 rounded-lg border px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),12px)] md:text-sm",
+        fieldFocusClass,
+        fieldInvalidClass,
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export {
+  Input
+};
+//# sourceMappingURL=chunk-YUPLJP3F.js.map

package/dist/chunk-YUPLJP3F.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nimport { fieldFocusClass, fieldInvalidClass, type FieldControlSize } from \"./_styles\"\n\ntype InputProps = Omit<React.ComponentProps<\"input\">, \"size\"> & {\n  size?: FieldControlSize\n}\n\nfunction Input({ className, type, size = \"default\", ...props }: InputProps) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      data-size={size}\n      className={cn(\n        \"border-field-border bg-field-background text-field-text file:text-field-text placeholder:text-field-placeholder disabled:bg-field-background-disabled h-8 w-full min-w-0 rounded-lg border px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),12px)] md:text-sm\",\n        fieldFocusClass,\n        fieldInvalidClass,\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":";;;;;;;;;AAAA,OAAuB;AAYnB;AAFJ,SAAS,MAAM,EAAE,WAAW,MAAM,OAAO,WAAW,GAAG,MAAM,GAAe;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-Z7ITPSUF.js

@@ -0,0 +1,184 @@
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-PLZMCJSL.js";
+import {
+  InputGroup,
+  InputGroupAddon
+} from "./chunk-UVAI2U6X.js";
+import {
+  floatingItemAccentStateClass
+} from "./chunk-O2BG2KSY.js";
+import {
+  cn
+} from "./chunk-DN2AEEA2.js";
+
+// src/components/command.tsx
+import "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { SearchIcon, CheckIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Command({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive,
+    {
+      "data-slot": "command",
+      className: cn(
+        "text-dialog-text flex size-full flex-col overflow-hidden rounded-[var(--radius-dialog)]! p-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandDialog({
+  title = "Command Palette",
+  description = "Search for a command to run...",
+  children,
+  className,
+  showCloseButton = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Dialog, { ...props, children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { className: "sr-only", children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DialogContent,
+      {
+        className: cn(
+          "top-1/6 translate-y-0 overflow-hidden rounded-xl! p-0 sm:max-w-xl",
+          className
+        ),
+        showCloseButton,
+        children
+      }
+    )
+  ] });
+}
+function CommandInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "command-input-wrapper", className: "p-1 pb-0", children: /* @__PURE__ */ jsxs(InputGroup, { className: "h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!", children: [
+    /* @__PURE__ */ jsx(
+      CommandPrimitive.Input,
+      {
+        "data-slot": "command-input",
+        className: cn(
+          "w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx(InputGroupAddon, { children: /* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }) })
+  ] }) });
+}
+function CommandList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.List,
+    {
+      "data-slot": "command-list",
+      className: cn(
+        "no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandEmpty({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.Empty,
+    {
+      "data-slot": "command-empty",
+      className: cn("py-6 text-center text-sm", className),
+      ...props
+    }
+  );
+}
+function CommandGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.Group,
+    {
+      "data-slot": "command-group",
+      className: cn(
+        "text-dialog-text **:[[cmdk-group-heading]]:text-text-muted overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.Separator,
+    {
+      "data-slot": "command-separator",
+      className: cn("bg-border -mx-1 h-px", className),
+      ...props
+    }
+  );
+}
+function CommandItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    CommandPrimitive.Item,
+    {
+      "data-slot": "command-item",
+      className: cn(
+        'group/command-item text-dialog-text relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:text-current [&_svg:not([class*="size-"])]:size-4',
+        floatingItemAccentStateClass,
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(CheckIcon, { className: "ml-auto text-current opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })
+      ]
+    }
+  );
+}
+function CommandShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: cn(
+        "text-text-muted group-data-selected/command-item:text-text-on-accent ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export {
+  Command,
+  CommandDialog,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandSeparator,
+  CommandItem,
+  CommandShortcut
+};
+//# sourceMappingURL=chunk-Z7ITPSUF.js.map

package/dist/chunk-Z7ITPSUF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/command.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { SearchIcon, CheckIcon } from \"lucide-react\"\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"@hyunsdev/ui/components/dialog\"\nimport { InputGroup, InputGroupAddon } from \"@hyunsdev/ui/components/input-group\"\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nimport { floatingItemAccentStateClass } from \"./_styles\"\n\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"text-dialog-text flex size-full flex-col overflow-hidden rounded-[var(--radius-dialog)]! p-1\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandDialog({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  className,\n  showCloseButton = false,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn(\n          \"top-1/6 translate-y-0 overflow-hidden rounded-xl! p-0 sm:max-w-xl\",\n          className,\n        )}\n        showCloseButton={showCloseButton}\n      >\n        {children}\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"p-1 pb-0\">\n      <InputGroup className=\"h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!\">\n        <CommandPrimitive.Input\n          data-slot=\"command-input\"\n          className={cn(\n            \"w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n            className,\n          )}\n          {...props}\n        />\n        <InputGroupAddon>\n          <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n        </InputGroupAddon>\n      </InputGroup>\n    </div>\n  )\n}\n\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        \"no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandEmpty({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className={cn(\"py-6 text-center text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"text-dialog-text **:[[cmdk-group-heading]]:text-text-muted overflow-hidden p-1 **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"bg-border -mx-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        'group/command-item text-dialog-text relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none in-data-[slot=dialog-content]:rounded-lg! data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:text-current [&_svg:not([class*=\"size-\"])]:size-4',\n        floatingItemAccentStateClass,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <CheckIcon className=\"ml-auto text-current opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100\" />\n    </CommandPrimitive.Item>\n  )\n}\n\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        \"text-text-muted group-data-selected/command-item:text-text-on-accent ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAEA,OAAuB;AAEvB,SAAS,WAAW,wBAAwB;AAC5C,SAAS,YAAY,iBAAiB;AAgBlC,cA0BE,YA1BF;AAFJ,SAAS,QAAQ,EAAE,WAAW,GAAG,MAAM,GAAkD;AACvF,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,cAAc;AAAA,EACrB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,GAAG;AACL,GAKG;AACD,SACE,qBAAC,UAAQ,GAAG,OACV;AAAA,yBAAC,gBAAa,WAAU,WACtB;AAAA,0BAAC,eAAa,iBAAM;AAAA,MACpB,oBAAC,qBAAmB,uBAAY;AAAA,OAClC;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAAwD;AACtD,SACE,oBAAC,SAAI,aAAU,yBAAwB,WAAU,YAC/C,+BAAC,cAAW,WAAU,uEACpB;AAAA;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACC,aAAU;AAAA,QACV,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,IACA,oBAAC,mBACC,8BAAC,cAAW,WAAU,8BAA6B,GACrD;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAuD;AAChG,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAAwD;AACtD,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,4BAA4B,SAAS;AAAA,MAClD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAAwD;AACtD,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,wBAAwB,SAAS;AAAA,MAC9C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuD;AACrD,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAC,aAAU,WAAU,gJAA+I;AAAA;AAAA;AAAA,EACtK;AAEJ;AAEA,SAAS,gBAAgB,EAAE,WAAW,GAAG,MAAM,GAAiC;AAC9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-ZC76ALSI.js

@@ -0,0 +1,75 @@
+import {
+  floatingSurfaceClass
+} from "./chunk-O2BG2KSY.js";
+import {
+  cn
+} from "./chunk-DN2AEEA2.js";
+
+// src/components/popover.tsx
+import "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx } from "react/jsx-runtime";
+function Popover({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      "data-slot": "popover-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)] flex w-72 origin-(--radix-popover-content-transform-origin) flex-col gap-2.5 rounded-[var(--radius-floating)] p-2.5 text-sm outline-hidden duration-100",
+        floatingSurfaceClass,
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function PopoverAnchor({ ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+function PopoverHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "popover-header",
+      className: cn("flex flex-col gap-0.5 text-sm", className),
+      ...props
+    }
+  );
+}
+function PopoverTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "popover-title",
+      className: cn("font-heading font-medium", className),
+      ...props
+    }
+  );
+}
+function PopoverDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx("p", { "data-slot": "popover-description", className: cn("text-text-muted", className), ...props });
+}
+
+export {
+  Popover,
+  PopoverTrigger,
+  PopoverContent,
+  PopoverAnchor,
+  PopoverHeader,
+  PopoverTitle,
+  PopoverDescription
+};
+//# sourceMappingURL=chunk-ZC76ALSI.js.map

package/dist/chunk-ZC76ALSI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/popover.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nimport { floatingSurfaceClass } from \"./_styles\"\n\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-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)] flex w-72 origin-(--radix-popover-content-transform-origin) flex-col gap-2.5 rounded-[var(--radius-floating)] p-2.5 text-sm outline-hidden duration-100\",\n          floatingSurfaceClass,\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nfunction PopoverHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn(\"flex flex-col gap-0.5 text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PopoverTitle({ className, ...props }: React.ComponentProps<\"h2\">) {\n  return (\n    <div\n      data-slot=\"popover-title\"\n      className={cn(\"font-heading font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction PopoverDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p data-slot=\"popover-description\" className={cn(\"text-text-muted\", className)} {...props} />\n  )\n}\n\nexport {\n  Popover,\n  PopoverAnchor,\n  PopoverContent,\n  PopoverDescription,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverTrigger,\n}\n"],"mappings":";;;;;;;;AAEA,OAAuB;AAEvB,YAAY,sBAAsB;AAOzB;AADT,SAAS,QAAQ,EAAE,GAAG,MAAM,GAAuD;AACjF,SAAO,oBAAkB,uBAAjB,EAAsB,aAAU,WAAW,GAAG,OAAO;AAC/D;AAEA,SAAS,eAAe,EAAE,GAAG,MAAM,GAA0D;AAC3F,SAAO,oBAAkB,0BAAjB,EAAyB,aAAU,mBAAmB,GAAG,OAAO;AAC1E;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,GAAG;AACL,GAA0D;AACxD,SACE,oBAAkB,yBAAjB,EACC;AAAA,IAAkB;AAAA,IAAjB;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;AAEA,SAAS,cAAc,EAAE,GAAG,MAAM,GAAyD;AACzF,SAAO,oBAAkB,yBAAjB,EAAwB,aAAU,kBAAkB,GAAG,OAAO;AACxE;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAA+B;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,4BAA4B,SAAS;AAAA,MAClD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,mBAAmB,EAAE,WAAW,GAAG,MAAM,GAA8B;AAC9E,SACE,oBAAC,OAAE,aAAU,uBAAsB,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OAAO;AAE/F;","names":[]}