welcome-ui 10.0.0-alpha.1 → 10.0.0-alpha.3

package/README.md

@@ -25,7 +25,7 @@ yarn add postcss --dev
 2 - Add dependencies for vite project
 
 ```bash
-yarn add @tailwindcss/vite --dev
+yarn add @tailwindcss/vite sass-embedded --dev
 ```
 
 3 - Add on your vite config tailwindcss plugin

package/dist/{2W3RN7C5-bkX-rIa3.js → 2W3RN7C5-uG7eBeTQ.js}

@@ -1,5 +1,5 @@
 "use client";
-import { c as F, _ as p, O as d, A as I, L as q, u as _, d as x, p as Y, a as T, W as j, X as w, j as L, h as H, Y as V, Z as W, f as X, b as Z } from "./OE2EFRVA-C3721cM3.js";
+import { c as I, _ as p, P as d, A as O, N as q, u as _, d as x, p as Y, a as T, X as j, Y as w, j as H, h as L, Z as V, $ as X, f as Z, b as $ } from "./OE2EFRVA-DkdhQLJL.js";
 import { useRef as C, useState as D, useEffect as z } from "react";
 var G = "button";
 function M(s) {
@@ -7,17 +7,17 @@ function M(s) {
   const t = s.currentTarget;
   return s.key === "Enter" ? d(t) || t.tagName === "SUMMARY" || t.tagName === "A" : s.key === " " ? d(t) || t.tagName === "SUMMARY" || t.tagName === "INPUT" || t.tagName === "SELECT" : !1;
 }
-var J = Symbol("command"), Q = F(
+var J = Symbol("command"), Q = I(
   function(t) {
     var i = t, { clickOnEnter: m = !0, clickOnSpace: u = !0 } = i, r = p(i, ["clickOnEnter", "clickOnSpace"]);
     const c = C(null), [K, R] = D(!1);
     z(() => {
       c.current && R(d(c.current));
     }, []);
-    const [U, k] = D(!1), f = C(!1), y = I(r), [E, A] = q(r, J, !0), P = r.onKeyDown, O = _((e) => {
+    const [U, k] = D(!1), f = C(!1), y = O(r), [E, A] = q(r, J, !0), P = r.onKeyDown, h = _((e) => {
       P == null || P(e);
       const a = e.currentTarget;
-      if (e.defaultPrevented || E || y || !L(e) || H(a) || a.isContentEditable) return;
+      if (e.defaultPrevented || E || y || !H(e) || L(a) || a.isContentEditable) return;
       const o = m && e.key === "Enter", n = u && e.key === " ", g = e.key === "Enter" && !m, l = e.key === " " && !u;
       if (g || l) {
         e.preventDefault();
@@ -28,12 +28,12 @@ var J = Symbol("command"), Q = F(
         if (o) {
           if (!v) {
             e.preventDefault();
-            const S = e, { view: $ } = S, B = p(S, ["view"]), N = () => w(a, B);
-            V() ? W(a, "keyup", N) : queueMicrotask(N);
+            const N = e, { view: W } = N, F = p(N, ["view"]), S = () => w(a, F);
+            V() ? X(a, "keyup", S) : queueMicrotask(S);
           }
         } else n && (f.current = !0, v || (e.preventDefault(), k(!0)));
       }
-    }), b = r.onKeyUp, h = _((e) => {
+    }), b = r.onKeyUp, B = _((e) => {
       if (b == null || b(e), e.defaultPrevented || E || y || e.metaKey) return;
       const a = u && e.key === " ";
       if (f.current && a && (f.current = !1, !M(e))) {
@@ -47,14 +47,14 @@ var J = Symbol("command"), Q = F(
       type: K ? "button" : void 0
     }, A), r), {
       ref: Y(c, r.ref),
-      onKeyDown: O,
-      onKeyUp: h
+      onKeyDown: h,
+      onKeyUp: B
     }), r = j(r), r;
   }
 );
-X(function(t) {
+Z(function(t) {
   const i = Q(t);
-  return Z(G, i);
+  return $(G, i);
 });
 export {
   Q as u

package/dist/4I4MLMKD-z3Xm3qCo.js

@@ -0,0 +1,150 @@
+"use client";
+import { u as O, a as E, P as z } from "./Y67KZUMI-BDyUNSJw.js";
+import { u as _ } from "./RTNCFSKZ-LcIdBwa8.js";
+import { c as b, _ as g, i as A, w as H, d as x, a as p, p as W, r as T, L, M as j, v as I, f as w, b as k, u as U, x as B } from "./OE2EFRVA-DkdhQLJL.js";
+import { useMemo as C, useState as F } from "react";
+import { jsx as l, jsxs as Z } from "react/jsx-runtime";
+import { u as q } from "./ZTXFEM5L-CjFLRObi.js";
+var h = "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z", G = "div", P = 30, u = P / 2, J = {
+  top: `rotate(180 ${u} ${u})`,
+  right: `rotate(-90 ${u} ${u})`,
+  bottom: `rotate(0 ${u} ${u})`,
+  left: `rotate(90 ${u} ${u})`
+};
+function K(n) {
+  const [o, t] = F(), e = _(n, "contentElement");
+  return L(() => {
+    if (!e) return;
+    const s = j(e).getComputedStyle(e);
+    t(s);
+  }, [e]), o;
+}
+function Q(n) {
+  var o;
+  return n ? (o = n.getPropertyValue("box-shadow").match(/0px 0px 0px ([^0]+px)/)) == null ? void 0 : o[1] : void 0;
+}
+function X(n, o) {
+  if (!o) return;
+  const t = o.getPropertyValue(`border-${n}-color`);
+  if (t) return t;
+  const r = o.getPropertyValue("box-shadow").match(/0px 0px 0px [^,]+/);
+  return r && r[0].replace(/^0px 0px 0px\s+[^\s,]+/, "").trim() || void 0;
+}
+var Y = b(
+  function(o) {
+    var t = o, {
+      store: e,
+      size: r = P,
+      borderWidth: s
+    } = t, a = g(t, [
+      "store",
+      "size",
+      "borderWidth"
+    ]);
+    const m = O();
+    e = e || m, A(
+      e,
+      process.env.NODE_ENV !== "production" && "PopoverArrow must be wrapped in a Popover component."
+    );
+    const i = _(
+      e,
+      (v) => v.currentPlacement.split("-")[0]
+    ), d = H(), c = K(e), V = X(i, c) || "none", f = (c == null ? void 0 : c.getPropertyValue("background-color")) || "none", [N, S] = C(() => {
+      if (s != null) return [s, !1];
+      if (!c) return [0, !1];
+      const v = Q(c);
+      if (v) return [Number.parseInt(v, 10), !0];
+      const y = c.getPropertyValue(`border-${i}-width`);
+      return y ? [Math.ceil(Number.parseFloat(y)), !1] : [0, !1];
+    }, [s, c, i]), R = N * 2 * (P / r), $ = J[i], M = C(
+      () => /* @__PURE__ */ l("svg", { display: "block", viewBox: "0 0 30 30", children: /* @__PURE__ */ Z("g", { transform: $, children: [
+        !S && // When using the CSS border property, set the fill color to match
+        // the background behind the stroke so transparent strokes match
+        // the appearance of borders on HTML elements.
+        /* @__PURE__ */ l(
+          "path",
+          {
+            fill: "none",
+            stroke: `var(--ak-layer, ${f})`,
+            d: h,
+            mask: `url(#${d})`
+          }
+        ),
+        /* @__PURE__ */ l("path", { fill: "none", d: h, mask: `url(#${d})` }),
+        /* @__PURE__ */ l("path", { stroke: "none", d: h }),
+        /* @__PURE__ */ l("mask", { id: d, maskUnits: "userSpaceOnUse", children: /* @__PURE__ */ l(
+          "rect",
+          {
+            x: "-15",
+            y: "0",
+            width: "60",
+            height: "30",
+            fill: "white",
+            stroke: "black"
+          }
+        ) })
+      ] }) }),
+      [$, S, f, d]
+    );
+    return a = x(p({
+      children: M,
+      "aria-hidden": !0
+    }, a), {
+      ref: W(e.setArrowElement, a.ref),
+      style: p({
+        position: "absolute",
+        fontSize: r,
+        width: "1em",
+        height: "1em",
+        pointerEvents: "none",
+        fill: `var(--ak-layer, ${f})`,
+        stroke: `var(--ak-layer-border, ${V})`,
+        strokeWidth: R
+      }, a.style)
+    }), T(a);
+  }
+), ce = I(
+  w(function(o) {
+    const t = Y(o);
+    return k(G, t);
+  })
+), ee = "div", D = b(
+  function(o) {
+    var t = o, { store: e } = t, r = g(t, ["store"]);
+    const s = E();
+    return e = e || s, r = x(p({}, r), {
+      ref: W(e == null ? void 0 : e.setAnchorElement, r.ref)
+    }), r;
+  }
+);
+w(function(o) {
+  const t = D(o);
+  return k(ee, t);
+});
+var re = "button", oe = b(function(o) {
+  var t = o, { store: e } = t, r = g(t, ["store"]);
+  const s = E();
+  e = e || s, A(
+    e,
+    process.env.NODE_ENV !== "production" && "PopoverDisclosure must receive a `store` prop or be wrapped in a PopoverProvider component."
+  );
+  const a = r.onClick, m = U((i) => {
+    e == null || e.setAnchorElement(i.currentTarget), a == null || a(i);
+  });
+  return r = B(
+    r,
+    (i) => /* @__PURE__ */ l(z, { value: e, children: i }),
+    [e]
+  ), r = x(p({}, r), {
+    onClick: m
+  }), r = D(p({ store: e }, r)), r = q(p({ store: e }, r)), r;
+}), le = w(function(o) {
+  const t = oe(o);
+  return k(re, t);
+});
+export {
+  ce as P,
+  oe as a,
+  le as b,
+  Y as u
+};

package/dist/Accordion.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { D as d } from "./NMGNQVTG-C6TqBngP.js";
-import { D as a } from "./T22PY7TE-C1N0q8Kn.js";
-import { u as b } from "./T22PY7TE-C1N0q8Kn.js";
+import { D as d } from "./NMGNQVTG-BgAqqGOq.js";
+import { D as a } from "./T22PY7TE-CzEDuEn1.js";
+import { u as b } from "./T22PY7TE-CzEDuEn1.js";
 import { forwardRef as u } from "react";
 import { Icon as _ } from "./Icon.js";
 import { Text as p } from "./Text.js";
-import { c as h } from "./index-CdiHdiVB.js";
+import { c as h } from "./index-PAaZGbyz.js";
 const f = "_root_1ugpw_2", g = "_icon_1ugpw_11", w = "_disclosure_1ugpw_23", v = {
   root: f,
   icon: g,

package/dist/Alert.js

@@ -5,7 +5,7 @@ import { Button as d } from "./Button.js";
 import { CloseButton as S } from "./CloseButton.js";
 import { Text as y } from "./Text.js";
 import { VariantIcon as T } from "./VariantIcon.js";
-import { c as V } from "./index-CdiHdiVB.js";
+import { c as V } from "./index-PAaZGbyz.js";
 const $ = "_root_1kb4k_2", E = "_icon_1kb4k_55", R = "_content_1kb4k_58", O = "_title_1kb4k_88", q = {
   root: $,
   "size-sm": "_size-sm_1kb4k_16",

package/dist/AspectRatio.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import { c } from "./index-CdiHdiVB.js";
+import { c } from "./index-PAaZGbyz.js";
 import { f as e } from "./forwardRefWithAs-8eP3ZN15.js";
 import "react";
 const _ = "_root_1clgx_2", l = {

package/dist/Avatar.js

@@ -3,7 +3,7 @@ import { jsxs as _, jsx as n } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
 import { Icon as u } from "./Icon.js";
 import { Text as m } from "./Text.js";
-import { c as p } from "./index-CdiHdiVB.js";
+import { c as p } from "./index-PAaZGbyz.js";
 const b = "_root_2qaar_2", y = "_placeholder_2qaar_36", h = {
   root: b,
   "size-xs": "_size-xs_2qaar_24",

package/dist/{B7UTNDHN-BlIblHCu.js → B7UTNDHN-BDa2-8JK.js}

@@ -1,6 +1,6 @@
 "use client";
-import { H as S, G as C, S as Q, I as L, s as X, g as Z, K as p } from "./OE2EFRVA-C3721cM3.js";
-import { t as ee, c as O, s as R, i as te, f as G, d as h, a as ne } from "./RTNCFSKZ-qpPg689E.js";
+import { H as S, G as C, T as Q, I as L, s as X, g as Z, K as p } from "./OE2EFRVA-DkdhQLJL.js";
+import { t as ee, c as O, s as R, i as te, f as G, d as h, a as ne } from "./RTNCFSKZ-LcIdBwa8.js";
 function re(t) {
   const i = [];
   for (const e of t)

package/dist/Badge.js

@@ -2,7 +2,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
 import { Text as d } from "./Text.js";
-import { c as b } from "./index-CdiHdiVB.js";
+import { c as b } from "./index-PAaZGbyz.js";
 const c = "_root_1pr8g_2", p = {
   root: c,
   "size-lg": "_size-lg_1pr8g_18",

package/dist/Breadcrumb.css

@@ -1 +1 @@
-@layer components{._root_cvyxb_2{height:100%;position:relative;overflow-x:hidden;padding:var(--border-radius-md) 0;font-size:var(--font-size-12);font-weight:var(--font-weight-medium);letter-spacing:var(--font-letter-spacing-xs);line-height:var(--components-dimensions-breadcrumb-size-icon);text-transform:uppercase;font-family:var(--font-family-title)}._list_cvyxb_14{display:inline-flex;align-items:center;max-width:100%;overflow-x:auto;margin:0;padding:0;list-style:none;white-space:nowrap}._start-gradient_cvyxb_24{left:0;transform-origin:left}._end-gradient_cvyxb_28{right:0;transform-origin:right}._start-gradient_cvyxb_24,._end-gradient_cvyxb_28{position:absolute;bottom:0;top:0;width:var(--size-icon-xl)}._item-wrapper_cvyxb_39{display:inline-flex;flex:0 0 auto;line-height:normal}._item-content_cvyxb_44{color:var(--breadcrumbItemColor, var(--color-icon-neutral-subtlest));text-decoration:none;align-items:center;transition:var(--duration-medium);direction:initial}._item-content_cvyxb_44:hover,._item-content_cvyxb_44[aria-current=page]{--breadcrumbItemColor: var(--color-neutral-70)}._item-content_cvyxb_44[aria-disabled=true]{pointer-events:none;cursor:default}._item-separator_cvyxb_58{color:var(--color-icon-neutral-subtlest);padding:0 var(--components-dimensions-breadcrumb-gap-content);display:flex;align-items:center}}
+@layer components{._root_1oz46_2{height:100%;position:relative;overflow-x:hidden;padding:var(--border-radius-md) 0;font-size:var(--font-size-14);font-weight:var(--font-weight-regular);letter-spacing:0;line-height:var(--font-line-height-md);font-family:var(--font-family-body);--breadcrumbItemGap: var(--spacing-xs)}._list_1oz46_14{display:inline-flex;align-items:center;max-width:100%;overflow-x:auto;margin:0;padding:0;list-style:none;white-space:nowrap;gap:var(--breadcrumbItemGap)}._start-gradient_1oz46_25{left:0;transform-origin:left}._end-gradient_1oz46_29{right:0;transform-origin:right}._start-gradient_1oz46_25,._end-gradient_1oz46_29{position:absolute;bottom:0;top:0;width:var(--size-icon-xl)}._item-wrapper_1oz46_40{display:inline-flex;flex:0 0 auto;gap:var(--breadcrumbItemGap)}._item-content_1oz46_45{color:var(--breadcrumbItemColor, var(--components-colors-breadcrumb-color-text-default));text-decoration:none;display:inline-flex;align-items:center;gap:var(--breadcrumbItemGap);transition:var(--duration-medium);direction:initial}._item-content_1oz46_45:hover{--breadcrumbItemColor: var(--components-colors-breadcrumb-color-text-hover)}._item-content_1oz46_45[aria-current=page]{--breadcrumbItemColor: var(--components-colors-breadcrumb-color-text-active);font-weight:var(--font-weight-medium)}._item-content_1oz46_45[aria-disabled=true]{pointer-events:none;cursor:default}._item-separator_1oz46_65{color:var(--components-colors-breadcrumb-color-icon-default);display:flex;align-items:center}}