@hyunsdev/ui 0.1.0

package/README.md

@@ -0,0 +1,89 @@
+# @hyunsdev/ui
+
+Composable React components, layout primitives, and Tailwind CSS tokens for Hyuns UI.
+
+## Install
+
+```sh
+pnpm add @hyunsdev/ui
+```
+
+React and React DOM are peer dependencies.
+
+```sh
+pnpm add react react-dom
+```
+
+## Styles
+
+For the complete default styling, import the full CSS entry once in your app:
+
+```ts
+import "@hyunsdev/ui/globals.css"
+```
+
+The full CSS entry assumes a Tailwind CSS v4-compatible pipeline. It imports Tailwind, `tw-animate-css`, shadcn Tailwind CSS, Hyuns UI tokens, base styles, utilities, and Inter.
+
+For narrower control, use the split CSS entries:
+
+```ts
+import "@hyunsdev/ui/tokens.css"
+import "@hyunsdev/ui/fonts.css"
+```
+
+- `tokens.css` includes Hyuns UI theme variables and Tailwind `@theme` tokens without base resets, utilities, source scanning, or font loading.
+- `fonts.css` only loads `@fontsource-variable/inter`.
+- `globals.css` imports `fonts.css`, so do not import both unless your bundler deduplicates CSS imports.
+
+## Imports
+
+Prefer subpath imports in application code. They keep the bundle surface explicit.
+
+```tsx
+import { Button } from "@hyunsdev/ui/components/button"
+import { ThemeProvider } from "@hyunsdev/ui/components/theme-provider"
+import { Workbench } from "@hyunsdev/ui/layouts/workbench"
+import { cn } from "@hyunsdev/ui/lib/utils"
+```
+
+The root entry is intentionally small and only exposes the most common provider/theme/button APIs.
+
+```tsx
+import { Button, MainProvider, ThemeProvider } from "@hyunsdev/ui"
+```
+
+## Code Blocks
+
+Code highlighting has multiple entries so services can choose the right bundle cost.
+
+Use the compatibility entry when you want the default Shiki bundle:
+
+```tsx
+import { CodeBlock } from "@hyunsdev/ui/components/code-block"
+```
+
+Use the explicit Shiki entry for new code that accepts the default bundled languages and themes:
+
+```tsx
+import { CodeBlock } from "@hyunsdev/ui/components/code-block-shiki"
+```
+
+Use the core entry when you want to provide your own highlighter and avoid the default Shiki language bundle:
+
+```tsx
+import { CodeBlock } from "@hyunsdev/ui/components/code-block-core"
+```
+
+## Build Checks
+
+```sh
+pnpm --filter @hyunsdev/ui check
+pnpm --filter @hyunsdev/ui smoke:consumer
+pnpm --filter @hyunsdev/ui pack:dry-run
+```
+
+For the full repository publish gate, run:
+
+```sh
+pnpm quality:publish
+```

package/SKILL.md

@@ -0,0 +1,38 @@
+# Hyuns UI Usage Skill
+
+Use this skill when adding or reviewing UI code that imports `@hyunsdev/ui`.
+
+## Import Rules
+
+- Prefer subpath imports such as `@hyunsdev/ui/components/button`, `@hyunsdev/ui/layouts/workbench`, and `@hyunsdev/ui/lib/utils`.
+- Use the root `@hyunsdev/ui` entry only for its intentionally small provider/theme/button surface.
+- Do not import from `@hyunsdev/ui/dist/*` or `@hyunsdev/ui/src/*`.
+- Do not import from the `radix-ui` meta package in this repository. Use scoped Radix packages such as `@radix-ui/react-slot` and `@radix-ui/react-dialog`.
+
+## CSS Rules
+
+- Import `@hyunsdev/ui/globals.css` once for the complete default Tailwind v4 styling.
+- Import `@hyunsdev/ui/tokens.css` when an app only needs Hyuns UI theme variables and Tailwind theme tokens.
+- Import `@hyunsdev/ui/fonts.css` only when the app wants the bundled Inter font source.
+- Avoid importing both `globals.css` and `fonts.css` unless the consumer build deduplicates CSS.
+
+## Code Block Rules
+
+- Use `@hyunsdev/ui/components/code-block-shiki` when the default Shiki bundle is acceptable.
+- Use `@hyunsdev/ui/components/code-block-core` when a service should provide its own highlighter.
+- Keep `@hyunsdev/ui/components/code-block` as the compatibility path for existing code.
+
+## Verification
+
+Run these checks before publishing or after changing package exports:
+
+```sh
+pnpm --filter @hyunsdev/ui check
+pnpm --filter @hyunsdev/ui build
+pnpm --filter @hyunsdev/ui smoke:consumer
+pnpm --filter @hyunsdev/ui pack:dry-run
+```
+
+Use `smoke:consumer` for export-map and bundle-composition changes. It verifies
+consumer imports, rejects the removed `@hyunsdev/ui/playground` export, and
+checks that Shiki stays isolated from normal component bundles.

