@hyunsdev/ui 0.1.0

package/dist/chunk-5JCWC7IU.js

@@ -0,0 +1,293 @@
+import {
+  useTheme
+} from "./chunk-UXCBLYG6.js";
+import {
+  Button
+} from "./chunk-TU5CYBB4.js";
+import {
+  cn
+} from "./chunk-DN2AEEA2.js";
+
+// src/lib/code-block-core.tsx
+import * as React from "react";
+import { CheckIcon, CopyIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var FALLBACK_LANGUAGE = "text";
+var EMPTY_TRANSFORMERS = [];
+var EMPTY_LINE_NUMBERS = [];
+var CODE_BLOCK_STYLES = `
+[data-slot="code-block"] .shiki,
+[data-slot="code-block"] .shiki span {
+  color: var(--shiki-light, currentColor);
+}
+
+[data-slot="code-block"][data-theme="dark"] .shiki,
+[data-slot="code-block"][data-theme="dark"] .shiki span {
+  color: var(--shiki-dark, var(--shiki-light, currentColor));
+}
+
+[data-slot="code-block"] .shiki {
+  background-color: transparent !important;
+  color: inherit;
+  margin: 0;
+  min-width: 100%;
+}
+
+[data-slot="code-block"] .shiki code {
+  display: grid;
+  min-width: 100%;
+  font-size: 0.8125rem;
+  line-height: 1.7;
+}
+
+[data-slot="code-block"] .line {
+  display: block;
+  min-height: 1.7em;
+  padding-inline: 1rem;
+}
+
+[data-slot="code-block"][data-wrap-lines="true"] .line {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
+[data-slot="code-block"][data-line-numbers="true"] .shiki code {
+  counter-reset: code-block-line;
+}
+
+[data-slot="code-block"][data-line-numbers="true"] .line::before {
+  counter-increment: code-block-line;
+  content: counter(code-block-line);
+  color: var(--color-text-muted, rgba(127, 127, 127, 0.9));
+  display: inline-block;
+  margin-right: 1rem;
+  min-width: 2ch;
+  text-align: right;
+  user-select: none;
+}
+
+[data-slot="code-block"] .line.highlighted {
+  background: color-mix(in oklab, var(--color-text-accent, #3b82f6) 12%, transparent);
+}
+
+[data-slot="code-block"] .line.focused {
+  background: color-mix(in oklab, var(--color-text-normal, #111827) 5%, transparent);
+}
+
+[data-slot="code-block"] .has-focused .line:not(.focused) {
+  opacity: 0.45;
+}
+
+[data-slot="code-block"] .line.diff.add {
+  background: color-mix(in oklab, #16a34a 15%, transparent);
+}
+
+[data-slot="code-block"] .line.diff.remove {
+  background: color-mix(in oklab, #dc2626 14%, transparent);
+}
+
+[data-slot="code-block"] .highlighted-word {
+  border-radius: 0.375rem;
+  background: color-mix(in oklab, var(--color-text-accent, #3b82f6) 18%, transparent);
+  padding-inline: 0.25rem;
+  padding-block: 0.08rem;
+}
+`;
+function escapeHtml(value) {
+  return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+}
+function normalizeCode(value) {
+  return value.replace(/\r\n?/g, "\n");
+}
+function normalizeLineNumbers(lines) {
+  if (!lines || lines.length === 0) {
+    return EMPTY_LINE_NUMBERS;
+  }
+  return [...new Set(lines.filter((line) => Number.isInteger(line) && line > 0))].sort(
+    (left, right) => left - right
+  );
+}
+function createLineNumberSet(lines) {
+  return new Set(lines);
+}
+function createCodeBlockLineTransformer(highlightLines, focusLines) {
+  if (highlightLines.length === 0 && focusLines.length === 0) {
+    return void 0;
+  }
+  const highlighted = createLineNumberSet(highlightLines);
+  const focused = createLineNumberSet(focusLines);
+  return {
+    name: "@hyunsdev/ui:code-block-lines",
+    line(node, line) {
+      if (highlighted.has(line)) {
+        this.addClassToHast(node, "highlighted");
+      }
+      if (focused.has(line)) {
+        this.addClassToHast(node, "focused");
+        this.addClassToHast(this.pre, "has-focused");
+      }
+      return node;
+    }
+  };
+}
+function buildPlainCodeHtml(code, highlightLines = EMPTY_LINE_NUMBERS, focusLines = EMPTY_LINE_NUMBERS) {
+  const lines = normalizeCode(code).split("\n");
+  const highlighted = createLineNumberSet(highlightLines);
+  const focused = createLineNumberSet(focusLines);
+  const hasFocusedLine = lines.some((_line, index) => focused.has(index + 1));
+  const preClassName = hasFocusedLine ? ' class="shiki has-focused"' : ' class="shiki"';
+  return `<pre${preClassName} tabindex="0"><code>${lines.map((line, index) => {
+    const lineNumber = index + 1;
+    const classes = ["line"];
+    if (highlighted.has(lineNumber)) {
+      classes.push("highlighted");
+    }
+    if (focused.has(lineNumber)) {
+      classes.push("focused");
+    }
+    return `<span class="${classes.join(" ")}">${escapeHtml(line)}</span>`;
+  }).join("\n")}</code></pre>`;
+}
+async function highlightCode(code, lang, transformers, highlighter, themeNames, fallbackLanguage) {
+  const transformerList = [...transformers];
+  const options = {
+    defaultColor: false,
+    themes: themeNames,
+    transformers: transformerList
+  };
+  try {
+    const { codeToHtml } = await highlighter();
+    try {
+      return await codeToHtml(code, {
+        ...options,
+        lang
+      });
+    } catch {
+      try {
+        return await codeToHtml(code, {
+          ...options,
+          lang: fallbackLanguage
+        });
+      } catch {
+        return buildPlainCodeHtml(code);
+      }
+    }
+  } catch {
+    return buildPlainCodeHtml(code);
+  }
+}
+function CodeBlockCore({
+  className,
+  code,
+  fallbackLanguage = FALLBACK_LANGUAGE,
+  focusLines: focusLinesProp,
+  highlightLines: highlightLinesProp,
+  highlighter,
+  lang,
+  themeNames,
+  title,
+  showCopyButton = false,
+  showLineNumbers = false,
+  wrapLongLines = false,
+  transformers: transformersProp,
+  ...props
+}) {
+  const { resolvedTheme } = useTheme();
+  const normalizedCode = React.useMemo(() => normalizeCode(code), [code]);
+  const highlightLines = React.useMemo(
+    () => normalizeLineNumbers(highlightLinesProp),
+    [highlightLinesProp]
+  );
+  const focusLines = React.useMemo(() => normalizeLineNumbers(focusLinesProp), [focusLinesProp]);
+  const fallbackHtml = React.useMemo(
+    () => buildPlainCodeHtml(normalizedCode, highlightLines, focusLines),
+    [focusLines, highlightLines, normalizedCode]
+  );
+  const transformers = React.useMemo(() => {
+    const lineTransformer = createCodeBlockLineTransformer(highlightLines, focusLines);
+    return lineTransformer ? [...transformersProp ?? EMPTY_TRANSFORMERS, lineTransformer] : transformersProp ?? EMPTY_TRANSFORMERS;
+  }, [focusLines, highlightLines, transformersProp]);
+  const [html, setHtml] = React.useState(fallbackHtml);
+  const [copied, setCopied] = React.useState(false);
+  const resetTimerRef = React.useRef(null);
+  React.useEffect(() => {
+    let isCancelled = false;
+    setHtml(fallbackHtml);
+    void highlightCode(
+      normalizedCode,
+      lang,
+      transformers,
+      highlighter,
+      themeNames,
+      fallbackLanguage
+    ).then((nextHtml) => {
+      if (!isCancelled) {
+        setHtml(nextHtml);
+      }
+    });
+    return () => {
+      isCancelled = true;
+    };
+  }, [fallbackHtml, fallbackLanguage, highlighter, lang, normalizedCode, themeNames, transformers]);
+  React.useEffect(() => {
+    return () => {
+      if (resetTimerRef.current !== null) {
+        window.clearTimeout(resetTimerRef.current);
+      }
+    };
+  }, []);
+  const handleCopy = React.useCallback(async () => {
+    if (!navigator.clipboard?.writeText) {
+      return;
+    }
+    await navigator.clipboard.writeText(normalizedCode);
+    if (resetTimerRef.current !== null) {
+      window.clearTimeout(resetTimerRef.current);
+    }
+    setCopied(true);
+    resetTimerRef.current = window.setTimeout(() => {
+      setCopied(false);
+      resetTimerRef.current = null;
+    }, 1500);
+  }, [normalizedCode]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "code-block",
+      "data-line-numbers": showLineNumbers || void 0,
+      "data-theme": resolvedTheme,
+      "data-wrap-lines": wrapLongLines || void 0,
+      className: cn(
+        "border-border bg-background-primary text-text-normal overflow-hidden rounded-xl border",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("style", { children: CODE_BLOCK_STYLES }),
+        (title || showCopyButton) && /* @__PURE__ */ jsxs("div", { className: "border-border bg-background-secondary/80 flex items-center justify-between gap-3 border-b px-3 py-1", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-text-muted min-w-0 truncate text-xs font-medium", children: title }),
+          showCopyButton ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              size: "icon-sm",
+              variant: "ghost",
+              "aria-label": "Copy code",
+              className: "shrink-0",
+              onClick: () => {
+                void handleCopy();
+              },
+              children: copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" }) : /* @__PURE__ */ jsx(CopyIcon, { className: "size-3.5" })
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "overflow-x-auto py-3 font-mono text-[13px]", children: /* @__PURE__ */ jsx("div", { className: "[&_pre]:outline-none", dangerouslySetInnerHTML: { __html: html } }) })
+      ]
+    }
+  );
+}
+
+export {
+  CodeBlockCore
+};
+//# sourceMappingURL=chunk-5JCWC7IU.js.map

