@hyunsdev/ui 0.1.0

package/dist/chunk-D7W4RSQX.js

@@ -0,0 +1,115 @@
+import {
+  CodeBlockCustom
+} from "./chunk-T64WPXSC.js";
+import {
+  CodeBlockCore
+} from "./chunk-5JCWC7IU.js";
+
+// src/components/code-block-shiki.tsx
+import { jsx } from "react/jsx-runtime";
+var DEFAULT_CODE_BLOCK_LANGUAGES = {
+  bash: () => import("shiki/dist/langs/bash.mjs"),
+  c: () => import("shiki/dist/langs/c.mjs"),
+  "c++": () => import("shiki/dist/langs/cpp.mjs"),
+  cpp: () => import("shiki/dist/langs/cpp.mjs"),
+  cs: () => import("shiki/dist/langs/csharp.mjs"),
+  csharp: () => import("shiki/dist/langs/csharp.mjs"),
+  css: () => import("shiki/dist/langs/css.mjs"),
+  diff: () => import("shiki/dist/langs/diff.mjs"),
+  docker: () => import("shiki/dist/langs/docker.mjs"),
+  dockerfile: () => import("shiki/dist/langs/dockerfile.mjs"),
+  dotenv: () => import("shiki/dist/langs/dotenv.mjs"),
+  go: () => import("shiki/dist/langs/go.mjs"),
+  golang: () => import("shiki/dist/langs/go.mjs"),
+  graphql: () => import("shiki/dist/langs/graphql.mjs"),
+  html: () => import("shiki/dist/langs/html.mjs"),
+  ini: () => import("shiki/dist/langs/ini.mjs"),
+  java: () => import("shiki/dist/langs/java.mjs"),
+  javascript: () => import("shiki/dist/langs/javascript.mjs"),
+  js: () => import("shiki/dist/langs/javascript.mjs"),
+  json: () => import("shiki/dist/langs/json.mjs"),
+  jsonc: () => import("shiki/dist/langs/jsonc.mjs"),
+  jsx: () => import("shiki/dist/langs/jsx.mjs"),
+  kotlin: () => import("shiki/dist/langs/kotlin.mjs"),
+  markdown: () => import("shiki/dist/langs/markdown.mjs"),
+  matlab: () => import("shiki/dist/langs/matlab.mjs"),
+  md: () => import("shiki/dist/langs/markdown.mjs"),
+  mdx: () => import("shiki/dist/langs/mdx.mjs"),
+  nginx: () => import("shiki/dist/langs/nginx.mjs"),
+  php: () => import("shiki/dist/langs/php.mjs"),
+  powershell: () => import("shiki/dist/langs/powershell.mjs"),
+  ps1: () => import("shiki/dist/langs/powershell.mjs"),
+  py: () => import("shiki/dist/langs/python.mjs"),
+  python: () => import("shiki/dist/langs/python.mjs"),
+  r: () => import("shiki/dist/langs/r.mjs"),
+  rb: () => import("shiki/dist/langs/ruby.mjs"),
+  rs: () => import("shiki/dist/langs/rust.mjs"),
+  ruby: () => import("shiki/dist/langs/ruby.mjs"),
+  rust: () => import("shiki/dist/langs/rust.mjs"),
+  scss: () => import("shiki/dist/langs/scss.mjs"),
+  sh: () => import("shiki/dist/langs/bash.mjs"),
+  shell: () => import("shiki/dist/langs/bash.mjs"),
+  sql: () => import("shiki/dist/langs/sql.mjs"),
+  swift: () => import("shiki/dist/langs/swift.mjs"),
+  toml: () => import("shiki/dist/langs/toml.mjs"),
+  ts: () => import("shiki/dist/langs/typescript.mjs"),
+  tsx: () => import("shiki/dist/langs/tsx.mjs"),
+  typescript: () => import("shiki/dist/langs/typescript.mjs"),
+  xml: () => import("shiki/dist/langs/xml.mjs"),
+  yaml: () => import("shiki/dist/langs/yaml.mjs"),
+  yml: () => import("shiki/dist/langs/yaml.mjs"),
+  zsh: () => import("shiki/dist/langs/bash.mjs")
+};
+var DEFAULT_CODE_BLOCK_THEMES = {
+  "github-dark": () => import("shiki/dist/themes/github-dark.mjs"),
+  "github-light": () => import("shiki/dist/themes/github-light.mjs")
+};
+var DEFAULT_CODE_BLOCK_SHIKI = {
+  languages: DEFAULT_CODE_BLOCK_LANGUAGES,
+  themeNames: {
+    dark: "github-dark",
+    light: "github-light"
+  },
+  themes: DEFAULT_CODE_BLOCK_THEMES
+};
+var defaultShikiHighlighterPromise;
+function loadDefaultShikiHighlighter() {
+  defaultShikiHighlighterPromise ??= Promise.all([
+    import("shiki/core"),
+    import("shiki/engine/javascript").then((mod) => mod.createJavaScriptRegexEngine())
+  ]).then(([{ createBundledHighlighter, createSingletonShorthands }, engine]) => {
+    const createHighlighter = createBundledHighlighter({
+      engine: () => engine,
+      langs: DEFAULT_CODE_BLOCK_SHIKI.languages,
+      themes: DEFAULT_CODE_BLOCK_SHIKI.themes
+    });
+    return createSingletonShorthands(createHighlighter);
+  });
+  return defaultShikiHighlighterPromise;
+}
+function CodeBlock({ fallbackLanguage, shiki, ...props }) {
+  if (shiki) {
+    return /* @__PURE__ */ jsx(
+      CodeBlockCustom,
+      {
+        ...fallbackLanguage !== void 0 ? { fallbackLanguage } : {},
+        shiki,
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    CodeBlockCore,
+    {
+      ...fallbackLanguage !== void 0 ? { fallbackLanguage } : {},
+      highlighter: loadDefaultShikiHighlighter,
+      themeNames: DEFAULT_CODE_BLOCK_SHIKI.themeNames,
+      ...props
+    }
+  );
+}
+
+export {
+  CodeBlock
+};
+//# sourceMappingURL=chunk-D7W4RSQX.js.map

package/dist/chunk-D7W4RSQX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/code-block-shiki.tsx"],"sourcesContent":["\"use client\"\n\nimport { CodeBlockCore } from \"../lib/code-block-core\"\nimport { CodeBlockCustom } from \"../lib/code-block-shiki\"\n\nimport type {\n  CodeBlockCommonProps,\n  CodeBlockHighlighter,\n  CodeBlockLineNumbers,\n  CodeBlockThemeMap,\n} from \"../lib/code-block-core\"\nimport type { CodeBlockShikiBundle } from \"../lib/code-block-shiki\"\n\nconst DEFAULT_CODE_BLOCK_LANGUAGES = {\n  bash: () => import(\"shiki/dist/langs/bash.mjs\"),\n  c: () => import(\"shiki/dist/langs/c.mjs\"),\n  \"c++\": () => import(\"shiki/dist/langs/cpp.mjs\"),\n  cpp: () => import(\"shiki/dist/langs/cpp.mjs\"),\n  cs: () => import(\"shiki/dist/langs/csharp.mjs\"),\n  csharp: () => import(\"shiki/dist/langs/csharp.mjs\"),\n  css: () => import(\"shiki/dist/langs/css.mjs\"),\n  diff: () => import(\"shiki/dist/langs/diff.mjs\"),\n  docker: () => import(\"shiki/dist/langs/docker.mjs\"),\n  dockerfile: () => import(\"shiki/dist/langs/dockerfile.mjs\"),\n  dotenv: () => import(\"shiki/dist/langs/dotenv.mjs\"),\n  go: () => import(\"shiki/dist/langs/go.mjs\"),\n  golang: () => import(\"shiki/dist/langs/go.mjs\"),\n  graphql: () => import(\"shiki/dist/langs/graphql.mjs\"),\n  html: () => import(\"shiki/dist/langs/html.mjs\"),\n  ini: () => import(\"shiki/dist/langs/ini.mjs\"),\n  java: () => import(\"shiki/dist/langs/java.mjs\"),\n  javascript: () => import(\"shiki/dist/langs/javascript.mjs\"),\n  js: () => import(\"shiki/dist/langs/javascript.mjs\"),\n  json: () => import(\"shiki/dist/langs/json.mjs\"),\n  jsonc: () => import(\"shiki/dist/langs/jsonc.mjs\"),\n  jsx: () => import(\"shiki/dist/langs/jsx.mjs\"),\n  kotlin: () => import(\"shiki/dist/langs/kotlin.mjs\"),\n  markdown: () => import(\"shiki/dist/langs/markdown.mjs\"),\n  matlab: () => import(\"shiki/dist/langs/matlab.mjs\"),\n  md: () => import(\"shiki/dist/langs/markdown.mjs\"),\n  mdx: () => import(\"shiki/dist/langs/mdx.mjs\"),\n  nginx: () => import(\"shiki/dist/langs/nginx.mjs\"),\n  php: () => import(\"shiki/dist/langs/php.mjs\"),\n  powershell: () => import(\"shiki/dist/langs/powershell.mjs\"),\n  ps1: () => import(\"shiki/dist/langs/powershell.mjs\"),\n  py: () => import(\"shiki/dist/langs/python.mjs\"),\n  python: () => import(\"shiki/dist/langs/python.mjs\"),\n  r: () => import(\"shiki/dist/langs/r.mjs\"),\n  rb: () => import(\"shiki/dist/langs/ruby.mjs\"),\n  rs: () => import(\"shiki/dist/langs/rust.mjs\"),\n  ruby: () => import(\"shiki/dist/langs/ruby.mjs\"),\n  rust: () => import(\"shiki/dist/langs/rust.mjs\"),\n  scss: () => import(\"shiki/dist/langs/scss.mjs\"),\n  sh: () => import(\"shiki/dist/langs/bash.mjs\"),\n  shell: () => import(\"shiki/dist/langs/bash.mjs\"),\n  sql: () => import(\"shiki/dist/langs/sql.mjs\"),\n  swift: () => import(\"shiki/dist/langs/swift.mjs\"),\n  toml: () => import(\"shiki/dist/langs/toml.mjs\"),\n  ts: () => import(\"shiki/dist/langs/typescript.mjs\"),\n  tsx: () => import(\"shiki/dist/langs/tsx.mjs\"),\n  typescript: () => import(\"shiki/dist/langs/typescript.mjs\"),\n  xml: () => import(\"shiki/dist/langs/xml.mjs\"),\n  yaml: () => import(\"shiki/dist/langs/yaml.mjs\"),\n  yml: () => import(\"shiki/dist/langs/yaml.mjs\"),\n  zsh: () => import(\"shiki/dist/langs/bash.mjs\"),\n} as const\n\nconst DEFAULT_CODE_BLOCK_THEMES = {\n  \"github-dark\": () => import(\"shiki/dist/themes/github-dark.mjs\"),\n  \"github-light\": () => import(\"shiki/dist/themes/github-light.mjs\"),\n} as const\n\nconst DEFAULT_CODE_BLOCK_SHIKI = {\n  languages: DEFAULT_CODE_BLOCK_LANGUAGES,\n  themeNames: {\n    dark: \"github-dark\",\n    light: \"github-light\",\n  },\n  themes: DEFAULT_CODE_BLOCK_THEMES,\n} satisfies CodeBlockShikiBundle<\n  Extract<keyof typeof DEFAULT_CODE_BLOCK_LANGUAGES, string>,\n  Extract<keyof typeof DEFAULT_CODE_BLOCK_THEMES, string>\n>\n\ntype CodeBlockProps = CodeBlockCommonProps & {\n  fallbackLanguage?: string | undefined\n  shiki?: CodeBlockShikiBundle\n}\n\nlet defaultShikiHighlighterPromise: Promise<CodeBlockHighlighter> | undefined\n\nfunction loadDefaultShikiHighlighter() {\n  defaultShikiHighlighterPromise ??= Promise.all([\n    import(\"shiki/core\"),\n    import(\"shiki/engine/javascript\").then((mod) => mod.createJavaScriptRegexEngine()),\n  ]).then(([{ createBundledHighlighter, createSingletonShorthands }, engine]) => {\n    const createHighlighter = createBundledHighlighter({\n      engine: () => engine,\n      langs: DEFAULT_CODE_BLOCK_SHIKI.languages,\n      themes: DEFAULT_CODE_BLOCK_SHIKI.themes,\n    })\n\n    return createSingletonShorthands(createHighlighter)\n  })\n\n  return defaultShikiHighlighterPromise\n}\n\nfunction CodeBlock({ fallbackLanguage, shiki, ...props }: CodeBlockProps) {\n  if (shiki) {\n    return (\n      <CodeBlockCustom\n        {...(fallbackLanguage !== undefined ? { fallbackLanguage } : {})}\n        shiki={shiki}\n        {...props}\n      />\n    )\n  }\n\n  return (\n    <CodeBlockCore\n      {...(fallbackLanguage !== undefined ? { fallbackLanguage } : {})}\n      highlighter={loadDefaultShikiHighlighter}\n      themeNames={DEFAULT_CODE_BLOCK_SHIKI.themeNames}\n      {...props}\n    />\n  )\n}\n\nexport { CodeBlock }\nexport type { CodeBlockLineNumbers, CodeBlockProps, CodeBlockShikiBundle, CodeBlockThemeMap }\n"],"mappings":"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","names":[]}