package/dist/WindowContext-DybYtZJa.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import React__default from 'react';
+import { Button } from './components/button.js';
+
+type WindowSize = "default" | "content" | {
+    height?: React.CSSProperties["height"];
+    maxHeight?: React.CSSProperties["maxHeight"];
+    maxWidth?: React.CSSProperties["maxWidth"];
+    minHeight?: React.CSSProperties["minHeight"];
+    minWidth?: React.CSSProperties["minWidth"];
+    width?: React.CSSProperties["width"];
+};
+type WindowProps = {
+    children: React.ReactNode;
+    className?: string;
+    forceMount?: boolean;
+    showCloseButton?: boolean;
+    size?: WindowSize;
+};
+type WindowCloseButtonProps = Omit<React.ComponentProps<typeof Button>, "asChild" | "children">;
+declare function WindowCloseButton({ className, onClick, type, ...props }: WindowCloseButtonProps): React.JSX.Element;
+declare function WindowLayout({ children, className, forceMount: forceMountProp, showCloseButton, size, }: WindowProps): React.JSX.Element;
+declare function useWindowSizeRequest(size: WindowSize | undefined): void;
+
+type WindowCloseReason = "close-button" | "escape-key" | "outside-click" | "programmatic" | "window-switch";
+type WindowProviderProps = {
+    children: React__default.ReactNode;
+    defaultOpen?: boolean;
+    onCloseRequest?: ((reason: WindowCloseReason) => boolean | Promise<boolean>) | undefined;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
+};
+type WindowContextValue = {
+    blockedInteractionCount: number;
+    forceClose: () => void;
+    isOpen: boolean;
+    open: () => void;
+    close: (reason: WindowCloseReason) => Promise<boolean>;
+    indicateBlockedInteraction: () => void;
+    toggle: () => void;
+};
+declare const WindowStateContext: React__default.Context<WindowContextValue | null>;
+declare function WindowStateProvider({ children, value, }: {
+    children: React__default.ReactNode;
+    value: WindowContextValue;
+}): React__default.JSX.Element;
+declare function useWindow(): WindowContextValue;
+declare function WindowProvider({ children, defaultOpen, onCloseRequest, onOpenChange, open, }: WindowProviderProps): React__default.JSX.Element;
+
+export { WindowLayout as W, WindowProvider as a, type WindowContextValue as b, type WindowSize as c, type WindowCloseReason as d, WindowCloseButton as e, type WindowCloseButtonProps as f, type WindowProps as g, type WindowProviderProps as h, WindowStateContext as i, WindowStateProvider as j, useWindowSizeRequest as k, useWindow as u };

package/dist/_styles-BbTx89aX.d.ts

@@ -0,0 +1,3 @@
+type FieldControlSize = "default" | "sm";
+
+export type { FieldControlSize as F };

package/dist/chunk-23KUNTRD.js