package/dist/chunk-5JCWC7IU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/code-block-core.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { CheckIcon, CopyIcon } from \"lucide-react\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nimport { Button } from \"../components/button\"\nimport { useTheme } from \"../components/theme-provider\"\n\nimport type { CodeToHastOptions, ShikiTransformer } from \"shiki\"\n\nconst FALLBACK_LANGUAGE = \"text\"\nconst EMPTY_TRANSFORMERS: readonly ShikiTransformer[] = []\nconst EMPTY_LINE_NUMBERS: readonly number[] = []\n\ntype CodeBlockThemeMap<ThemeName extends string = string> = {\n  dark: ThemeName\n  light: ThemeName\n}\n\ntype CodeBlockHighlighter = {\n  codeToHtml: (code: string, options: CodeToHastOptions<string, string>) => Promise<string>\n}\n\ntype CodeBlockLineNumbers = readonly number[]\n\nconst CODE_BLOCK_STYLES = `\n[data-slot=\"code-block\"] .shiki,\n[data-slot=\"code-block\"] .shiki span {\n  color: var(--shiki-light, currentColor);\n}\n\n[data-slot=\"code-block\"][data-theme=\"dark\"] .shiki,\n[data-slot=\"code-block\"][data-theme=\"dark\"] .shiki span {\n  color: var(--shiki-dark, var(--shiki-light, currentColor));\n}\n\n[data-slot=\"code-block\"] .shiki {\n  background-color: transparent !important;\n  color: inherit;\n  margin: 0;\n  min-width: 100%;\n}\n\n[data-slot=\"code-block\"] .shiki code {\n  display: grid;\n  min-width: 100%;\n  font-size: 0.8125rem;\n  line-height: 1.7;\n}\n\n[data-slot=\"code-block\"] .line {\n  display: block;\n  min-height: 1.7em;\n  padding-inline: 1rem;\n}\n\n[data-slot=\"code-block\"][data-wrap-lines=\"true\"] .line {\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n}\n\n[data-slot=\"code-block\"][data-line-numbers=\"true\"] .shiki code {\n  counter-reset: code-block-line;\n}\n\n[data-slot=\"code-block\"][data-line-numbers=\"true\"] .line::before {\n  counter-increment: code-block-line;\n  content: counter(code-block-line);\n  color: var(--color-text-muted, rgba(127, 127, 127, 0.9));\n  display: inline-block;\n  margin-right: 1rem;\n  min-width: 2ch;\n  text-align: right;\n  user-select: none;\n}\n\n[data-slot=\"code-block\"] .line.highlighted {\n  background: color-mix(in oklab, var(--color-text-accent, #3b82f6) 12%, transparent);\n}\n\n[data-slot=\"code-block\"] .line.focused {\n  background: color-mix(in oklab, var(--color-text-normal, #111827) 5%, transparent);\n}\n\n[data-slot=\"code-block\"] .has-focused .line:not(.focused) {\n  opacity: 0.45;\n}\n\n[data-slot=\"code-block\"] .line.diff.add {\n  background: color-mix(in oklab, #16a34a 15%, transparent);\n}\n\n[data-slot=\"code-block\"] .line.diff.remove {\n  background: color-mix(in oklab, #dc2626 14%, transparent);\n}\n\n[data-slot=\"code-block\"] .highlighted-word {\n  border-radius: 0.375rem;\n  background: color-mix(in oklab, var(--color-text-accent, #3b82f6) 18%, transparent);\n  padding-inline: 0.25rem;\n  padding-block: 0.08rem;\n}\n`\n\ntype CodeBlockCommonProps = Omit<React.ComponentProps<\"div\">, \"children\"> & {\n  code: string\n  focusLines?: CodeBlockLineNumbers\n  highlightLines?: CodeBlockLineNumbers\n  lang: string\n  title?: React.ReactNode\n  showCopyButton?: boolean\n  showLineNumbers?: boolean\n  wrapLongLines?: boolean\n  transformers?: readonly ShikiTransformer[]\n}\n\ntype CodeBlockCoreProps = CodeBlockCommonProps & {\n  fallbackLanguage?: string | undefined\n  highlighter: () => Promise<CodeBlockHighlighter>\n  themeNames: CodeBlockThemeMap\n}\n\nfunction escapeHtml(value: string) {\n  return value\n    .replaceAll(\"&\", \"&amp;\")\n    .replaceAll(\"<\", \"&lt;\")\n    .replaceAll(\">\", \"&gt;\")\n    .replaceAll('\"', \"&quot;\")\n    .replaceAll(\"'\", \"&#39;\")\n}\n\nfunction normalizeCode(value: string) {\n  return value.replace(/\\r\\n?/g, \"\\n\")\n}\n\nfunction normalizeLineNumbers(lines: CodeBlockLineNumbers | undefined) {\n  if (!lines || lines.length === 0) {\n    return EMPTY_LINE_NUMBERS\n  }\n\n  return [...new Set(lines.filter((line) => Number.isInteger(line) && line > 0))].sort(\n    (left, right) => left - right,\n  )\n}\n\nfunction createLineNumberSet(lines: CodeBlockLineNumbers) {\n  return new Set(lines)\n}\n\nfunction createCodeBlockLineTransformer(\n  highlightLines: CodeBlockLineNumbers,\n  focusLines: CodeBlockLineNumbers,\n) {\n  if (highlightLines.length === 0 && focusLines.length === 0) {\n    return undefined\n  }\n\n  const highlighted = createLineNumberSet(highlightLines)\n  const focused = createLineNumberSet(focusLines)\n\n  return {\n    name: \"@hyunsdev/ui:code-block-lines\",\n    line(node, line) {\n      if (highlighted.has(line)) {\n        this.addClassToHast(node, \"highlighted\")\n      }\n\n      if (focused.has(line)) {\n        this.addClassToHast(node, \"focused\")\n        this.addClassToHast(this.pre, \"has-focused\")\n      }\n\n      return node\n    },\n  } satisfies ShikiTransformer\n}\n\nfunction buildPlainCodeHtml(\n  code: string,\n  highlightLines: CodeBlockLineNumbers = EMPTY_LINE_NUMBERS,\n  focusLines: CodeBlockLineNumbers = EMPTY_LINE_NUMBERS,\n) {\n  const lines = normalizeCode(code).split(\"\\n\")\n  const highlighted = createLineNumberSet(highlightLines)\n  const focused = createLineNumberSet(focusLines)\n  const hasFocusedLine = lines.some((_line, index) => focused.has(index + 1))\n  const preClassName = hasFocusedLine ? ' class=\"shiki has-focused\"' : ' class=\"shiki\"'\n\n  return `<pre${preClassName} tabindex=\"0\"><code>${lines\n    .map((line, index) => {\n      const lineNumber = index + 1\n      const classes = [\"line\"]\n\n      if (highlighted.has(lineNumber)) {\n        classes.push(\"highlighted\")\n      }\n\n      if (focused.has(lineNumber)) {\n        classes.push(\"focused\")\n      }\n\n      return `<span class=\"${classes.join(\" \")}\">${escapeHtml(line)}</span>`\n    })\n    .join(\"\\n\")}</code></pre>`\n}\n\nasync function highlightCode(\n  code: string,\n  lang: string,\n  transformers: readonly ShikiTransformer[],\n  highlighter: () => Promise<CodeBlockHighlighter>,\n  themeNames: CodeBlockThemeMap,\n  fallbackLanguage: string,\n) {\n  const transformerList = [...transformers]\n  const options = {\n    defaultColor: false,\n    themes: themeNames,\n    transformers: transformerList,\n  } as const\n\n  try {\n    const { codeToHtml } = await highlighter()\n\n    try {\n      return await codeToHtml(code, {\n        ...options,\n        lang,\n      })\n    } catch {\n      try {\n        return await codeToHtml(code, {\n          ...options,\n          lang: fallbackLanguage,\n        })\n      } catch {\n        return buildPlainCodeHtml(code)\n      }\n    }\n  } catch {\n    return buildPlainCodeHtml(code)\n  }\n}\n\nfunction CodeBlockCore({\n  className,\n  code,\n  fallbackLanguage = FALLBACK_LANGUAGE,\n  focusLines: focusLinesProp,\n  highlightLines: highlightLinesProp,\n  highlighter,\n  lang,\n  themeNames,\n  title,\n  showCopyButton = false,\n  showLineNumbers = false,\n  wrapLongLines = false,\n  transformers: transformersProp,\n  ...props\n}: CodeBlockCoreProps) {\n  const { resolvedTheme } = useTheme()\n  const normalizedCode = React.useMemo(() => normalizeCode(code), [code])\n  const highlightLines = React.useMemo(\n    () => normalizeLineNumbers(highlightLinesProp),\n    [highlightLinesProp],\n  )\n  const focusLines = React.useMemo(() => normalizeLineNumbers(focusLinesProp), [focusLinesProp])\n  const fallbackHtml = React.useMemo(\n    () => buildPlainCodeHtml(normalizedCode, highlightLines, focusLines),\n    [focusLines, highlightLines, normalizedCode],\n  )\n  const transformers = React.useMemo(() => {\n    const lineTransformer = createCodeBlockLineTransformer(highlightLines, focusLines)\n\n    return lineTransformer\n      ? [...(transformersProp ?? EMPTY_TRANSFORMERS), lineTransformer]\n      : (transformersProp ?? EMPTY_TRANSFORMERS)\n  }, [focusLines, highlightLines, transformersProp])\n  const [html, setHtml] = React.useState(fallbackHtml)\n  const [copied, setCopied] = React.useState(false)\n  const resetTimerRef = React.useRef<number | null>(null)\n\n  React.useEffect(() => {\n    let isCancelled = false\n\n    setHtml(fallbackHtml)\n\n    void highlightCode(\n      normalizedCode,\n      lang,\n      transformers,\n      highlighter,\n      themeNames,\n      fallbackLanguage,\n    ).then((nextHtml) => {\n      if (!isCancelled) {\n        setHtml(nextHtml)\n      }\n    })\n\n    return () => {\n      isCancelled = true\n    }\n  }, [fallbackHtml, fallbackLanguage, highlighter, lang, normalizedCode, themeNames, transformers])\n\n  React.useEffect(() => {\n    return () => {\n      if (resetTimerRef.current !== null) {\n        window.clearTimeout(resetTimerRef.current)\n      }\n    }\n  }, [])\n\n  const handleCopy = React.useCallback(async () => {\n    if (!navigator.clipboard?.writeText) {\n      return\n    }\n\n    await navigator.clipboard.writeText(normalizedCode)\n\n    if (resetTimerRef.current !== null) {\n      window.clearTimeout(resetTimerRef.current)\n    }\n\n    setCopied(true)\n\n    resetTimerRef.current = window.setTimeout(() => {\n      setCopied(false)\n      resetTimerRef.current = null\n    }, 1500)\n  }, [normalizedCode])\n\n  return (\n    <div\n      data-slot=\"code-block\"\n      data-line-numbers={showLineNumbers || undefined}\n      data-theme={resolvedTheme}\n      data-wrap-lines={wrapLongLines || undefined}\n      className={cn(\n        \"border-border bg-background-primary text-text-normal overflow-hidden rounded-xl border\",\n        className,\n      )}\n      {...props}\n    >\n      <style>{CODE_BLOCK_STYLES}</style>\n\n      {(title || showCopyButton) && (\n        <div className=\"border-border bg-background-secondary/80 flex items-center justify-between gap-3 border-b px-3 py-1\">\n          <div className=\"text-text-muted min-w-0 truncate text-xs font-medium\">{title}</div>\n\n          {showCopyButton ? (\n            <Button\n              type=\"button\"\n              size=\"icon-sm\"\n              variant=\"ghost\"\n              aria-label=\"Copy code\"\n              className=\"shrink-0\"\n              onClick={() => {\n                void handleCopy()\n              }}\n            >\n              {copied ? <CheckIcon className=\"size-3.5\" /> : <CopyIcon className=\"size-3.5\" />}\n            </Button>\n          ) : null}\n        </div>\n      )}\n\n      <div className=\"overflow-x-auto py-3 font-mono text-[13px]\">\n        <div className=\"[&_pre]:outline-none\" dangerouslySetInnerHTML={{ __html: html }} />\n      </div>\n    </div>\n  )\n}\n\nexport { CodeBlockCore }\nexport type {\n  CodeBlockCommonProps,\n  CodeBlockCoreProps,\n  CodeBlockHighlighter,\n  CodeBlockLineNumbers,\n  CodeBlockThemeMap,\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-6ANDNGHD.js

