welcome-ui 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/Alert.mjs

@@ -0,0 +1,7 @@
+import "react";
+import { A as i } from "./index-0MPAX4B5.mjs";
+import "./System.mjs";
+import "./Box.mjs";
+export {
+  i as Alert
+};

package/dist/AspectRatio.js

@@ -0,0 +1,29 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),r=require("./System.js"),t=require("@xstyled/styled-components"),n=t.divBox(({ratio:e})=>t.css`
+    position: relative;
+
+    & > * {
+      overflow: hidden;
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+      height: 100%;
+    }
+
+    & > img,
+    & > video {
+      object-fit: cover;
+    }
+
+    &:before {
+      height: 0;
+      content: '';
+      display: block;
+      padding-bottom: ${1/e*100}%;
+    }
+  `),o=r.forwardRef(({ratio:e=4/3,...i},s)=>c.createElement(n,{ratio:e,ref:s,...i}));o.displayName="AspectRatio";exports.AspectRatio=o;

package/dist/AspectRatio.mjs

@@ -0,0 +1,41 @@
+"use client";
+import i from "react";
+import { forwardRef as r } from "./System.mjs";
+import a, { css as c } from "@xstyled/styled-components";
+const n = a.divBox(
+  ({ ratio: t }) => c`
+    position: relative;
+
+    & > * {
+      overflow: hidden;
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+      height: 100%;
+    }
+
+    & > img,
+    & > video {
+      object-fit: cover;
+    }
+
+    &:before {
+      height: 0;
+      content: '';
+      display: block;
+      padding-bottom: ${1 / t * 100}%;
+    }
+  `
+), s = r(
+  ({ ratio: t = 4 / 3, ...e }, o) => /* @__PURE__ */ i.createElement(n, { ratio: t, ref: o, ...e })
+);
+s.displayName = "AspectRatio";
+export {
+  s as AspectRatio
+};

package/dist/Avatar.js

@@ -0,0 +1,5 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),s=require("@xstyled/styled-components"),y=require("./System.js"),S=require("./Box.js"),m=require("./index-V28zHt_Z.js");function b(o,e=""){const t=Object.keys(o).filter(r=>r.startsWith("secondary-")),n=e.length%t.length;return t[n]}function A(o=""){const[e,t]=o.split(" ");return e&&t?`${e.charAt(0).toUpperCase()}${t.charAt(0).toUpperCase()}`:e.substring(0,2).toUpperCase()}const C=s(m.Shape2)`
+  flex-shrink: 0;
+`,q=s(m.Text2)`
+  ${s.th("avatars.text")};
+`,g=a.memo(y.forwardRef(({color:o,fontSize:e,getInitials:t=A,h:n,name:r,shape:h="circle",size:d="md",src:c,w:i,...f},p)=>{const l=s.useTheme(),v=o||b(l.colors,r),u=l.avatars.sizes[d],x=e||`calc(${i?l.toRem(i):u} / 2.5)`;return a.createElement(C,{"aria-label":r,backgroundColor:v,h:n||u,ref:p,role:"img",shape:h,w:i||u,...f},c&&a.createElement("img",{alt:r,src:c}),!c&&a.createElement(S.Box,null,a.createElement(q,{fontSize:x,m:0},t(r))))}));g.displayName="Avatar";exports.Avatar=g;

package/dist/Avatar.mjs

@@ -0,0 +1,55 @@
+"use client";
+import a, { memo as v } from "react";
+import m, { th as x, useTheme as C } from "@xstyled/styled-components";
+import { forwardRef as S } from "./System.mjs";
+import { Box as b } from "./Box.mjs";
+import { S as y, T as A } from "./index-Du8Nrf16.mjs";
+function $(o, t = "") {
+  const e = Object.keys(o).filter((r) => r.startsWith("secondary-")), s = t.length % e.length;
+  return e[s];
+}
+function z(o = "") {
+  const [t, e] = o.split(" ");
+  return t && e ? `${t.charAt(0).toUpperCase()}${e.charAt(0).toUpperCase()}` : t.substring(0, 2).toUpperCase();
+}
+const E = m(y)`
+  flex-shrink: 0;
+`, T = m(A)`
+  ${x("avatars.text")};
+`, _ = v(
+  S(
+    ({
+      color: o,
+      fontSize: t,
+      getInitials: e = z,
+      h: s,
+      name: r,
+      shape: f = "circle",
+      size: p = "md",
+      src: n,
+      w: l,
+      ...u
+    }, h) => {
+      const i = C(), d = o || $(i.colors, r), c = i.avatars.sizes[p], g = t || `calc(${l ? i.toRem(l) : c} / 2.5)`;
+      return /* @__PURE__ */ a.createElement(
+        E,
+        {
+          "aria-label": r,
+          backgroundColor: d,
+          h: s || c,
+          ref: h,
+          role: "img",
+          shape: f,
+          w: l || c,
+          ...u
+        },
+        n && /* @__PURE__ */ a.createElement("img", { alt: r, src: n }),
+        !n && /* @__PURE__ */ a.createElement(b, null, /* @__PURE__ */ a.createElement(T, { fontSize: g, m: 0 }, e(r)))
+      );
+    }
+  )
+);
+_.displayName = "Avatar";
+export {
+  _ as Avatar
+};