@@ -0,0 +1,49 @@
+import {
+  useTheme
+} from "./chunk-UXCBLYG6.js";
+
+// src/components/sonner.tsx
+import {
+  CircleCheckIcon,
+  InfoIcon,
+  TriangleAlertIcon,
+  OctagonXIcon,
+  Loader2Icon
+} from "lucide-react";
+import { Toaster as Sonner } from "sonner";
+import { jsx } from "react/jsx-runtime";
+var Toaster = ({ ...props }) => {
+  const { resolvedTheme } = useTheme();
+  const toasterStyle = {
+    "--normal-bg": "var(--color-floating-background)",
+    "--normal-text": "var(--color-floating-text)",
+    "--normal-border": "var(--color-floating-border)",
+    "--border-radius": "var(--radius-floating)"
+  };
+  return /* @__PURE__ */ jsx(
+    Sonner,
+    {
+      theme: resolvedTheme,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ jsx(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" })
+      },
+      style: toasterStyle,
+      toastOptions: {
+        classNames: {
+          toast: "cn-toast"
+        }
+      },
+      ...props
+    }
+  );
+};
+
+export {
+  Toaster
+};
+//# sourceMappingURL=chunk-23KUNTRD.js.map

package/dist/chunk-23KUNTRD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sonner.tsx"],"sourcesContent":["\"use client\"\n\nimport type * as React from \"react\"\n\nimport {\n  CircleCheckIcon,\n  InfoIcon,\n  TriangleAlertIcon,\n  OctagonXIcon,\n  Loader2Icon,\n} from \"lucide-react\"\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\"\n\nimport { useTheme } from \"./theme-provider\"\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const { resolvedTheme } = useTheme()\n  const toasterStyle = {\n    \"--normal-bg\": \"var(--color-floating-background)\",\n    \"--normal-text\": \"var(--color-floating-text)\",\n    \"--normal-border\": \"var(--color-floating-border)\",\n    \"--border-radius\": \"var(--radius-floating)\",\n  } satisfies React.CSSProperties & {\n    readonly \"--normal-bg\": string\n    readonly \"--normal-text\": string\n    readonly \"--normal-border\": string\n    readonly \"--border-radius\": string\n  }\n\n  return (\n    <Sonner\n      theme={resolvedTheme}\n      className=\"toaster group\"\n      icons={{\n        success: <CircleCheckIcon className=\"size-4\" />,\n        info: <InfoIcon className=\"size-4\" />,\n        warning: <TriangleAlertIcon className=\"size-4\" />,\n        error: <OctagonXIcon className=\"size-4\" />,\n        loading: <Loader2Icon className=\"size-4 animate-spin\" />,\n      }}\n      style={toasterStyle}\n      toastOptions={{\n        classNames: {\n          toast: \"cn-toast\",\n        },\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n"],"mappings":";;;;;AAIA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,cAAiC;AAuBpC;AAnBjB,IAAM,UAAU,CAAC,EAAE,GAAG,MAAM,MAAoB;AAC9C,QAAM,EAAE,cAAc,IAAI,SAAS;AACnC,QAAM,eAAe;AAAA,IACnB,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,EACrB;AAOA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAU;AAAA,MACV,OAAO;AAAA,QACL,SAAS,oBAAC,mBAAgB,WAAU,UAAS;AAAA,QAC7C,MAAM,oBAAC,YAAS,WAAU,UAAS;AAAA,QACnC,SAAS,oBAAC,qBAAkB,WAAU,UAAS;AAAA,QAC/C,OAAO,oBAAC,gBAAa,WAAU,UAAS;AAAA,QACxC,SAAS,oBAAC,eAAY,WAAU,uBAAsB;AAAA,MACxD;AAAA,MACA,OAAO;AAAA,MACP,cAAc;AAAA,QACZ,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-3RTSANKB.js