@@ -0,0 +1,33 @@
+import {
+  cn
+} from "./chunk-DN2AEEA2.js";
+
+// src/components/separator.tsx
+import "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { jsx } from "react/jsx-runtime";
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "bg-border shrink-0 data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export {
+  Separator
+};
+//# sourceMappingURL=chunk-6ANDNGHD.js.map

package/dist/chunk-6ANDNGHD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/separator.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n"],"mappings":";;;;;AAEA,OAAuB;AAEvB,YAAY,wBAAwB;AAWhC;AAPJ,SAAS,UAAU;AAAA,EACjB;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb,GAAG;AACL,GAAyD;AACvD,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-7W7QZHEZ.js

@@ -0,0 +1,42 @@
+// src/lib/format.ts
+var byteUnits = {
+  binary: ["B", "KiB", "MiB", "GiB", "TiB", "PiB"],
+  decimal: ["B", "KB", "MB", "GB", "TB", "PB"]
+};
+function isValidNumberValue(value) {
+  return typeof value === "bigint" || typeof value === "number" && Number.isFinite(value);
+}
+function formatNumber(value, { locale, ...options } = {}) {
+  if (!isValidNumberValue(value)) {
+    return null;
+  }
+  return new Intl.NumberFormat(locale, options).format(value);
+}
+function formatBytes(value, options = {}) {
+  if (!isValidNumberValue(value)) {
+    return null;
+  }
+  const {
+    locale,
+    maximumFractionDigits = 1,
+    minimumFractionDigits = 0,
+    unitSystem = "binary"
+  } = options;
+  const base = unitSystem === "binary" ? 1024 : 1e3;
+  const units = byteUnits[unitSystem];
+  const absoluteValue = Math.abs(value);
+  const unitIndex = absoluteValue === 0 ? 0 : Math.min(Math.floor(Math.log(absoluteValue) / Math.log(base)), units.length - 1);
+  const scaledValue = value / base ** unitIndex;
+  const label = formatNumber(scaledValue, {
+    locale,
+    maximumFractionDigits,
+    minimumFractionDigits
+  });
+  return label ? `${label} ${units[unitIndex]}` : null;
+}
+
+export {
+  formatNumber,
+  formatBytes
+};
+//# sourceMappingURL=chunk-7W7QZHEZ.js.map

