@incodetech/web 2.0.0-alpha.5 → 2.0.0-alpha.7

package/dist/button-DeMZ_34N.js

@@ -1,266 +0,0 @@
-import { l as m, _ as u, J as V, G as h, K as b, k as z, d as I, y as L, C as k } from "./vendor-preact-CK0WeTOR.js";
-var x = 0;
-function s(e, t, n, r, c, o) {
-  t || (t = {});
-  var a, i, l = t;
-  if ("ref" in l) for (i in l = {}, t) i == "ref" ? a = t[i] : l[i] = t[i];
-  var d = { type: e, props: l, key: n, ref: a, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --x, __i: -1, __u: 0, __source: c, __self: o };
-  if (typeof e == "function" && (a = e.defaultProps)) for (i in a) l[i] === void 0 && (l[i] = a[i]);
-  return m.vnode && m.vnode(d), d;
-}
-function p() {
-  return p = Object.assign ? Object.assign.bind() : function(e) {
-    for (var t = 1; t < arguments.length; t++) {
-      var n = arguments[t];
-      for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
-    }
-    return e;
-  }, p.apply(this, arguments);
-}
-function g(e, t) {
-  if (e == null) return {};
-  var n, r, c = {}, o = Object.keys(e);
-  for (r = 0; r < o.length; r++) t.indexOf(n = o[r]) >= 0 || (c[n] = e[n]);
-  return c;
-}
-var O = ["context", "children"], j = ["useFragment"];
-function K(e, t, n, r) {
-  function c() {
-    var o, a = Reflect.construct(HTMLElement, [], c);
-    return a._vdomComponent = e, r && r.shadow ? (a._root = a.attachShadow({ mode: r.mode || "open", serializable: (o = r.serializable) != null && o }), r.adoptedStyleSheets && (a._root.adoptedStyleSheets = r.adoptedStyleSheets)) : a._root = a, a;
-  }
-  return (c.prototype = Object.create(HTMLElement.prototype)).constructor = c, c.prototype.connectedCallback = function() {
-    B.call(this, r);
-  }, c.prototype.attributeChangedCallback = E, c.prototype.disconnectedCallback = P, n = n || e.observedAttributes || Object.keys(e.propTypes || {}), c.observedAttributes = n, e.formAssociated && (c.formAssociated = !0), n.forEach(function(o) {
-    Object.defineProperty(c.prototype, o, { get: function() {
-      return this._vdom ? this._vdom.props[o] : this._props[o];
-    }, set: function(a) {
-      this._vdom ? this.attributeChangedCallback(o, null, a) : (this._props || (this._props = {}), this._props[o] = a);
-      var i = typeof a;
-      a != null && i !== "string" && i !== "boolean" && i !== "number" || this.setAttribute(o, a);
-    } });
-  }), customElements.define(t || e.tagName || e.displayName || e.name, c), c;
-}
-function $(e) {
-  this.getChildContext = function() {
-    return e.context;
-  };
-  var t = e.children, n = g(e, O);
-  return b(t, n);
-}
-function B(e) {
-  var t = new CustomEvent("_preact", { detail: {}, bubbles: !0, cancelable: !0 });
-  this.dispatchEvent(t), this._vdom = u($, p({}, this._props, { context: t.detail.context }), C(this, this._vdomComponent, e)), (this.hasAttribute("hydrate") ? V : h)(this._vdom, this._root);
-}
-function y(e) {
-  return e.replace(/-(\w)/g, function(t, n) {
-    return n ? n.toUpperCase() : "";
-  });
-}
-function E(e, t, n) {
-  if (this._vdom) {
-    var r = {};
-    r[e] = n = n ?? void 0, r[y(e)] = n, this._vdom = b(this._vdom, r), h(this._vdom, this._root);
-  }
-}
-function P() {
-  h(this._vdom = null, this._root);
-}
-function _(e, t) {
-  var n = this, r = e.useFragment, c = g(e, j);
-  return u(r ? z : "slot", p({}, c, { ref: function(o) {
-    o ? (n.ref = o, n._listener || (n._listener = function(a) {
-      a.stopPropagation(), a.detail.context = t;
-    }, o.addEventListener("_preact", n._listener))) : n.ref.removeEventListener("_preact", n._listener);
-  } }));
-}
-function C(e, t, n) {
-  if (e.nodeType === 3) return e.data;
-  if (e.nodeType !== 1) return null;
-  var r = [], c = {}, o = 0, a = e.attributes, i = e.childNodes;
-  for (o = a.length; o--; ) a[o].name !== "slot" && (c[a[o].name] = a[o].value, c[y(a[o].name)] = a[o].value);
-  for (o = i.length; o--; ) {
-    var l = C(i[o], null, n), d = i[o].slot;
-    d ? c[d] = u(_, { name: d }, l) : r[o] = l;
-  }
-  var S = !(!n || !n.shadow), H = t ? u(_, { useFragment: !S }, r) : r;
-  return !S && t && (e.innerHTML = ""), u(t || e.nodeName.toLowerCase(), c, H);
-}
-function R(e, t = {}) {
-  const { autoLoad: n = !0 } = t, [r] = I(e), [c, o] = I(
-    () => r.getState()
-  );
-  return L(() => (n && r.load && r.load(), r.subscribe(o)), [r, n]), [c, r];
-}
-const v = (...e) => {
-  const t = [];
-  for (const n of e)
-    if (n) {
-      if (typeof n == "string")
-        t.push(n);
-      else if (typeof n == "object")
-        for (const [r, c] of Object.entries(n))
-          c && t.push(r);
-    }
-  return t.join(" ");
-}, T = ({
-  size: e,
-  className: t
-}) => /* @__PURE__ */ s(
-  "svg",
-  {
-    width: e,
-    height: e,
-    viewBox: "0 0 31 31",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    class: v("IncodeLoadingIconPrimaryIcon", t),
-    children: [
-      /* @__PURE__ */ s("title", { children: "Spinner Inner part" }),
-      /* @__PURE__ */ s("path", { d: "M28.1614 15.2837C29.453 15.2837 30.5186 14.2304 30.3181 12.9545C30.1344 11.7862 29.8129 10.6411 29.3582 9.54344C28.6044 7.72356 27.4995 6.06997 26.1066 4.67709C24.7137 3.28421 23.0601 2.17932 21.2403 1.4255C20.1426 0.970841 18.9974 0.649265 17.8292 0.46563C16.5533 0.265073 15.5 1.33073 15.5 2.62232C15.5 3.91391 16.5601 4.93461 17.8187 5.22473C18.3748 5.35291 18.9206 5.52729 19.4503 5.74672C20.7028 6.26548 21.8407 7.02585 22.7993 7.98441C23.7578 8.94296 24.5182 10.0809 25.037 11.3333C25.2564 11.8631 25.4308 12.4089 25.559 12.965C25.8491 14.2236 26.8698 15.2837 28.1614 15.2837Z" })
-    ]
-  }
-), M = ({
-  size: e,
-  className: t
-}) => /* @__PURE__ */ s(
-  "svg",
-  {
-    width: e,
-    height: e,
-    viewBox: "0 0 31 31",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    class: v("IncodeLoadingIconSecondaryIcon", t),
-    children: [
-      /* @__PURE__ */ s("title", { children: "Spinner Outer part" }),
-      /* @__PURE__ */ s("path", { d: "M30.5 15.2837C30.5 23.568 23.7843 30.2837 15.5 30.2837C7.21573 30.2837 0.5 23.568 0.5 15.2837C0.5 6.99942 7.21573 0.283691 15.5 0.283691C23.7843 0.283691 30.5 6.99942 30.5 15.2837ZM5.17725 15.2837C5.17725 20.9848 9.7989 25.6064 15.5 25.6064C21.2011 25.6064 25.8227 20.9848 25.8227 15.2837C25.8227 9.5826 21.2011 4.96095 15.5 4.96095C9.7989 4.96095 5.17725 9.5826 5.17725 15.2837Z" })
-    ]
-  }
-), A = ({
-  size: e = 30,
-  secondaryClass: t,
-  primaryClass: n
-}) => /* @__PURE__ */ s("div", { class: "IncodeLoadingIcon", children: [
-  /* @__PURE__ */ s(M, { size: e, className: t }),
-  /* @__PURE__ */ s("div", { class: "IncodeLoadingIconPrimary", children: /* @__PURE__ */ s(T, { size: e, className: n }) })
-] }), N = /* @__PURE__ */ new Set([
-  0,
-  2,
-  4,
-  8,
-  12,
-  16,
-  20,
-  24,
-  32,
-  40,
-  48,
-  64,
-  80,
-  96,
-  104,
-  120,
-  160,
-  200
-]), F = (e, t) => t === "horizontal" ? {
-  0: "IncodeSpacerHorizontal0",
-  2: "IncodeSpacerHorizontal2",
-  4: "IncodeSpacerHorizontal4",
-  8: "IncodeSpacerHorizontal8",
-  12: "IncodeSpacerHorizontal12",
-  16: "IncodeSpacerHorizontal16",
-  20: "IncodeSpacerHorizontal20",
-  24: "IncodeSpacerHorizontal24",
-  32: "IncodeSpacerHorizontal32",
-  40: "IncodeSpacerHorizontal40",
-  48: "IncodeSpacerHorizontal48",
-  64: "IncodeSpacerHorizontal64",
-  80: "IncodeSpacerHorizontal80",
-  96: "IncodeSpacerHorizontal96",
-  104: "IncodeSpacerHorizontal104",
-  120: "IncodeSpacerHorizontal120",
-  160: "IncodeSpacerHorizontal160",
-  200: "IncodeSpacerHorizontal200"
-}[e] : {
-  0: "IncodeSpacerVertical0",
-  2: "IncodeSpacerVertical2",
-  4: "IncodeSpacerVertical4",
-  8: "IncodeSpacerVertical8",
-  12: "IncodeSpacerVertical12",
-  16: "IncodeSpacerVertical16",
-  20: "IncodeSpacerVertical20",
-  24: "IncodeSpacerVertical24",
-  32: "IncodeSpacerVertical32",
-  40: "IncodeSpacerVertical40",
-  48: "IncodeSpacerVertical48",
-  64: "IncodeSpacerVertical64",
-  80: "IncodeSpacerVertical80",
-  96: "IncodeSpacerVertical96",
-  104: "IncodeSpacerVertical104",
-  120: "IncodeSpacerVertical120",
-  160: "IncodeSpacerVertical160",
-  200: "IncodeSpacerVertical200"
-}[e], q = ({
-  size: e,
-  className: t,
-  direction: n = "vertical"
-}) => e === void 0 ? /* @__PURE__ */ s("div", { class: `IncodeSpacerFlex ${t || ""}` }) : (n === "horizontal" ? "w" : n === "vertical" ? "h" : void 0) ? typeof e == "number" && N.has(e) ? /* @__PURE__ */ s("div", { class: `${F(e, n)} ${t || ""}` }) : /* @__PURE__ */ s("div", { class: `${t || ""}` }) : /* @__PURE__ */ s("div", { class: `${t || ""}` });
-let w = {};
-const f = /* @__PURE__ */ new Set();
-function U(e) {
-  return f.add(e), () => {
-    f.delete(e);
-  };
-}
-function Z() {
-  return w;
-}
-function D(e) {
-  w = e;
-  for (const t of f)
-    t();
-}
-function Q() {
-  return k(U, Z);
-}
-const G = {
-  primary: "IncodeButtonPrimary",
-  link: "IncodeButtonLink"
-}, W = (e) => {
-  const {
-    isLoading: t = !1,
-    variant: n = "primary",
-    class: r,
-    type: c = "button",
-    children: o,
-    disabled: a,
-    ...i
-  } = e;
-  return /* @__PURE__ */ s(
-    "button",
-    {
-      ...i,
-      class: v(
-        "IncodeButton",
-        t ? "IncodeButtonLoading" : "",
-        G[n],
-        r
-      ),
-      disabled: a || t,
-      type: c,
-      children: t ? /* @__PURE__ */ s(A, { size: 30 }) : o
-    }
-  );
-};
-export {
-  W as B,
-  A as L,
-  q as S,
-  R as a,
-  v as b,
-  K as c,
-  Q as d,
-  D as s,
-  s as u
-};

