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

package/dist/index-Du8Nrf16.mjs

@@ -0,0 +1,128 @@
+"use client";
+import o from "react";
+import { f as d } from "./index-WmqrMIzg.mjs";
+import p, { x as g, css as r, system as h, th as m } from "@xstyled/styled-components";
+import { g as c } from "./index-MifIgNHW.mjs";
+var y = d((e, i) => /* @__PURE__ */ o.createElement(g.div, { ref: i, ...e })), u = (e, i, t) => r`
+  width: ${c(e, i)};
+  height: ${c(e, i)};
+  border-radius: ${t === "circle" && "50%"};
+`, $ = p(y)(
+  ({ h: e, shape: i, w: t }) => r`
+    position: relative;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    img {
+      object-fit: cover;
+      overflow: hidden;
+      width: 100%;
+      height: 100%;
+    }
+
+    ${h};
+
+    /* we must override shapeStyles (let this line under ${h}) */
+    ${i && u(t, e, i)}
+  `
+), w = d(
+  ({ children: e, dataTestId: i, shape: t, ...a }, l) => /* @__PURE__ */ o.createElement($, { "data-testid": i, ref: l, shape: t, ...a }, e)
+);
+w.displayName = "Shape";
+var k = {
+  h0: "h1",
+  h1: "h2",
+  h2: "h3",
+  h3: "h4",
+  h4: "h5",
+  h5: "h6",
+  h6: "h6"
+}, v = (e) => r`
+  /* stylelint-disable-next-line value-no-vendor-prefix */
+  display: -webkit-box;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
+  -webkit-box-orient: vertical;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
+  -webkit-line-clamp: ${e || "none"};
+  line-height: normal;
+  overflow: hidden;
+  word-break: ${e === 1 ? "break-all" : null};
+`, S = p.p(({ lines: e, theme: i, variant: t, withDash: a }) => {
+  const l = k[t], n = t == null ? void 0 : t.startsWith("h"), s = e && e !== 1 / 0 && t.startsWith("h") && i.fonts.headings.includes("welcome-font");
+  return r`
+    ${m(`texts.${l || t}`)};
+
+    /* Start fallback for non-webkit */
+    display: block;
+    ${e && e !== 1 / 0 && v(e)};
+    /* End fallback for non-webkit */
+
+    ${a && n && r`
+      display: flex;
+
+      &:before {
+        content: '';
+        width: 16;
+        height: 4;
+        display: flex;
+        align-self: center;
+        flex-shrink: 0;
+        background-color: primary-40;
+        margin-right: md;
+      }
+    `}
+
+    @media (min-width: lg) {
+      ${m(`texts.${t}`)};
+      ${h};
+    }
+
+    ${s && r`
+      & {
+        line-height: 1.4;
+      }
+    `}
+
+    ${h};
+  `;
+}), N = {
+  h0: "h1",
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  lg: "p",
+  md: "p",
+  sm: "p",
+  xs: "p",
+  "subtitle-md": "span",
+  "subtitle-sm": "span"
+}, E = d(
+  ({ as: e, children: i, dataTestId: t, lines: a, variant: l = "md", withDash: n, ...s }, f) => {
+    const x = e || N[l], b = s.className || "";
+    return /* @__PURE__ */ o.createElement(
+      S,
+      {
+        as: x,
+        "data-testid": t,
+        lines: a,
+        ref: f,
+        variant: l,
+        withDash: n,
+        ...s,
+        className: `${b} wui-text`
+      },
+      i
+    );
+  }
+);
+E.displayName = "Text";
+export {
+  y as B,
+  w as S,
+  E as T
+};

package/dist/index-MifIgNHW.mjs