package/dist/chunk-DN2AEEA2.js

@@ -0,0 +1,11 @@
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  cn
+};
+//# sourceMappingURL=chunk-DN2AEEA2.js.map

package/dist/chunk-DN2AEEA2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";AAAA,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}

package/dist/chunk-ETTKFCO6.js

@@ -0,0 +1,84 @@
+import {
+  Separator
+} from "./chunk-6ANDNGHD.js";
+import {
+  cn
+} from "./chunk-DN2AEEA2.js";
+
+// src/components/button-group.tsx
+import * as Slot from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var buttonGroupVariants = cva(
+  "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg!",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg!"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+function ButtonGroup({
+  className,
+  orientation,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "button-group",
+      "data-orientation": orientation,
+      className: cn(buttonGroupVariants({ orientation }), className),
+      ...props
+    }
+  );
+}
+function ButtonGroupText({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: cn(
+        "border-border bg-background-secondary text-text-normal flex items-center gap-2 rounded-lg border px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ButtonGroupSeparator({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Separator,
+    {
+      "data-slot": "button-group-separator",
+      orientation,
+      className: cn(
+        "bg-field-background-disabled relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export {
+  buttonGroupVariants,
+  ButtonGroup,
+  ButtonGroupText,
+  ButtonGroupSeparator
+};
+//# sourceMappingURL=chunk-ETTKFCO6.js.map

package/dist/chunk-ETTKFCO6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button-group.tsx"],"sourcesContent":["import * as Slot from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { Separator } from \"@hyunsdev/ui/components/separator\"\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg!\",\n        vertical:\n          \"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg!\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  },\n)\n\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  asChild?: boolean\n}) {\n  const Comp = asChild ? Slot.Root : \"div\"\n\n  return (\n    <Comp\n      className={cn(\n        \"border-border bg-background-secondary text-text-normal flex items-center gap-2 rounded-lg border px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ButtonGroupSeparator({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        \"bg-field-background-disabled relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants }\n"],"mappings":";;;;;;;;AAAA,YAAY,UAAU;AACtB,SAAS,WAA8B;AA4BnC;AAvBJ,IAAM,sBAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,YACE;AAAA,QACF,UACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,aAAa;AAAA,IACf;AAAA,EACF;AACF;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2E;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,WAAW,GAAG,oBAAoB,EAAE,YAAY,CAAC,GAAG,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAEG;AACD,QAAM,OAAO,UAAe,YAAO;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAA2C;AACzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-GJT7TDBS.js

@@ -0,0 +1,66 @@
+import {
+  cn
+} from "./chunk-DN2AEEA2.js";
+
+// src/components/scroll-area.tsx
+import "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "focus-visible:ring-focus-ring size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ScrollAreaPrimitive.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      "data-orientation": orientation,
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+
+export {
+  ScrollArea,
+  ScrollBar
+};
+//# sourceMappingURL=chunk-GJT7TDBS.js.map

package/dist/chunk-GJT7TDBS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/scroll-area.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn(\"relative\", className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"focus-visible:ring-focus-ring size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  )\n}\n\nfunction ScrollBar({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      data-orientation={orientation}\n      orientation={orientation}\n      className={cn(\n        \"flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent\",\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"bg-border relative flex-1 rounded-full\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  )\n}\n\nexport { ScrollArea, ScrollBar }\n"],"mappings":";;;;;AAEA,OAAuB;AAEvB,YAAY,yBAAyB;AAUjC,SAKE,KALF;AANJ,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0D;AACxD,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,YAAY,SAAS;AAAA,MAClC,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAqB;AAAA,UAApB;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,YAET;AAAA;AAAA,QACH;AAAA,QACA,oBAAC,aAAU;AAAA,QACX,oBAAqB,4BAApB,EAA2B;AAAA;AAAA;AAAA,EAC9B;AAEJ;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAyE;AACvE,SACE;AAAA,IAAqB;AAAA,IAApB;AAAA,MACC,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAqB;AAAA,QAApB;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA;AAAA,MACZ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-HZT6RQYZ.js

@@ -0,0 +1,109 @@
+import {
+  cardSurfaceClass
+} from "./chunk-O2BG2KSY.js";
+import {
+  cn
+} from "./chunk-DN2AEEA2.js";
+
+// src/components/card.tsx
+import "react";
+import { jsx } from "react/jsx-runtime";
+function Card({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card",
+      "data-size": size,
+      className: cn(
+        "group/card flex flex-col gap-4 overflow-hidden rounded-[var(--radius-card)] py-4 text-sm has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-[var(--radius-card)] *:[img:last-child]:rounded-b-[var(--radius-card)]",
+        cardSurfaceClass,
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-[var(--radius-card)] px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn(
+        "font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-text-muted text-sm", className),
+      ...props
+    }
+  );
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-4 group-data-[size=sm]/card:px-3", className),
+      ...props
+    }
+  );
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: cn(
+        "bg-card-footer-background border-card-border flex items-center rounded-b-[var(--radius-card)] border-t p-4 group-data-[size=sm]/card:p-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardAction,
+  CardContent,
+  CardFooter
+};
+//# sourceMappingURL=chunk-HZT6RQYZ.js.map

package/dist/chunk-HZT6RQYZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/card.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nimport { cardSurfaceClass } from \"./_styles\"\n\nfunction Card({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & { size?: \"default\" | \"sm\" }) {\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={size}\n      className={cn(\n        \"group/card flex flex-col gap-4 overflow-hidden rounded-[var(--radius-card)] py-4 text-sm has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-[var(--radius-card)] *:[img:last-child]:rounded-b-[var(--radius-card)]\",\n        cardSurfaceClass,\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        \"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-[var(--radius-card)] px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\n        \"font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-text-muted text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\"col-start-2 row-span-2 row-start-1 self-start justify-self-end\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(\"px-4 group-data-[size=sm]/card:px-3\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\n        \"bg-card-footer-background border-card-border flex items-center rounded-b-[var(--radius-card)] border-t p-4 group-data-[size=sm]/card:p-3\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent }\n"],"mappings":";;;;;;;;AAAA,OAAuB;AAYnB;AANJ,SAAS,KAAK;AAAA,EACZ;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAA8D;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAAgC;AACvE,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,gBAAgB,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2BAA2B,SAAS;AAAA,MACjD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,kEAAkE,SAAS;AAAA,MACxF,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,uCAAuC,SAAS;AAAA,MAC7D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-JB2QZV7K.js

@@ -0,0 +1,60 @@
+import {
+  cn
+} from "./chunk-DN2AEEA2.js";
+
+// src/components/spinner.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Spinner({ className, ...props }) {
+  const opacities = [0.2, 0.255, 0.309, 0.364, 0.418, 0.473, 0.527, 0.582, 0.636, 0.691, 0.745, 0.8];
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      role: "status",
+      "aria-label": "Loading",
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: cn("size-4", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("style", { children: `
+          .spinner_OSmW {
+            transform-origin: center;
+            animation: spinner_T6mA 1s step-end infinite;
+          }
+
+          @keyframes spinner_T6mA {
+            8.3% { transform: rotate(30deg); }
+            16.6% { transform: rotate(60deg); }
+            25% { transform: rotate(90deg); }
+            33.3% { transform: rotate(120deg); }
+            41.6% { transform: rotate(150deg); }
+            50% { transform: rotate(180deg); }
+            58.3% { transform: rotate(210deg); }
+            66.6% { transform: rotate(240deg); }
+            75% { transform: rotate(270deg); }
+            83.3% { transform: rotate(300deg); }
+            91.6% { transform: rotate(330deg); }
+            100% { transform: rotate(360deg); }
+          }
+        ` }),
+        /* @__PURE__ */ jsx("g", { className: "spinner_OSmW", children: opacities.map((opacity, index) => /* @__PURE__ */ jsx(
+          "rect",
+          {
+            x: "11",
+            y: "1",
+            width: "2",
+            height: "5",
+            transform: index === 0 ? void 0 : `rotate(${index * 30} 12 12)`,
+            opacity
+          },
+          index
+        )) })
+      ]
+    }
+  );
+}
+
+export {
+  Spinner
+};
+//# sourceMappingURL=chunk-JB2QZV7K.js.map

