welcome-ui 10.5.0 → 10.6.0

package/dist/Swiper.js

@@ -3,7 +3,7 @@ import './Swiper.css';
 import { jsx as $ } from "react/jsx-runtime";
 import { a as z, g as pe, c as K, u as fe } from "./index-B6iGEm-i.js";
 import { useRef as Z, useEffect as W, Children as se, cloneElement as ge, createContext as me, useContext as be, useState as H, useMemo as ee, useCallback as A } from "react";
-import { u as we } from "./use-viewport-GQu4vkby.js";
+import { u as we } from "./use-viewport-DuW6YjHT.js";
 import { Button as oe } from "./Button.js";
 import { Icon as le } from "./Icon.js";
 var Y, ae;

package/dist/Table.css

@@ -1 +1 @@
-@layer components{._root_14phd_2{width:100%;overflow:hidden}._content_14phd_6{width:100%;overflow-x:auto}._content_14phd_6 table{width:100%;border-collapse:collapse;border:0}._content_14phd_6 table td{padding:var(--tab-size-icon-lg);text-align:left}._content_14phd_6 table td:first-child{padding-left:0}._content_14phd_6 table td:last-child{padding-right:0}._content_14phd_6 table th{border-bottom:var(--tab-border-width-unchecked) solid var(--tab-color-text-unchecked-pressed);color:var(--color-icon-neutral-subtle);font-weight:var(--font-weight-medium);text-align:left;padding:var(--tab-size-icon-lg);vertical-align:middle}._content_14phd_6 table th:first-child{padding-left:0}._content_14phd_6 table th:last-child{padding-right:0}._content_14phd_6 table tr{border-bottom:var(--tab-border-width-unchecked) solid var(--color-background-neutral-subtlest);background-color:var(--trBackgroundColor, "transparent");color:var(--trColor, "inherit");transition:background-color var(--duration-medium) ease-in-out}._content_14phd_6 table tr:last-child{border:0}._content_14phd_6 table tr._clickable_14phd_48{cursor:pointer}._content_14phd_6 table tr._clickable_14phd_48:hover{background-color:var(--color-background-warm-minimal)}._content_14phd_6 table tr._variant-danger_14phd_54{--trBackgroundColor: var(--color-background-danger-minimal);--trColor: var(--color-background-danger-strongest)}._content_14phd_6 table tr._variant-warning_14phd_58{--trBackgroundColor: var(--color-background-warning-minimal);--trColor: var(--color-icon-warning-secondary)}._content_14phd_6 table tr._variant-success_14phd_62{--trBackgroundColor: var(--color-green-10);--trColor: var(--color-icon-accent-green-tertiary)}._content_14phd_6 table tr._variant-info_14phd_66{--trBackgroundColor: var(--color-background-accent-blue-minimal);--trColor: var(--color-background-accent-blue-strongest)}._indent_14phd_70 table td:first-child,._indent_14phd_70 table th:first-child{padding-left:var(--tab-size-icon-lg)}._indent_14phd_70 table td:last-child,._indent_14phd_70 table th:last-child{padding-right:var(--tab-size-icon-lg)}}
+@layer components{._root_msc2t_2{width:100%;overflow:hidden;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}._content_msc2t_8{width:100%;overflow-x:auto}._content_msc2t_8 table{--borderWidth: var(--table-cell-border-width);--borderColorChecked: var(--table-cell-color-border-checked);width:100%;border-collapse:collapse}._content_msc2t_8 table tr{font-family:var(--font-family-body);font-size:var(--font-size-sm);border-bottom-color:var(--table-cell-color-border-default);border-bottom-width:var(--borderWidth);border-bottom-style:solid}._content_msc2t_8 table tr[data-clickable=true]{cursor:pointer}._content_msc2t_8 table tr[data-clickable=true]:hover{border-top-width:var(--borderWidth);border-top-style:solid;background-color:var(--table-cell-color-background-hover);border-color:var(--borderColorChecked)}._content_msc2t_8 table th,._content_msc2t_8 table td{padding:var(--table-cell-padding);text-align:left}._content_msc2t_8 table th:has(>[aria-checked]:only-child),._content_msc2t_8 table td:has(>[aria-checked]:only-child){max-width:var(--table-cell-size-checkbox)}._content_msc2t_8 table thead{background-color:var(--table-header-color-background-warm)}._content_msc2t_8 table thead tr{line-height:var(--font-line-height-xs);font-weight:var(--font-weight-medium)}._content_msc2t_8 table tbody tr{line-height:var(--font-line-height-md);font-weight:var(--font-weight-regular)}._content_msc2t_8 table tbody tr[aria-selected=true]{background-color:var(--table-cell-color-background-checked);border-bottom-width:0}._content_msc2t_8 table tbody tr[aria-selected=true]:not(tr[aria-selected=true]+tr[aria-selected=true]){border-top-width:var(--borderWidth);border-top-color:var(--borderColorChecked)}._content_msc2t_8 table tbody tr[aria-selected=true]:not(:has(+tr[aria-selected=true])){border-bottom-width:var(--borderWidth);border-bottom-color:var(--borderColorChecked)}._content_msc2t_8 table:has(tbody tr[data-clickable=true]:first-child:hover) thead tr,._content_msc2t_8 table:has(tbody tr:first-child[aria-selected=true]) thead tr{border-bottom-width:0}._content_msc2t_8 table tr:has(+tr[data-clickable=true]:hover),._content_msc2t_8 table tr:has(+tr[aria-selected=true]){border-bottom-width:0}._withColumnDivider_msc2t_73 table tbody td{border-right-color:var(--table-cell-color-border-default);border-right-width:var(--table-cell-border-width);border-right-style:solid}._withColumnDivider_msc2t_73 table tbody td:last-child{border-right:none}}