@@ -0,0 +1,51 @@
+// src/lib/theme.ts
+var ACCENT_PRESETS = [
+  "default",
+  "blue",
+  "green",
+  "yellow",
+  "pink",
+  "orange",
+  "purple"
+];
+var DEFAULT_ACCENT_PRESET = "default";
+var THEME_STORAGE_KEY = "theme";
+var ACCENT_PRESET_STORAGE_KEY = "accent-preset";
+function isThemeMode(value) {
+  return value === "light" || value === "dark" || value === "system";
+}
+function isAccentPreset(value) {
+  return typeof value === "string" && ACCENT_PRESETS.some((preset) => preset === value);
+}
+function normalizeStoredTheme(value) {
+  if (value === "auto") {
+    return "system";
+  }
+  return isThemeMode(value) ? value : null;
+}
+function normalizeStoredAccentPreset(value) {
+  return isAccentPreset(value) ? value : null;
+}
+function resolveThemeMode(theme, prefersDark) {
+  if (theme === "system") {
+    return prefersDark ? "dark" : "light";
+  }
+  return theme;
+}
+function getThemeInitScript(defaultTheme = "system") {
+  return `(function(){try{var fallback=${JSON.stringify(defaultTheme)};var defaultAccent=${JSON.stringify(DEFAULT_ACCENT_PRESET)};var allowedAccents=${JSON.stringify(ACCENT_PRESETS)};var stored=window.localStorage.getItem(${JSON.stringify(THEME_STORAGE_KEY)});var accentStored=window.localStorage.getItem(${JSON.stringify(ACCENT_PRESET_STORAGE_KEY)});var mode=stored==='light'||stored==='dark'||stored==='system'?stored:(stored==='auto'?'system':fallback);var normalizedAccent=accentStored==='black'?'default':accentStored;var accent=allowedAccents.includes(normalizedAccent)?normalizedAccent:defaultAccent;var prefersDark=window.matchMedia('(prefers-color-scheme: dark)').matches;var resolved=mode==='system'?(prefersDark?'dark':'light'):mode;var root=document.documentElement;root.setAttribute('data-accent',accent);root.classList.remove('light','dark');root.classList.add(resolved);if(mode==='system'){root.removeAttribute('data-theme')}else{root.setAttribute('data-theme',mode)}root.style.colorScheme=resolved;}catch(error){console.error(error)}})();`;
+}
+
+export {
+  ACCENT_PRESETS,
+  DEFAULT_ACCENT_PRESET,
+  THEME_STORAGE_KEY,
+  ACCENT_PRESET_STORAGE_KEY,
+  isThemeMode,
+  isAccentPreset,
+  normalizeStoredTheme,
+  normalizeStoredAccentPreset,
+  resolveThemeMode,
+  getThemeInitScript
+};
+//# sourceMappingURL=chunk-3RTSANKB.js.map