package/dist/chunk-JB2QZV7K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/spinner.tsx"],"sourcesContent":["import { cn } from \"@hyunsdev/ui/lib/utils\"\n\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\n  const opacities = [0.2, 0.255, 0.309, 0.364, 0.418, 0.473, 0.527, 0.582, 0.636, 0.691, 0.745, 0.8]\n\n  return (\n    <svg\n      role=\"status\"\n      aria-label=\"Loading\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={cn(\"size-4\", className)}\n      {...props}\n    >\n      <style>\n        {`\n          .spinner_OSmW {\n            transform-origin: center;\n            animation: spinner_T6mA 1s step-end infinite;\n          }\n\n          @keyframes spinner_T6mA {\n            8.3% { transform: rotate(30deg); }\n            16.6% { transform: rotate(60deg); }\n            25% { transform: rotate(90deg); }\n            33.3% { transform: rotate(120deg); }\n            41.6% { transform: rotate(150deg); }\n            50% { transform: rotate(180deg); }\n            58.3% { transform: rotate(210deg); }\n            66.6% { transform: rotate(240deg); }\n            75% { transform: rotate(270deg); }\n            83.3% { transform: rotate(300deg); }\n            91.6% { transform: rotate(330deg); }\n            100% { transform: rotate(360deg); }\n          }\n        `}\n      </style>\n\n      <g className=\"spinner_OSmW\">\n        {opacities.map((opacity, index) => (\n          <rect\n            key={index}\n            x=\"11\"\n            y=\"1\"\n            width=\"2\"\n            height=\"5\"\n            transform={index === 0 ? undefined : `rotate(${index * 30} 12 12)`}\n            opacity={opacity}\n          />\n        ))}\n      </g>\n    </svg>\n  )\n}\n\nexport { Spinner }\n"],"mappings":";;;;;AAMI,SAQE,KARF;AAJJ,SAAS,QAAQ,EAAE,WAAW,GAAG,MAAM,GAAgC;AACrE,QAAM,YAAY,CAAC,KAAK,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,OAAO,GAAG;AAEjG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,SAAQ;AAAA,MACR,OAAM;AAAA,MACN,WAAW,GAAG,UAAU,SAAS;AAAA,MAChC,GAAG;AAAA,MAEJ;AAAA,4BAAC,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAqBH;AAAA,QAEA,oBAAC,OAAE,WAAU,gBACV,oBAAU,IAAI,CAAC,SAAS,UACvB;AAAA,UAAC;AAAA;AAAA,YAEC,GAAE;AAAA,YACF,GAAE;AAAA,YACF,OAAM;AAAA,YACN,QAAO;AAAA,YACP,WAAW,UAAU,IAAI,SAAY,UAAU,QAAQ,EAAE;AAAA,YACzD;AAAA;AAAA,UANK;AAAA,QAOP,CACD,GACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-KJJB2PVC.js

