rothzerg-ui 0.1.0

package/dist/components/code-block/CodeBlock.cjs

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+;/* empty css                 */
+const CopyButton = require("../copy-button/CopyButton.cjs");
+function CodeBlock({
+  code,
+  language,
+  filename,
+  showLineNumbers = true,
+  showHeader = true,
+  showDots = false,
+  maxHeight,
+  className = ""
+}) {
+  const lines = code.split("\n");
+  if (lines[lines.length - 1] === "") lines.pop();
+  const bodyStyle = maxHeight ? { ["--rz-code-block-max-height"]: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight } : {};
+  const hasHeader = showHeader && (filename || language || showDots);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rz-code-block ${className}`, children: [
+    hasHeader && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-code-block__header", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-code-block__header-left", children: [
+        showDots && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-code-block__dots", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-code-block__dot rz-code-block__dot--close" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-code-block__dot rz-code-block__dot--minimize" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-code-block__dot rz-code-block__dot--maximize" })
+        ] }),
+        filename && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-code-block__filename", children: filename }),
+        language && !filename && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-code-block__language", children: language })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        CopyButton.CopyButton,
+        {
+          value: code,
+          size: "sm",
+          className: "rz-code-block__copy"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `rz-code-block__body${maxHeight ? " rz-code-block__body--max-height" : ""}`,
+        style: bodyStyle,
+        children: showLineNumbers ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: lines.map((line, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-code-block__row", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-code-block__line-number", children: i + 1 }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-code-block__line", children: line })
+        ] }, i)) }) : /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "rz-code-block__pre", children: lines.join("\n") })
+      }
+    )
+  ] });
+}
+exports.CodeBlock = CodeBlock;
+//# sourceMappingURL=CodeBlock.cjs.map

package/dist/components/code-block/CodeBlock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.cjs","sources":["../../../src/components/code-block/CodeBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { CopyButton } from '../copy-button';\nimport './code-block.css';\n\nexport interface CodeBlockProps {\n  code: string;\n  language?: string;\n  filename?: string;\n  showLineNumbers?: boolean;\n  showHeader?: boolean;\n  showDots?: boolean;\n  maxHeight?: number | string;\n  className?: string;\n}\n\nexport function CodeBlock({\n  code,\n  language,\n  filename,\n  showLineNumbers = true,\n  showHeader = true,\n  showDots = false,\n  maxHeight,\n  className = '',\n}: CodeBlockProps) {\n  const lines = code.split('\\n');\n  // trim trailing empty line if present\n  if (lines[lines.length - 1] === '') lines.pop();\n\n  const bodyStyle: React.CSSProperties = maxHeight\n    ? { ['--rz-code-block-max-height' as string]: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight }\n    : {};\n\n  const hasHeader = showHeader && (filename || language || showDots);\n\n  return (\n    <div className={`rz-code-block ${className}`}>\n      {hasHeader && (\n        <div className=\"rz-code-block__header\">\n          <div className=\"rz-code-block__header-left\">\n            {showDots && (\n              <div className=\"rz-code-block__dots\">\n                <span className=\"rz-code-block__dot rz-code-block__dot--close\" />\n                <span className=\"rz-code-block__dot rz-code-block__dot--minimize\" />\n                <span className=\"rz-code-block__dot rz-code-block__dot--maximize\" />\n              </div>\n            )}\n            {filename && <span className=\"rz-code-block__filename\">{filename}</span>}\n            {language && !filename && (\n              <span className=\"rz-code-block__language\">{language}</span>\n            )}\n          </div>\n          <CopyButton\n            value={code}\n            size=\"sm\"\n            className=\"rz-code-block__copy\"\n          />\n        </div>\n      )}\n\n      <div\n        className={`rz-code-block__body${maxHeight ? ' rz-code-block__body--max-height' : ''}`}\n        style={bodyStyle}\n      >\n        {showLineNumbers ? (\n          <div>\n            {lines.map((line, i) => (\n              <div key={i} className=\"rz-code-block__row\">\n                <span className=\"rz-code-block__line-number\">{i + 1}</span>\n                <span className=\"rz-code-block__line\">{line}</span>\n              </div>\n            ))}\n          </div>\n        ) : (\n          <pre className=\"rz-code-block__pre\">{lines.join('\\n')}</pre>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","CopyButton"],"mappings":";;;;;AAeO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,WAAW;AAAA,EACX;AAAA,EACA,YAAY;AACd,GAAmB;AACjB,QAAM,QAAQ,KAAK,MAAM,IAAI;AAE7B,MAAI,MAAM,MAAM,SAAS,CAAC,MAAM,UAAU,IAAA;AAE1C,QAAM,YAAiC,YACnC,EAAE,CAAC,4BAAsC,GAAG,OAAO,cAAc,WAAW,GAAG,SAAS,OAAO,UAAA,IAC/F,CAAA;AAEJ,QAAM,YAAY,eAAe,YAAY,YAAY;AAEzD,SACEA,2BAAAA,KAAC,OAAA,EAAI,WAAW,iBAAiB,SAAS,IACvC,UAAA;AAAA,IAAA,aACCA,2BAAAA,KAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,MAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,8BACZ,UAAA;AAAA,QAAA,YACCA,2BAAAA,KAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,UAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,+CAAA,CAA+C;AAAA,UAC/DA,2BAAAA,IAAC,QAAA,EAAK,WAAU,kDAAA,CAAkD;AAAA,UAClEA,2BAAAA,IAAC,QAAA,EAAK,WAAU,kDAAA,CAAkD;AAAA,QAAA,GACpE;AAAA,QAED,YAAYA,2BAAAA,IAAC,QAAA,EAAK,WAAU,2BAA2B,UAAA,UAAS;AAAA,QAChE,YAAY,CAAC,2CACX,QAAA,EAAK,WAAU,2BAA2B,UAAA,SAAA,CAAS;AAAA,MAAA,GAExD;AAAA,MACAA,2BAAAA;AAAAA,QAACC,WAAAA;AAAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,MAAK;AAAA,UACL,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,GACF;AAAA,IAGFD,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,sBAAsB,YAAY,qCAAqC,EAAE;AAAA,QACpF,OAAO;AAAA,QAEN,UAAA,kBACCA,2BAAAA,IAAC,OAAA,EACE,UAAA,MAAM,IAAI,CAAC,MAAM,MAChBD,2BAAAA,KAAC,OAAA,EAAY,WAAU,sBACrB,UAAA;AAAA,UAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,8BAA8B,UAAA,IAAI,GAAE;AAAA,UACpDA,2BAAAA,IAAC,QAAA,EAAK,WAAU,uBAAuB,UAAA,KAAA,CAAK;AAAA,QAAA,EAAA,GAFpC,CAGV,CACD,GACH,IAEAA,2BAAAA,IAAC,OAAA,EAAI,WAAU,sBAAsB,UAAA,MAAM,KAAK,IAAI,EAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAE1D,GACF;AAEJ;;"}

package/dist/components/code-block/CodeBlock.d.ts

@@ -0,0 +1,12 @@
+export interface CodeBlockProps {
+    code: string;
+    language?: string;
+    filename?: string;
+    showLineNumbers?: boolean;
+    showHeader?: boolean;
+    showDots?: boolean;
+    maxHeight?: number | string;
+    className?: string;
+}
+export declare function CodeBlock({ code, language, filename, showLineNumbers, showHeader, showDots, maxHeight, className, }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CodeBlock.d.ts.map

package/dist/components/code-block/CodeBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/CodeBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,eAAsB,EACtB,UAAiB,EACjB,QAAgB,EAChB,SAAS,EACT,SAAc,GACf,EAAE,cAAc,2CAuDhB"}

package/dist/components/code-block/CodeBlock.js

@@ -0,0 +1,54 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+/* empty css               */
+import { CopyButton } from "../copy-button/CopyButton.js";
+function CodeBlock({
+  code,
+  language,
+  filename,
+  showLineNumbers = true,
+  showHeader = true,
+  showDots = false,
+  maxHeight,
+  className = ""
+}) {
+  const lines = code.split("\n");
+  if (lines[lines.length - 1] === "") lines.pop();
+  const bodyStyle = maxHeight ? { ["--rz-code-block-max-height"]: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight } : {};
+  const hasHeader = showHeader && (filename || language || showDots);
+  return /* @__PURE__ */ jsxs("div", { className: `rz-code-block ${className}`, children: [
+    hasHeader && /* @__PURE__ */ jsxs("div", { className: "rz-code-block__header", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rz-code-block__header-left", children: [
+        showDots && /* @__PURE__ */ jsxs("div", { className: "rz-code-block__dots", children: [
+          /* @__PURE__ */ jsx("span", { className: "rz-code-block__dot rz-code-block__dot--close" }),
+          /* @__PURE__ */ jsx("span", { className: "rz-code-block__dot rz-code-block__dot--minimize" }),
+          /* @__PURE__ */ jsx("span", { className: "rz-code-block__dot rz-code-block__dot--maximize" })
+        ] }),
+        filename && /* @__PURE__ */ jsx("span", { className: "rz-code-block__filename", children: filename }),
+        language && !filename && /* @__PURE__ */ jsx("span", { className: "rz-code-block__language", children: language })
+      ] }),
+      /* @__PURE__ */ jsx(
+        CopyButton,
+        {
+          value: code,
+          size: "sm",
+          className: "rz-code-block__copy"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `rz-code-block__body${maxHeight ? " rz-code-block__body--max-height" : ""}`,
+        style: bodyStyle,
+        children: showLineNumbers ? /* @__PURE__ */ jsx("div", { children: lines.map((line, i) => /* @__PURE__ */ jsxs("div", { className: "rz-code-block__row", children: [
+          /* @__PURE__ */ jsx("span", { className: "rz-code-block__line-number", children: i + 1 }),
+          /* @__PURE__ */ jsx("span", { className: "rz-code-block__line", children: line })
+        ] }, i)) }) : /* @__PURE__ */ jsx("pre", { className: "rz-code-block__pre", children: lines.join("\n") })
+      }
+    )
+  ] });
+}
+export {
+  CodeBlock
+};
+//# sourceMappingURL=CodeBlock.js.map

package/dist/components/code-block/CodeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.js","sources":["../../../src/components/code-block/CodeBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { CopyButton } from '../copy-button';\nimport './code-block.css';\n\nexport interface CodeBlockProps {\n  code: string;\n  language?: string;\n  filename?: string;\n  showLineNumbers?: boolean;\n  showHeader?: boolean;\n  showDots?: boolean;\n  maxHeight?: number | string;\n  className?: string;\n}\n\nexport function CodeBlock({\n  code,\n  language,\n  filename,\n  showLineNumbers = true,\n  showHeader = true,\n  showDots = false,\n  maxHeight,\n  className = '',\n}: CodeBlockProps) {\n  const lines = code.split('\\n');\n  // trim trailing empty line if present\n  if (lines[lines.length - 1] === '') lines.pop();\n\n  const bodyStyle: React.CSSProperties = maxHeight\n    ? { ['--rz-code-block-max-height' as string]: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight }\n    : {};\n\n  const hasHeader = showHeader && (filename || language || showDots);\n\n  return (\n    <div className={`rz-code-block ${className}`}>\n      {hasHeader && (\n        <div className=\"rz-code-block__header\">\n          <div className=\"rz-code-block__header-left\">\n            {showDots && (\n              <div className=\"rz-code-block__dots\">\n                <span className=\"rz-code-block__dot rz-code-block__dot--close\" />\n                <span className=\"rz-code-block__dot rz-code-block__dot--minimize\" />\n                <span className=\"rz-code-block__dot rz-code-block__dot--maximize\" />\n              </div>\n            )}\n            {filename && <span className=\"rz-code-block__filename\">{filename}</span>}\n            {language && !filename && (\n              <span className=\"rz-code-block__language\">{language}</span>\n            )}\n          </div>\n          <CopyButton\n            value={code}\n            size=\"sm\"\n            className=\"rz-code-block__copy\"\n          />\n        </div>\n      )}\n\n      <div\n        className={`rz-code-block__body${maxHeight ? ' rz-code-block__body--max-height' : ''}`}\n        style={bodyStyle}\n      >\n        {showLineNumbers ? (\n          <div>\n            {lines.map((line, i) => (\n              <div key={i} className=\"rz-code-block__row\">\n                <span className=\"rz-code-block__line-number\">{i + 1}</span>\n                <span className=\"rz-code-block__line\">{line}</span>\n              </div>\n            ))}\n          </div>\n        ) : (\n          <pre className=\"rz-code-block__pre\">{lines.join('\\n')}</pre>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAeO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,WAAW;AAAA,EACX;AAAA,EACA,YAAY;AACd,GAAmB;AACjB,QAAM,QAAQ,KAAK,MAAM,IAAI;AAE7B,MAAI,MAAM,MAAM,SAAS,CAAC,MAAM,UAAU,IAAA;AAE1C,QAAM,YAAiC,YACnC,EAAE,CAAC,4BAAsC,GAAG,OAAO,cAAc,WAAW,GAAG,SAAS,OAAO,UAAA,IAC/F,CAAA;AAEJ,QAAM,YAAY,eAAe,YAAY,YAAY;AAEzD,SACE,qBAAC,OAAA,EAAI,WAAW,iBAAiB,SAAS,IACvC,UAAA;AAAA,IAAA,aACC,qBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,8BACZ,UAAA;AAAA,QAAA,YACC,qBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,+CAAA,CAA+C;AAAA,UAC/D,oBAAC,QAAA,EAAK,WAAU,kDAAA,CAAkD;AAAA,UAClE,oBAAC,QAAA,EAAK,WAAU,kDAAA,CAAkD;AAAA,QAAA,GACpE;AAAA,QAED,YAAY,oBAAC,QAAA,EAAK,WAAU,2BAA2B,UAAA,UAAS;AAAA,QAChE,YAAY,CAAC,gCACX,QAAA,EAAK,WAAU,2BAA2B,UAAA,SAAA,CAAS;AAAA,MAAA,GAExD;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,MAAK;AAAA,UACL,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,GACF;AAAA,IAGF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,sBAAsB,YAAY,qCAAqC,EAAE;AAAA,QACpF,OAAO;AAAA,QAEN,UAAA,kBACC,oBAAC,OAAA,EACE,UAAA,MAAM,IAAI,CAAC,MAAM,MAChB,qBAAC,OAAA,EAAY,WAAU,sBACrB,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,8BAA8B,UAAA,IAAI,GAAE;AAAA,UACpD,oBAAC,QAAA,EAAK,WAAU,uBAAuB,UAAA,KAAA,CAAK;AAAA,QAAA,EAAA,GAFpC,CAGV,CACD,GACH,IAEA,oBAAC,OAAA,EAAI,WAAU,sBAAsB,UAAA,MAAM,KAAK,IAAI,EAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAE1D,GACF;AAEJ;"}

package/dist/components/code-block/index.d.ts

@@ -0,0 +1,3 @@
+export { CodeBlock } from './CodeBlock';
+export type { CodeBlockProps } from './CodeBlock';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/code-block/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/collapsible/Collapsible.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const index = require("../../node_modules/@radix-ui/react-collapsible/dist/index.cjs");
+const cn = require("../../utils/cn.cjs");
+;/* empty css                  */
+const chevronDown = require("../../node_modules/lucide-react/dist/esm/icons/chevron-down.cjs");
+const CollapsibleRoot = index.Root;
+const CollapsibleTrigger = index.Trigger;
+const CollapsibleContent = index.Content;
+function Collapsible({
+  title,
+  children,
+  defaultOpen,
+  open,
+  onOpenChange,
+  className,
+  triggerClassName,
+  contentClassName
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    index.Root,
+    {
+      className: cn.cn("rz-collapsible", className),
+      defaultOpen,
+      open,
+      onOpenChange,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(index.Trigger, { className: cn.cn("rz-collapsible__trigger", triggerClassName), children: [
+          title,
+          /* @__PURE__ */ jsxRuntime.jsx(chevronDown, { className: "rz-collapsible__icon", size: 16 })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(index.Content, { className: cn.cn("rz-collapsible__content", contentClassName), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-collapsible__body", children }) })
+      ]
+    }
+  );
+}
+exports.Collapsible = Collapsible;
+exports.CollapsibleContent = CollapsibleContent;
+exports.CollapsibleRoot = CollapsibleRoot;
+exports.CollapsibleTrigger = CollapsibleTrigger;
+//# sourceMappingURL=Collapsible.cjs.map

package/dist/components/collapsible/Collapsible.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.cjs","sources":["../../../src/components/collapsible/Collapsible.tsx"],"sourcesContent":["import React from 'react';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport { ChevronDown } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport './collapsible.css';\n\nexport const CollapsibleRoot = CollapsiblePrimitive.Root;\nexport const CollapsibleTrigger = CollapsiblePrimitive.Trigger;\nexport const CollapsibleContent = CollapsiblePrimitive.Content;\n\nexport interface CollapsibleProps {\n  title: React.ReactNode;\n  children: React.ReactNode;\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n  triggerClassName?: string;\n  contentClassName?: string;\n}\n\nexport function Collapsible({\n  title,\n  children,\n  defaultOpen,\n  open,\n  onOpenChange,\n  className,\n  triggerClassName,\n  contentClassName,\n}: CollapsibleProps) {\n  return (\n    <CollapsiblePrimitive.Root\n      className={cn('rz-collapsible', className)}\n      defaultOpen={defaultOpen}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <CollapsiblePrimitive.Trigger className={cn('rz-collapsible__trigger', triggerClassName)}>\n        {title}\n        <ChevronDown className=\"rz-collapsible__icon\" size={16} />\n      </CollapsiblePrimitive.Trigger>\n      <CollapsiblePrimitive.Content className={cn('rz-collapsible__content', contentClassName)}>\n        <div className=\"rz-collapsible__body\">{children}</div>\n      </CollapsiblePrimitive.Content>\n    </CollapsiblePrimitive.Root>\n  );\n}\n"],"names":["CollapsiblePrimitive.Root","CollapsiblePrimitive.Trigger","CollapsiblePrimitive.Content","jsxs","cn","jsx","ChevronDown"],"mappings":";;;;;;;AAMO,MAAM,kBAAkBA,MAAAA;AACxB,MAAM,qBAAqBC,MAAAA;AAC3B,MAAM,qBAAqBC,MAAAA;AAa3B,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,SACEC,2BAAAA;AAAAA,IAACH,MAAAA;AAAAA,IAAA;AAAA,MACC,WAAWI,GAAAA,GAAG,kBAAkB,SAAS;AAAA,MACzC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAA;AAAA,QAAAD,2BAAAA,KAACF,MAAAA,SAAA,EAA6B,WAAWG,GAAAA,GAAG,2BAA2B,gBAAgB,GACpF,UAAA;AAAA,UAAA;AAAA,UACDC,2BAAAA,IAACC,aAAA,EAAY,WAAU,wBAAuB,MAAM,GAAA,CAAI;AAAA,QAAA,GAC1D;AAAA,QACAD,2BAAAA,IAACH,MAAAA,SAAA,EAA6B,WAAWE,GAAAA,GAAG,2BAA2B,gBAAgB,GACrF,UAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAU,wBAAwB,UAAS,EAAA,CAClD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;;;;"}

package/dist/components/collapsible/Collapsible.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+export declare const CollapsibleRoot: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface CollapsibleProps {
+    title: React.ReactNode;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+}
+export declare function Collapsible({ title, children, defaultOpen, open, onOpenChange, className, triggerClassName, contentClassName, }: CollapsibleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Collapsible.d.ts.map

package/dist/components/collapsible/Collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAGpE,OAAO,mBAAmB,CAAC;AAE3B,eAAO,MAAM,eAAe,8GAA4B,CAAC;AACzD,eAAO,MAAM,kBAAkB,wHAA+B,CAAC;AAC/D,eAAO,MAAM,kBAAkB,qHAA+B,CAAC;AAE/D,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,gBAAgB,2CAiBlB"}

package/dist/components/collapsible/Collapsible.js

@@ -0,0 +1,42 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Content, Root, Trigger } from "../../node_modules/@radix-ui/react-collapsible/dist/index.js";
+import { cn } from "../../utils/cn.js";
+/* empty css                */
+import ChevronDown from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+const CollapsibleRoot = Root;
+const CollapsibleTrigger = Trigger;
+const CollapsibleContent = Content;
+function Collapsible({
+  title,
+  children,
+  defaultOpen,
+  open,
+  onOpenChange,
+  className,
+  triggerClassName,
+  contentClassName
+}) {
+  return /* @__PURE__ */ jsxs(
+    Root,
+    {
+      className: cn("rz-collapsible", className),
+      defaultOpen,
+      open,
+      onOpenChange,
+      children: [
+        /* @__PURE__ */ jsxs(Trigger, { className: cn("rz-collapsible__trigger", triggerClassName), children: [
+          title,
+          /* @__PURE__ */ jsx(ChevronDown, { className: "rz-collapsible__icon", size: 16 })
+        ] }),
+        /* @__PURE__ */ jsx(Content, { className: cn("rz-collapsible__content", contentClassName), children: /* @__PURE__ */ jsx("div", { className: "rz-collapsible__body", children }) })
+      ]
+    }
+  );
+}
+export {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleRoot,
+  CollapsibleTrigger
+};
+//# sourceMappingURL=Collapsible.js.map

package/dist/components/collapsible/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","sources":["../../../src/components/collapsible/Collapsible.tsx"],"sourcesContent":["import React from 'react';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport { ChevronDown } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport './collapsible.css';\n\nexport const CollapsibleRoot = CollapsiblePrimitive.Root;\nexport const CollapsibleTrigger = CollapsiblePrimitive.Trigger;\nexport const CollapsibleContent = CollapsiblePrimitive.Content;\n\nexport interface CollapsibleProps {\n  title: React.ReactNode;\n  children: React.ReactNode;\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n  triggerClassName?: string;\n  contentClassName?: string;\n}\n\nexport function Collapsible({\n  title,\n  children,\n  defaultOpen,\n  open,\n  onOpenChange,\n  className,\n  triggerClassName,\n  contentClassName,\n}: CollapsibleProps) {\n  return (\n    <CollapsiblePrimitive.Root\n      className={cn('rz-collapsible', className)}\n      defaultOpen={defaultOpen}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <CollapsiblePrimitive.Trigger className={cn('rz-collapsible__trigger', triggerClassName)}>\n        {title}\n        <ChevronDown className=\"rz-collapsible__icon\" size={16} />\n      </CollapsiblePrimitive.Trigger>\n      <CollapsiblePrimitive.Content className={cn('rz-collapsible__content', contentClassName)}>\n        <div className=\"rz-collapsible__body\">{children}</div>\n      </CollapsiblePrimitive.Content>\n    </CollapsiblePrimitive.Root>\n  );\n}\n"],"names":["CollapsiblePrimitive.Root","CollapsiblePrimitive.Trigger","CollapsiblePrimitive.Content"],"mappings":";;;;;AAMO,MAAM,kBAAkBA;AACxB,MAAM,qBAAqBC;AAC3B,MAAM,qBAAqBC;AAa3B,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,SACE;AAAA,IAACF;AAAAA,IAAA;AAAA,MACC,WAAW,GAAG,kBAAkB,SAAS;AAAA,MACzC;AAAA,MACA;AAAA,MACA;AAAA,MAEA,UAAA;AAAA,QAAA,qBAACC,SAAA,EAA6B,WAAW,GAAG,2BAA2B,gBAAgB,GACpF,UAAA;AAAA,UAAA;AAAA,UACD,oBAAC,aAAA,EAAY,WAAU,wBAAuB,MAAM,GAAA,CAAI;AAAA,QAAA,GAC1D;AAAA,QACA,oBAACC,SAAA,EAA6B,WAAW,GAAG,2BAA2B,gBAAgB,GACrF,UAAA,oBAAC,OAAA,EAAI,WAAU,wBAAwB,UAAS,EAAA,CAClD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/collapsible/index.d.ts

@@ -0,0 +1,3 @@
+export { Collapsible, CollapsibleRoot, CollapsibleTrigger, CollapsibleContent } from './Collapsible';
+export type { CollapsibleProps } from './Collapsible';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/collapsible/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/collapsible/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACrG,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/color-picker/ColorPicker.cjs

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+;/* empty css                   */
+const DEFAULT_SWATCHES = [
+  "#ef4444",
+  "#f97316",
+  "#f59e0b",
+  "#84cc16",
+  "#10b981",
+  "#06b6d4",
+  "#6366f1",
+  "#8b5cf6",
+  "#ec4899",
+  "#64748b",
+  "#000000",
+  "#ffffff"
+];
+function hslToHex(h, s, l) {
+  s /= 100;
+  l /= 100;
+  const k = (n) => (n + h / 30) % 12;
+  const a = s * Math.min(l, 1 - l);
+  const f = (n) => l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1)));
+  return "#" + [f(0), f(8), f(4)].map((x) => Math.round(x * 255).toString(16).padStart(2, "0")).join("");
+}
+function hexToHsl(hex) {
+  const r = parseInt(hex.slice(1, 3), 16) / 255;
+  const g = parseInt(hex.slice(3, 5), 16) / 255;
+  const b = parseInt(hex.slice(5, 7), 16) / 255;
+  const max = Math.max(r, g, b), min = Math.min(r, g, b);
+  let h = 0, s = 0;
+  const l = (max + min) / 2;
+  if (max !== min) {
+    const d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    switch (max) {
+      case r:
+        h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+        break;
+      case g:
+        h = ((b - r) / d + 2) / 6;
+        break;
+      case b:
+        h = ((r - g) / d + 4) / 6;
+        break;
+    }
+  }
+  return [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)];
+}
+function isValidHex(hex) {
+  return /^#[0-9a-fA-F]{6}$/.test(hex);
+}
+function ColorPicker({
+  value: controlled,
+  defaultValue = "#6366f1",
+  onChange,
+  swatches = DEFAULT_SWATCHES,
+  showSwatches = true,
+  showHueSlider = true,
+  showHexInput = true,
+  label,
+  className
+}) {
+  const isControlled = controlled !== void 0;
+  const [internal, setInternal] = React.useState(defaultValue);
+  const [hexInput, setHexInput] = React.useState(defaultValue);
+  const current = isControlled ? controlled : internal;
+  function update(hex) {
+    if (!isControlled) setInternal(hex);
+    setHexInput(hex);
+    onChange == null ? void 0 : onChange(hex);
+  }
+  const [hue] = hexToHsl(isValidHex(current) ? current : "#6366f1");
+  const thumbLeft = `${hue / 360 * 100}%`;
+  function onHueChange(e) {
+    const h = parseInt(e.target.value);
+    const [, s, l] = hexToHsl(isValidHex(current) ? current : "#6366f1");
+    update(hslToHex(h, s, l));
+  }
+  function onHexChange(e) {
+    const v = e.target.value.startsWith("#") ? e.target.value : `#${e.target.value}`;
+    setHexInput(v);
+    if (isValidHex(v)) update(v);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-color-picker", className), children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.875rem", fontWeight: 500, color: "var(--rz-color-foreground)", marginBottom: "0.25rem" }, children: label }),
+    showSwatches && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-color-picker__swatches", children: swatches.map((swatch) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: cn.cn("rz-color-picker__swatch", current.toLowerCase() === swatch.toLowerCase() && "rz-color-picker__swatch--selected"),
+        style: { backgroundColor: swatch },
+        onClick: () => update(swatch),
+        "aria-label": swatch,
+        title: swatch
+      },
+      swatch
+    )) }),
+    showHueSlider && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-color-picker__hue", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-color-picker__hue-thumb", style: { left: thumbLeft, backgroundColor: `hsl(${hue},100%,50%)` } }),
+      /* @__PURE__ */ jsxRuntime.jsx("input", { type: "range", min: "0", max: "360", value: hue, onChange: onHueChange, "aria-label": "Hue" })
+    ] }),
+    showHexInput && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-color-picker__hex-row", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-color-picker__preview", style: { backgroundColor: current } }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "text",
+          className: "rz-color-picker__hex-input",
+          value: hexInput,
+          onChange: onHexChange,
+          maxLength: 7,
+          spellCheck: false,
+          "aria-label": "Hex color value"
+        }
+      )
+    ] })
+  ] });
+}
+exports.ColorPicker = ColorPicker;
+//# sourceMappingURL=ColorPicker.cjs.map