package/dist/chunk-7W7QZHEZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/format.ts"],"sourcesContent":["type FormatNumberValue = number | bigint\n\ntype FormatNumberOptions = Intl.NumberFormatOptions & {\n  locale?: Intl.LocalesArgument\n}\n\ntype FormatBytesUnitSystem = \"binary\" | \"decimal\"\n\ntype FormatBytesOptions = {\n  locale?: Intl.LocalesArgument\n  unitSystem?: FormatBytesUnitSystem\n  minimumFractionDigits?: number\n  maximumFractionDigits?: number\n}\n\nconst byteUnits = {\n  binary: [\"B\", \"KiB\", \"MiB\", \"GiB\", \"TiB\", \"PiB\"],\n  decimal: [\"B\", \"KB\", \"MB\", \"GB\", \"TB\", \"PB\"],\n} as const satisfies Record<FormatBytesUnitSystem, readonly string[]>\n\nfunction isValidNumberValue(\n  value: FormatNumberValue | null | undefined,\n): value is FormatNumberValue {\n  return typeof value === \"bigint\" || (typeof value === \"number\" && Number.isFinite(value))\n}\n\nfunction formatNumber(\n  value: FormatNumberValue | null | undefined,\n  { locale, ...options }: FormatNumberOptions = {},\n) {\n  if (!isValidNumberValue(value)) {\n    return null\n  }\n\n  return new Intl.NumberFormat(locale, options).format(value)\n}\n\nfunction formatBytes(value: number | null | undefined, options: FormatBytesOptions = {}) {\n  if (!isValidNumberValue(value)) {\n    return null\n  }\n\n  const {\n    locale,\n    maximumFractionDigits = 1,\n    minimumFractionDigits = 0,\n    unitSystem = \"binary\",\n  } = options\n  const base = unitSystem === \"binary\" ? 1024 : 1000\n  const units = byteUnits[unitSystem]\n  const absoluteValue = Math.abs(value)\n  const unitIndex =\n    absoluteValue === 0\n      ? 0\n      : Math.min(Math.floor(Math.log(absoluteValue) / Math.log(base)), units.length - 1)\n  const scaledValue = value / base ** unitIndex\n  const label = formatNumber(scaledValue, {\n    locale,\n    maximumFractionDigits,\n    minimumFractionDigits,\n  })\n\n  return label ? `${label} ${units[unitIndex]}` : null\n}\n\nexport {\n  formatBytes,\n  formatNumber,\n  type FormatBytesOptions,\n  type FormatBytesUnitSystem,\n  type FormatNumberOptions,\n  type FormatNumberValue,\n}\n"],"mappings":";AAeA,IAAM,YAAY;AAAA,EAChB,QAAQ,CAAC,KAAK,OAAO,OAAO,OAAO,OAAO,KAAK;AAAA,EAC/C,SAAS,CAAC,KAAK,MAAM,MAAM,MAAM,MAAM,IAAI;AAC7C;AAEA,SAAS,mBACP,OAC4B;AAC5B,SAAO,OAAO,UAAU,YAAa,OAAO,UAAU,YAAY,OAAO,SAAS,KAAK;AACzF;AAEA,SAAS,aACP,OACA,EAAE,QAAQ,GAAG,QAAQ,IAAyB,CAAC,GAC/C;AACA,MAAI,CAAC,mBAAmB,KAAK,GAAG;AAC9B,WAAO;AAAA,EACT;AAEA,SAAO,IAAI,KAAK,aAAa,QAAQ,OAAO,EAAE,OAAO,KAAK;AAC5D;AAEA,SAAS,YAAY,OAAkC,UAA8B,CAAC,GAAG;AACvF,MAAI,CAAC,mBAAmB,KAAK,GAAG;AAC9B,WAAO;AAAA,EACT;AAEA,QAAM;AAAA,IACJ;AAAA,IACA,wBAAwB;AAAA,IACxB,wBAAwB;AAAA,IACxB,aAAa;AAAA,EACf,IAAI;AACJ,QAAM,OAAO,eAAe,WAAW,OAAO;AAC9C,QAAM,QAAQ,UAAU,UAAU;AAClC,QAAM,gBAAgB,KAAK,IAAI,KAAK;AACpC,QAAM,YACJ,kBAAkB,IACd,IACA,KAAK,IAAI,KAAK,MAAM,KAAK,IAAI,aAAa,IAAI,KAAK,IAAI,IAAI,CAAC,GAAG,MAAM,SAAS,CAAC;AACrF,QAAM,cAAc,QAAQ,QAAQ;AACpC,QAAM,QAAQ,aAAa,aAAa;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO,QAAQ,GAAG,KAAK,IAAI,MAAM,SAAS,CAAC,KAAK;AAClD;","names":[]}

