@digilogiclabs/saas-factory-ui 1.16.5 → 1.16.7

package/dist/index.js

@@ -29370,7 +29370,6 @@ var DEFAULT_GRADIENT = {
   endCycle: "#1a4d52;#3a7a7f;#c45e2e;#f16c25;#c45e2e;#3a7a7f;#1a4d52",
   cycleDuration: 4
 };
-var STYLE_ID3 = "dll-brand-loader-styles";
 var BRAND_LOADER_CSS = `
 .brand-loader-wrapper {
   display: inline-flex;
@@ -29483,14 +29482,6 @@ var BRAND_LOADER_CSS = `
   .brand-loader-label { animation: none; opacity: 1; }
 }
 `;
-function ensureStylesInjected3() {
-  if (typeof document === "undefined") return;
-  if (document.getElementById(STYLE_ID3)) return;
-  const el = document.createElement("style");
-  el.id = STYLE_ID3;
-  el.textContent = BRAND_LOADER_CSS;
-  document.head.appendChild(el);
-}
 function BrandLoader({
   mode = "draw",
   paths,
@@ -29511,7 +29502,6 @@ function BrandLoader({
 }) {
   const rawId = (0, import_react64.useId)().replace(/:/g, "");
   if (!loading) return null;
-  ensureStylesInjected3();
   const uid = `brand-${rawId}`;
   const px = typeof size === "number" ? size : SIZES[size] ?? SIZES.md;
   const effectiveDuration = duration ?? (mode === "pulse" ? 2 : 4);
@@ -29540,6 +29530,7 @@ function BrandLoader({
       "aria-live": "polite",
       "aria-label": ariaLabel ?? label ?? "Loading",
       children: [
+        /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("style", { href: "dll-brand-loader", precedence: "default", children: BRAND_LOADER_CSS }),
         mode === "pulse" ? /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
           "div",
           {
@@ -29742,7 +29733,7 @@ var STAGGER_STEP_MS = 35;
 var STAGGER_CAP = 14;
 var TILT_MAX_DEG = 12;
 var SCALE_HOVER = 1.04;
-var STYLE_ID4 = "dll-tilt-card-styles";
+var STYLE_ID3 = "dll-tilt-card-styles";
 var TILT_CARD_CSS = `
 .tc-root {
   --tc-accent: #3b82f6;
@@ -30047,11 +30038,11 @@ var TILT_CARD_CSS = `
   }
 }
 `;
-function ensureStylesInjected4() {
+function ensureStylesInjected3() {
   if (typeof document === "undefined") return;
-  if (document.getElementById(STYLE_ID4)) return;
+  if (document.getElementById(STYLE_ID3)) return;
   const el = document.createElement("style");
-  el.id = STYLE_ID4;
+  el.id = STYLE_ID3;
   el.textContent = TILT_CARD_CSS;
   document.head.appendChild(el);
 }
@@ -30078,7 +30069,7 @@ function TiltCard({
   const uid = (0, import_react65.useId)().replace(/:/g, "");
   const rootRef = (0, import_react65.useRef)(null);
   const [hovered, setHovered] = (0, import_react65.useState)(false);
-  ensureStylesInjected4();
+  ensureStylesInjected3();
   const handleMove = (0, import_react65.useCallback)(
     (e) => {
       if (disableTilt && disableShine) return;
@@ -30704,38 +30695,13 @@ function DiceRoller({
         clampedCount,
         effectiveSize,
         starts,
+        reducedMotion,
         refs: {
           die: dieWrapperRefs.current.map((el) => !!el),
           cube: cubeRefs.current.map((el) => !!el)
         }
       });
     }
-    if (reducedMotion) {
-      const final = defaultPositions(w, h, clampedCount);
-      currentPositionsRef.current = final;
-      for (let i = 0; i < clampedCount; i++) {
-        const p = final[i];
-        const el = dieWrapperRefs.current[i];
-        if (el) {
-          el.style.transition = "transform 0.2s ease-out";
-          el.style.setProperty("--dice-x", `${p.x - half}px`);
-          el.style.setProperty("--dice-y", `${p.y - half}px`);
-          el.style.setProperty("--dice-sx", "1");
-          el.style.setProperty("--dice-sy", "1");
-        }
-        const tgt = SHOW_ROT[vals[i]];
-        writeCubeRotation(i, tgt.x, tgt.y, 0, true);
-      }
-      setResults(vals);
-      setRolling(false);
-      rollingRef.current = false;
-      const total2 = vals.reduce((a, b) => a + b, 0);
-      onRoll?.(vals, total2);
-      if (showHistory) {
-        setHistory((prev) => [{ vals, total: total2 }, ...prev].slice(0, historyMax));
-      }
-      return;
-    }
     const frames = simulateDice(w, h, effectiveSize, starts, clampedCount);
     for (let i = 0; i < clampedCount; i++) {
       writeCubeRotation(
@@ -30904,72 +30870,64 @@ function DiceRoller({
                 "--dice-sx": "1",
                 "--dice-sy": "1"
               };
-              return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
-                "div",
-                {
-                  ref: getDieSetter(d),
-                  style: wrapperStyle,
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { ref: getDieSetter(d), style: wrapperStyle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+                  "div",
+                  {
+                    ref: getShadowSetter(d),
+                    style: {
+                      position: "absolute",
+                      bottom: -6,
+                      left: "12%",
+                      width: "76%",
+                      height: 10,
+                      background: `radial-gradient(ellipse,${colors.shadow} 0%,transparent 70%)`,
+                      borderRadius: "50%",
+                      pointerEvents: "none",
+                      opacity: 0.85,
+                      transition: "opacity 0.3s"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+                  "div",
+                  {
+                    ref: getCubeSetter(d),
+                    style: {
+                      width: "100%",
+                      height: "100%",
+                      position: "relative",
+                      transformStyle: "preserve-3d",
+                      willChange: "transform"
+                    },
+                    children: [1, 2, 3, 4, 5, 6].map((val, fi) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
                       "div",
                       {
-                        ref: getShadowSetter(d),
                         style: {
                           position: "absolute",
-                          bottom: -6,
-                          left: "12%",
-                          width: "76%",
-                          height: 10,
-                          background: `radial-gradient(ellipse,${colors.shadow} 0%,transparent 70%)`,
-                          borderRadius: "50%",
-                          pointerEvents: "none",
-                          opacity: 0.85,
-                          transition: "opacity 0.3s"
-                        }
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
-                      "div",
-                      {
-                        ref: getCubeSetter(d),
-                        style: {
-                          width: "100%",
-                          height: "100%",
-                          position: "relative",
-                          transformStyle: "preserve-3d",
-                          willChange: "transform"
+                          width: effectiveSize,
+                          height: effectiveSize,
+                          background: colors.face,
+                          border: `1px solid ${colors.faceBorder}`,
+                          borderRadius: faceRadius,
+                          transform: faceTransforms[fi],
+                          transition: "background 0.3s, border-color 0.3s"
                         },
-                        children: [1, 2, 3, 4, 5, 6].map((val, fi) => /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
-                          "div",
+                        children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
+                          Face,
                           {
-                            style: {
-                              position: "absolute",
-                              width: effectiveSize,
-                              height: effectiveSize,
-                              background: colors.face,
-                              border: `1px solid ${colors.faceBorder}`,
-                              borderRadius: faceRadius,
-                              transform: faceTransforms[fi],
-                              transition: "background 0.3s, border-color 0.3s"
-                            },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
-                              Face,
-                              {
-                                value: val,
-                                pipColor: colors.pip,
-                                pipShadow: colors.pipShadow,
-                                pipDiameter
-                              }
-                            )
-                          },
-                          val
-                        ))
-                      }
-                    )
-                  ]
-                },
-                d
-              );
+                            value: val,
+                            pipColor: colors.pip,
+                            pipShadow: colors.pipShadow,
+                            pipDiameter
+                          }
+                        )
+                      },
+                      val
+                    ))
+                  }
+                )
+              ] }, d);
             })
           }
         ),
