@framingui/ui 0.6.5 → 0.6.6

package/dist/src/templates/feedback/success.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"success.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/success.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAc,EACd,KAAU,EACV,KAAU,EACV,OAAY,GACb,EAAE,mBAAmB,2CAiErB;AAKD,eAAO,MAAM,eAAe,6BAG3B,CAAC"}
+{"version":3,"file":"success.d.ts","sourceRoot":"","sources":["../../../../src/templates/feedback/success.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAc,EACd,KAAU,EACV,KAAU,EACV,OAAY,GACb,EAAE,mBAAmB,2CA+DrB;AAKD,eAAO,MAAM,eAAe,6BAG3B,CAAC"}

package/dist/src/templates/feedback/success.js.map

@@ -1 +1 @@
-{"version":3,"file":"success.js","sourceRoot":"","sources":["../../../../src/templates/feedback/success.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAK/D,MAAM,UAAU,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,EAAE,GACQ;IACpB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,UAAU,CAAC;IACxC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,wCAAwC,CAAC;IAC1E,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,IAAI,UAAU,CAAC;IAC/C,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC;IAEzC,OAAO,CACL,eACE,SAAS,EAAE,sEAAsE,SAAS,EAAE,aAE5F,eAAK,SAAS,EAAC,iDAAiD,aAE7D,KAAK,CAAC,IAAI,IAAI,CACb,cAAK,SAAS,EAAC,qBAAqB,YAClC,cAAK,SAAS,EAAC,wEAAwE,YACrF,cACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,sCAAsC,EAChD,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc,YAErB,eACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,+CAA+C,GACjD,GACE,GACF,GACF,CACP,EAGD,eAAK,SAAS,EAAC,4BAA4B,aACzC,aAAI,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAM,EAC/C,YAAG,SAAS,EAAC,qCAAqC,YAAE,OAAO,GAAK,IAC5D,EAGL,KAAK,CAAC,OAAO,IAAI,CAChB,cAAK,SAAS,EAAC,wFAAwF,YACpG,KAAK,CAAC,OAAO,GACV,CACP,EAGA,OAAO,IAAI,CACV,wBACE,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,YACjC,QAAQ,GACF,GACL,CACP,EAGA,KAAK,CAAC,iBAAiB,IAAI,CAC1B,cAAK,SAAS,EAAC,sCAAsC,YAClD,KAAK,CAAC,iBAAiB,GACpB,CACP,IACG,EACL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAKD,MAAM,CAAC,MAAM,eAAe,GAAG,yBAAyB,CACtD,kBAAkB,EAClB,wBAAwB,CACzB,CAAC"}
+{"version":3,"file":"success.js","sourceRoot":"","sources":["../../../../src/templates/feedback/success.tsx"],"names":[],"mappings":";AAmBA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAK/D,MAAM,UAAU,wBAAwB,CAAC,EACvC,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,EAAE,GACQ;IACpB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,UAAU,CAAC;IACxC,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,wCAAwC,CAAC;IAC1E,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,IAAI,UAAU,CAAC;IAC/C,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC;IAEzC,OAAO,CACL,eACE,SAAS,EAAE,sEAAsE,SAAS,EAAE,aAE5F,eAAK,SAAS,EAAC,iDAAiD,aAE7D,KAAK,CAAC,IAAI,IAAI,CACb,cAAK,SAAS,EAAC,qBAAqB,YAClC,cAAK,SAAS,EAAC,wEAAwE,YACrF,cACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,sCAAsC,EAChD,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc,YAErB,eACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,+CAA+C,GACjD,GACE,GACF,GACF,CACP,EAGD,eAAK,SAAS,EAAC,4BAA4B,aACzC,aAAI,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAM,EAC/C,YAAG,SAAS,EAAC,qCAAqC,YAAE,OAAO,GAAK,IAC5D,EAGL,KAAK,CAAC,OAAO,IAAI,CAChB,cAAK,SAAS,EAAC,wFAAwF,YACpG,KAAK,CAAC,OAAO,GACV,CACP,EAGA,OAAO,IAAI,CACV,wBACE,KAAC,MAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,YACjC,QAAQ,GACF,GACL,CACP,EAGA,KAAK,CAAC,iBAAiB,IAAI,CAC1B,cAAK,SAAS,EAAC,sCAAsC,YAAE,KAAK,CAAC,iBAAiB,GAAO,CACtF,IACG,EACL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAKD,MAAM,CAAC,MAAM,eAAe,GAAG,yBAAyB,CACtD,kBAAkB,EAClB,wBAAwB,CACzB,CAAC"}

package/dist/src/theme-loader.d.ts

@@ -0,0 +1,3 @@
+export { themeToCSS, injectThemeCSS, getCurrentThemeId, setThemeId, oklchToCSS, resolveSemanticToken, } from './lib/theme-loader';
+export type { ThemeDefinition, OKLCHColor } from './lib/theme-loader';
+//# sourceMappingURL=theme-loader.d.ts.map

package/dist/src/theme-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-loader.d.ts","sourceRoot":"","sources":["../../src/theme-loader.ts"],"names":[],"mappings":"AASA,OAAO,EACL,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/src/theme-loader.js

@@ -0,0 +1,2 @@
+export { themeToCSS, injectThemeCSS, getCurrentThemeId, setThemeId, oklchToCSS, resolveSemanticToken, } from './lib/theme-loader';
+//# sourceMappingURL=theme-loader.js.map

package/dist/src/theme-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-loader.js","sourceRoot":"","sources":["../../src/theme-loader.ts"],"names":[],"mappings":"AASA,OAAO,EACL,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,oBAAoB,GACrB,MAAM,oBAAoB,CAAC"}

package/dist/templates/index.mjs

@@ -10,7 +10,7 @@ import {
   Input,
   Label,
   Separator
-} from "../chunk-RWYATDH5.mjs";
+} from "../chunk-VV6WUMYC.mjs";
 
 // src/templates/types.ts
 var DEFAULT_RESPONSIVE_LAYOUT = {

package/dist/theme-loader.d.mts

@@ -0,0 +1,71 @@
+interface ThemeDefinition {
+    id: string;
+    name: string;
+    schemaVersion: string;
+    tokens: {
+        atomic: {
+            color: {
+                brand?: Record<string, OKLCHColor>;
+                neutral?: Record<string, OKLCHColor>;
+                accent?: Record<string, OKLCHColor>;
+                white?: OKLCHColor;
+            };
+            spacing: Record<string, string>;
+            radius: Record<string, string>;
+        };
+        semantic: {
+            background: {
+                canvas: string;
+                surface: {
+                    subtle: string;
+                    default: string;
+                    emphasis: string;
+                };
+                brand: {
+                    subtle: string;
+                    default: string;
+                    emphasis: string;
+                };
+            };
+            border: {
+                default: {
+                    subtle: string;
+                    default: string;
+                    emphasis: string;
+                };
+            };
+            text?: {
+                primary: string;
+                secondary: string;
+                muted: string;
+            };
+        };
+    };
+    recipes?: Record<string, any>;
+    stateLayer?: {
+        hover?: {
+            opacity: number;
+        };
+        disabled?: {
+            opacity: number;
+            contentOpacity: number;
+        };
+    };
+    typography?: {
+        fontFamily?: Record<string, string>;
+        fontWeight?: Record<string, string>;
+    };
+}
+interface OKLCHColor {
+    l: number;
+    c: number;
+    h: number;
+}
+declare function oklchToCSS(color: OKLCHColor): string;
+declare function resolveSemanticToken(reference: string, theme: ThemeDefinition): OKLCHColor | string;
+declare function themeToCSS(theme: ThemeDefinition): string;
+declare function injectThemeCSS(theme: ThemeDefinition): void;
+declare function getCurrentThemeId(): string | null;
+declare function setThemeId(themeId: string): void;
+
+export { type OKLCHColor, type ThemeDefinition, getCurrentThemeId, injectThemeCSS, oklchToCSS, resolveSemanticToken, setThemeId, themeToCSS };

package/dist/theme-loader.mjs

@@ -0,0 +1,150 @@
+// src/lib/theme-loader.ts
+function oklchToCSS(color) {
+  return `oklch(${color.l} ${color.c} ${color.h})`;
+}
+function resolveSemanticToken(reference, theme) {
+  const parts = reference.split(".");
+  if (parts[0] !== "atomic") {
+    return reference;
+  }
+  let current = theme.tokens;
+  for (const part of parts) {
+    if (current && typeof current === "object") {
+      current = current[part];
+    } else {
+      return reference;
+    }
+  }
+  return current;
+}
+function getWhiteColor(theme) {
+  const { color } = theme.tokens.atomic;
+  if (color.neutral && "white" in color.neutral) {
+    return color.neutral.white;
+  }
+  if (color.white) {
+    return color.white;
+  }
+  return { l: 1, c: 0, h: 0 };
+}
+function themeToCSS(theme) {
+  const { tokens } = theme;
+  const white = getWhiteColor(theme);
+  const resolveColor = (ref) => {
+    const resolved = resolveSemanticToken(ref, theme);
+    if (typeof resolved === "object" && "l" in resolved) {
+      return oklchToCSS(resolved);
+    }
+    return String(resolved);
+  };
+  const textPrimary = tokens.semantic.text ? resolveColor(tokens.semantic.text.primary) : tokens.atomic.color.neutral?.[900] ? oklchToCSS(tokens.atomic.color.neutral[900]) : oklchToCSS({ l: 0.12, c: 0.01, h: 0 });
+  const textSecondary = tokens.semantic.text ? resolveColor(tokens.semantic.text.secondary) : tokens.atomic.color.neutral?.[500] ? oklchToCSS(tokens.atomic.color.neutral[500]) : oklchToCSS({ l: 0.58, c: 0.02, h: 0 });
+  const textTertiary = tokens.semantic.text?.muted ? resolveColor(tokens.semantic.text.muted) : tokens.atomic.color.neutral?.[400] ? oklchToCSS(tokens.atomic.color.neutral[400]) : oklchToCSS({ l: 0.72, c: 0.02, h: 0 });
+  const css = `
+:root, [data-theme="${theme.id}"] {
+  /* ========================================
+     Component Tokens (@framingui/ui \uCEF4\uD3EC\uB10C\uD2B8\uC6A9)
+     ======================================== */
+  --bg-background: ${resolveColor(tokens.semantic.background.canvas)};
+  --bg-foreground: ${textPrimary};
+
+  --bg-card: ${resolveColor(tokens.semantic.background.surface.default)};
+  --bg-card-foreground: ${textPrimary};
+
+  --bg-popover: ${resolveColor(tokens.semantic.background.surface.default)};
+  --bg-popover-foreground: ${textPrimary};
+
+  --bg-primary: ${resolveColor(tokens.semantic.background.brand.default)};
+  --bg-primary-foreground: ${oklchToCSS(white)};
+
+  --bg-secondary: ${resolveColor(tokens.semantic.background.surface.emphasis)};
+  --bg-secondary-foreground: ${textPrimary};
+
+  --bg-muted: ${resolveColor(tokens.semantic.background.surface.subtle)};
+  --bg-muted-foreground: ${textSecondary};
+
+  --bg-accent: ${resolveColor(tokens.semantic.background.surface.emphasis)};
+  --bg-accent-foreground: ${textPrimary};
+
+  --bg-destructive: ${oklchToCSS({ l: 0.5, c: 0.2, h: 30 })}; /* Default red */
+  --bg-destructive-foreground: ${oklchToCSS(white)};
+
+  --bg-base: ${resolveColor(tokens.semantic.background.canvas)};
+  --bg-success: ${resolveColor(tokens.semantic.background.brand.emphasis)};
+
+  /* ========================================
+     Border Tokens
+     ======================================== */
+  --border-default: ${resolveColor(tokens.semantic.border.default.default)};
+  --border-input: ${resolveColor(tokens.semantic.border.default.subtle)};
+  --border-ring: ${resolveColor(tokens.semantic.background.brand.default)};
+  --border-border: ${resolveColor(tokens.semantic.border.default.default)};
+  --border-primary: ${resolveColor(tokens.semantic.background.brand.default)};
+
+  /* ========================================
+     Page Semantic Tokens (\uD398\uC774\uC9C0 \uD15C\uD50C\uB9BF \uC778\uB77C\uC778 \uC2A4\uD0C0\uC77C\uC6A9)
+     ======================================== */
+  --bg-canvas: ${resolveColor(tokens.semantic.background.canvas)};
+  --bg-surface: ${resolveColor(tokens.semantic.background.surface.default)};
+  --text-primary: ${textPrimary};
+  --text-secondary: ${textSecondary};
+  --text-tertiary: ${textTertiary};
+  --text-foreground: ${textPrimary};
+  --text-card-foreground: ${textPrimary};
+  --text-popover-foreground: ${textPrimary};
+  --text-muted-foreground: ${textSecondary};
+  --text-link: ${resolveColor(tokens.semantic.background.brand.default)};
+  --text-success: ${resolveColor(tokens.semantic.background.brand.emphasis)};
+  --text-destructive: ${oklchToCSS({ l: 0.5, c: 0.2, h: 30 })};
+  --action-primary: ${textPrimary};
+  --action-primary-text: ${oklchToCSS(white)};
+  --border-emphasis: ${resolveColor(tokens.semantic.border.default.emphasis)};
+
+  /* ========================================
+     Radius Tokens
+     ======================================== */
+  ${Object.entries(tokens.atomic.radius).map(([key, val]) => `--radius-${key}: ${val};`).join("\n  ")}
+
+  /* ========================================
+     Spacing Tokens
+     ======================================== */
+  ${Object.entries(tokens.atomic.spacing).map(([key, val]) => `--spacing-${key}: ${val};`).join("\n  ")}
+}
+`;
+  return css.trim();
+}
+function injectThemeCSS(theme) {
+  if (typeof document === "undefined") {
+    return;
+  }
+  const css = themeToCSS(theme);
+  const existingStyle = document.getElementById("tekton-theme");
+  if (existingStyle) {
+    existingStyle.remove();
+  }
+  const style = document.createElement("style");
+  style.id = "tekton-theme";
+  style.textContent = css;
+  document.head.appendChild(style);
+}
+function getCurrentThemeId() {
+  if (typeof document === "undefined") {
+    return null;
+  }
+  const root = document.documentElement;
+  return root.getAttribute("data-theme");
+}
+function setThemeId(themeId) {
+  if (typeof document === "undefined") {
+    return;
+  }
+  document.documentElement.setAttribute("data-theme", themeId);
+}
+export {
+  getCurrentThemeId,
+  injectThemeCSS,
+  oklchToCSS,
+  resolveSemanticToken,
+  setThemeId,
+  themeToCSS
+};