package/dist/chunk-3RTSANKB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/theme.ts"],"sourcesContent":["export type ThemeMode = \"light\" | \"dark\" | \"system\"\nexport type ResolvedTheme = Exclude<ThemeMode, \"system\">\nexport const ACCENT_PRESETS = [\n  \"default\",\n  \"blue\",\n  \"green\",\n  \"yellow\",\n  \"pink\",\n  \"orange\",\n  \"purple\",\n] as const\nexport type AccentPreset = (typeof ACCENT_PRESETS)[number]\n\nexport interface ThemeContextValue {\n  theme: ThemeMode\n  resolvedTheme: ResolvedTheme\n  accentPreset: AccentPreset\n  setTheme: (theme: ThemeMode) => void\n  setAccentPreset: (accentPreset: AccentPreset) => void\n}\n\nexport const DEFAULT_ACCENT_PRESET: AccentPreset = \"default\"\nexport const THEME_STORAGE_KEY = \"theme\"\nexport const ACCENT_PRESET_STORAGE_KEY = \"accent-preset\"\n\nexport function isThemeMode(value: string | null | undefined): value is ThemeMode {\n  return value === \"light\" || value === \"dark\" || value === \"system\"\n}\n\nexport function isAccentPreset(value: string | null | undefined): value is AccentPreset {\n  return typeof value === \"string\" && ACCENT_PRESETS.some((preset) => preset === value)\n}\n\nexport function normalizeStoredTheme(value: string | null | undefined): ThemeMode | null {\n  if (value === \"auto\") {\n    return \"system\"\n  }\n\n  return isThemeMode(value) ? value : null\n}\n\nexport function normalizeStoredAccentPreset(value: string | null | undefined): AccentPreset | null {\n  return isAccentPreset(value) ? value : null\n}\n\nexport function resolveThemeMode(theme: ThemeMode, prefersDark: boolean): ResolvedTheme {\n  if (theme === \"system\") {\n    return prefersDark ? \"dark\" : \"light\"\n  }\n\n  return theme\n}\n\nexport function getThemeInitScript(defaultTheme: ThemeMode = \"system\") {\n  return `(function(){try{var fallback=${JSON.stringify(defaultTheme)};var defaultAccent=${JSON.stringify(DEFAULT_ACCENT_PRESET)};var allowedAccents=${JSON.stringify(ACCENT_PRESETS)};var stored=window.localStorage.getItem(${JSON.stringify(THEME_STORAGE_KEY)});var accentStored=window.localStorage.getItem(${JSON.stringify(ACCENT_PRESET_STORAGE_KEY)});var mode=stored==='light'||stored==='dark'||stored==='system'?stored:(stored==='auto'?'system':fallback);var normalizedAccent=accentStored==='black'?'default':accentStored;var accent=allowedAccents.includes(normalizedAccent)?normalizedAccent:defaultAccent;var prefersDark=window.matchMedia('(prefers-color-scheme: dark)').matches;var resolved=mode==='system'?(prefersDark?'dark':'light'):mode;var root=document.documentElement;root.setAttribute('data-accent',accent);root.classList.remove('light','dark');root.classList.add(resolved);if(mode==='system'){root.removeAttribute('data-theme')}else{root.setAttribute('data-theme',mode)}root.style.colorScheme=resolved;}catch(error){console.error(error)}})();`\n}\n"],"mappings":";AAEO,IAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAWO,IAAM,wBAAsC;AAC5C,IAAM,oBAAoB;AAC1B,IAAM,4BAA4B;AAElC,SAAS,YAAY,OAAsD;AAChF,SAAO,UAAU,WAAW,UAAU,UAAU,UAAU;AAC5D;AAEO,SAAS,eAAe,OAAyD;AACtF,SAAO,OAAO,UAAU,YAAY,eAAe,KAAK,CAAC,WAAW,WAAW,KAAK;AACtF;AAEO,SAAS,qBAAqB,OAAoD;AACvF,MAAI,UAAU,QAAQ;AACpB,WAAO;AAAA,EACT;AAEA,SAAO,YAAY,KAAK,IAAI,QAAQ;AACtC;AAEO,SAAS,4BAA4B,OAAuD;AACjG,SAAO,eAAe,KAAK,IAAI,QAAQ;AACzC;AAEO,SAAS,iBAAiB,OAAkB,aAAqC;AACtF,MAAI,UAAU,UAAU;AACtB,WAAO,cAAc,SAAS;AAAA,EAChC;AAEA,SAAO;AACT;AAEO,SAAS,mBAAmB,eAA0B,UAAU;AACrE,SAAO,gCAAgC,KAAK,UAAU,YAAY,CAAC,sBAAsB,KAAK,UAAU,qBAAqB,CAAC,uBAAuB,KAAK,UAAU,cAAc,CAAC,2CAA2C,KAAK,UAAU,iBAAiB,CAAC,kDAAkD,KAAK,UAAU,yBAAyB,CAAC;AAC5V;","names":[]}

package/dist/chunk-4QIWBOF4.js

@@ -0,0 +1,129 @@
+import {
+  Button
+} from "./chunk-TU5CYBB4.js";
+import {
+  overlayScrimClass
+} from "./chunk-O2BG2KSY.js";
+import {
+  cn
+} from "./chunk-DN2AEEA2.js";
+
+// src/components/sheet.tsx
+import "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({ ...props }) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Overlay,
+    {
+      "data-slot": "sheet-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-150",
+        overlayScrimClass,
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      SheetPrimitive.Content,
+      {
+        "data-slot": "sheet-content",
+        "data-side": side,
+        className: cn(
+          "border-dialog-border bg-dialog-background text-dialog-text shadow-dialog data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:animate-out data-closed:fade-out-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10 fixed z-[var(--layer-dialog)] flex flex-col gap-4 bg-clip-padding text-sm transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:rounded-t-[var(--radius-dialog)] data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:rounded-r-[var(--radius-dialog)] data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:rounded-l-[var(--radius-dialog)] data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:rounded-b-[var(--radius-dialog)] data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm", children: [
+            /* @__PURE__ */ jsx(XIcon, {}),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+          ] }) })
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: cn("flex flex-col gap-0.5 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn("font-heading text-dialog-text text-base font-medium", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("text-text-muted text-sm", className),
+      ...props
+    }
+  );
+}
+
+export {
+  Sheet,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription
+};
+//# sourceMappingURL=chunk-4QIWBOF4.js.map

