welcome-ui 0.0.0-dev.1738087585148

package/dist/Button.mjs

@@ -0,0 +1,136 @@
+"use client";
+import r from "react";
+import h, { css as i, th as t, system as b } from "@xstyled/styled-components";
+import { B as p } from "./X5NMLKT6-uFSu0Lii.mjs";
+import { h as y } from "./hide-focus-rings-root-BNyva1yb.mjs";
+import { shouldForwardProp as w, forwardRef as g } from "./System.mjs";
+import { Loader as x } from "./Loader.mjs";
+import { Box as d } from "./Box.mjs";
+const B = (e, s = "square") => i`
+  width: ${t(`buttons.sizes.${e}.height`)};
+  padding: 0;
+  ${s === "circle" && i`
+    border-radius: ${t(`buttons.sizes.${e}.height`)};
+  `};
+`, a = h(p).withConfig({ shouldForwardProp: w })(
+  ({ danger: e, disabled: s, shape: l, size: n = "md", variant: o = "primary" }) => i`
+    ${t(`buttons.${o}`)};
+    ${e && i`
+      ${t(`buttons.danger.${o}`)};
+    `}
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: auto;
+    ${t(`buttons.sizes.${n}`)};
+    text-decoration: none;
+    text-align: center;
+    white-space: nowrap;
+    cursor: pointer;
+    outline: none !important; /* important for firefox */
+    border-width: sm;
+    border-style: solid;
+    appearance: none;
+    overflow: hidden;
+    transition: medium;
+    ${l && B(n, l)};
+    ${b};
+
+    & > svg.wui-icon,
+    & > i.wui-icon-font {
+      font-weight: initial;
+
+      &:only-child {
+        width: ${t(`buttons.icon.only.${n}`)};
+        height: ${t(`buttons.icon.only.${n}`)};
+        font-size: ${t(`buttons.icon.only.${n}`)};
+      }
+      &:not(:only-child) {
+        width: ${t(`buttons.icon.default.${n}`)};
+        height: ${t(`buttons.icon.default.${n}`)};
+        font-size: ${t(`buttons.icon.default.${n}`)};
+      }
+    }
+
+    & > *:not(:only-child):not(:last-child) {
+      margin-right: sm;
+    }
+
+    ${!s && i`
+      [${y}] &:focus {
+        box-shadow: none;
+      }
+      &:focus {
+        ${t(`buttons.focus.${o}`)};
+        ${e && i`
+          ${t(`buttons.focus.danger.${o}`)};
+        `}
+      }
+      &:hover {
+        ${t(`buttons.hover.${o}`)};
+        ${e && i`
+          ${t(`buttons.hover.danger.${o}`)};
+        `}
+      }
+      &:active {
+        ${t(`buttons.active.${o}`)};
+        ${e && i`
+          ${t(`buttons.active.danger.${o}`)};
+        `}
+      }
+    `};
+
+    &[disabled] {
+      cursor: not-allowed;
+    }
+  `
+), E = g(
+  ({
+    children: e,
+    danger: s,
+    dataTestId: l,
+    disabled: n,
+    isLoading: o,
+    size: c = "md",
+    variant: $ = "primary",
+    ...m
+  }, f) => {
+    const u = n || o;
+    return /* @__PURE__ */ r.createElement(
+      a,
+      {
+        danger: s,
+        "data-loading": o,
+        "data-testid": l,
+        disabled: u,
+        ref: f,
+        size: c,
+        variant: u ? "disabled" : $,
+        ...m
+      },
+      o && /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement(
+        d,
+        {
+          alignItems: "center",
+          bottom: 0,
+          display: "flex",
+          justifyContent: "center",
+          left: 0,
+          m: 0,
+          position: "absolute",
+          right: 0,
+          top: 0
+        },
+        /* @__PURE__ */ r.createElement(x, { size: "xs" })
+      ), /* @__PURE__ */ r.createElement(d, { opacity: "0" }, e)),
+      !o && e
+    );
+  }
+);
+E.displayName = "Button";
+const S = a;
+export {
+  E as Button,
+  S as StyledButton
+};