@@ -0,0 +1,47 @@
+"use client";
+import { css as o, createGlobalStyle as u } from "@xstyled/styled-components";
+import "react";
+import "./index-WmqrMIzg.mjs";
+o`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+var v = (t, r, e) => Math.min(Math.max(t, r), e), d = (t, r = t) => {
+  const e = parseInt(t, 10), n = parseInt(r, 10);
+  return e - n >= 0 ? t : r;
+}, s = (t, r, e) => parseInt(t.substring(r, e), 16), c = (t) => /(^[0-9a-fA-F]{6}$)|(^[0-9a-fA-F]{3}$)/.test(t), f = (t) => {
+  if (!t || (t = t.replace("#", ""), !c(t)))
+    return;
+  t.length === 3 && (t = `${t[0]}${t[0]}${t[1]}${t[1]}${t[2]}${t[2]}`);
+  const r = (a) => s(a, 0, 2), e = (a) => s(a, 2, 4), n = (a) => s(a, 4, 6);
+  return `${r(t)}, ${e(t)}, ${n(t)}`;
+}, b = (t, r = 1) => t ? t.startsWith("#") ? `rgba(${f(t)}, ${r})` : t : void 0, $ = "data-wui-hidefocusrings";
+u(
+  () => o`
+    [${$}] *:focus {
+      outline: none;
+    }
+  `
+);
+o`
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+var A = (t, r, e = !0) => {
+  let n = null, a = null;
+  return (...l) => {
+    const i = () => {
+      t(...a), n = null;
+    };
+    a = l, n || (e && i(), n = setTimeout(i, r));
+  };
+};
+export {
+  $ as a,
+  v as c,
+  d as g,
+  b as h,
+  A as t
+};

package/dist/index-V28zHt_Z.js

@@ -0,0 +1,68 @@
+"use client";"use strict";const a=require("react"),o=require("./index-DRNn5iIc.js"),i=require("@xstyled/styled-components"),d=require("./index-BXJQXgy9.js");var c=o.forwardRef((e,s)=>a.createElement(i.x.div,{ref:s,...e})),g=(e,s,t)=>i.css`
+  width: ${d.getMax(e,s)};
+  height: ${d.getMax(e,s)};
+  border-radius: ${t==="circle"&&"50%"};
+`,y=i(c)(({h:e,shape:s,w:t})=>i.css`
+    position: relative;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    img {
+      object-fit: cover;
+      overflow: hidden;
+      width: 100%;
+      height: 100%;
+    }
+
+    ${i.system};
+
+    /* we must override shapeStyles (let this line under ${i.system}) */
+    ${s&&g(t,e,s)}
+  `),m=o.forwardRef(({children:e,dataTestId:s,shape:t,...n},r)=>a.createElement(y,{"data-testid":s,ref:r,shape:t,...n},e));m.displayName="Shape";var u={h0:"h1",h1:"h2",h2:"h3",h3:"h4",h4:"h5",h5:"h6",h6:"h6"},$=e=>i.css`
+  /* stylelint-disable-next-line value-no-vendor-prefix */
+  display: -webkit-box;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
+  -webkit-box-orient: vertical;
+  /* stylelint-disable-next-line property-no-vendor-prefix */
+  -webkit-line-clamp: ${e||"none"};
+  line-height: normal;
+  overflow: hidden;
+  word-break: ${e===1?"break-all":null};
+`,w=i.p(({lines:e,theme:s,variant:t,withDash:n})=>{const r=u[t],h=t==null?void 0:t.startsWith("h"),l=e&&e!==1/0&&t.startsWith("h")&&s.fonts.headings.includes("welcome-font");return i.css`
+    ${i.th(`texts.${r||t}`)};
+
+    /* Start fallback for non-webkit */
+    display: block;
+    ${e&&e!==1/0&&$(e)};
+    /* End fallback for non-webkit */
+
+    ${n&&h&&i.css`
+      display: flex;
+
+      &:before {
+        content: '';
+        width: 16;
+        height: 4;
+        display: flex;
+        align-self: center;
+        flex-shrink: 0;
+        background-color: primary-40;
+        margin-right: md;
+      }
+    `}
+
+    @media (min-width: lg) {
+      ${i.th(`texts.${t}`)};
+      ${i.system};
+    }
+
+    ${l&&i.css`
+      & {
+        line-height: 1.4;
+      }
+    `}
+
+    ${i.system};
+  `}),k={h0:"h1",h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",lg:"p",md:"p",sm:"p",xs:"p","subtitle-md":"span","subtitle-sm":"span"},p=o.forwardRef(({as:e,children:s,dataTestId:t,lines:n,variant:r="md",withDash:h,...l},f)=>{const x=e||k[r],b=l.className||"";return a.createElement(w,{as:x,"data-testid":t,lines:n,ref:f,variant:r,withDash:h,...l,className:`${b} wui-text`},s)});p.displayName="Text";exports.Box=c;exports.Shape2=m;exports.Text2=p;