@nice2dev/omniwerk-branding 1.0.28

package/dist/index.cjs

@@ -0,0 +1,60 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./fonts.cjs"),e=require("react/jsx-runtime"),d=require("react"),r={primary:"#1A237E",primaryLight:"#534BAE",primaryDark:"#000051",secondary:"#00BCD4",secondaryLight:"#62EFFF",secondaryDark:"#008BA3",tertiary:"#FFC107",tertiaryLight:"#FFF350",tertiaryDark:"#C79100",success:"#4CAF50",warning:"#FF9800",error:"#F44336",info:"#2196F3",background:"#FAFAFA",surface:"#FFFFFF",onBackground:"#212121",onSurface:"#212121",outline:"#BDBDBD",surfaceVariant:"#E0E0E0",backgroundDark:"#121212",surfaceDark:"#1E1E1E",onBackgroundDark:"#E0E0E0",onSurfaceDark:"#E0E0E0",outlineDark:"#424242",surfaceVariantDark:"#2C2C2C"},W={primary:{type:"linear",angle:135,stops:[{offset:0,color:r.primary},{offset:100,color:r.primaryLight}]},secondary:{type:"linear",angle:135,stops:[{offset:0,color:r.secondary},{offset:100,color:r.secondaryLight}]},brand:{type:"linear",angle:135,stops:[{offset:0,color:r.primary},{offset:100,color:r.secondary}]},brandReverse:{type:"linear",angle:315,stops:[{offset:0,color:r.secondary},{offset:100,color:r.primary}]}},w={xs:{icon:16,fontSize:10,spacing:4},sm:{icon:24,fontSize:14,spacing:6},md:{icon:32,fontSize:20,spacing:8},lg:{icon:48,fontSize:32,spacing:12},xl:{icon:64,fontSize:48,spacing:16},xxl:{icon:96,fontSize:72,spacing:24}},p=d.forwardRef(({size:n=32,color:i,gradient:t=!1,className:a,style:l},m)=>{const s=d.useId(),y=i??r.primary,x=d.useMemo(()=>{if(!t)return null;const g=W[t];return e.jsx("defs",{children:e.jsx("linearGradient",{id:s,x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:g.stops.map((u,f)=>e.jsx("stop",{offset:`${u.offset}%`,stopColor:u.color},f))})})},[t,s]),c=t?`url(#${s})`:y,k=n*.08;return e.jsxs("svg",{ref:m,width:n,height:n,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:a,style:l,role:"img","aria-label":"OmniWerk",children:[x,e.jsx("circle",{cx:"12",cy:"12",r:"9",stroke:c,strokeWidth:k,fill:"none"}),e.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12",stroke:c,strokeWidth:k,strokeLinecap:"round"}),e.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"8",stroke:c,strokeWidth:k,strokeLinecap:"round"}),e.jsx("line",{x1:"12",y1:"16",x2:"12",y2:"19",stroke:c,strokeWidth:k,strokeLinecap:"round"}),e.jsx("circle",{cx:"5",cy:"12",r:n*.04,fill:c}),e.jsx("circle",{cx:"19",cy:"12",r:n*.04,fill:c}),e.jsx("circle",{cx:"12",cy:"5",r:n*.04,fill:c}),e.jsx("circle",{cx:"12",cy:"19",r:n*.04,fill:c}),e.jsx("circle",{cx:"12",cy:"12",r:n*.06,fill:c})]})});p.displayName="OmniWerkIcon";const S=d.forwardRef(({fontSize:n=32,color:i,showTagline:t=!1,className:a,style:l},m)=>{const s=i??r.primary;return e.jsxs("div",{ref:m,className:a,style:l,children:[e.jsx("span",{style:{fontFamily:o.OMNIWERK_FONTS.logo,fontSize:`${n}px`,letterSpacing:`${n*.05}px`,color:s,fontWeight:400,display:"block"},children:"OMNIWERK"}),t&&e.jsx("span",{style:{fontFamily:o.OMNIWERK_FONTS.body,fontSize:`${n*.35}px`,letterSpacing:`${n*.08}px`,color:s,opacity:.7,fontWeight:300,display:"block"},children:"Enterprise Solutions"})]})});S.displayName="OmniWerkText";const O=d.forwardRef(({size:n="md",variant:i="horizontal",color:t,gradient:a=!1,showTagline:l=!1,className:m,style:s,onClick:y,"aria-label":x},c)=>{const k=w[n],g=t??r.primary,u={display:"inline-flex",alignItems:"center",justifyContent:"center",gap:`${k.spacing}px`,flexDirection:i==="vertical"?"column":"row",cursor:y?"pointer":void 0,...s},f=()=>e.jsx(p,{size:k.icon,color:a?void 0:g,gradient:a||void 0}),F=()=>e.jsx(S,{fontSize:k.fontSize,color:g,showTagline:l});return e.jsxs("div",{ref:c,className:m,style:u,onClick:y,role:y?"button":void 0,tabIndex:y?0:void 0,"aria-label":x??"OmniWerk",children:[i==="icon"&&f(),i==="text"&&F(),i==="horizontal"&&e.jsxs(e.Fragment,{children:[f(),F()]}),i==="vertical"&&e.jsxs(e.Fragment,{children:[f(),F()]})]})});O.displayName="OmniWerkLogo";const E=d.forwardRef(({animate:n=!0,pulseOnHover:i=!0,style:t,...a},l)=>{const[m,s]=d.useState(!1),y={...t,animation:n?"omniwerk-entrance 0.8s ease-out":void 0,transform:i&&m?"scale(1.05)":"scale(1)",transition:"transform 0.15s ease-out"};return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:`
+          @keyframes omniwerk-entrance {
+            0% {
+              opacity: 0;
+              transform: scale(0.8);
+            }
+            100% {
+              opacity: 1;
+              transform: scale(1);
+            }
+          }
+        `}),e.jsx("div",{onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),children:e.jsx(O,{ref:l,...a,style:y})})]})});E.displayName="OmniWerkAnimatedLogo";const N=({size:n=48,color:i,gradient:t=!1})=>{const a=d.useId();return e.jsxs(e.Fragment,{children:[e.jsx("style",{children:`
+        @keyframes omniwerk-spin-${a.replace(/:/g,"")} {
+          from { transform: rotate(0deg); }
+          to { transform: rotate(360deg); }
+        }
+      `}),e.jsx("div",{style:{animation:`omniwerk-spin-${a.replace(/:/g,"")} 2s linear infinite`,display:"inline-flex"},children:e.jsx(p,{size:n,color:i,gradient:t})})]})},I=({background:n="brand",logoColor:i="#FFFFFF",showTagline:t=!0,onComplete:a,duration:l=2e3})=>{d.useEffect(()=>{if(a){const s=setTimeout(a,l);return()=>clearTimeout(s)}},[a,l]);const m=n==="primary"?{background:`linear-gradient(135deg, ${r.primary}, ${r.primaryLight})`}:n==="brand"?{background:`linear-gradient(135deg, ${r.primary}, ${r.secondary})`}:{background:n};return e.jsx("div",{style:{position:"fixed",inset:0,display:"flex",alignItems:"center",justifyContent:"center",...m},children:e.jsx(E,{size:"xxl",variant:"vertical",color:i,showTagline:t,animate:!0})})},L=()=>e.jsx("style",{children:o.OMNIWERK_FONT_IMPORT}),T=`
+:root {
+  /* Primary */
+  --omniwerk-primary: ${r.primary};
+  --omniwerk-primary-light: ${r.primaryLight};
+  --omniwerk-primary-dark: ${r.primaryDark};
+  
+  /* Secondary */
+  --omniwerk-secondary: ${r.secondary};
+  --omniwerk-secondary-light: ${r.secondaryLight};
+  --omniwerk-secondary-dark: ${r.secondaryDark};
+  
+  /* Tertiary */
+  --omniwerk-tertiary: ${r.tertiary};
+  --omniwerk-tertiary-light: ${r.tertiaryLight};
+  --omniwerk-tertiary-dark: ${r.tertiaryDark};
+  
+  /* Semantic */
+  --omniwerk-success: ${r.success};
+  --omniwerk-warning: ${r.warning};
+  --omniwerk-error: ${r.error};
+  --omniwerk-info: ${r.info};
+  
+  /* Surfaces */
+  --omniwerk-background: ${r.background};
+  --omniwerk-surface: ${r.surface};
+  --omniwerk-on-background: ${r.onBackground};
+  --omniwerk-on-surface: ${r.onSurface};
+  --omniwerk-outline: ${r.outline};
+  
+  /* Fonts */
+  --omniwerk-font-logo: ${o.OMNIWERK_FONTS.logo};
+  --omniwerk-font-body: ${o.OMNIWERK_FONTS.body};
+  --omniwerk-font-mono: ${o.OMNIWERK_FONTS.mono};
+}
+
+[data-theme="dark"], .dark {
+  --omniwerk-background: ${r.backgroundDark};
+  --omniwerk-surface: ${r.surfaceDark};
+  --omniwerk-on-background: ${r.onBackgroundDark};
+  --omniwerk-on-surface: ${r.onSurfaceDark};
+  --omniwerk-outline: ${r.outlineDark};
+}
+`,R={theme:{extend:{colors:{omniwerk:{primary:{DEFAULT:r.primary,light:r.primaryLight,dark:r.primaryDark},secondary:{DEFAULT:r.secondary,light:r.secondaryLight,dark:r.secondaryDark},tertiary:{DEFAULT:r.tertiary,light:r.tertiaryLight,dark:r.tertiaryDark},success:r.success,warning:r.warning,error:r.error,info:r.info}},fontFamily:{"omniwerk-logo":[o.OMNIWERK_FONTS.logo],"omniwerk-body":[o.OMNIWERK_FONTS.body],"omniwerk-mono":[o.OMNIWERK_FONTS.mono]},backgroundImage:{"omniwerk-primary":`linear-gradient(135deg, ${r.primary}, ${r.primaryLight})`,"omniwerk-secondary":`linear-gradient(135deg, ${r.secondary}, ${r.secondaryLight})`,"omniwerk-brand":`linear-gradient(135deg, ${r.primary}, ${r.secondary})`}}}},h={palette:{primary:{main:r.primary,light:r.primaryLight,dark:r.primaryDark,contrastText:"#FFFFFF"},secondary:{main:r.secondary,light:r.secondaryLight,dark:r.secondaryDark,contrastText:"#000000"},success:{main:r.success},warning:{main:r.warning},error:{main:r.error},info:{main:r.info},background:{default:r.background,paper:r.surface}},typography:{fontFamily:o.OMNIWERK_FONTS.body,h1:o.OMNIWERK_LOGO_STYLES.xl,h2:o.OMNIWERK_LOGO_STYLES.lg,h3:o.OMNIWERK_LOGO_STYLES.md,h4:o.OMNIWERK_LOGO_STYLES.sm}},$={...h,palette:{...h.palette,mode:"dark",background:{default:r.backgroundDark,paper:r.surfaceDark}}};exports.OMNIWERK_FONTS=o.OMNIWERK_FONTS;exports.OMNIWERK_FONT_FACE=o.OMNIWERK_FONT_FACE;exports.OMNIWERK_FONT_IMPORT=o.OMNIWERK_FONT_IMPORT;exports.OMNIWERK_LOGO_STYLES=o.OMNIWERK_LOGO_STYLES;exports.OMNIWERK_COLORS=r;exports.OMNIWERK_CSS_VARS=T;exports.OMNIWERK_GRADIENTS=W;exports.OmniWerkAnimatedLogo=E;exports.OmniWerkFontLoader=L;exports.OmniWerkIcon=p;exports.OmniWerkLoadingSpinner=N;exports.OmniWerkLogo=O;exports.OmniWerkSplash=I;exports.OmniWerkText=S;exports.default=O;exports.omniWerkMuiDarkTheme=$;exports.omniWerkMuiTheme=h;exports.omniWerkTailwindPreset=R;

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @nice2dev/omniwerk-branding
+ *
+ * OmniWerk brand assets, logos, and theme for React applications.
+ *
+ * @packageDocumentation
+ *
+ * @example
+ * ```tsx
+ * import { OmniWerkLogo, OmniWerkFontLoader, OMNIWERK_COLORS } from '@nice2dev/omniwerk-branding';
+ *
+ * function App() {
+ *   return (
+ *     <>
+ *       <OmniWerkFontLoader />
+ *       <OmniWerkLogo variant="horizontal" size="lg" gradient="brand" />
+ *     </>
+ *   );
+ * }
+ * ```
+ */
+export { OMNIWERK_COLORS, OMNIWERK_GRADIENTS, } from './colors';
+export type { OmniWerkColorKey, OmniWerkGradientKey, } from './colors';
+export { OMNIWERK_FONTS, OMNIWERK_FONT_IMPORT, OMNIWERK_FONT_FACE, OMNIWERK_LOGO_STYLES, } from './fonts';
+export type { OmniWerkLogoStyleSize, } from './fonts';
+export { OmniWerkIcon, OmniWerkText, OmniWerkLogo, OmniWerkAnimatedLogo, OmniWerkLoadingSpinner, OmniWerkSplash, OmniWerkFontLoader, } from './OmniWerkLogo';
+export type { OmniWerkLogoSize, OmniWerkLogoVariant, OmniWerkLogoProps, OmniWerkIconProps, OmniWerkTextProps, OmniWerkAnimatedLogoProps, OmniWerkLoadingSpinnerProps, OmniWerkSplashProps, OmniWerkGradientPreset, } from './OmniWerkLogo';
+export { OMNIWERK_CSS_VARS, omniWerkTailwindPreset, omniWerkMuiTheme, omniWerkMuiDarkTheme, } from './theme';
+export { default } from './OmniWerkLogo';

package/dist/index.mjs

@@ -0,0 +1,487 @@
+import { OMNIWERK_FONT_IMPORT as W, OMNIWERK_FONTS as m, OMNIWERK_LOGO_STYLES as u } from "./fonts.mjs";
+import { OMNIWERK_FONT_FACE as P } from "./fonts.mjs";
+import { jsxs as f, Fragment as h, jsx as e } from "react/jsx-runtime";
+import E, { forwardRef as w, useId as L, useMemo as I } from "react";
+const r = {
+  // Primary - Deep Blue
+  primary: "#1A237E",
+  primaryLight: "#534BAE",
+  primaryDark: "#000051",
+  // Secondary - Cyan
+  secondary: "#00BCD4",
+  secondaryLight: "#62EFFF",
+  secondaryDark: "#008BA3",
+  // Tertiary - Amber
+  tertiary: "#FFC107",
+  tertiaryLight: "#FFF350",
+  tertiaryDark: "#C79100",
+  // Semantic
+  success: "#4CAF50",
+  warning: "#FF9800",
+  error: "#F44336",
+  info: "#2196F3",
+  // Neutrals (light mode)
+  background: "#FAFAFA",
+  surface: "#FFFFFF",
+  onBackground: "#212121",
+  onSurface: "#212121",
+  outline: "#BDBDBD",
+  surfaceVariant: "#E0E0E0",
+  // Neutrals (dark mode)
+  backgroundDark: "#121212",
+  surfaceDark: "#1E1E1E",
+  onBackgroundDark: "#E0E0E0",
+  onSurfaceDark: "#E0E0E0",
+  outlineDark: "#424242",
+  surfaceVariantDark: "#2C2C2C"
+}, v = {
+  primary: {
+    type: "linear",
+    angle: 135,
+    stops: [
+      { offset: 0, color: r.primary },
+      { offset: 100, color: r.primaryLight }
+    ]
+  },
+  secondary: {
+    type: "linear",
+    angle: 135,
+    stops: [
+      { offset: 0, color: r.secondary },
+      { offset: 100, color: r.secondaryLight }
+    ]
+  },
+  brand: {
+    type: "linear",
+    angle: 135,
+    stops: [
+      { offset: 0, color: r.primary },
+      { offset: 100, color: r.secondary }
+    ]
+  },
+  brandReverse: {
+    type: "linear",
+    angle: 315,
+    stops: [
+      { offset: 0, color: r.secondary },
+      { offset: 100, color: r.primary }
+    ]
+  }
+}, T = {
+  xs: { icon: 16, fontSize: 10, spacing: 4 },
+  sm: { icon: 24, fontSize: 14, spacing: 6 },
+  md: { icon: 32, fontSize: 20, spacing: 8 },
+  lg: { icon: 48, fontSize: 32, spacing: 12 },
+  xl: { icon: 64, fontSize: 48, spacing: 16 },
+  xxl: { icon: 96, fontSize: 72, spacing: 24 }
+}, $ = w(
+  ({ size: n = 32, color: o, gradient: a = !1, className: i, style: s }, l) => {
+    const t = L(), d = o ?? r.primary, F = I(() => {
+      if (!a)
+        return null;
+      const g = v[a];
+      return /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("linearGradient", { id: t, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: g.stops.map((p, k) => /* @__PURE__ */ e("stop", { offset: `${p.offset}%`, stopColor: p.color }, k)) }) });
+    }, [a, t]), c = a ? `url(#${t})` : d, y = n * 0.08;
+    return /* @__PURE__ */ f(
+      "svg",
+      {
+        ref: l,
+        width: n,
+        height: n,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className: i,
+        style: s,
+        role: "img",
+        "aria-label": "OmniWerk",
+        children: [
+          F,
+          /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "9", stroke: c, strokeWidth: y, fill: "none" }),
+          /* @__PURE__ */ e(
+            "line",
+            {
+              x1: "5",
+              y1: "12",
+              x2: "19",
+              y2: "12",
+              stroke: c,
+              strokeWidth: y,
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "line",
+            {
+              x1: "12",
+              y1: "5",
+              x2: "12",
+              y2: "8",
+              stroke: c,
+              strokeWidth: y,
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "line",
+            {
+              x1: "12",
+              y1: "16",
+              x2: "12",
+              y2: "19",
+              stroke: c,
+              strokeWidth: y,
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ e("circle", { cx: "5", cy: "12", r: n * 0.04, fill: c }),
+          /* @__PURE__ */ e("circle", { cx: "19", cy: "12", r: n * 0.04, fill: c }),
+          /* @__PURE__ */ e("circle", { cx: "12", cy: "5", r: n * 0.04, fill: c }),
+          /* @__PURE__ */ e("circle", { cx: "12", cy: "19", r: n * 0.04, fill: c }),
+          /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: n * 0.06, fill: c })
+        ]
+      }
+    );
+  }
+);
+$.displayName = "OmniWerkIcon";
+const S = w(
+  ({ fontSize: n = 32, color: o, showTagline: a = !1, className: i, style: s }, l) => {
+    const t = o ?? r.primary;
+    return /* @__PURE__ */ f("div", { ref: l, className: i, style: s, children: [
+      /* @__PURE__ */ e(
+        "span",
+        {
+          style: {
+            fontFamily: m.logo,
+            fontSize: `${n}px`,
+            letterSpacing: `${n * 0.05}px`,
+            color: t,
+            fontWeight: 400,
+            display: "block"
+          },
+          children: "OMNIWERK"
+        }
+      ),
+      a && /* @__PURE__ */ e(
+        "span",
+        {
+          style: {
+            fontFamily: m.body,
+            fontSize: `${n * 0.35}px`,
+            letterSpacing: `${n * 0.08}px`,
+            color: t,
+            opacity: 0.7,
+            fontWeight: 300,
+            display: "block"
+          },
+          children: "Enterprise Solutions"
+        }
+      )
+    ] });
+  }
+);
+S.displayName = "OmniWerkText";
+const b = w(
+  ({
+    size: n = "md",
+    variant: o = "horizontal",
+    color: a,
+    gradient: i = !1,
+    showTagline: s = !1,
+    className: l,
+    style: t,
+    onClick: d,
+    "aria-label": F
+  }, c) => {
+    const y = T[n], g = a ?? r.primary, p = {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: `${y.spacing}px`,
+      flexDirection: o === "vertical" ? "column" : "row",
+      cursor: d ? "pointer" : void 0,
+      ...t
+    }, k = () => /* @__PURE__ */ e(
+      $,
+      {
+        size: y.icon,
+        color: i ? void 0 : g,
+        gradient: i || void 0
+      }
+    ), x = () => /* @__PURE__ */ e(
+      S,
+      {
+        fontSize: y.fontSize,
+        color: g,
+        showTagline: s
+      }
+    );
+    return /* @__PURE__ */ f(
+      "div",
+      {
+        ref: c,
+        className: l,
+        style: p,
+        onClick: d,
+        role: d ? "button" : void 0,
+        tabIndex: d ? 0 : void 0,
+        "aria-label": F ?? "OmniWerk",
+        children: [
+          o === "icon" && k(),
+          o === "text" && x(),
+          o === "horizontal" && /* @__PURE__ */ f(h, { children: [
+            k(),
+            x()
+          ] }),
+          o === "vertical" && /* @__PURE__ */ f(h, { children: [
+            k(),
+            x()
+          ] })
+        ]
+      }
+    );
+  }
+);
+b.displayName = "OmniWerkLogo";
+const O = w(
+  ({ animate: n = !0, pulseOnHover: o = !0, style: a, ...i }, s) => {
+    const [l, t] = E.useState(!1), d = {
+      ...a,
+      animation: n ? "omniwerk-entrance 0.8s ease-out" : void 0,
+      transform: o && l ? "scale(1.05)" : "scale(1)",
+      transition: "transform 0.15s ease-out"
+    };
+    return /* @__PURE__ */ f(h, { children: [
+      /* @__PURE__ */ e("style", { children: `
+          @keyframes omniwerk-entrance {
+            0% {
+              opacity: 0;
+              transform: scale(0.8);
+            }
+            100% {
+              opacity: 1;
+              transform: scale(1);
+            }
+          }
+        ` }),
+      /* @__PURE__ */ e("div", { onMouseEnter: () => t(!0), onMouseLeave: () => t(!1), children: /* @__PURE__ */ e(b, { ref: s, ...i, style: d }) })
+    ] });
+  }
+);
+O.displayName = "OmniWerkAnimatedLogo";
+const M = ({
+  size: n = 48,
+  color: o,
+  gradient: a = !1
+}) => {
+  const i = L();
+  return /* @__PURE__ */ f(h, { children: [
+    /* @__PURE__ */ e("style", { children: `
+        @keyframes omniwerk-spin-${i.replace(/:/g, "")} {
+          from { transform: rotate(0deg); }
+          to { transform: rotate(360deg); }
+        }
+      ` }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        style: {
+          animation: `omniwerk-spin-${i.replace(/:/g, "")} 2s linear infinite`,
+          display: "inline-flex"
+        },
+        children: /* @__PURE__ */ e($, { size: n, color: o, gradient: a })
+      }
+    )
+  ] });
+}, C = ({
+  background: n = "brand",
+  logoColor: o = "#FFFFFF",
+  showTagline: a = !0,
+  onComplete: i,
+  duration: s = 2e3
+}) => {
+  E.useEffect(() => {
+    if (i) {
+      const t = setTimeout(i, s);
+      return () => clearTimeout(t);
+    }
+  }, [i, s]);
+  const l = n === "primary" ? {
+    background: `linear-gradient(135deg, ${r.primary}, ${r.primaryLight})`
+  } : n === "brand" ? {
+    background: `linear-gradient(135deg, ${r.primary}, ${r.secondary})`
+  } : { background: n };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        inset: 0,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        ...l
+      },
+      children: /* @__PURE__ */ e(
+        O,
+        {
+          size: "xxl",
+          variant: "vertical",
+          color: o,
+          showTagline: a,
+          animate: !0
+        }
+      )
+    }
+  );
+}, _ = () => /* @__PURE__ */ e("style", { children: W }), B = `
+:root {
+  /* Primary */
+  --omniwerk-primary: ${r.primary};
+  --omniwerk-primary-light: ${r.primaryLight};
+  --omniwerk-primary-dark: ${r.primaryDark};
+  
+  /* Secondary */
+  --omniwerk-secondary: ${r.secondary};
+  --omniwerk-secondary-light: ${r.secondaryLight};
+  --omniwerk-secondary-dark: ${r.secondaryDark};
+  
+  /* Tertiary */
+  --omniwerk-tertiary: ${r.tertiary};
+  --omniwerk-tertiary-light: ${r.tertiaryLight};
+  --omniwerk-tertiary-dark: ${r.tertiaryDark};
+  
+  /* Semantic */
+  --omniwerk-success: ${r.success};
+  --omniwerk-warning: ${r.warning};
+  --omniwerk-error: ${r.error};
+  --omniwerk-info: ${r.info};
+  
+  /* Surfaces */
+  --omniwerk-background: ${r.background};
+  --omniwerk-surface: ${r.surface};
+  --omniwerk-on-background: ${r.onBackground};
+  --omniwerk-on-surface: ${r.onSurface};
+  --omniwerk-outline: ${r.outline};
+  
+  /* Fonts */
+  --omniwerk-font-logo: ${m.logo};
+  --omniwerk-font-body: ${m.body};
+  --omniwerk-font-mono: ${m.mono};
+}
+
+[data-theme="dark"], .dark {
+  --omniwerk-background: ${r.backgroundDark};
+  --omniwerk-surface: ${r.surfaceDark};
+  --omniwerk-on-background: ${r.onBackgroundDark};
+  --omniwerk-on-surface: ${r.onSurfaceDark};
+  --omniwerk-outline: ${r.outlineDark};
+}
+`, K = {
+  theme: {
+    extend: {
+      colors: {
+        omniwerk: {
+          primary: {
+            DEFAULT: r.primary,
+            light: r.primaryLight,
+            dark: r.primaryDark
+          },
+          secondary: {
+            DEFAULT: r.secondary,
+            light: r.secondaryLight,
+            dark: r.secondaryDark
+          },
+          tertiary: {
+            DEFAULT: r.tertiary,
+            light: r.tertiaryLight,
+            dark: r.tertiaryDark
+          },
+          success: r.success,
+          warning: r.warning,
+          error: r.error,
+          info: r.info
+        }
+      },
+      fontFamily: {
+        "omniwerk-logo": [m.logo],
+        "omniwerk-body": [m.body],
+        "omniwerk-mono": [m.mono]
+      },
+      backgroundImage: {
+        "omniwerk-primary": `linear-gradient(135deg, ${r.primary}, ${r.primaryLight})`,
+        "omniwerk-secondary": `linear-gradient(135deg, ${r.secondary}, ${r.secondaryLight})`,
+        "omniwerk-brand": `linear-gradient(135deg, ${r.primary}, ${r.secondary})`
+      }
+    }
+  }
+}, D = {
+  palette: {
+    primary: {
+      main: r.primary,
+      light: r.primaryLight,
+      dark: r.primaryDark,
+      contrastText: "#FFFFFF"
+    },
+    secondary: {
+      main: r.secondary,
+      light: r.secondaryLight,
+      dark: r.secondaryDark,
+      contrastText: "#000000"
+    },
+    success: {
+      main: r.success
+    },
+    warning: {
+      main: r.warning
+    },
+    error: {
+      main: r.error
+    },
+    info: {
+      main: r.info
+    },
+    background: {
+      default: r.background,
+      paper: r.surface
+    }
+  },
+  typography: {
+    fontFamily: m.body,
+    h1: u.xl,
+    h2: u.lg,
+    h3: u.md,
+    h4: u.sm
+  }
+}, z = {
+  ...D,
+  palette: {
+    ...D.palette,
+    mode: "dark",
+    background: {
+      default: r.backgroundDark,
+      paper: r.surfaceDark
+    }
+  }
+};
+export {
+  r as OMNIWERK_COLORS,
+  B as OMNIWERK_CSS_VARS,
+  m as OMNIWERK_FONTS,
+  P as OMNIWERK_FONT_FACE,
+  W as OMNIWERK_FONT_IMPORT,
+  v as OMNIWERK_GRADIENTS,
+  u as OMNIWERK_LOGO_STYLES,
+  O as OmniWerkAnimatedLogo,
+  _ as OmniWerkFontLoader,
+  $ as OmniWerkIcon,
+  M as OmniWerkLoadingSpinner,
+  b as OmniWerkLogo,
+  C as OmniWerkSplash,
+  S as OmniWerkText,
+  b as default,
+  z as omniWerkMuiDarkTheme,
+  D as omniWerkMuiTheme,
+  K as omniWerkTailwindPreset
+};