erp-pro-ui 0.1.9 → 0.2.0

package/dist/chunks/color-palette-C3lesasJ.mjs

@@ -0,0 +1,329 @@
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/data-display/color-palette/ColorPalette.tsx
+var surfaceGroup = {
+	name: "Surfaces",
+	swatches: [
+		{
+			twClass: "bg-ds-canvas",
+			cssVar: "var(--ds-surface-canvas)",
+			role: "Page / app canvas",
+			textOnColor: "dark"
+		},
+		{
+			twClass: "bg-ds-surface-1",
+			cssVar: "var(--ds-surface-1)",
+			role: "Card / panel",
+			textOnColor: "dark"
+		},
+		{
+			twClass: "bg-ds-surface-2",
+			cssVar: "var(--ds-surface-2)",
+			role: "Elevated (modal/popover)",
+			textOnColor: "dark"
+		},
+		{
+			twClass: "bg-ds-surface-3",
+			cssVar: "var(--ds-surface-3)",
+			role: "Highest elevated",
+			textOnColor: "dark"
+		},
+		{
+			twClass: "bg-ds-accent-subtle",
+			cssVar: "var(--ds-color-accent-subtle)",
+			role: "Accent tinted surface",
+			textOnColor: "dark"
+		}
+	]
+};
+var textGroup = {
+	name: "Text",
+	swatches: [
+		{
+			twClass: "text-ds-1",
+			cssVar: "var(--ds-text-1)",
+			role: "Primary text",
+			textOnColor: "light"
+		},
+		{
+			twClass: "text-ds-2",
+			cssVar: "var(--ds-text-2)",
+			role: "Secondary / labels",
+			textOnColor: "light"
+		},
+		{
+			twClass: "text-ds-3",
+			cssVar: "var(--ds-text-3)",
+			role: "Muted / hints",
+			textOnColor: "light"
+		},
+		{
+			twClass: "text-ds-on-accent",
+			cssVar: "var(--ds-color-on-accent)",
+			role: "On accent bg",
+			textOnColor: "dark"
+		}
+	]
+};
+var borderGroup = {
+	name: "Borders",
+	swatches: [
+		{
+			twClass: "border-ds-border-1",
+			cssVar: "var(--ds-border-1)",
+			role: "Strong border",
+			textOnColor: "dark"
+		},
+		{
+			twClass: "border-ds-border-2",
+			cssVar: "var(--ds-border-2)",
+			role: "Default border",
+			textOnColor: "dark"
+		},
+		{
+			twClass: "border-ds-border-3",
+			cssVar: "var(--ds-border-3)",
+			role: "Subtle divider",
+			textOnColor: "dark"
+		},
+		{
+			twClass: "border-ds-border-4",
+			cssVar: "var(--ds-border-4)",
+			role: "Faintest border",
+			textOnColor: "dark"
+		},
+		{
+			twClass: "border-ds-border-field",
+			cssVar: "var(--ds-border-field)",
+			role: "Input field border",
+			textOnColor: "dark"
+		}
+	]
+};
+var accentGroup = {
+	name: "Accent",
+	swatches: [
+		{
+			twClass: "bg-ds-accent",
+			cssVar: "var(--ds-color-accent)",
+			role: "Brand / interactive",
+			textOnColor: "light"
+		},
+		{
+			twClass: "bg-ds-accent-hover",
+			cssVar: "var(--ds-color-accent-hover)",
+			role: "Hover state",
+			textOnColor: "light"
+		},
+		{
+			twClass: "ring-ds-focus",
+			cssVar: "var(--ds-color-focus-ring)",
+			role: "Focus ring",
+			textOnColor: "light"
+		}
+	]
+};
+var accentScaleGroup = {
+	name: "Accent Scale",
+	swatches: [
+		{
+			twClass: "--ds-accent-50",
+			cssVar: "var(--ds-accent-50)",
+			role: "Lightest",
+			textOnColor: "dark"
+		},
+		{
+			twClass: "--ds-accent-100",
+			cssVar: "var(--ds-accent-100)",
+			role: "100",
+			textOnColor: "dark"
+		},
+		{
+			twClass: "--ds-accent-200",
+			cssVar: "var(--ds-accent-200)",
+			role: "200",
+			textOnColor: "dark"
+		},
+		{
+			twClass: "--ds-accent-300",
+			cssVar: "var(--ds-accent-300)",
+			role: "300",
+			textOnColor: "dark"
+		},
+		{
+			twClass: "--ds-accent-400",
+			cssVar: "var(--ds-accent-400)",
+			role: "400",
+			textOnColor: "light"
+		},
+		{
+			twClass: "--ds-accent-500",
+			cssVar: "var(--ds-accent-500)",
+			role: "Base (500)",
+			textOnColor: "light"
+		},
+		{
+			twClass: "--ds-accent-600",
+			cssVar: "var(--ds-accent-600)",
+			role: "600",
+			textOnColor: "light"
+		},
+		{
+			twClass: "--ds-accent-700",
+			cssVar: "var(--ds-accent-700)",
+			role: "700",
+			textOnColor: "light"
+		},
+		{
+			twClass: "--ds-accent-800",
+			cssVar: "var(--ds-accent-800)",
+			role: "800",
+			textOnColor: "light"
+		},
+		{
+			twClass: "--ds-accent-900",
+			cssVar: "var(--ds-accent-900)",
+			role: "Darkest",
+			textOnColor: "light"
+		}
+	]
+};
+var brandGroup = {
+	name: "Brand Themes",
+	swatches: [
+		{
+			twClass: "bg-ds-brand-purple",
+			cssVar: "var(--ds-brand-purple)",
+			role: "Purple (default)",
+			textOnColor: "light"
+		},
+		{
+			twClass: "bg-ds-brand-teal",
+			cssVar: "var(--ds-brand-teal)",
+			role: "Teal",
+			textOnColor: "light"
+		},
+		{
+			twClass: "bg-ds-brand-yellow",
+			cssVar: "var(--ds-brand-yellow)",
+			role: "Yellow",
+			textOnColor: "dark"
+		},
+		{
+			twClass: "bg-ds-brand-green",
+			cssVar: "var(--ds-brand-green)",
+			role: "Green",
+			textOnColor: "light"
+		}
+	]
+};
+var statusGroup = {
+	name: "Status",
+	swatches: [
+		{
+			twClass: "bg-ds-state-success",
+			cssVar: "var(--ds-color-success)",
+			role: "Success",
+			textOnColor: "light"
+		},
+		{
+			twClass: "bg-ds-state-warning",
+			cssVar: "var(--ds-color-warning)",
+			role: "Warning",
+			textOnColor: "dark"
+		},
+		{
+			twClass: "bg-ds-state-danger",
+			cssVar: "var(--ds-color-danger)",
+			role: "Danger",
+			textOnColor: "light"
+		},
+		{
+			twClass: "bg-ds-state-info",
+			cssVar: "var(--ds-color-info)",
+			role: "Info",
+			textOnColor: "light"
+		}
+	]
+};
+var defaultGroups = [
+	surfaceGroup,
+	textGroup,
+	borderGroup,
+	accentGroup,
+	accentScaleGroup,
+	brandGroup,
+	statusGroup
+];
+function SwatchCard({ swatch }) {
+	const swatchRef = React.useRef(null);
+	const [hex, setHex] = React.useState("");
+	const [copied, setCopied] = React.useState(false);
+	React.useEffect(() => {
+		const el = swatchRef.current;
+		if (!el) return;
+		const bg = getComputedStyle(el).backgroundColor;
+		setHex(bg || "");
+	}, [swatch.cssVar]);
+	const handleCopy = () => {
+		navigator.clipboard.writeText(swatch.twClass).catch(() => {});
+		setCopied(true);
+		setTimeout(() => setCopied(false), 1500);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		role: "button",
+		tabIndex: 0,
+		onClick: handleCopy,
+		onKeyDown: (e) => {
+			if (e.key === "Enter" || e.key === " ") handleCopy();
+		},
+		title: `Copy ${swatch.twClass}`,
+		className: "group flex flex-col gap-0 rounded-xl border border-ds-border-2 overflow-hidden text-start cursor-pointer transition hover:shadow-md hover:border-ds-border-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ds-focus",
+		children: [/* @__PURE__ */ jsxs("div", {
+			ref: swatchRef,
+			className: "relative h-16 w-full flex items-end px-2 pb-1.5",
+			style: { backgroundColor: swatch.cssVar },
+			children: [copied && /* @__PURE__ */ jsx("span", {
+				className: "absolute inset-0 flex items-center justify-center text-xs font-semibold bg-black/30 text-white rounded-t-xl",
+				children: "Copied!"
+			}), /* @__PURE__ */ jsx("span", {
+				className: "font-mono text-[9px] leading-none opacity-70",
+				style: { color: swatch.textOnColor === "light" ? "#fff" : "#000" },
+				children: hex || "LIVE"
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-0.5 px-3 py-2.5 bg-ds-surface-1",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "text-[11px] font-semibold font-mono text-ds-1 truncate",
+					children: swatch.twClass
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "text-[10px] font-mono text-ds-3 truncate",
+					children: swatch.cssVar
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "text-[10px] text-ds-2 mt-0.5",
+					children: swatch.role
+				})
+			]
+		})]
+	});
+}
+function ColorPalette({ groups, className }) {
+	const displayGroups = groups ?? defaultGroups;
+	return /* @__PURE__ */ jsx("div", {
+		className: `space-y-8 ${className ?? ""}`,
+		children: displayGroups.map((group) => /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx("h3", {
+			className: "mb-3 text-sm font-semibold uppercase tracking-widest text-ds-2",
+			children: group.name
+		}), /* @__PURE__ */ jsx("div", {
+			className: "grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6",
+			children: group.swatches.map((swatch) => /* @__PURE__ */ jsx(SwatchCard, { swatch }, swatch.twClass))
+		})] }, group.name))
+	});
+}
+//#endregion
+export { brandGroup as a, surfaceGroup as c, borderGroup as i, textGroup as l, accentGroup as n, defaultGroups as o, accentScaleGroup as r, statusGroup as s, ColorPalette as t };
+
+//# sourceMappingURL=color-palette-C3lesasJ.mjs.map