package/dist/ButtonGroup.js

@@ -0,0 +1,32 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=require("@xstyled/styled-components"),u=require("./System.js"),c=e.div`
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
+  margin-top: -3px;
+
+  > * {
+    margin-top: 3px;
+
+    &:not(:only-child) {
+      &:not(:last-child) {
+        border-right-color: rgba(255, 255, 255, 0.4);
+      }
+
+      &:first-child {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+
+      &:last-child {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+
+      &:not(:last-child):not(:first-child) {
+        border-radius: 0;
+      }
+    }
+  }
+
+  ${e.system};
+`,b=u.forwardRef(({children:o,dataTestId:i,disabled:s,size:n,variant:a},l)=>{function d(p){return t.Children.toArray(p).filter(Boolean).map(r=>t.cloneElement(r,{...r.props,disabled:s||r.props.disabled,size:n||r.props.size,variant:a||r.props.variant}))}return t.createElement(c,{"data-testid":i,ref:l},d(o))});exports.ButtonGroup=b;

package/dist/ButtonGroup.mjs

@@ -0,0 +1,51 @@
+"use client";
+import d, { Children as p, cloneElement as u } from "react";
+import f, { system as m } from "@xstyled/styled-components";
+import { forwardRef as b } from "./System.mjs";
+const c = f.div`
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
+  margin-top: -3px;
+
+  > * {
+    margin-top: 3px;
+
+    &:not(:only-child) {
+      &:not(:last-child) {
+        border-right-color: rgba(255, 255, 255, 0.4);
+      }
+
+      &:first-child {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+      }
+
+      &:last-child {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+      }
+
+      &:not(:last-child):not(:first-child) {
+        border-radius: 0;
+      }
+    }
+  }
+
+  ${m};
+`, y = b(
+  ({ children: t, dataTestId: o, disabled: e, size: i, variant: a }, s) => {
+    function l(n) {
+      return p.toArray(n).filter(Boolean).map((r) => u(r, {
+        ...r.props,
+        disabled: e || r.props.disabled,
+        size: i || r.props.size,
+        variant: a || r.props.variant
+      }));
+    }
+    return /* @__PURE__ */ d.createElement(c, { "data-testid": o, ref: s }, l(t));
+  }
+);
+export {
+  y as ButtonGroup
+};

package/dist/Card.js

@@ -0,0 +1,17 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=require("@xstyled/styled-components"),c=require("./Shape.js"),d=require("./System.js"),a=e(c.Shape)`
+  ${e.th("cards.cover")};
+
+  ${e.system};
+`,i=({src:t,...r})=>o.createElement(a,{...r},o.createElement("img",{src:t})),u=e.divBox`
+  overflow: 'hidden';
+  border-radius: md;
+  ${e.th("cards.default")};
+  background-size: cover;
+  background-position: center;
+
+  ${e.system};
+`,m=e.divBox`
+  padding: lg;
+
+  ${e.system};
+`,n=d.forwardRef(({children:t,...r},s)=>o.createElement(u,{ref:s,...r},t)),l=Object.assign(n,{Body:m,Cover:i});exports.Card=l;exports.CardComponent=n;

package/dist/Card.mjs

@@ -0,0 +1,29 @@
+"use client";
+import r from "react";
+import t, { th as n, system as d } from "@xstyled/styled-components";
+import { Shape as c } from "./Shape.mjs";
+import { forwardRef as s } from "./System.mjs";
+const i = t(c)`
+  ${n("cards.cover")};
+
+  ${d};
+`, m = ({ src: e, ...o }) => /* @__PURE__ */ r.createElement(i, { ...o }, /* @__PURE__ */ r.createElement("img", { src: e })), f = t.divBox`
+  overflow: 'hidden';
+  border-radius: md;
+  ${n("cards.default")};
+  background-size: cover;
+  background-position: center;
+
+  ${d};
+`, l = t.divBox`
+  padding: lg;
+
+  ${d};
+`, p = s(({ children: e, ...o }, a) => /* @__PURE__ */ r.createElement(f, { ref: a, ...o }, e)), C = Object.assign(p, {
+  Body: l,
+  Cover: m
+});
+export {
+  C as Card,
+  p as CardComponent
+};