@@ -31100,7 +31058,7 @@ DiceRoller.displayName = "DiceRoller";
 // src/components/ui/step-wizard/index.tsx
 var import_react67 = require("react");
 var import_jsx_runtime115 = require("react/jsx-runtime");
-var STYLE_ID5 = "dll-step-wizard-styles";
+var STYLE_ID4 = "dll-step-wizard-styles";
 var STEP_WIZARD_CSS = `
 .sw-root {
   --sw-accent: var(--primary, #3b82f6);
@@ -31258,11 +31216,11 @@ var STEP_WIZARD_CSS = `
   box-shadow: 0 4px 20px rgba(34, 197, 94, 0.25);
 }
 `;
-function ensureStylesInjected5() {
+function ensureStylesInjected4() {
   if (typeof document === "undefined") return;
-  if (document.getElementById(STYLE_ID5)) return;
+  if (document.getElementById(STYLE_ID4)) return;
   const el = document.createElement("style");
-  el.id = STYLE_ID5;
+  el.id = STYLE_ID4;
   el.textContent = STEP_WIZARD_CSS;
   document.head.appendChild(el);
 }
@@ -31272,7 +31230,7 @@ function StepProgress({
   onJump,
   className = ""
 }) {
-  ensureStylesInjected5();
+  ensureStylesInjected4();
   const currentIdx = Math.max(
     0,
     steps.findIndex((s) => s.key === current)
@@ -31328,7 +31286,7 @@ function StepWizard({
   nextLabel = "Continue",
   className = ""
 }) {
-  ensureStylesInjected5();
+  ensureStylesInjected4();
   const currentIdx = steps.findIndex((s) => s.key === current);
   const safeIdx = currentIdx < 0 ? 0 : currentIdx;
   const isFirst = safeIdx === 0;
@@ -31393,7 +31351,7 @@ function StepWizard({
 
 // src/components/ui/pill-toggle/index.tsx
 var import_jsx_runtime116 = require("react/jsx-runtime");
-var STYLE_ID6 = "dll-pill-toggle-styles";
+var STYLE_ID5 = "dll-pill-toggle-styles";
 var PILL_TOGGLE_CSS = `
 .pt-root {
   --pt-accent: var(--primary, #3b82f6);
@@ -31442,16 +31400,16 @@ var PILL_TOGGLE_CSS = `
   line-height: 1;
 }
 `;
-function ensureStylesInjected6() {
+function ensureStylesInjected5() {
   if (typeof document === "undefined") return;
-  if (document.getElementById(STYLE_ID6)) return;
+  if (document.getElementById(STYLE_ID5)) return;
   const el = document.createElement("style");
-  el.id = STYLE_ID6;
+  el.id = STYLE_ID5;
   el.textContent = PILL_TOGGLE_CSS;
   document.head.appendChild(el);
 }
 function PillToggle(props) {
-  ensureStylesInjected6();
+  ensureStylesInjected5();
   const { options, ariaLabel, className = "" } = props;
   const isActive = (value) => {
     if (props.multi) return props.value.includes(value);
@@ -31503,7 +31461,7 @@ function PillToggle(props) {
 // src/components/ui/tag-input/index.tsx
 var import_react68 = require("react");
 var import_jsx_runtime117 = require("react/jsx-runtime");
-var STYLE_ID7 = "dll-tag-input-styles";
+var STYLE_ID6 = "dll-tag-input-styles";
 var TAG_INPUT_CSS = `
 .ti-root {
   --ti-accent: var(--primary, #3b82f6);
@@ -31612,11 +31570,11 @@ var TAG_INPUT_CSS = `
   font-variant-numeric: tabular-nums;
 }
 `;
-function ensureStylesInjected7() {
+function ensureStylesInjected6() {
   if (typeof document === "undefined") return;
-  if (document.getElementById(STYLE_ID7)) return;
+  if (document.getElementById(STYLE_ID6)) return;
   const el = document.createElement("style");
-  el.id = STYLE_ID7;
+  el.id = STYLE_ID6;
   el.textContent = TAG_INPUT_CSS;
   document.head.appendChild(el);
 }
@@ -31639,7 +31597,7 @@ function TagInput({
   onInputChange,
   className = ""
 }) {
-  ensureStylesInjected7();
+  ensureStylesInjected6();
   const [internalInput, setInternalInput] = (0, import_react68.useState)("");
   const isControlled = inputValue !== void 0;
   const input = isControlled ? inputValue : internalInput;
@@ -31754,7 +31712,7 @@ function TagInput({
 // src/components/ui/sectioned-list-editor/index.tsx
 var import_react69 = require("react");
 var import_jsx_runtime118 = require("react/jsx-runtime");
-var STYLE_ID8 = "dll-sectioned-list-editor-styles";
+var STYLE_ID7 = "dll-sectioned-list-editor-styles";
 var SECTIONED_LIST_CSS = `
 .sle-root {
   --sle-accent: var(--primary, #3b82f6);
@@ -31967,11 +31925,11 @@ var SECTIONED_LIST_CSS = `
   font-variant-numeric: tabular-nums;
 }
 `;
-function ensureStylesInjected8() {
+function ensureStylesInjected7() {
   if (typeof document === "undefined") return;
-  if (document.getElementById(STYLE_ID8)) return;
+  if (document.getElementById(STYLE_ID7)) return;
   const el = document.createElement("style");
-  el.id = STYLE_ID8;
+  el.id = STYLE_ID7;
   el.textContent = SECTIONED_LIST_CSS;
   document.head.appendChild(el);
 }
@@ -31985,7 +31943,7 @@ function SectionedListEditor({
   renderSummary,
   className = ""
 }) {
-  ensureStylesInjected8();
+  ensureStylesInjected7();
   const [activeKey, setActiveKey] = (0, import_react69.useState)(sections[0]?.key ?? "");
   const [input, setInput] = (0, import_react69.useState)("");
   const [customName, setCustomName] = (0, import_react69.useState)("");