package/dist/chunk-BHO4WT2N.js

@@ -0,0 +1,51 @@
+import {
+  cn
+} from "./chunk-DN2AEEA2.js";
+
+// src/components/toggle.tsx
+import "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var toggleVariants = cva(
+  "cursor-pointer group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap text-text-normal transition-all outline-none hover:bg-background-modifier-hover hover:text-text-normal focus-visible:border-focus-ring focus-visible:ring-3 focus-visible:ring-focus-ring disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-field-border-error aria-invalid:ring-3 aria-invalid:ring-field-border-error/20 aria-pressed:border-transparent aria-pressed:bg-interactive-accent aria-pressed:text-text-on-accent aria-pressed:hover:bg-interactive-accent-hover aria-pressed:active:bg-interactive-accent-active-hover data-[state=on]:border-transparent data-[state=on]:bg-interactive-accent data-[state=on]:text-text-on-accent data-[state=on]:hover:bg-interactive-accent-hover data-[state=on]:active:bg-interactive-accent-active-hover [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        ghost: "bg-transparent",
+        normal: "border border-field-border bg-interactive-normal hover:bg-interactive-hover",
+        outline: "border  border-field-border bg-transparent hover:bg-background-modifier-hover"
+      },
+      size: {
+        default: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        sm: "h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"
+      }
+    },
+    defaultVariants: {
+      variant: "normal",
+      size: "default"
+    }
+  }
+);
+function Toggle({
+  className,
+  variant = "normal",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TogglePrimitive.Root,
+    {
+      "data-slot": "toggle",
+      className: cn(toggleVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+export {
+  toggleVariants,
+  Toggle
+};
+//# sourceMappingURL=chunk-BHO4WT2N.js.map

package/dist/chunk-BHO4WT2N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toggle.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nconst toggleVariants = cva(\n  \"cursor-pointer group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap text-text-normal transition-all outline-none hover:bg-background-modifier-hover hover:text-text-normal focus-visible:border-focus-ring focus-visible:ring-3 focus-visible:ring-focus-ring disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-field-border-error aria-invalid:ring-3 aria-invalid:ring-field-border-error/20 aria-pressed:border-transparent aria-pressed:bg-interactive-accent aria-pressed:text-text-on-accent aria-pressed:hover:bg-interactive-accent-hover aria-pressed:active:bg-interactive-accent-active-hover data-[state=on]:border-transparent data-[state=on]:bg-interactive-accent data-[state=on]:text-text-on-accent data-[state=on]:hover:bg-interactive-accent-hover data-[state=on]:active:bg-interactive-accent-active-hover [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        ghost: \"bg-transparent\",\n        normal: \"border border-field-border bg-interactive-normal hover:bg-interactive-hover\",\n        outline: \"border  border-field-border bg-transparent hover:bg-background-modifier-hover\",\n      },\n      size: {\n        default:\n          \"h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n        sm: \"h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        lg: \"h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n      },\n    },\n    defaultVariants: {\n      variant: \"normal\",\n      size: \"default\",\n    },\n  },\n)\n\nfunction Toggle({\n  className,\n  variant = \"normal\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Toggle, toggleVariants }\n"],"mappings":";;;;;AAEA,OAAuB;AAEvB,YAAY,qBAAqB;AACjC,SAAS,WAA8B;AAkCnC;AA9BJ,IAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,MACA,MAAM;AAAA,QACJ,SACE;AAAA,QACF,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,SAAS,OAAO;AAAA,EACd;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,GAAG;AACL,GAA4F;AAC1F,SACE;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-BI3KKBIC.js

@@ -0,0 +1,11 @@
+// src/layouts/_styles.ts
+var sidedockShellClass = "bg-sidedock-background text-sidedock-text";
+var sidedockFocusClass = "focus-visible:ring-2 focus-visible:ring-focus-ring";
+var sidedockOutlineStrokeClass = "shadow-[inset_0_0_0_1px_var(--color-sidedock-border)]";
+
+export {
+  sidedockShellClass,
+  sidedockFocusClass,
+  sidedockOutlineStrokeClass
+};
+//# sourceMappingURL=chunk-BI3KKBIC.js.map

package/dist/chunk-BI3KKBIC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/layouts/_styles.ts"],"sourcesContent":["export const sidedockShellClass = \"bg-sidedock-background text-sidedock-text\"\n\nexport const sidedockFocusClass = \"focus-visible:ring-2 focus-visible:ring-focus-ring\"\n\nexport const sidedockOutlineStrokeClass = \"shadow-[inset_0_0_0_1px_var(--color-sidedock-border)]\"\n"],"mappings":";AAAO,IAAM,qBAAqB;AAE3B,IAAM,qBAAqB;AAE3B,IAAM,6BAA6B;","names":[]}

package/dist/chunk-D3SP7GL3.js

@@ -0,0 +1,55 @@
+import {
+  cn
+} from "./chunk-DN2AEEA2.js";
+
+// src/components/tooltip.tsx
+import "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsx } from "react/jsx-runtime";
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
+function Tooltip({ ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+}
+function TooltipTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "bg-tooltip-background text-tooltip-text 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-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 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-tooltip)] inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-(--radius-tooltip) px-2.5 py-1 text-[length:var(--text-tooltip)] has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-[calc(var(--layer-tooltip)+1)] **:data-[slot=kbd]:rounded-sm",
+        className
+      ),
+      ...props,
+      children
+    }
+  ) });
+}
+
+export {
+  TooltipProvider,
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent
+};
+//# sourceMappingURL=chunk-D3SP7GL3.js.map

package/dist/chunk-D3SP7GL3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-tooltip-background text-tooltip-text 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-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 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-tooltip)] inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-(--radius-tooltip) px-2.5 py-1 text-[length:var(--text-tooltip)] has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-[calc(var(--layer-tooltip)+1)] **:data-[slot=kbd]:rounded-sm\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {/* <TooltipPrimitive.Arrow className=\"bg-tooltip-background fill-tooltip-background z-[var(--layer-tooltip)] size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" /> */}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"],"mappings":";;;;;AAEA,OAAuB;AAEvB,YAAY,sBAAsB;AAS9B;AALJ,SAAS,gBAAgB;AAAA,EACvB,gBAAgB;AAAA,EAChB,GAAG;AACL,GAA2D;AACzD,SACE;AAAA,IAAkB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,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,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,GAA0D;AACxD,SACE,oBAAkB,yBAAjB,EACC;AAAA,IAAkB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EAEH,GACF;AAEJ;","names":[]}