package/dist/chunk-4QIWBOF4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sheet.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { XIcon } from \"lucide-react\"\n\nimport { Button } from \"@hyunsdev/ui/components/button\"\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nimport { overlayScrimClass } from \"./_styles\"\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-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-150\",\n        overlayScrimClass,\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = \"right\",\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n  showCloseButton?: boolean\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        data-side={side}\n        className={cn(\n          \"border-dialog-border bg-dialog-background text-dialog-text shadow-dialog data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:animate-out data-closed:fade-out-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10 fixed z-[var(--layer-dialog)] flex flex-col gap-4 bg-clip-padding text-sm transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:rounded-t-[var(--radius-dialog)] data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:rounded-r-[var(--radius-dialog)] data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:rounded-l-[var(--radius-dialog)] data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:rounded-b-[var(--radius-dialog)] data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetPrimitive.Close data-slot=\"sheet-close\" asChild>\n            <Button variant=\"ghost\" className=\"absolute top-3 right-3\" size=\"icon-sm\">\n              <XIcon />\n              <span className=\"sr-only\">Close</span>\n            </Button>\n          </SheetPrimitive.Close>\n        )}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-0.5 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"font-heading text-dialog-text text-base font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-text-muted text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n"],"mappings":";;;;;;;;;;;AAEA,OAAuB;AAEvB,YAAY,oBAAoB;AAChC,SAAS,aAAa;AAQb,cAyDG,YAzDH;AADT,SAAS,MAAM,EAAE,GAAG,MAAM,GAAqD;AAC7E,SAAO,oBAAgB,qBAAf,EAAoB,aAAU,SAAS,GAAG,OAAO;AAC3D;AAEA,SAAS,aAAa,EAAE,GAAG,MAAM,GAAwD;AACvF,SAAO,oBAAgB,wBAAf,EAAuB,aAAU,iBAAiB,GAAG,OAAO;AACtE;AAEA,SAAS,WAAW,EAAE,GAAG,MAAM,GAAsD;AACnF,SAAO,oBAAgB,sBAAf,EAAqB,aAAU,eAAe,GAAG,OAAO;AAClE;AAEA,SAAS,YAAY,EAAE,GAAG,MAAM,GAAuD;AACrF,SAAO,oBAAgB,uBAAf,EAAsB,aAAU,gBAAgB,GAAG,OAAO;AACpE;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA,GAAG;AACL,GAAwD;AACtD,SACE;AAAA,IAAgB;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB,GAAG;AACL,GAGG;AACD,SACE,qBAAC,eACC;AAAA,wBAAC,gBAAa;AAAA,IACd;AAAA,MAAgB;AAAA,MAAf;AAAA,QACC,aAAU;AAAA,QACV,aAAW;AAAA,QACX,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,UACA,mBACC,oBAAgB,sBAAf,EAAqB,aAAU,eAAc,SAAO,MACnD,+BAAC,UAAO,SAAQ,SAAQ,WAAU,0BAAyB,MAAK,WAC9D;AAAA,gCAAC,SAAM;AAAA,YACP,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA,aACjC,GACF;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAgC;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,6BAA6B,SAAS;AAAA,MACnD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAgC;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,mCAAmC,SAAS;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAsD;AAC9F,SACE;AAAA,IAAgB;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,uDAAuD,SAAS;AAAA,MAC7E,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAgB;AAAA,IAAf;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2BAA2B,SAAS;AAAA,MACjD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}