package/dist/Checkbox.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const e=require("./index-CUtaVckz.js");require("./System.js");exports.Checkbox=e.Checkbox$1;

package/dist/Checkbox.mjs

@@ -0,0 +1,6 @@
+import "react";
+import { a as t } from "./index-CDjY0N2Z.mjs";
+import "./System.mjs";
+export {
+  t as Checkbox
+};

package/dist/ClearButton.js

@@ -0,0 +1,14 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=require("@xstyled/styled-components"),a=require("./Button.js");require("./Icon.js");const i=require("./index-C1FV1q-F.js"),c=require("./System.js"),u=e.keyframes`
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+`,l=e.css`
+  ${u}
+`,n=e(a.Button)`
+  pointer-events: auto;
+  animation: ${e.th("transitions.medium")};
+  animation-name: ${l};
+`,m=c.forwardRef(({size:o="xs",...r},s)=>t.createElement(n,{ref:s,shape:"circle",size:o,title:"Clear",variant:"ghost",...r},t.createElement(i.CrossIcon,{size:"xxs"}))),d=n;exports.ClearButton=m;exports.StyledClearButton=d;

package/dist/ClearButton.mjs

@@ -0,0 +1,27 @@
+"use client";
+import t from "react";
+import n, { keyframes as i, css as s, th as m } from "@xstyled/styled-components";
+import { Button as c } from "./Button.mjs";
+import "./Icon.mjs";
+import { C as l } from "./index-C7zM96J_.mjs";
+import { forwardRef as f } from "./System.mjs";
+const p = i`
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+`, u = s`
+  ${p}
+`, e = n(c)`
+  pointer-events: auto;
+  animation: ${m("transitions.medium")};
+  animation-name: ${u};
+`, $ = f(
+  ({ size: o = "xs", ...r }, a) => /* @__PURE__ */ t.createElement(e, { ref: a, shape: "circle", size: o, title: "Clear", variant: "ghost", ...r }, /* @__PURE__ */ t.createElement(l, { size: "xxs" }))
+), h = e;
+export {
+  $ as ClearButton,
+  h as StyledClearButton
+};

package/dist/CloseButton.js

@@ -0,0 +1,6 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=require("@xstyled/styled-components"),r=require("./Button.js");require("./Icon.js");const n=require("./index-C1FV1q-F.js"),c=require("./System.js"),i=e(r.Button)`
+  & > svg:only-child {
+    width: ${e.th("space.md")};
+    height: ${e.th("space.md")};
+  }
+`,l=c.forwardRef((s,o)=>t.createElement(i,{ref:o,shape:"circle",size:"sm",title:"Close",variant:"ghost",...s},t.createElement(n.CrossIcon,{size:"lg"})));exports.CloseButton=l;

package/dist/CloseButton.mjs

@@ -0,0 +1,16 @@
+"use client";
+import t from "react";
+import s, { th as e } from "@xstyled/styled-components";
+import { Button as m } from "./Button.mjs";
+import "./Icon.mjs";
+import { C as i } from "./index-C7zM96J_.mjs";
+import { forwardRef as l } from "./System.mjs";
+const a = s(m)`
+  & > svg:only-child {
+    width: ${e("space.md")};
+    height: ${e("space.md")};
+  }
+`, u = l((o, r) => /* @__PURE__ */ t.createElement(a, { ref: r, shape: "circle", size: "sm", title: "Close", variant: "ghost", ...o }, /* @__PURE__ */ t.createElement(i, { size: "lg" })));
+export {
+  u as CloseButton
+};