package/dist/button.css

@@ -1,335 +0,0 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
-.IncodeLoadingIcon {
-  animation: var(--animate-spin, spin 1s linear infinite);
-  display: inline-block;
-  position: relative;
-}
-
-.IncodeLoadingIconPrimary, .IncodeLoadingIconSecondary {
-  inset: var(--spacing-0, var(--spacing-none, 0px));
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  position: absolute;
-}
-
-.IncodeLoadingIconPrimaryIcon {
-  fill: var(--color-spinner-surface-primary, var(--spinner-surface-primary));
-}
-
-.IncodeLoadingIconSecondaryIcon {
-  fill: var(--color-spinner-surface-secondary, var(--spinner-surface-secondary));
-}
-
-.IncodeCaptureUploadingIconContainer {
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
-.IncodeSpacerFlex {
-  flex: 1;
-}
-
-.IncodeSpacerVertical0 {
-  height: var(--spacing-0, var(--spacing-none, 0px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical2 {
-  height: var(--spacing-2, var(--spacing-2, 2px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical4 {
-  height: var(--spacing-4, var(--spacing-4, 4px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical8 {
-  height: var(--spacing-8, var(--spacing-8, 8px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical12 {
-  height: var(--spacing-12, var(--spacing-12, 12px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical16 {
-  height: var(--spacing-16, var(--spacing-16, 16px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical20 {
-  height: var(--spacing-20, var(--spacing-20, 20px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical24 {
-  height: var(--spacing-24, var(--spacing-24, 24px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical32 {
-  height: var(--spacing-32, var(--spacing-32, 32px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical40 {
-  height: var(--spacing-40, var(--spacing-40, 40px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical48 {
-  height: var(--spacing-48, var(--spacing-48, 48px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical64 {
-  height: var(--spacing-64, var(--spacing-64, 64px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical80 {
-  height: var(--spacing-80, var(--spacing-80, 80px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical96 {
-  height: var(--spacing-96, var(--spacing-96, 96px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical104 {
-  height: var(--spacing-104, var(--spacing-104, 104px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical120 {
-  height: var(--spacing-120, var(--spacing-120, 120px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical160 {
-  height: var(--spacing-160, var(--spacing-160, 160px));
-  width: 100%;
-}
-
-.IncodeSpacerVertical200 {
-  height: var(--spacing-200, var(--spacing-200, 200px));
-  width: 100%;
-}
-
-.IncodeSpacerHorizontal0 {
-  height: 100%;
-  width: var(--spacing-0, var(--spacing-none, 0px));
-}
-
-.IncodeSpacerHorizontal2 {
-  height: 100%;
-  width: var(--spacing-2, var(--spacing-2, 2px));
-}
-
-.IncodeSpacerHorizontal4 {
-  height: 100%;
-  width: var(--spacing-4, var(--spacing-4, 4px));
-}
-
-.IncodeSpacerHorizontal8 {
-  height: 100%;
-  width: var(--spacing-8, var(--spacing-8, 8px));
-}
-
-.IncodeSpacerHorizontal12 {
-  height: 100%;
-  width: var(--spacing-12, var(--spacing-12, 12px));
-}
-
-.IncodeSpacerHorizontal16 {
-  height: 100%;
-  width: var(--spacing-16, var(--spacing-16, 16px));
-}
-
-.IncodeSpacerHorizontal20 {
-  height: 100%;
-  width: var(--spacing-20, var(--spacing-20, 20px));
-}
-
-.IncodeSpacerHorizontal24 {
-  height: 100%;
-  width: var(--spacing-24, var(--spacing-24, 24px));
-}
-
-.IncodeSpacerHorizontal32 {
-  height: 100%;
-  width: var(--spacing-32, var(--spacing-32, 32px));
-}
-
-.IncodeSpacerHorizontal40 {
-  height: 100%;
-  width: var(--spacing-40, var(--spacing-40, 40px));
-}
-
-.IncodeSpacerHorizontal48 {
-  height: 100%;
-  width: var(--spacing-48, var(--spacing-48, 48px));
-}
-
-.IncodeSpacerHorizontal64 {
-  height: 100%;
-  width: var(--spacing-64, var(--spacing-64, 64px));
-}
-
-.IncodeSpacerHorizontal80 {
-  height: 100%;
-  width: var(--spacing-80, var(--spacing-80, 80px));
-}
-
-.IncodeSpacerHorizontal96 {
-  height: 100%;
-  width: var(--spacing-96, var(--spacing-96, 96px));
-}
-
-.IncodeSpacerHorizontal104 {
-  height: 100%;
-  width: var(--spacing-104, var(--spacing-104, 104px));
-}
-
-.IncodeSpacerHorizontal120 {
-  height: 100%;
-  width: var(--spacing-120, var(--spacing-120, 120px));
-}
-
-.IncodeSpacerHorizontal160 {
-  height: 100%;
-  width: var(--spacing-160, var(--spacing-160, 160px));
-}
-
-.IncodeSpacerHorizontal200 {
-  height: 100%;
-  width: var(--spacing-200, var(--spacing-200, 200px));
-}
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
-@layer properties {
-  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
-    *, :before, :after, ::backdrop {
-      --tw-duration: initial;
-      --tw-font-weight: initial;
-      --tw-border-style: solid;
-    }
-  }
-}
-
-.IncodeButton {
-  border-radius: var(--radius-button-primary, var(--button-primary-border-radius));
-  text-align: center;
-  width: 100%;
-  max-width: 420px;
-  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
-  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
-  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
-  --tw-duration: .2s;
-  margin-inline: auto;
-  transition-duration: .2s;
-  display: block;
-}
-
-.IncodeButton.IncodeButtonPrimary {
-  background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
-  color: var(--color-button-primary-text-default, var(--button-primary-text-default));
-  padding-inline: var(--spacing-32, var(--spacing-32, 32px));
-  font-size: var(--text-18, var(--primitive-typography-size-18));
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  border-style: var(--tw-border-style);
-  border-width: 1.5px;
-  border-color: var(--color-button-primary-border-default, var(--button-primary-border-default));
-  padding-block: 18px;
-}
-
-.IncodeButton.IncodeButtonPrimary:active {
-  background-color: var(--color-button-primary-surface-pressed, var(--button-primary-surface-pressed));
-}
-
-.IncodeButton.IncodeButtonPrimary:not(.IncodeButtonLoading):disabled {
-  background-color: var(--color-button-primary-surface-disabled, var(--button-primary-surface-disabled));
-  color: var(--color-button-primary-text-disabled, var(--button-primary-text-disabled));
-  cursor: not-allowed;
-  border-style: var(--tw-border-style);
-  border-width: 1px;
-  border-color: var(--color-button-primary-border-disabled, var(--button-primary-border-disabled));
-}
-
-.IncodeButton.IncodeButtonPrimary.IncodeButtonLoading {
-  min-height: 56px;
-  padding: var(--spacing-0, var(--spacing-none, 0px));
-  pointer-events: none;
-  cursor: not-allowed;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.IncodeButton.IncodeButtonPrimary.IncodeButtonLoading .IncodeLoadingIconPrimaryIcon {
-  fill: var(--button-primary-text-default);
-}
-
-.IncodeButton.IncodeButtonPrimary.IncodeButtonLoading .IncodeLoadingIconSecondaryIcon {
-  fill: var(--surface-brand-400-static);
-}
-
-.IncodeButton.IncodeButtonLink {
-  color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
-  border-style: var(--tw-border-style);
-  border-width: var(--border-width-none, var(--border-none));
-  --tw-border-style: none;
-  font-size: var(--text-16, var(--primitive-typography-size-16));
-  --tw-font-weight: var(--font-weight-normal, 400);
-  font-weight: var(--font-weight-normal, 400);
-  background-color: #0000;
-  border-style: none;
-  width: 100%;
-  height: 56px;
-  text-decoration-line: underline;
-}
-
-.IncodeButton.IncodeButtonLink:disabled {
-  cursor: not-allowed;
-  opacity: .5;
-}
-
-.IncodeButton.IncodeButtonLink.IncodeButtonLoading {
-  pointer-events: none;
-  cursor: not-allowed;
-}
-
-.IncodeButton.IncodeButtonLink.IncodeButtonLoading .IncodeLoadingIconPrimaryIcon {
-  fill: var(--button-primary-surface-default);
-}
-
-.IncodeButton.IncodeButtonLink.IncodeButtonLoading .IncodeLoadingIconSecondaryIcon {
-  fill: var(--surface-brand-400-static);
-}
-
-@property --tw-duration {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}