package/dist/chunks/color-palette-C3lesasJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-palette-C3lesasJ.mjs","names":[],"sources":["../../src/components/data-display/color-palette/ColorPalette.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport interface TokenSwatch {\n  /** Tailwind class displayed as the main label, e.g. \"bg-ds-surface-1\" */\n  twClass: string;\n  /** Underlying CSS variable, e.g. \"var(--ds-surface-1)\" */\n  cssVar: string;\n  /** Short role description */\n  role: string;\n  /** Hint for readable label on the swatch itself */\n  textOnColor?: \"light\" | \"dark\" | \"auto\";\n}\n\nexport interface TokenGroup {\n  /** Section heading */\n  name: string;\n  swatches: TokenSwatch[];\n}\n\nexport interface ColorPaletteProps {\n  /** Override the built-in groups with custom data */\n  groups?: TokenGroup[];\n  className?: string;\n}\n\n// ---------------------------------------------------------------------------\n// Canonical token groups (correct --ds-* CSS variables)\n// ---------------------------------------------------------------------------\n\nexport const surfaceGroup: TokenGroup = {\n  name: \"Surfaces\",\n  swatches: [\n    { twClass: \"bg-ds-canvas\",    cssVar: \"var(--ds-surface-canvas)\", role: \"Page / app canvas\",      textOnColor: \"dark\" },\n    { twClass: \"bg-ds-surface-1\", cssVar: \"var(--ds-surface-1)\",      role: \"Card / panel\",           textOnColor: \"dark\" },\n    { twClass: \"bg-ds-surface-2\", cssVar: \"var(--ds-surface-2)\",      role: \"Elevated (modal/popover)\", textOnColor: \"dark\" },\n    { twClass: \"bg-ds-surface-3\", cssVar: \"var(--ds-surface-3)\",      role: \"Highest elevated\",       textOnColor: \"dark\" },\n    { twClass: \"bg-ds-accent-subtle\", cssVar: \"var(--ds-color-accent-subtle)\", role: \"Accent tinted surface\", textOnColor: \"dark\" },\n  ],\n};\n\nexport const textGroup: TokenGroup = {\n  name: \"Text\",\n  swatches: [\n    { twClass: \"text-ds-1\", cssVar: \"var(--ds-text-1)\", role: \"Primary text\",         textOnColor: \"light\" },\n    { twClass: \"text-ds-2\", cssVar: \"var(--ds-text-2)\", role: \"Secondary / labels\",   textOnColor: \"light\" },\n    { twClass: \"text-ds-3\", cssVar: \"var(--ds-text-3)\", role: \"Muted / hints\",        textOnColor: \"light\" },\n    { twClass: \"text-ds-on-accent\", cssVar: \"var(--ds-color-on-accent)\", role: \"On accent bg\", textOnColor: \"dark\" },\n  ],\n};\n\nexport const borderGroup: TokenGroup = {\n  name: \"Borders\",\n  swatches: [\n    { twClass: \"border-ds-border-1\",     cssVar: \"var(--ds-border-1)\",    role: \"Strong border\",    textOnColor: \"dark\" },\n    { twClass: \"border-ds-border-2\",     cssVar: \"var(--ds-border-2)\",    role: \"Default border\",   textOnColor: \"dark\" },\n    { twClass: \"border-ds-border-3\",     cssVar: \"var(--ds-border-3)\",    role: \"Subtle divider\",   textOnColor: \"dark\" },\n    { twClass: \"border-ds-border-4\",     cssVar: \"var(--ds-border-4)\",    role: \"Faintest border\",  textOnColor: \"dark\" },\n    { twClass: \"border-ds-border-field\", cssVar: \"var(--ds-border-field)\", role: \"Input field border\", textOnColor: \"dark\" },\n  ],\n};\n\nexport const accentGroup: TokenGroup = {\n  name: \"Accent\",\n  swatches: [\n    { twClass: \"bg-ds-accent\",       cssVar: \"var(--ds-color-accent)\",       role: \"Brand / interactive\",  textOnColor: \"light\" },\n    { twClass: \"bg-ds-accent-hover\", cssVar: \"var(--ds-color-accent-hover)\", role: \"Hover state\",          textOnColor: \"light\" },\n    { twClass: \"ring-ds-focus\",      cssVar: \"var(--ds-color-focus-ring)\",   role: \"Focus ring\",           textOnColor: \"light\" },\n  ],\n};\n\nexport const accentScaleGroup: TokenGroup = {\n  name: \"Accent Scale\",\n  swatches: [\n    { twClass: \"--ds-accent-50\",  cssVar: \"var(--ds-accent-50)\",  role: \"Lightest\",  textOnColor: \"dark\"  },\n    { twClass: \"--ds-accent-100\", cssVar: \"var(--ds-accent-100)\", role: \"100\",       textOnColor: \"dark\"  },\n    { twClass: \"--ds-accent-200\", cssVar: \"var(--ds-accent-200)\", role: \"200\",       textOnColor: \"dark\"  },\n    { twClass: \"--ds-accent-300\", cssVar: \"var(--ds-accent-300)\", role: \"300\",       textOnColor: \"dark\"  },\n    { twClass: \"--ds-accent-400\", cssVar: \"var(--ds-accent-400)\", role: \"400\",       textOnColor: \"light\" },\n    { twClass: \"--ds-accent-500\", cssVar: \"var(--ds-accent-500)\", role: \"Base (500)\", textOnColor: \"light\" },\n    { twClass: \"--ds-accent-600\", cssVar: \"var(--ds-accent-600)\", role: \"600\",       textOnColor: \"light\" },\n    { twClass: \"--ds-accent-700\", cssVar: \"var(--ds-accent-700)\", role: \"700\",       textOnColor: \"light\" },\n    { twClass: \"--ds-accent-800\", cssVar: \"var(--ds-accent-800)\", role: \"800\",       textOnColor: \"light\" },\n    { twClass: \"--ds-accent-900\", cssVar: \"var(--ds-accent-900)\", role: \"Darkest\",   textOnColor: \"light\" },\n  ],\n};\n\nexport const brandGroup: TokenGroup = {\n  name: \"Brand Themes\",\n  swatches: [\n    { twClass: \"bg-ds-brand-purple\", cssVar: \"var(--ds-brand-purple)\", role: \"Purple (default)\", textOnColor: \"light\" },\n    { twClass: \"bg-ds-brand-teal\",   cssVar: \"var(--ds-brand-teal)\",   role: \"Teal\",             textOnColor: \"light\" },\n    { twClass: \"bg-ds-brand-yellow\", cssVar: \"var(--ds-brand-yellow)\", role: \"Yellow\",           textOnColor: \"dark\"  },\n    { twClass: \"bg-ds-brand-green\",  cssVar: \"var(--ds-brand-green)\",  role: \"Green\",            textOnColor: \"light\" },\n  ],\n};\n\nexport const statusGroup: TokenGroup = {\n  name: \"Status\",\n  swatches: [\n    { twClass: \"bg-ds-state-success\", cssVar: \"var(--ds-color-success)\", role: \"Success\",  textOnColor: \"light\" },\n    { twClass: \"bg-ds-state-warning\", cssVar: \"var(--ds-color-warning)\", role: \"Warning\",  textOnColor: \"dark\"  },\n    { twClass: \"bg-ds-state-danger\",  cssVar: \"var(--ds-color-danger)\",  role: \"Danger\",   textOnColor: \"light\" },\n    { twClass: \"bg-ds-state-info\",    cssVar: \"var(--ds-color-info)\",    role: \"Info\",     textOnColor: \"light\" },\n  ],\n};\n\nexport const defaultGroups: TokenGroup[] = [\n  surfaceGroup,\n  textGroup,\n  borderGroup,\n  accentGroup,\n  accentScaleGroup,\n  brandGroup,\n  statusGroup,\n];\n\n// ---------------------------------------------------------------------------\n// SwatchCard\n// ---------------------------------------------------------------------------\n\nfunction SwatchCard({ swatch }: { swatch: TokenSwatch }) {\n  const swatchRef = React.useRef<HTMLDivElement>(null);\n  const [hex, setHex] = React.useState<string>(\"\");\n  const [copied, setCopied] = React.useState(false);\n\n  React.useEffect(() => {\n    const el = swatchRef.current;\n    if (!el) return;\n    const bg = getComputedStyle(el).backgroundColor;\n    setHex(bg || \"\");\n  }, [swatch.cssVar]);\n\n  const handleCopy = () => {\n    navigator.clipboard.writeText(swatch.twClass).catch(() => {});\n    setCopied(true);\n    setTimeout(() => setCopied(false), 1500);\n  };\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={handleCopy}\n      onKeyDown={(e) => { if (e.key === \"Enter\" || e.key === \" \") handleCopy(); }}\n      title={`Copy ${swatch.twClass}`}\n      className=\"group flex flex-col gap-0 rounded-xl border border-ds-border-2 overflow-hidden text-start cursor-pointer transition hover:shadow-md hover:border-ds-border-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ds-focus\"\n    >\n      {/* Color preview */}\n      <div\n        ref={swatchRef}\n        className=\"relative h-16 w-full flex items-end px-2 pb-1.5\"\n        style={{ backgroundColor: swatch.cssVar }}\n      >\n        {copied && (\n          <span className=\"absolute inset-0 flex items-center justify-center text-xs font-semibold bg-black/30 text-white rounded-t-xl\">\n            Copied!\n          </span>\n        )}\n        <span\n          className=\"font-mono text-[9px] leading-none opacity-70\"\n          style={{ color: swatch.textOnColor === \"light\" ? \"#fff\" : \"#000\" }}\n        >\n          {hex || \"LIVE\"}\n        </span>\n      </div>\n\n      {/* Meta */}\n      <div className=\"flex flex-col gap-0.5 px-3 py-2.5 bg-ds-surface-1\">\n        <span className=\"text-[11px] font-semibold font-mono text-ds-1 truncate\">\n          {swatch.twClass}\n        </span>\n        <span className=\"text-[10px] font-mono text-ds-3 truncate\">\n          {swatch.cssVar}\n        </span>\n        <span className=\"text-[10px] text-ds-2 mt-0.5\">{swatch.role}</span>\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// ColorPalette\n// ---------------------------------------------------------------------------\n\nexport default function ColorPalette({ groups, className }: ColorPaletteProps) {\n  const displayGroups = groups ?? defaultGroups;\n\n  return (\n    <div className={`space-y-8 ${className ?? \"\"}`}>\n      {displayGroups.map((group) => (\n        <section key={group.name}>\n          <h3 className=\"mb-3 text-sm font-semibold uppercase tracking-widest text-ds-2\">\n            {group.name}\n          </h3>\n          <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6\">\n            {group.swatches.map((swatch) => (\n              <SwatchCard key={swatch.twClass} swatch={swatch} />\n            ))}\n          </div>\n        </section>\n      ))}\n    </div>\n  );\n}\n\nexport { ColorPalette };\n"],"mappings":"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"}