@lukso/web-components 1.130.0 → 1.131.1

package/dist/components/lukso-wizard/index.cjs

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const shared_tailwindElement_index = require('../../index-1fd569a9.cjs');
-const property = require('../../property-7a90cede.cjs');
+const shared_tailwindElement_index = require('../../index-b103f110.cjs');
+const property = require('../../property-e2dd6303.cjs');
 const directive = require('../../directive-8278ab14.cjs');
 const index = require('../../index-2b104ecb.cjs');
 
@@ -34,58 +34,61 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 exports.LuksoWizard = class LuksoWizard extends shared_tailwindElement_index.TailwindStyledElement(style) {
-  steps = "";
-  activeStep = 1;
-  size = "medium";
-  stepStyles = index.ce({
-    slots: {
-      base: `inline-flex flex-col items-center justify-end first:-ml-12 last:-mr-12 relative
+  constructor() {
+    super(...arguments);
+    this.steps = "";
+    this.activeStep = 1;
+    this.size = "medium";
+    this.stepStyles = index.ce({
+      slots: {
+        base: `inline-flex flex-col items-center justify-end first:-ml-12 last:-mr-12 relative
     [&>.lukso-wizard-circle]:after:last:hidden [&>.lukso-wizard-circle]:before:last:hidden`,
-      circle: `lukso-wizard-circle bg-neutral-90 w-4 h-4 rounded-full shadow-wizard-step mt-2 flex items-center
+        circle: `lukso-wizard-circle bg-neutral-90 w-4 h-4 rounded-full shadow-wizard-step mt-2 flex items-center
     border-[1px] border-solid border-[rgba(255,255,255,0.8)]
     after:block after:absolute after:bottom-[7px] after:ml-[15px] after:h-[2px]
     after:content:'' after:bg-transparent after:transition-width after:duration-300
     before:block before:absolute before:bottom-[7px] before:ml-[15px] before:h-[2px]
     before:content:'' before:bg-neutral-90 before:shadow-wizard-line before:w-[calc(100%-16px)]`,
-      innerCircle: "lukso-wizard-circle-inner rounded-full w-[10px] h-[10px] ml-[2px]"
-    },
-    variants: {
-      size: {
-        small: {
-          base: "w-[92px]"
-        },
-        medium: {
-          base: "w-[121px]"
-        },
-        large: {
-          base: "w-[180px]"
-        },
-        ["full-width"]: {
-          base: "w-full"
-        }
+        innerCircle: "lukso-wizard-circle-inner rounded-full w-[10px] h-[10px] ml-[2px]"
       },
-      completed: {
-        true: {
-          base: `[&>.lukso-wizard-circle]:after:bg-purple-51
+      variants: {
+        size: {
+          small: {
+            base: "w-[92px]"
+          },
+          medium: {
+            base: "w-[121px]"
+          },
+          large: {
+            base: "w-[180px]"
+          },
+          ["full-width"]: {
+            base: "w-full"
+          }
+        },
+        completed: {
+          true: {
+            base: `[&>.lukso-wizard-circle]:after:bg-purple-51
           [&_.lukso-wizard-circle-inner]:bg-gradient-to-t
           [&_.lukso-wizard-circle-inner]:from-gradient-3-start
           [&_.lukso-wizard-circle-inner]:to-gradient-3-end`,
-          circle: "completed"
-        }
-      },
-      current: {
-        true: {
-          circle: "current"
-        }
-      },
-      active: {
-        true: {
-          base: `[&_.lukso-wizard-circle-inner]:border-2 [&_.lukso-wizard-circle-inner]:border-purple-51`,
-          innerCircle: "[&_.lukso-wizard-circle-inner]:border-2 [&_.lukso-wizard-circle-inner]:border-purple-51"
+            circle: "completed"
+          }
+        },
+        current: {
+          true: {
+            circle: "current"
+          }
+        },
+        active: {
+          true: {
+            base: `[&_.lukso-wizard-circle-inner]:border-2 [&_.lukso-wizard-circle-inner]:border-purple-51`,
+            innerCircle: "[&_.lukso-wizard-circle-inner]:border-2 [&_.lukso-wizard-circle-inner]:border-purple-51"
+          }
         }
       }
-    }
-  });
+    });
+  }
   stepTemplate(step, index) {
     const { base, circle, innerCircle } = this.stepStyles({
       completed: index + 1 < this.activeStep,

package/dist/components/lukso-wizard/index.js

@@ -1,5 +1,5 @@
-import { Z, b as T, T as TailwindStyledElement, x } from '../../index-82b4fdeb.js';
-import { n, t as t$2 } from '../../property-cfc5fabd.js';
+import { Z, b as T, T as TailwindStyledElement, x } from '../../index-44537fbb.js';
+import { n, t as t$2 } from '../../property-27a56e78.js';
 import { e, i, t as t$1 } from '../../directive-2bb7789e.js';
 import { c as ce } from '../../index-d14b6a34.js';
 
@@ -30,58 +30,61 @@ var __decorateClass = (decorators, target, key, kind) => {
   return result;
 };
 let LuksoWizard = class extends TailwindStyledElement(style) {
-  steps = "";
-  activeStep = 1;
-  size = "medium";
-  stepStyles = ce({
-    slots: {
-      base: `inline-flex flex-col items-center justify-end first:-ml-12 last:-mr-12 relative
+  constructor() {
+    super(...arguments);
+    this.steps = "";
+    this.activeStep = 1;
+    this.size = "medium";
+    this.stepStyles = ce({
+      slots: {
+        base: `inline-flex flex-col items-center justify-end first:-ml-12 last:-mr-12 relative
     [&>.lukso-wizard-circle]:after:last:hidden [&>.lukso-wizard-circle]:before:last:hidden`,
-      circle: `lukso-wizard-circle bg-neutral-90 w-4 h-4 rounded-full shadow-wizard-step mt-2 flex items-center
+        circle: `lukso-wizard-circle bg-neutral-90 w-4 h-4 rounded-full shadow-wizard-step mt-2 flex items-center
     border-[1px] border-solid border-[rgba(255,255,255,0.8)]
     after:block after:absolute after:bottom-[7px] after:ml-[15px] after:h-[2px]
     after:content:'' after:bg-transparent after:transition-width after:duration-300
     before:block before:absolute before:bottom-[7px] before:ml-[15px] before:h-[2px]
     before:content:'' before:bg-neutral-90 before:shadow-wizard-line before:w-[calc(100%-16px)]`,
-      innerCircle: "lukso-wizard-circle-inner rounded-full w-[10px] h-[10px] ml-[2px]"
-    },
-    variants: {
-      size: {
-        small: {
-          base: "w-[92px]"
-        },
-        medium: {
-          base: "w-[121px]"
-        },
-        large: {
-          base: "w-[180px]"
-        },
-        ["full-width"]: {
-          base: "w-full"
-        }
+        innerCircle: "lukso-wizard-circle-inner rounded-full w-[10px] h-[10px] ml-[2px]"
       },
-      completed: {
-        true: {
-          base: `[&>.lukso-wizard-circle]:after:bg-purple-51
+      variants: {
+        size: {
+          small: {
+            base: "w-[92px]"
+          },
+          medium: {
+            base: "w-[121px]"
+          },
+          large: {
+            base: "w-[180px]"
+          },
+          ["full-width"]: {
+            base: "w-full"
+          }
+        },
+        completed: {
+          true: {
+            base: `[&>.lukso-wizard-circle]:after:bg-purple-51
           [&_.lukso-wizard-circle-inner]:bg-gradient-to-t
           [&_.lukso-wizard-circle-inner]:from-gradient-3-start
           [&_.lukso-wizard-circle-inner]:to-gradient-3-end`,
-          circle: "completed"
-        }
-      },
-      current: {
-        true: {
-          circle: "current"
-        }
-      },
-      active: {
-        true: {
-          base: `[&_.lukso-wizard-circle-inner]:border-2 [&_.lukso-wizard-circle-inner]:border-purple-51`,
-          innerCircle: "[&_.lukso-wizard-circle-inner]:border-2 [&_.lukso-wizard-circle-inner]:border-purple-51"
+            circle: "completed"
+          }
+        },
+        current: {
+          true: {
+            circle: "current"
+          }
+        },
+        active: {
+          true: {
+            base: `[&_.lukso-wizard-circle-inner]:border-2 [&_.lukso-wizard-circle-inner]:border-purple-51`,
+            innerCircle: "[&_.lukso-wizard-circle-inner]:border-2 [&_.lukso-wizard-circle-inner]:border-purple-51"
+          }
         }
       }
-    }
-  });
+    });
+  }
   stepTemplate(step, index) {
     const { base, circle, innerCircle } = this.stepStyles({
       completed: index + 1 < this.activeStep,

package/dist/{index-11b4b329.js → index-1db9d1ee.js}

@@ -1,4 +1,4 @@
-import { E } from './index-82b4fdeb.js';
+import { E } from './index-44537fbb.js';
 import { e, i, t } from './directive-2bb7789e.js';
 
 class CustomStyleMapDirective extends i {

package/dist/{index-de036f63.js → index-2f05f181.js}

@@ -1,5 +1,5 @@
-import { a as TailwindElement, x } from './index-82b4fdeb.js';
-import { n, t } from './property-cfc5fabd.js';
+import { a as TailwindElement, x } from './index-44537fbb.js';
+import { n, t } from './property-27a56e78.js';
 import { c as ce } from './index-d14b6a34.js';
 import './components/lukso-image/index.js';