package/dist/Table.js

@@ -1,47 +1,35 @@
 "use client";
 import './Table.css';
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { c as T } from "./index-B6iGEm-i.js";
-const m = "_root_14phd_2", h = "_content_14phd_6", v = "_clickable_14phd_48", y = "_indent_14phd_70", N = {
-  root: m,
-  content: h,
-  clickable: v,
-  "variant-danger": "_variant-danger_14phd_54",
-  "variant-warning": "_variant-warning_14phd_58",
-  "variant-success": "_variant-success_14phd_62",
-  "variant-info": "_variant-info_14phd_66",
-  indent: y
-}, r = T(N), o = p(
-  ({ children: a, className: e, indent: n, ...s }, b) => /* @__PURE__ */ t("div", { className: r("root", e), ref: b, ...s, children: /* @__PURE__ */ t("div", { className: r("content", n && "indent"), children: /* @__PURE__ */ t("table", { children: a }) }) })
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import { c as h } from "./index-B6iGEm-i.js";
+const p = "_root_msc2t_2", u = "_content_msc2t_8", y = "_withColumnDivider_msc2t_73", N = {
+  root: p,
+  content: u,
+  withColumnDivider: y
+}, s = h(N), n = b(
+  ({ children: t, className: a, withColumnDivider: o = !1, ...m }, T) => /* @__PURE__ */ e("div", { className: s("root", a), ref: T, ...m, children: /* @__PURE__ */ e("div", { className: s("content", o && "withColumnDivider"), children: /* @__PURE__ */ e("table", { children: t }) }) })
 );
-o.displayName = "Table";
-const c = (a) => /* @__PURE__ */ t("tbody", { ...a });
-c.displayName = "Table.Tbody";
-const d = (a) => /* @__PURE__ */ t("th", { ...a });
-d.displayName = "Table.Th";
-const i = (a) => /* @__PURE__ */ t("thead", { ...a });
-i.displayName = "Table.Thead";
-const l = (a) => /* @__PURE__ */ t("td", { ...a });
-l.displayName = "Table.Td";
-const _ = ({ className: a, onClick: e, variant: n, ...s }) => /* @__PURE__ */ t(
-  "tr",
-  {
-    className: r(n && `variant-${n}`, !!e && "clickable", a),
-    onClick: e,
-    ...s
-  }
-);
-_.displayName = "Table.Tr";
-const k = Object.assign(o, {
-  Tbody: c,
-  Td: l,
-  Th: d,
-  Thead: i,
-  Tr: _
+n.displayName = "Table";
+const r = (t) => /* @__PURE__ */ e("tbody", { ...t });
+r.displayName = "Table.Tbody";
+const l = (t) => /* @__PURE__ */ e("th", { ...t });
+l.displayName = "Table.Th";
+const c = (t) => /* @__PURE__ */ e("thead", { ...t });
+c.displayName = "Table.Thead";
+const i = (t) => /* @__PURE__ */ e("td", { ...t });
+i.displayName = "Table.Td";
+const d = ({ className: t, onClick: a, ...o }) => /* @__PURE__ */ e("tr", { className: t, "data-clickable": !!a, onClick: a, ...o });
+d.displayName = "Table.Tr";
+const w = Object.assign(n, {
+  Tbody: r,
+  Td: i,
+  Th: l,
+  Thead: c,
+  Tr: d
 });
 export {
-  k as Table,
-  o as TableComponent,
+  w as Table,
+  n as TableComponent,
   N as tableClasses
 };

package/dist/types/components/Table/index.d.ts

@@ -20,7 +20,7 @@ export declare const Table: import('react').ForwardRefExoticComponent<Omit<Table
         displayName: string;
     };
     Tr: {
-        ({ className, onClick, variant, ...rest }: TableTrProps): import("react/jsx-runtime").JSX.Element;
+        ({ className, onClick, ...rest }: TableTrProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/dist/types/components/Table/types.d.ts

@@ -3,18 +3,14 @@ export type TableProps = ComponentPropsWithRef<'div'> & HTMLAttributes<HTMLDivEl
 export type TableTrProps = ComponentPropsWithoutRef<'tr'> & HTMLAttributes<HTMLTableRowElement> & TableTrOptions;
 interface TableOptions {
     /**
-     * Add space on first and last child on the Td and Th component
+     * Add vertical divider between columns
      */
-    indent?: boolean;
+    withColumnDivider?: boolean;
 }
 interface TableTrOptions {
     /**
      * Change the cursor to pointer to indicate the row is clickable
      */
     onClick?: (props?: unknown) => void;
-    /**
-     * Change the background color of the row to represent a specific state
-     */
-    variant?: 'danger' | 'info' | 'success' | 'warning';
 }
 export {};

package/dist/use-viewport-DuW6YjHT.js

@@ -0,0 +1,20 @@
+"use client";
+import { useEffect as s, useLayoutEffect as u, useState as a, useRef as f } from "react";
+const m = typeof window > "u" ? s : u;
+function h() {
+  const [n, i] = a({ height: void 0, width: void 0 }), e = f();
+  return m(() => {
+    const t = new ResizeObserver(([o]) => {
+      const { blockSize: r, inlineSize: c } = o.contentBoxSize[0];
+      cancelAnimationFrame(e.current), e.current = requestAnimationFrame(() => {
+        i({ height: r, width: c });
+      });
+    });
+    return t.observe(document.documentElement), () => {
+      cancelAnimationFrame(e.current), t.disconnect();
+    };
+  }, []), n;
+}
+export {
+  h as u
+};

package/dist/utils.js

@@ -3,7 +3,7 @@ import './utils.css';
 import { u, b as f } from "./index-B6iGEm-i.js";
 import { c as b } from "./index-B6iGEm-i.js";
 import { f as S } from "./forwardRefWithAs-8eP3ZN15.js";
-import { u as p } from "./use-viewport-GQu4vkby.js";
+import { u as p } from "./use-viewport-DuW6YjHT.js";
 import { useState as a, useCallback as d } from "react";
 function y(e = "includeThreshold") {
   const { width: o } = p(), t = u(), i = o ?? (typeof window < "u" ? window.innerWidth : 0), c = (r) => e === "includeThreshold" ? i >= r : i > r, s = Object.keys(t).filter((r) => r !== "xxl").sort((r, n) => t[r] - t[n]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "welcome-ui",
-  "version": "10.5.0",
+  "version": "10.6.0",
   "description": "Customizable design system with react, typescript, tailwindcss and ariakit.",
   "files": [
     "dist"

package/dist/use-viewport-GQu4vkby.js

@@ -1,20 +0,0 @@
-"use client";
-import { useEffect as s, useLayoutEffect as u, useState as f, useRef as d } from "react";
-const m = typeof window > "u" ? s : u, S = 300;
-function z() {
-  const [o, i] = f({ height: void 0, width: void 0 }), e = d();
-  return m(() => {
-    const t = new ResizeObserver(([n]) => {
-      const { blockSize: c, inlineSize: r } = n.contentBoxSize[0];
-      clearTimeout(e.current), e.current = setTimeout(() => {
-        i({ height: c, width: r });
-      }, S);
-    });
-    return t.observe(document.documentElement), () => {
-      clearTimeout(e.current), t.disconnect();
-    };
-  }, []), o;
-}
-export {
-  z as u
-};