@ebrains/vue 0.0.1-alpha.1 → 0.2.0-alpha.0

package/eds-tabs.entry-KsWwc6xS.mjs

@@ -0,0 +1,95 @@
+import { r as i, c as o, h as s, g as n } from "./index-DQrtrXyM.mjs";
+import { s as b } from "./color-0ba8ed56-D-UJpBQL.mjs";
+import { c as l } from "./index-39c58238-BwYCDOHZ.mjs";
+const c = "", d = c, f = class {
+  constructor(e) {
+    i(this, e), this.tabChange = o(this, "tabChange", 7), this.tabCva = l([
+      "relative px-16 py-12",
+      "f-ui-03 whitespace-nowrap",
+      "effect-color",
+      "focus-visible:text-default hover:text-default",
+      "border-2",
+      "after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0",
+      "outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"
+    ], {
+      variants: {
+        position: {
+          left: "rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",
+          right: "rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",
+          center: "",
+          first: "rounded-t-lg"
+        },
+        active: {
+          false: "text-lighter bg-dark hover:bg-darker border-softest",
+          true: [
+            "bg-default text-default z-99",
+            "rounded-t-lg",
+            "before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default",
+            "border-[#d2d2d2]"
+          ]
+        }
+      }
+    }), this.id = void 0, this.navAriaLabel = "Tabs", this.tabs = void 0, this.parsedTabs = [], this.activeIndex = -1;
+  }
+  componentWillLoad() {
+    this.parseTabs(), this.setActiveIndex(), this.tabChange.emit({ tabId: this.id, index: 0 });
+  }
+  parseTabs() {
+    try {
+      this.parsedTabs = JSON.parse(this.tabs);
+    } catch {
+      this.parsedTabs = [];
+    }
+  }
+  componentDidLoad() {
+    this.scrollToActiveTab();
+  }
+  setActiveIndex() {
+    this.activeIndex = this.parsedTabs.findIndex((e) => e.active);
+  }
+  scrollToActiveTab() {
+    var e;
+    const t = (e = this.tabContainer) === null || e === void 0 ? void 0 : e.querySelector("[data-tab-active]");
+    t && setTimeout(() => {
+      t.scrollIntoView({
+        inline: "center",
+        block: "nearest"
+      });
+    }, 316);
+  }
+  getTabOptions(e, t) {
+    const a = e ? "center" : this.activeIndex === -1 && t === 0 ? "first" : t < this.activeIndex ? "left" : "right";
+    return Object.assign({ class: this.tabCva({
+      active: e,
+      position: a
+    }), style: {
+      zIndex: `${e ? this.parsedTabs.length + 99 : a === "left" ? t : this.parsedTabs.length + 1 - t}`
+    } }, e ? { "data-tab-active": "true" } : {});
+  }
+  handleTabClick(e, t) {
+    this.activeIndex = e, this.parsedTabs = this.parsedTabs.map((a, r) => Object.assign(Object.assign({}, a), { active: r === e })), this.tabChange.emit({ tabId: this.id, index: e, name: t }), b({
+      category: "ui-component",
+      tag: this.el.tagName.toLowerCase(),
+      name: (t == null ? void 0 : t.toLowerCase()) || "",
+      action: "click"
+    });
+  }
+  render() {
+    return s("div", { key: "25078703609dbdaa2025013d0e266b169c880c50", id: `${this.id}`, class: "after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']" }, s("div", { key: "8aa1b4ab1f15692c912db3ee39486a59d634c6a5", class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, s("nav", { key: "33728823ca0f039e1037a691da90b295cbe3f3ac", ref: (e) => this.tabContainer = e, class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((e, t) => {
+      const a = this.getTabOptions(e.active, t);
+      return s("eds-tab", Object.assign({}, a, { label: e.label || e.ariaLabel, url: e.url, active: t === this.activeIndex, onClick: () => this.handleTabClick(t, e.label) }));
+    }))));
+  }
+  get el() {
+    return n(this);
+  }
+  static get watchers() {
+    return {
+      tabs: ["parseTabs"]
+    };
+  }
+};
+f.style = d;
+export {
+  f as eds_tabs
+};

package/eds-tooltip.entry-BI1EvTiw.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index-BGGkUjck.js"),f=".relative{position:relative}.absolute{position:absolute}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.bg-stronger{background-color:var(--grey-900)}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.text-default{color:var(--black)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.pointer-events-none{pointer-events:none}.-top-8{top:-0.5rem}.left-1\\/2{left:50%}.z-10{z-index:10}.block{display:block}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.whitespace-nowrap{white-space:nowrap}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.p-12{padding:0.75rem}.p-16{padding:1rem}.p-20{padding:1.25rem}",h=f,c=class{constructor(t){i.registerInstance(this,t),this.content=void 0,this.position="above",this.isVisible=!1,this.isPositioned=!1,this.tooltipStyle={top:"0px",left:"0px",transform:""}}async showTooltip(){await this.updateTooltipPosition(),this.isPositioned=!0,this.isVisible=!0}hideTooltip(){this.isVisible=!1,this.isPositioned=!1}handleKeyPress(t){t.key==="Escape"&&(this.isVisible=!1,this.isPositioned=!1)}updateTooltipPosition(){var t,o;const s=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(!s)return;const n=((s==null?void 0:s.assignedNodes({flatten:!0}))||[]).find(e=>e instanceof HTMLElement);if(n){const e=n.getBoundingClientRect(),a=(o=this.el.shadowRoot)===null||o===void 0?void 0:o.querySelector('[role="tooltip"]');if(a){const d=a.offsetWidth,p=a.offsetHeight;let r=0,l=0;switch(this.position){case"above":r=window.scrollY-p-8,l=e.left+e.width/2-d/2;break;case"below":r=p-window.scrollY+18,l=e.left+e.width/2-d/2;break}this.tooltipStyle={top:`${r}px`,left:`${l}px`,transform:"translateX(0)"}}}}render(){return i.h("div",{key:"5edce5e2ca66ef992ad22604a5017e5ab02f846b",class:"relative"},i.h("slot",{key:"74c9ef5978e023a45eb9c25c18f95f1875c19b13"}),this.isVisible&&this.isPositioned&&this.content&&i.h("div",{key:"4cc3ea40bd81308eb7685b5c1065e8bd30f99191",class:"rounded-xs bg-strongest text-inverse f-ui-03-light pointer-events-none absolute z-10 whitespace-nowrap p-6",role:"tooltip",style:{top:this.tooltipStyle.top,left:this.tooltipStyle.left,transform:this.tooltipStyle.transform}},this.content))}get el(){return i.getElement(this)}};c.style=h;exports.eds_tooltip=c;

package/eds-tooltip.entry-ByxJjA_6.mjs

@@ -0,0 +1,69 @@
+import { r as f, h as l, g as c } from "./index-DQrtrXyM.mjs";
+const h = ".relative{position:relative}.absolute{position:absolute}.rounded-sm{border-radius:8px}.rounded-xs{border-radius:4px}.bg-stronger{background-color:var(--grey-900)}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.text-default{color:var(--black)}.f-ui-03{font-family:var(--f-ui-03-fontFamily);font-weight:var(--f-ui-03-fontWeight);font-size:var(--f-ui-03-fontSize);line-height:var(--f-ui-03-lineHeight);letter-spacing:var(--f-ui-03-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.pointer-events-none{pointer-events:none}.-top-8{top:-0.5rem}.left-1\\/2{left:50%}.z-10{z-index:10}.block{display:block}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.whitespace-nowrap{white-space:nowrap}.py-2{padding-top:0.125rem;padding-bottom:0.125rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.p-4{padding:0.25rem}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.p-12{padding:0.75rem}.p-16{padding:1rem}.p-20{padding:1.25rem}", w = h, v = class {
+  constructor(t) {
+    f(this, t), this.content = void 0, this.position = "above", this.isVisible = !1, this.isPositioned = !1, this.tooltipStyle = { top: "0px", left: "0px", transform: "" };
+  }
+  /**
+   * Show the tooltip and update its position.
+   */
+  async showTooltip() {
+    await this.updateTooltipPosition(), this.isPositioned = !0, this.isVisible = !0;
+  }
+  /**
+   * Hide the tooltip.
+   */
+  hideTooltip() {
+    this.isVisible = !1, this.isPositioned = !1;
+  }
+  /**
+   * Hide the tooltip when the `Escape` key is pressed.
+   */
+  handleKeyPress(t) {
+    t.key === "Escape" && (this.isVisible = !1, this.isPositioned = !1);
+  }
+  /**
+   * Update the tooltip's position dynamically based on the slotted element's dimensions and position.
+   */
+  updateTooltipPosition() {
+    var t, s;
+    const i = (t = this.el.shadowRoot) === null || t === void 0 ? void 0 : t.querySelector("slot");
+    if (!i)
+      return;
+    const n = ((i == null ? void 0 : i.assignedNodes({ flatten: !0 })) || []).find((e) => e instanceof HTMLElement);
+    if (n) {
+      const e = n.getBoundingClientRect(), o = (s = this.el.shadowRoot) === null || s === void 0 ? void 0 : s.querySelector('[role="tooltip"]');
+      if (o) {
+        const d = o.offsetWidth, p = o.offsetHeight;
+        let a = 0, r = 0;
+        switch (this.position) {
+          case "above":
+            a = window.scrollY - p - 8, r = e.left + e.width / 2 - d / 2;
+            break;
+          case "below":
+            a = p - window.scrollY + 18, r = e.left + e.width / 2 - d / 2;
+            break;
+        }
+        this.tooltipStyle = {
+          top: `${a}px`,
+          left: `${r}px`,
+          transform: "translateX(0)"
+          // No additional horizontal adjustment needed
+        };
+      }
+    }
+  }
+  render() {
+    return l("div", { key: "5edce5e2ca66ef992ad22604a5017e5ab02f846b", class: "relative" }, l("slot", { key: "74c9ef5978e023a45eb9c25c18f95f1875c19b13" }), this.isVisible && this.isPositioned && this.content && l("div", { key: "4cc3ea40bd81308eb7685b5c1065e8bd30f99191", class: "rounded-xs bg-strongest text-inverse f-ui-03-light pointer-events-none absolute z-10 whitespace-nowrap p-6", role: "tooltip", style: {
+      top: this.tooltipStyle.top,
+      left: this.tooltipStyle.left,
+      transform: this.tooltipStyle.transform
+    } }, this.content));
+  }
+  get el() {
+    return c(this);
+  }
+};
+v.style = w;
+export {
+  v as eds_tooltip
+};

package/eu-9ddde93a-BFtIQw9B.js

@@ -0,0 +1,28 @@
+"use strict";const e=`<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-eu" viewBox="0 0 640 480">
+  <defs>
+    <g id="d">
+      <g id="b">
+        <path id="a" d="m0-1-.3 1 .5.1z"/>
+        <use xlink:href="#a" transform="scale(-1 1)"/>
+      </g>
+      <g id="c">
+        <use xlink:href="#b" transform="rotate(72)"/>
+        <use xlink:href="#b" transform="rotate(144)"/>
+      </g>
+      <use xlink:href="#c" transform="scale(-1 1)"/>
+    </g>
+  </defs>
+  <path fill="#039" d="M0 0h640v480H0z"/>
+  <g fill="#fc0" transform="translate(320 242.3) scale(23.7037)">
+    <use xlink:href="#d" width="100%" height="100%" y="-6"/>
+    <use xlink:href="#d" width="100%" height="100%" y="6"/>
+    <g id="e">
+      <use xlink:href="#d" width="100%" height="100%" x="-6"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(-144 -2.3 -2.1)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(144 -2.1 -2.3)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -4.7 -2)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -5 .5)"/>
+    </g>
+    <use xlink:href="#e" width="100%" height="100%" transform="scale(-1 1)"/>
+  </g>
+</svg>`;exports.euSvg=e;

package/eu-9ddde93a-ft4szvR5.mjs

@@ -0,0 +1,31 @@
+const e = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-eu" viewBox="0 0 640 480">
+  <defs>
+    <g id="d">
+      <g id="b">
+        <path id="a" d="m0-1-.3 1 .5.1z"/>
+        <use xlink:href="#a" transform="scale(-1 1)"/>
+      </g>
+      <g id="c">
+        <use xlink:href="#b" transform="rotate(72)"/>
+        <use xlink:href="#b" transform="rotate(144)"/>
+      </g>
+      <use xlink:href="#c" transform="scale(-1 1)"/>
+    </g>
+  </defs>
+  <path fill="#039" d="M0 0h640v480H0z"/>
+  <g fill="#fc0" transform="translate(320 242.3) scale(23.7037)">
+    <use xlink:href="#d" width="100%" height="100%" y="-6"/>
+    <use xlink:href="#d" width="100%" height="100%" y="6"/>
+    <g id="e">
+      <use xlink:href="#d" width="100%" height="100%" x="-6"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(-144 -2.3 -2.1)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(144 -2.1 -2.3)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -4.7 -2)"/>
+      <use xlink:href="#d" width="100%" height="100%" transform="rotate(72 -5 .5)"/>
+    </g>
+    <use xlink:href="#e" width="100%" height="100%" transform="scale(-1 1)"/>
+  </g>
+</svg>`;
+export {
+  e
+};

package/facebook-9cb5c17f-BcUhbrj6.mjs

@@ -0,0 +1,15 @@
+const o = `  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M10.9481 19.9556C16.0263 19.4781 20 15.2031 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 14.7129 3.26027 18.6643 7.64847 19.722V12.0931H6V9.36828H7.64847V7.73228C7.64847 5.50935 8.5793 4.1875 11.2239 4.1875H13.4256V6.91266H12.0494C11.0199 6.91266 10.9518 7.29347 10.9518 8.00415L10.9481 9.36797H13.4412L13.1494 12.0928H10.9481V19.9556Z"
+      fill="currentColor"
+    />
+  </svg>`;
+export {
+  o as f
+};

package/facebook-9cb5c17f-Y_gvQ682.js

@@ -0,0 +1,12 @@
+"use strict";const o=`  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M10.9481 19.9556C16.0263 19.4781 20 15.2031 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 14.7129 3.26027 18.6643 7.64847 19.722V12.0931H6V9.36828H7.64847V7.73228C7.64847 5.50935 8.5793 4.1875 11.2239 4.1875H13.4256V6.91266H12.0494C11.0199 6.91266 10.9518 7.29347 10.9518 8.00415L10.9481 9.36797H13.4412L13.1494 12.0928H10.9481V19.9556Z"
+      fill="currentColor"
+    />
+  </svg>`;exports.facebook=o;

package/generated/components.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from '../../../../dist/packages/components';
-
 export declare const EdsAccordion: import('vue').DefineSetupFnComponent<JSX.EdsAccordion & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsAccordion & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsAlert: import('vue').DefineSetupFnComponent<JSX.EdsAlert & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsAlert & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;
 export declare const EdsAvatar: import('vue').DefineSetupFnComponent<JSX.EdsAvatar & import('./vue-component-lib/utils').InputProps<string | number | boolean>, {}, {}, JSX.EdsAvatar & import('./vue-component-lib/utils').InputProps<string | number | boolean> & {}, import('vue').PublicProps>;

package/incorrect-use-of-colors.entry-C7xABbpE.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BGGkUjck.js"),a=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],d=[{background:"#C461FF"},{background:"#5D3DF9"}],o=[{background:"#FFA543"},{background:"#FF4D68"}],s=[{background:"#3FA9F5"},...d,...o],l=class{constructor(c){e.registerInstance(this,c)}render(){return e.h("div",{key:"024316623703e89a7d5d226a75c25c145be9b2c6",class:"container"},e.h("p",{key:"c2ddb12f2d87bf1c5bb7f49bcf2b76d42ccfd310",class:"f-body-01"},"Each of the four colour tones cannot be mixed in the same composition."),e.h("div",{key:"c5f1acb20614d5732836240dd65b23a8dd074447",class:"flex"},e.h("div",{key:"cb2fb1c0355b744e53977c573383989be12fe1ad",class:"w-full"},e.h("ul",{key:"9ceb752231d8a7764221d45653c4ef73fad4573d",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map(c=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:c.background}}))))),e.h("div",{key:"494eaadc1547f91e11d93655b91424f98de6a635",class:"w-full"},e.h("ul",{key:"51de6e25df144ab9014ca95ad645a437b6469441",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},s.map(c=>e.h("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},e.h("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:c.background}})))))))}};exports.incorrect_use_of_colors=l;

package/incorrect-use-of-colors.entry-DNOV6p4p.mjs

@@ -0,0 +1,42 @@
+import { r as a, h as c } from "./index-DQrtrXyM.mjs";
+const d = [
+  {
+    background: "#9CE142"
+  },
+  {
+    background: "#00C959"
+  },
+  {
+    background: "#00A595"
+  }
+], s = [
+  {
+    background: "#C461FF"
+  },
+  {
+    background: "#5D3DF9"
+  }
+], o = [
+  {
+    background: "#FFA543"
+  },
+  {
+    background: "#FF4D68"
+  }
+], l = [
+  {
+    background: "#3FA9F5"
+  },
+  ...s,
+  ...o
+], n = class {
+  constructor(e) {
+    a(this, e);
+  }
+  render() {
+    return c("div", { key: "024316623703e89a7d5d226a75c25c145be9b2c6", class: "container" }, c("p", { key: "c2ddb12f2d87bf1c5bb7f49bcf2b76d42ccfd310", class: "f-body-01" }, "Each of the four colour tones cannot be mixed in the same composition."), c("div", { key: "c5f1acb20614d5732836240dd65b23a8dd074447", class: "flex" }, c("div", { key: "cb2fb1c0355b744e53977c573383989be12fe1ad", class: "w-full" }, c("ul", { key: "9ceb752231d8a7764221d45653c4ef73fad4573d", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, d.map((e) => c("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, c("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: e.background } }))))), c("div", { key: "494eaadc1547f91e11d93655b91424f98de6a635", class: "w-full" }, c("ul", { key: "51de6e25df144ab9014ca95ad645a437b6469441", class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, l.map((e) => c("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, c("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: e.background } })))))));
+  }
+};
+export {
+  n as incorrect_use_of_colors
+};

package/index-39c58238-BwYCDOHZ.mjs

@@ -0,0 +1,44 @@
+function m(n) {
+  var e, t, l = "";
+  if (typeof n == "string" || typeof n == "number") l += n;
+  else if (typeof n == "object") if (Array.isArray(n)) for (e = 0; e < n.length; e++) n[e] && (t = m(n[e])) && (l && (l += " "), l += t);
+  else for (e in n) n[e] && (l && (l += " "), l += e);
+  return l;
+}
+function j() {
+  for (var n, e, t = 0, l = ""; t < arguments.length; ) (n = arguments[t++]) && (e = m(n)) && (l && (l += " "), l += e);
+  return l;
+}
+const f = (n) => typeof n == "boolean" ? "".concat(n) : n === 0 ? "0" : n, y = j, A = (n, e) => (t) => {
+  var l;
+  if ((e == null ? void 0 : e.variants) == null) return y(n, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  const { variants: d, defaultVariants: u } = e, N = Object.keys(d).map((a) => {
+    const r = t == null ? void 0 : t[a], s = u == null ? void 0 : u[a];
+    if (r === null) return null;
+    const i = f(r) || f(s);
+    return d[a][i];
+  }), v = t && Object.entries(t).reduce((a, r) => {
+    let [s, i] = r;
+    return i === void 0 || (a[s] = i), a;
+  }, {}), V = e == null || (l = e.compoundVariants) === null || l === void 0 ? void 0 : l.reduce((a, r) => {
+    let { class: s, className: i, ...b } = r;
+    return Object.entries(b).every((C) => {
+      let [c, o] = C;
+      return Array.isArray(o) ? o.includes({
+        ...u,
+        ...v
+      }[c]) : {
+        ...u,
+        ...v
+      }[c] === o;
+    }) ? [
+      ...a,
+      s,
+      i
+    ] : a;
+  }, []);
+  return y(n, N, V, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+};
+export {
+  A as c
+};

package/index-39c58238-SQ-JC-LH.js

@@ -0,0 +1 @@
+"use strict";function m(n){var e,t,l="";if(typeof n=="string"||typeof n=="number")l+=n;else if(typeof n=="object")if(Array.isArray(n))for(e=0;e<n.length;e++)n[e]&&(t=m(n[e]))&&(l&&(l+=" "),l+=t);else for(e in n)n[e]&&(l&&(l+=" "),l+=e);return l}function j(){for(var n,e,t=0,l="";t<arguments.length;)(n=arguments[t++])&&(e=m(n))&&(l&&(l+=" "),l+=e);return l}const f=n=>typeof n=="boolean"?"".concat(n):n===0?"0":n,y=j,A=(n,e)=>t=>{var l;if((e==null?void 0:e.variants)==null)return y(n,t==null?void 0:t.class,t==null?void 0:t.className);const{variants:d,defaultVariants:u}=e,N=Object.keys(d).map(a=>{const r=t==null?void 0:t[a],s=u==null?void 0:u[a];if(r===null)return null;const i=f(r)||f(s);return d[a][i]}),v=t&&Object.entries(t).reduce((a,r)=>{let[s,i]=r;return i===void 0||(a[s]=i),a},{}),V=e==null||(l=e.compoundVariants)===null||l===void 0?void 0:l.reduce((a,r)=>{let{class:s,className:i,...b}=r;return Object.entries(b).every(C=>{let[c,o]=C;return Array.isArray(o)?o.includes({...u,...v}[c]):{...u,...v}[c]===o})?[...a,s,i]:a},[]);return y(n,N,V,t==null?void 0:t.class,t==null?void 0:t.className)};exports.cva=A;