@digilogiclabs/saas-factory-ui 1.16.6 → 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;
@@ -31067,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);
@@ -31225,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);
 }
@@ -31239,7 +31230,7 @@ function StepProgress({
   onJump,
   className = ""
 }) {
-  ensureStylesInjected5();
+  ensureStylesInjected4();
   const currentIdx = Math.max(
     0,
     steps.findIndex((s) => s.key === current)
@@ -31295,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;
@@ -31360,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);
@@ -31409,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);
@@ -31470,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);
@@ -31579,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);
 }
@@ -31606,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;
@@ -31721,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);
@@ -31934,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);
 }
@@ -31952,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)("");