package/dist/Badge.js

@@ -0,0 +1,17 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react"),b=require("./System.js"),e=require("@xstyled/styled-components"),f=e.div(({disabled:t,length:n,size:s,variant:a})=>e.css`
+    ${e.th("badges.default")};
+    ${e.th(`badges.variants.${a}`)};
+    ${e.th(`badges.sizes.${s}`)};
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    ${e.system};
+
+    ${t&&e.css`
+      ${e.th(`badges.disabled.${a}`)};
+    `}
+
+    ${n===1&&e.css`
+      width: ${e.th(`badges.sizes.${s}.height`)};
+    `}
+  `),d=b.forwardRef(({children:t,dataTestId:n,disabled:s,size:a="md",variant:g="default",withNumberAbbreviation:r,...c},l)=>{let i;const o=Number.isInteger(t),u=t.toString().length;return o&&r&&t>99?i="99+":i=t,$.createElement(f,{"data-testid":n,disabled:s,length:u,ref:l,size:a,variant:g,...c},i)});d.displayName="Badge";exports.Badge=d;

package/dist/Badge.mjs

@@ -0,0 +1,53 @@
+"use client";
+import $ from "react";
+import { forwardRef as u } from "./System.mjs";
+import b, { css as g, th as t, system as c } from "@xstyled/styled-components";
+const p = b.div(
+  ({ disabled: e, length: i, size: s, variant: a }) => g`
+    ${t("badges.default")};
+    ${t(`badges.variants.${a}`)};
+    ${t(`badges.sizes.${s}`)};
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    ${c};
+
+    ${e && g`
+      ${t(`badges.disabled.${a}`)};
+    `}
+
+    ${i === 1 && g`
+      width: ${t(`badges.sizes.${s}.height`)};
+    `}
+  `
+), x = u(
+  ({
+    children: e,
+    dataTestId: i,
+    disabled: s,
+    size: a = "md",
+    variant: n = "default",
+    withNumberAbbreviation: o,
+    ...r
+  }, f) => {
+    let d;
+    const l = Number.isInteger(e), m = e.toString().length;
+    return l && o && e > 99 ? d = "99+" : d = e, /* @__PURE__ */ $.createElement(
+      p,
+      {
+        "data-testid": i,
+        disabled: s,
+        length: m,
+        ref: f,
+        size: a,
+        variant: n,
+        ...r
+      },
+      d
+    );
+  }
+);
+x.displayName = "Badge";
+export {
+  x as Badge
+};

package/dist/Box.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),o=require("@xstyled/styled-components"),c=require("./System.js"),n=c.forwardRef((e,t)=>r.createElement(o.x.div,{ref:t,...e}));exports.Box=n;

package/dist/Box.mjs

@@ -0,0 +1,8 @@
+"use client";
+import t from "react";
+import { x as o } from "@xstyled/styled-components";
+import { forwardRef as m } from "./System.mjs";
+const c = m((r, e) => /* @__PURE__ */ t.createElement(o.div, { ref: e, ...r }));
+export {
+  c as Box
+};

package/dist/Breadcrumb.js

@@ -0,0 +1,54 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),_=require("./index-BXJQXgy9.js"),ve=require("./index-Ct2FOeyM.js"),ee=require("./System.js"),fe=require("./Box.js"),u=require("@xstyled/styled-components");var E=[],he=function(){return E.some(function(e){return e.activeTargets.length>0})},pe=function(){return E.some(function(e){return e.skippedTargets.length>0})},V="ResizeObserver loop completed with undelivered notifications.",be=function(){var e;typeof ErrorEvent=="function"?e=new ErrorEvent("error",{message:V}):(e=document.createEvent("Event"),e.initEvent("error",!1,!1),e.message=V),window.dispatchEvent(e)},C;(function(e){e.BORDER_BOX="border-box",e.CONTENT_BOX="content-box",e.DEVICE_PIXEL_CONTENT_BOX="device-pixel-content-box"})(C||(C={}));var w=function(e){return Object.freeze(e)},ge=function(){function e(t,r){this.inlineSize=t,this.blockSize=r,w(this)}return e}(),te=function(){function e(t,r,n,i){return this.x=t,this.y=r,this.width=n,this.height=i,this.top=this.y,this.left=this.x,this.bottom=this.top+this.height,this.right=this.left+this.width,w(this)}return e.prototype.toJSON=function(){var t=this,r=t.x,n=t.y,i=t.top,a=t.right,o=t.bottom,v=t.left,f=t.width,l=t.height;return{x:r,y:n,top:i,right:a,bottom:o,left:v,width:f,height:l}},e.fromRect=function(t){return new e(t.x,t.y,t.width,t.height)},e}(),F=function(e){return e instanceof SVGElement&&"getBBox"in e},re=function(e){if(F(e)){var t=e.getBBox(),r=t.width,n=t.height;return!r&&!n}var i=e,a=i.offsetWidth,o=i.offsetHeight;return!(a||o||e.getClientRects().length)},X=function(e){var t;if(e instanceof Element)return!0;var r=(t=e==null?void 0:e.ownerDocument)===null||t===void 0?void 0:t.defaultView;return!!(r&&e instanceof r.Element)},me=function(e){switch(e.tagName){case"INPUT":if(e.type!=="image")break;case"VIDEO":case"AUDIO":case"EMBED":case"OBJECT":case"CANVAS":case"IFRAME":case"IMG":return!0}return!1},S=typeof window<"u"?window:{},I=new WeakMap,J=/auto|scroll/,xe=/^tb|vertical/,Ee=/msie|trident/i.test(S.navigator&&S.navigator.userAgent),p=function(e){return parseFloat(e||"0")},R=function(e,t,r){return e===void 0&&(e=0),t===void 0&&(t=0),r===void 0&&(r=!1),new ge((r?t:e)||0,(r?e:t)||0)},U=w({devicePixelContentBoxSize:R(),borderBoxSize:R(),contentBoxSize:R(),contentRect:new te(0,0,0,0)}),ne=function(e,t){if(t===void 0&&(t=!1),I.has(e)&&!t)return I.get(e);if(re(e))return I.set(e,U),U;var r=getComputedStyle(e),n=F(e)&&e.ownerSVGElement&&e.getBBox(),i=!Ee&&r.boxSizing==="border-box",a=xe.test(r.writingMode||""),o=!n&&J.test(r.overflowY||""),v=!n&&J.test(r.overflowX||""),f=n?0:p(r.paddingTop),l=n?0:p(r.paddingRight),y=n?0:p(r.paddingBottom),h=n?0:p(r.paddingLeft),N=n?0:p(r.borderTopWidth),k=n?0:p(r.borderRightWidth),D=n?0:p(r.borderBottomWidth),$=n?0:p(r.borderLeftWidth),O=h+l,x=f+y,B=$+k,T=N+D,c=v?e.offsetHeight-T-e.clientHeight:0,d=o?e.offsetWidth-B-e.clientWidth:0,b=i?O+B:0,g=i?x+T:0,m=n?n.width:p(r.width)-b-d,z=n?n.height:p(r.height)-g-c,le=m+O+d+B,de=z+x+c+T,G=w({devicePixelContentBoxSize:R(Math.round(m*devicePixelRatio),Math.round(z*devicePixelRatio),a),borderBoxSize:R(le,de,a),contentBoxSize:R(m,z,a),contentRect:new te(h,f,m,z)});return I.set(e,G),G},ie=function(e,t,r){var n=ne(e,r),i=n.borderBoxSize,a=n.contentBoxSize,o=n.devicePixelContentBoxSize;switch(t){case C.DEVICE_PIXEL_CONTENT_BOX:return o;case C.BORDER_BOX:return i;default:return a}},we=function(){function e(t){var r=ne(t);this.target=t,this.contentRect=r.contentRect,this.borderBoxSize=w([r.borderBoxSize]),this.contentBoxSize=w([r.contentBoxSize]),this.devicePixelContentBoxSize=w([r.devicePixelContentBoxSize])}return e}(),oe=function(e){if(re(e))return 1/0;for(var t=0,r=e.parentNode;r;)t+=1,r=r.parentNode;return t},ze=function(){var e=1/0,t=[];E.forEach(function(o){if(o.activeTargets.length!==0){var v=[];o.activeTargets.forEach(function(l){var y=new we(l.target),h=oe(l.target);v.push(y),l.lastReportedSize=ie(l.target,l.observedBox),h<e&&(e=h)}),t.push(function(){o.callback.call(o.observer,v,o.observer)}),o.activeTargets.splice(0,o.activeTargets.length)}});for(var r=0,n=t;r<n.length;r++){var i=n[r];i()}return e},Y=function(e){E.forEach(function(r){r.activeTargets.splice(0,r.activeTargets.length),r.skippedTargets.splice(0,r.skippedTargets.length),r.observationTargets.forEach(function(i){i.isActive()&&(oe(i.target)>e?r.activeTargets.push(i):r.skippedTargets.push(i))})})},Re=function(){var e=0;for(Y(e);he();)e=ze(),Y(e);return pe()&&be(),e>0},W,se=[],ye=function(){return se.splice(0).forEach(function(e){return e()})},Oe=function(e){if(!W){var t=0,r=document.createTextNode(""),n={characterData:!0};new MutationObserver(function(){return ye()}).observe(r,n),W=function(){r.textContent="".concat(t?t--:t++)}}se.push(e),W()},Be=function(e){Oe(function(){requestAnimationFrame(e)})},M=0,Te=function(){return!!M},Se=250,Ce={attributes:!0,characterData:!0,childList:!0,subtree:!0},K=["resize","load","transitionend","animationend","animationstart","animationiteration","keyup","keydown","mouseup","mousedown","mouseover","mouseout","blur","focus"],Q=function(e){return e===void 0&&(e=0),Date.now()+e},P=!1,ke=function(){function e(){var t=this;this.stopped=!0,this.listener=function(){return t.schedule()}}return e.prototype.run=function(t){var r=this;if(t===void 0&&(t=Se),!P){P=!0;var n=Q(t);Be(function(){var i=!1;try{i=Re()}finally{if(P=!1,t=n-Q(),!Te())return;i?r.run(1e3):t>0?r.run(t):r.start()}})}},e.prototype.schedule=function(){this.stop(),this.run()},e.prototype.observe=function(){var t=this,r=function(){return t.observer&&t.observer.observe(document.body,Ce)};document.body?r():S.addEventListener("DOMContentLoaded",r)},e.prototype.start=function(){var t=this;this.stopped&&(this.stopped=!1,this.observer=new MutationObserver(this.listener),this.observe(),K.forEach(function(r){return S.addEventListener(r,t.listener,!0)}))},e.prototype.stop=function(){var t=this;this.stopped||(this.observer&&this.observer.disconnect(),K.forEach(function(r){return S.removeEventListener(r,t.listener,!0)}),this.stopped=!0)},e}(),q=new ke,Z=function(e){!M&&e>0&&q.start(),M+=e,!M&&q.stop()},De=function(e){return!F(e)&&!me(e)&&getComputedStyle(e).display==="inline"},Ie=function(){function e(t,r){this.target=t,this.observedBox=r||C.CONTENT_BOX,this.lastReportedSize={inlineSize:0,blockSize:0}}return e.prototype.isActive=function(){var t=ie(this.target,this.observedBox,!0);return De(this.target)&&(this.lastReportedSize=t),this.lastReportedSize.inlineSize!==t.inlineSize||this.lastReportedSize.blockSize!==t.blockSize},e}(),Ae=function(){function e(t,r){this.activeTargets=[],this.skippedTargets=[],this.observationTargets=[],this.observer=t,this.callback=r}return e}(),A=new WeakMap,j=function(e,t){for(var r=0;r<e.length;r+=1)if(e[r].target===t)return r;return-1},L=function(){function e(){}return e.connect=function(t,r){var n=new Ae(t,r);A.set(t,n)},e.observe=function(t,r,n){var i=A.get(t),a=i.observationTargets.length===0;j(i.observationTargets,r)<0&&(a&&E.push(i),i.observationTargets.push(new Ie(r,n&&n.box)),Z(1),q.schedule())},e.unobserve=function(t,r){var n=A.get(t),i=j(n.observationTargets,r),a=n.observationTargets.length===1;i>=0&&(a&&E.splice(E.indexOf(n),1),n.observationTargets.splice(i,1),Z(-1))},e.disconnect=function(t){var r=this,n=A.get(t);n.observationTargets.slice().forEach(function(i){return r.unobserve(t,i.target)}),n.activeTargets.splice(0,n.activeTargets.length)},e}(),Le=function(){function e(t){if(arguments.length===0)throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");if(typeof t!="function")throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");L.connect(this,t)}return e.prototype.observe=function(t,r){if(arguments.length===0)throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");if(!X(t))throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");L.observe(this,t,r)},e.prototype.unobserve=function(t){if(arguments.length===0)throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");if(!X(t))throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");L.unobserve(this,t)},e.prototype.disconnect=function(){L.disconnect(this)},e.toString=function(){return"function ResizeObserver () { [polyfill code] }"},e}();const Me=u.aBox`
+  ${u.th("breadcrumbs.item.default")};
+  align-items: center;
+  transition: medium;
+  direction: initial;
+
+  &:hover {
+    ${u.th("breadcrumbs.item.hover")};
+  }
+
+  &[aria-current='page'] {
+    ${u.th("breadcrumbs.item.active")};
+  }
+
+  &[aria-disabled='true'] {
+    pointer-events: none;
+    cursor: default;
+  }
+`,Ne=u.spanBox`
+  ${u.th("breadcrumbs.separator")};
+  display: flex;
+  align-items: center;
+`,$e=ee.forwardRef(({children:e,dataTestId:t,isActive:r,separator:n,...i},a)=>{const o=i.href||i.to;return s.createElement(fe.Box,{"aria-label":"breadcrumb",as:"li","data-testid":t,display:"inline-flex",flex:"0 0 auto",lineHeight:"normal"},n&&s.createElement(Ne,{role:"presentation"},n),s.createElement(Me,{"aria-current":r?"page":void 0,"aria-disabled":!o,...i,ref:a},e))}),ae=u.spanBox(({gradientBackground:e,theme:t})=>u.css`
+    left: 0;
+    background-image: ${ue(t,e)};
+    transform-origin: left;
+  `),ce=u.spanBox(({gradientBackground:e,theme:t})=>u.css`
+    right: 0;
+    background-image: ${ue(t,e,"left")};
+    transform-origin: right;
+  `),We=u.divBox`
+  ${u.th("breadcrumbs.list")};
+  height: 100%;
+  position: relative;
+  overflow-x: hidden;
+
+  ${ae},
+  ${ce} {
+    position: absolute;
+    bottom: 0;
+    top: 0;
+    width: 30;
+  }
+`,Pe=u.olBox`
+  display: inline-flex;
+  align-items: center;
+  max-width: 100%;
+  height: 100%;
+  overflow-x: auto;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  white-space: nowrap;
+`,ue=(e,t,r="right")=>{const n=u.th(`colors.${t}`)({theme:e}),i=_.hexToRGBA(n,0);return`linear-gradient(to ${r}, ${n}, ${i} 100%)`},H=ee.forwardRef(({children:e,gradientBackground:t="neutral-10",lastChildNotClickable:r=!0,separator:n=s.createElement(ve.RightIcon,{size:"xs"}),...i},a)=>{const o=s.useRef(null),v=s.useRef(),f=s.useRef(),[l,y]=s.useState(!1),[h,N]=s.useState(0),k=s.Children.toArray(e).filter(Boolean),D=k.length,$=k.map((c,d)=>{const b=D===1||D===d+1,g=b&&r;return s.cloneElement(c,{key:`breadcrumb-${d}`,separator:b?void 0:n,isActive:g,...c.props})});function O(c,d){c&&(c.style.transform=`scale3d(${d}, 1, 1)`)}const x=s.useCallback(c=>{const d=1-c;O(v.current,d),O(f.current,c)},[]),B=s.useCallback(()=>{const{current:{offsetWidth:c,scrollLeft:d,scrollWidth:b}}=o,g=b-c,z=_.clamp(Math.abs(d-h),0,g)/g;x(z)},[h,x]),T=s.useMemo(()=>_.throttle(c=>{const[{target:{offsetWidth:d,scrollLeft:b,scrollWidth:g}}]=c,m=g-d;h||N(b===0?0:m),y(m>0)},300,!1),[h]);return s.useEffect(()=>{const c=new Le(T);return c.observe(o.current),()=>c.disconnect()},[]),s.useEffect(()=>{v.current&&f.current&&x(0)},[l,x]),s.createElement(We,{as:"nav",ref:a,...i},l&&s.createElement(ae,{gradientBackground:t,ref:v}),s.createElement(Pe,{dir:"rtl",onScroll:B,ref:o},$.reverse()),l&&s.createElement(ce,{gradientBackground:t,ref:f}))});H.displayName="Breadcrumb";const _e=Object.assign(H,{Item:$e});exports.Breadcrumb=_e;exports.BreadcrumbComponent=H;