package/dist/components/color-picker/ColorPicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.cjs","sources":["../../../src/components/color-picker/ColorPicker.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './color-picker.css';\n\nconst DEFAULT_SWATCHES = [\n  '#ef4444','#f97316','#f59e0b','#84cc16','#10b981',\n  '#06b6d4','#6366f1','#8b5cf6','#ec4899','#64748b',\n  '#000000','#ffffff',\n];\n\nexport interface ColorPickerProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (hex: string) => void;\n  swatches?: string[];\n  showSwatches?: boolean;\n  showHueSlider?: boolean;\n  showHexInput?: boolean;\n  label?: string;\n  className?: string;\n}\n\nfunction hslToHex(h: number, s: number, l: number): string {\n  s /= 100; l /= 100;\n  const k = (n: number) => (n + h / 30) % 12;\n  const a = s * Math.min(l, 1 - l);\n  const f = (n: number) => l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1)));\n  return '#' + [f(0), f(8), f(4)].map((x) => Math.round(x * 255).toString(16).padStart(2, '0')).join('');\n}\n\nfunction hexToHsl(hex: string): [number, number, number] {\n  const r = parseInt(hex.slice(1, 3), 16) / 255;\n  const g = parseInt(hex.slice(3, 5), 16) / 255;\n  const b = parseInt(hex.slice(5, 7), 16) / 255;\n  const max = Math.max(r, g, b), min = Math.min(r, g, b);\n  let h = 0, s = 0;\n  const l = (max + min) / 2;\n  if (max !== min) {\n    const d = max - min;\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n    switch (max) {\n      case r: h = ((g - b) / d + (g < b ? 6 : 0)) / 6; break;\n      case g: h = ((b - r) / d + 2) / 6; break;\n      case b: h = ((r - g) / d + 4) / 6; break;\n    }\n  }\n  return [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)];\n}\n\nfunction isValidHex(hex: string): boolean {\n  return /^#[0-9a-fA-F]{6}$/.test(hex);\n}\n\nexport function ColorPicker({\n  value: controlled,\n  defaultValue = '#6366f1',\n  onChange,\n  swatches = DEFAULT_SWATCHES,\n  showSwatches = true,\n  showHueSlider = true,\n  showHexInput = true,\n  label,\n  className,\n}: ColorPickerProps) {\n  const isControlled = controlled !== undefined;\n  const [internal, setInternal] = React.useState(defaultValue);\n  const [hexInput, setHexInput] = React.useState(defaultValue);\n  const current = isControlled ? controlled! : internal;\n\n  function update(hex: string) {\n    if (!isControlled) setInternal(hex);\n    setHexInput(hex);\n    onChange?.(hex);\n  }\n\n  // Hue slider\n  const [hue] = hexToHsl(isValidHex(current) ? current : '#6366f1');\n  const thumbLeft = `${(hue / 360) * 100}%`;\n\n  function onHueChange(e: React.ChangeEvent<HTMLInputElement>) {\n    const h = parseInt(e.target.value);\n    const [, s, l] = hexToHsl(isValidHex(current) ? current : '#6366f1');\n    update(hslToHex(h, s, l));\n  }\n\n  function onHexChange(e: React.ChangeEvent<HTMLInputElement>) {\n    const v = e.target.value.startsWith('#') ? e.target.value : `#${e.target.value}`;\n    setHexInput(v);\n    if (isValidHex(v)) update(v);\n  }\n\n  return (\n    <div className={cn('rz-color-picker', className)}>\n      {label && (\n        <p style={{ fontSize: '0.875rem', fontWeight: 500, color: 'var(--rz-color-foreground)', marginBottom: '0.25rem' }}>\n          {label}\n        </p>\n      )}\n\n      {showSwatches && (\n        <div className=\"rz-color-picker__swatches\">\n          {swatches.map((swatch) => (\n            <button\n              key={swatch}\n              type=\"button\"\n              className={cn('rz-color-picker__swatch', current.toLowerCase() === swatch.toLowerCase() && 'rz-color-picker__swatch--selected')}\n              style={{ backgroundColor: swatch }}\n              onClick={() => update(swatch)}\n              aria-label={swatch}\n              title={swatch}\n            />\n          ))}\n        </div>\n      )}\n\n      {showHueSlider && (\n        <div className=\"rz-color-picker__hue\">\n          <div className=\"rz-color-picker__hue-thumb\" style={{ left: thumbLeft, backgroundColor: `hsl(${hue},100%,50%)` }} />\n          <input type=\"range\" min=\"0\" max=\"360\" value={hue} onChange={onHueChange} aria-label=\"Hue\" />\n        </div>\n      )}\n\n      {showHexInput && (\n        <div className=\"rz-color-picker__hex-row\">\n          <div className=\"rz-color-picker__preview\" style={{ backgroundColor: current }} />\n          <input\n            type=\"text\"\n            className=\"rz-color-picker__hex-input\"\n            value={hexInput}\n            onChange={onHexChange}\n            maxLength={7}\n            spellCheck={false}\n            aria-label=\"Hex color value\"\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["cn","jsx","jsxs"],"mappings":"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"}

package/dist/components/color-picker/ColorPicker.d.ts

@@ -0,0 +1,13 @@
+export interface ColorPickerProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (hex: string) => void;
+    swatches?: string[];
+    showSwatches?: boolean;
+    showHueSlider?: boolean;
+    showHexInput?: boolean;
+    label?: string;
+    className?: string;
+}
+export declare function ColorPicker({ value: controlled, defaultValue, onChange, swatches, showSwatches, showHueSlider, showHexInput, label, className, }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ColorPicker.d.ts.map

package/dist/components/color-picker/ColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/ColorPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAQ5B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiCD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EAAE,UAAU,EACjB,YAAwB,EACxB,QAAQ,EACR,QAA2B,EAC3B,YAAmB,EACnB,aAAoB,EACpB,YAAmB,EACnB,KAAK,EACL,SAAS,GACV,EAAE,gBAAgB,2CA2ElB"}

package/dist/components/color-picker/ColorPicker.js

@@ -0,0 +1,124 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css                 */
+const DEFAULT_SWATCHES = [
+  "#ef4444",
+  "#f97316",
+  "#f59e0b",
+  "#84cc16",
+  "#10b981",
+  "#06b6d4",
+  "#6366f1",
+  "#8b5cf6",
+  "#ec4899",
+  "#64748b",
+  "#000000",
+  "#ffffff"
+];
+function hslToHex(h, s, l) {
+  s /= 100;
+  l /= 100;
+  const k = (n) => (n + h / 30) % 12;
+  const a = s * Math.min(l, 1 - l);
+  const f = (n) => l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1)));
+  return "#" + [f(0), f(8), f(4)].map((x) => Math.round(x * 255).toString(16).padStart(2, "0")).join("");
+}
+function hexToHsl(hex) {
+  const r = parseInt(hex.slice(1, 3), 16) / 255;
+  const g = parseInt(hex.slice(3, 5), 16) / 255;
+  const b = parseInt(hex.slice(5, 7), 16) / 255;
+  const max = Math.max(r, g, b), min = Math.min(r, g, b);
+  let h = 0, s = 0;
+  const l = (max + min) / 2;
+  if (max !== min) {
+    const d = max - min;
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    switch (max) {
+      case r:
+        h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+        break;
+      case g:
+        h = ((b - r) / d + 2) / 6;
+        break;
+      case b:
+        h = ((r - g) / d + 4) / 6;
+        break;
+    }
+  }
+  return [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)];
+}
+function isValidHex(hex) {
+  return /^#[0-9a-fA-F]{6}$/.test(hex);
+}
+function ColorPicker({
+  value: controlled,
+  defaultValue = "#6366f1",
+  onChange,
+  swatches = DEFAULT_SWATCHES,
+  showSwatches = true,
+  showHueSlider = true,
+  showHexInput = true,
+  label,
+  className
+}) {
+  const isControlled = controlled !== void 0;
+  const [internal, setInternal] = React__default.useState(defaultValue);
+  const [hexInput, setHexInput] = React__default.useState(defaultValue);
+  const current = isControlled ? controlled : internal;
+  function update(hex) {
+    if (!isControlled) setInternal(hex);
+    setHexInput(hex);
+    onChange == null ? void 0 : onChange(hex);
+  }
+  const [hue] = hexToHsl(isValidHex(current) ? current : "#6366f1");
+  const thumbLeft = `${hue / 360 * 100}%`;
+  function onHueChange(e) {
+    const h = parseInt(e.target.value);
+    const [, s, l] = hexToHsl(isValidHex(current) ? current : "#6366f1");
+    update(hslToHex(h, s, l));
+  }
+  function onHexChange(e) {
+    const v = e.target.value.startsWith("#") ? e.target.value : `#${e.target.value}`;
+    setHexInput(v);
+    if (isValidHex(v)) update(v);
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-color-picker", className), children: [
+    label && /* @__PURE__ */ jsx("p", { style: { fontSize: "0.875rem", fontWeight: 500, color: "var(--rz-color-foreground)", marginBottom: "0.25rem" }, children: label }),
+    showSwatches && /* @__PURE__ */ jsx("div", { className: "rz-color-picker__swatches", children: swatches.map((swatch) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: cn("rz-color-picker__swatch", current.toLowerCase() === swatch.toLowerCase() && "rz-color-picker__swatch--selected"),
+        style: { backgroundColor: swatch },
+        onClick: () => update(swatch),
+        "aria-label": swatch,
+        title: swatch
+      },
+      swatch
+    )) }),
+    showHueSlider && /* @__PURE__ */ jsxs("div", { className: "rz-color-picker__hue", children: [
+      /* @__PURE__ */ jsx("div", { className: "rz-color-picker__hue-thumb", style: { left: thumbLeft, backgroundColor: `hsl(${hue},100%,50%)` } }),
+      /* @__PURE__ */ jsx("input", { type: "range", min: "0", max: "360", value: hue, onChange: onHueChange, "aria-label": "Hue" })
+    ] }),
+    showHexInput && /* @__PURE__ */ jsxs("div", { className: "rz-color-picker__hex-row", children: [
+      /* @__PURE__ */ jsx("div", { className: "rz-color-picker__preview", style: { backgroundColor: current } }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          className: "rz-color-picker__hex-input",
+          value: hexInput,
+          onChange: onHexChange,
+          maxLength: 7,
+          spellCheck: false,
+          "aria-label": "Hex color value"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ColorPicker
+};
+//# sourceMappingURL=ColorPicker.js.map

package/dist/components/color-picker/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","sources":["../../../src/components/color-picker/ColorPicker.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './color-picker.css';\n\nconst DEFAULT_SWATCHES = [\n  '#ef4444','#f97316','#f59e0b','#84cc16','#10b981',\n  '#06b6d4','#6366f1','#8b5cf6','#ec4899','#64748b',\n  '#000000','#ffffff',\n];\n\nexport interface ColorPickerProps {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (hex: string) => void;\n  swatches?: string[];\n  showSwatches?: boolean;\n  showHueSlider?: boolean;\n  showHexInput?: boolean;\n  label?: string;\n  className?: string;\n}\n\nfunction hslToHex(h: number, s: number, l: number): string {\n  s /= 100; l /= 100;\n  const k = (n: number) => (n + h / 30) % 12;\n  const a = s * Math.min(l, 1 - l);\n  const f = (n: number) => l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1)));\n  return '#' + [f(0), f(8), f(4)].map((x) => Math.round(x * 255).toString(16).padStart(2, '0')).join('');\n}\n\nfunction hexToHsl(hex: string): [number, number, number] {\n  const r = parseInt(hex.slice(1, 3), 16) / 255;\n  const g = parseInt(hex.slice(3, 5), 16) / 255;\n  const b = parseInt(hex.slice(5, 7), 16) / 255;\n  const max = Math.max(r, g, b), min = Math.min(r, g, b);\n  let h = 0, s = 0;\n  const l = (max + min) / 2;\n  if (max !== min) {\n    const d = max - min;\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n    switch (max) {\n      case r: h = ((g - b) / d + (g < b ? 6 : 0)) / 6; break;\n      case g: h = ((b - r) / d + 2) / 6; break;\n      case b: h = ((r - g) / d + 4) / 6; break;\n    }\n  }\n  return [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)];\n}\n\nfunction isValidHex(hex: string): boolean {\n  return /^#[0-9a-fA-F]{6}$/.test(hex);\n}\n\nexport function ColorPicker({\n  value: controlled,\n  defaultValue = '#6366f1',\n  onChange,\n  swatches = DEFAULT_SWATCHES,\n  showSwatches = true,\n  showHueSlider = true,\n  showHexInput = true,\n  label,\n  className,\n}: ColorPickerProps) {\n  const isControlled = controlled !== undefined;\n  const [internal, setInternal] = React.useState(defaultValue);\n  const [hexInput, setHexInput] = React.useState(defaultValue);\n  const current = isControlled ? controlled! : internal;\n\n  function update(hex: string) {\n    if (!isControlled) setInternal(hex);\n    setHexInput(hex);\n    onChange?.(hex);\n  }\n\n  // Hue slider\n  const [hue] = hexToHsl(isValidHex(current) ? current : '#6366f1');\n  const thumbLeft = `${(hue / 360) * 100}%`;\n\n  function onHueChange(e: React.ChangeEvent<HTMLInputElement>) {\n    const h = parseInt(e.target.value);\n    const [, s, l] = hexToHsl(isValidHex(current) ? current : '#6366f1');\n    update(hslToHex(h, s, l));\n  }\n\n  function onHexChange(e: React.ChangeEvent<HTMLInputElement>) {\n    const v = e.target.value.startsWith('#') ? e.target.value : `#${e.target.value}`;\n    setHexInput(v);\n    if (isValidHex(v)) update(v);\n  }\n\n  return (\n    <div className={cn('rz-color-picker', className)}>\n      {label && (\n        <p style={{ fontSize: '0.875rem', fontWeight: 500, color: 'var(--rz-color-foreground)', marginBottom: '0.25rem' }}>\n          {label}\n        </p>\n      )}\n\n      {showSwatches && (\n        <div className=\"rz-color-picker__swatches\">\n          {swatches.map((swatch) => (\n            <button\n              key={swatch}\n              type=\"button\"\n              className={cn('rz-color-picker__swatch', current.toLowerCase() === swatch.toLowerCase() && 'rz-color-picker__swatch--selected')}\n              style={{ backgroundColor: swatch }}\n              onClick={() => update(swatch)}\n              aria-label={swatch}\n              title={swatch}\n            />\n          ))}\n        </div>\n      )}\n\n      {showHueSlider && (\n        <div className=\"rz-color-picker__hue\">\n          <div className=\"rz-color-picker__hue-thumb\" style={{ left: thumbLeft, backgroundColor: `hsl(${hue},100%,50%)` }} />\n          <input type=\"range\" min=\"0\" max=\"360\" value={hue} onChange={onHueChange} aria-label=\"Hue\" />\n        </div>\n      )}\n\n      {showHexInput && (\n        <div className=\"rz-color-picker__hex-row\">\n          <div className=\"rz-color-picker__preview\" style={{ backgroundColor: current }} />\n          <input\n            type=\"text\"\n            className=\"rz-color-picker__hex-input\"\n            value={hexInput}\n            onChange={onHexChange}\n            maxLength={7}\n            spellCheck={false}\n            aria-label=\"Hex color value\"\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/components/color-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { ColorPicker } from './ColorPicker';
+export type { ColorPickerProps } from './ColorPicker';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/color-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}