@@ -0,0 +1,21 @@
+import {
+  cn
+} from "./chunk-DN2AEEA2.js";
+
+// src/components/skeleton.tsx
+import { jsx } from "react/jsx-runtime";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("bg-background-secondary animate-pulse rounded-md", className),
+      ...props
+    }
+  );
+}
+
+export {
+  Skeleton
+};
+//# sourceMappingURL=chunk-KJJB2PVC.js.map

package/dist/chunk-KJJB2PVC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/skeleton.tsx"],"sourcesContent":["import { cn } from \"@hyunsdev/ui/lib/utils\"\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn(\"bg-background-secondary animate-pulse rounded-md\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"],"mappings":";;;;;AAII;AAFJ,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAgC;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,oDAAoD,SAAS;AAAA,MAC1E,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-NE3IVPMO.js

@@ -0,0 +1,31 @@
+import {
+  fieldFocusClass,
+  fieldInvalidClass
+} from "./chunk-O2BG2KSY.js";
+import {
+  cn
+} from "./chunk-DN2AEEA2.js";
+
+// src/components/textarea.tsx
+import "react";
+import { jsx } from "react/jsx-runtime";
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        "border-field-border bg-field-background text-field-text placeholder:text-field-placeholder disabled:bg-field-background-disabled flex field-sizing-content min-h-16 w-full rounded-lg border px-2.5 py-2 text-base transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        fieldFocusClass,
+        fieldInvalidClass,
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export {
+  Textarea
+};
+//# sourceMappingURL=chunk-NE3IVPMO.js.map

package/dist/chunk-NE3IVPMO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/textarea.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nimport { fieldFocusClass, fieldInvalidClass } from \"./_styles\"\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"border-field-border bg-field-background text-field-text placeholder:text-field-placeholder disabled:bg-field-background-disabled flex field-sizing-content min-h-16 w-full rounded-lg border px-2.5 py-2 text-base transition-colors outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        fieldFocusClass,\n        fieldInvalidClass,\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"mappings":";;;;;;;;;AAAA,OAAuB;AAQnB;AAFJ,SAAS,SAAS,EAAE,WAAW,GAAG,MAAM,GAAqC;AAC3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-O2BG2KSY.js

@@ -0,0 +1,23 @@
+// src/components/_styles.ts
+var floatingSurfaceClass = "border border-floating-border bg-floating-background text-floating-text shadow-floating";
+var floatingItemHighlightClass = "focus:bg-background-modifier-hover focus:text-text-normal focus:**:text-text-normal data-[highlighted]:data-open:bg-background-modifier-hover data-[highlighted]:text-text-normal data-[highlighted]:**:text-text-normal";
+var floatingItemAccentStateClass = "data-selected:bg-background-modifier-hover data-selected:text-text-on-hover data-selected:**:text-text-normal data-open:bg-background-modifier-hover data-open:text-text-normal data-open:**:text-text-normal";
+var dialogSurfaceClass = "border border-dialog-border bg-dialog-background text-dialog-text shadow-dialog";
+var cardSurfaceClass = "border border-card-border bg-card-background text-card-text";
+var overlayScrimClass = "bg-[color:var(--overlay-scrim)]";
+var fieldFocusClass = "focus-visible:border-field-border-focus focus-visible:ring-3 focus-visible:ring-focus-ring";
+var fieldInvalidClass = "aria-invalid:border-field-border-error aria-invalid:ring-3 aria-invalid:ring-field-border-error/20";
+var fieldGroupInvalidClass = "has-[[data-slot][aria-invalid=true]]:border-field-border-error has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-field-border-error/20";
+
+export {
+  floatingSurfaceClass,
+  floatingItemHighlightClass,
+  floatingItemAccentStateClass,
+  dialogSurfaceClass,
+  cardSurfaceClass,
+  overlayScrimClass,
+  fieldFocusClass,
+  fieldInvalidClass,
+  fieldGroupInvalidClass
+};
+//# sourceMappingURL=chunk-O2BG2KSY.js.map

package/dist/chunk-O2BG2KSY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/_styles.ts"],"sourcesContent":["export const floatingSurfaceClass =\n  \"border border-floating-border bg-floating-background text-floating-text shadow-floating\"\n\nexport const floatingItemHighlightClass =\n  \"focus:bg-background-modifier-hover focus:text-text-normal focus:**:text-text-normal data-[highlighted]:data-open:bg-background-modifier-hover data-[highlighted]:text-text-normal data-[highlighted]:**:text-text-normal\"\n\nexport const floatingItemAccentStateClass =\n  \"data-selected:bg-background-modifier-hover data-selected:text-text-on-hover data-selected:**:text-text-normal data-open:bg-background-modifier-hover data-open:text-text-normal data-open:**:text-text-normal\"\n\nexport const dialogSurfaceClass =\n  \"border border-dialog-border bg-dialog-background text-dialog-text shadow-dialog\"\n\nexport const cardSurfaceClass = \"border border-card-border bg-card-background text-card-text\"\n\nexport const overlayScrimClass = \"bg-[color:var(--overlay-scrim)]\"\n\nexport const fieldFocusClass =\n  \"focus-visible:border-field-border-focus focus-visible:ring-3 focus-visible:ring-focus-ring\"\n\nexport const fieldInvalidClass =\n  \"aria-invalid:border-field-border-error aria-invalid:ring-3 aria-invalid:ring-field-border-error/20\"\n\nexport const fieldGroupInvalidClass =\n  \"has-[[data-slot][aria-invalid=true]]:border-field-border-error has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-field-border-error/20\"\n\nexport type FieldControlSize = \"default\" | \"sm\"\n"],"mappings":";AAAO,IAAM,uBACX;AAEK,IAAM,6BACX;AAEK,IAAM,+BACX;AAEK,IAAM,qBACX;AAEK,IAAM,mBAAmB;AAEzB,IAAM,oBAAoB;AAE1B,IAAM,kBACX;AAEK,IAAM,oBACX;AAEK,IAAM,yBACX;","names":[]}