@strapi/design-system 1.4.2 → 1.5.0-alpha.0

package/dist/Table/Cell.js

@@ -1,29 +1,9 @@
-var g = Object.defineProperty;
-var l = Object.getOwnPropertySymbols;
-var p = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
-var c = (e, r, t) => r in e ? g(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, a = (e, r) => {
-  for (var t in r || (r = {}))
-    p.call(r, t) && c(e, t, r[t]);
-  if (l)
-    for (var t of l(r))
-      m.call(r, t) && c(e, t, r[t]);
-  return e;
-};
-var s = (e, r) => {
-  var t = {};
-  for (var o in e)
-    p.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
-  if (e != null && l)
-    for (var o of l(e))
-      r.indexOf(o) < 0 && m.call(e, o) && (t[o] = e[o]);
-  return t;
-};
-import n from "react";
-import u from "styled-components";
-import d from "prop-types";
-import { Flex as T } from "../Flex/Flex.js";
-import { RawTd as x, RawTh as k } from "../RawTable/RawCell.js";
-const f = u(x)`
+import t from "react";
+import o from "styled-components";
+import r from "prop-types";
+import { Flex as c } from "../Flex/Flex.js";
+import { RawTd as p, RawTh as m } from "../RawTable/RawCell.js";
+const l = o(p)`
   vertical-align: middle;
   text-align: left;
   color: ${({ theme: e }) => e.colors.neutral600};
@@ -35,25 +15,25 @@ const f = u(x)`
   input {
     vertical-align: sub;
   }
-`, v = u.span`
+`, s = o.span`
   svg {
     height: ${4 / 16}rem;
   }
-`, h = (o) => {
-  var i = o, { children: e, action: r } = i, t = s(i, ["children", "action"]);
-  return /* @__PURE__ */ n.createElement(f, a({
-    as: k
-  }, t), /* @__PURE__ */ n.createElement(T, null, e, /* @__PURE__ */ n.createElement(v, null, r)));
-};
-h.defaultProps = {
+`, n = ({ children: e, action: a, ...i }) => /* @__PURE__ */ t.createElement(l, {
+  as: m,
+  ...i
+}, /* @__PURE__ */ t.createElement(c, null, e, /* @__PURE__ */ t.createElement(s, null, a)));
+n.defaultProps = {
   action: void 0
 };
-h.propTypes = {
-  action: d.node,
-  children: d.node.isRequired
+n.propTypes = {
+  action: r.node,
+  children: r.node.isRequired
 };
-const W = (e) => /* @__PURE__ */ n.createElement(f, a({}, e));
+const T = (e) => /* @__PURE__ */ t.createElement(l, {
+  ...e
+});
 export {
-  W as Td,
-  h as Th
+  T as Td,
+  n as Th
 };

package/dist/Table/TFooter.cjs

@@ -1,4 +1,4 @@
-"use strict";var h=Object.defineProperty;var i=Object.getOwnPropertySymbols;var s=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var u=(e,r,t)=>r in e?h(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,p=(e,r)=>{for(var t in r||(r={}))s.call(r,t)&&u(e,t,r[t]);if(i)for(var t of i(r))c.call(r,t)&&u(e,t,r[t]);return e};var y=(e,r)=>{var t={};for(var o in e)s.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&i)for(var o of i(e))r.indexOf(o)<0&&c.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react"),b=require("prop-types"),v=require("styled-components"),d=require("../Box/Box.cjs"),T=require("../Divider/Divider.cjs"),q=require("../Typography/Typography.cjs"),B=require("../Flex/Flex.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=l(x),f=l(b),g=l(v),_=g.default(d.Box)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),s=require("prop-types"),c=require("styled-components"),r=require("../Box/Box.cjs"),p=require("../Divider/Divider.cjs"),y=require("../Typography/Typography.cjs"),f=require("../Flex/Flex.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(u),a=o(s),i=o(c),g=i.default(r.Box)`
   height: ${24/16}rem;
   width: ${24/16}rem;
   border-radius: 50%;
@@ -14,9 +14,9 @@
   svg path {
     fill: ${({theme:e})=>e.colors.primary600};
   }
-`,j=g.default(d.Box)`
+`,m=i.default(r.Box)`
   border-radius: 0 0 ${({theme:e})=>e.borderRadius} ${({theme:e})=>e.borderRadius};
   display: block;
   width: 100%;
   border: none;
-`,m=o=>{var n=o,{children:e,icon:r}=n,t=y(n,["children","icon"]);return a.default.createElement("div",null,a.default.createElement(T.Divider,null),a.default.createElement(j,p({as:"button",background:"primary100",padding:5},t),a.default.createElement(B.Flex,null,a.default.createElement(_,{"aria-hidden":!0,background:"primary200"},r),a.default.createElement(d.Box,{paddingLeft:3},a.default.createElement(q.Typography,{variant:"pi",fontWeight:"bold",textColor:"primary600"},e)))))};m.propTypes={children:f.default.string.isRequired,icon:f.default.node.isRequired};exports.TFooter=m;
+`,d=({children:e,icon:l,...n})=>t.default.createElement("div",null,t.default.createElement(p.Divider,null),t.default.createElement(m,{as:"button",background:"primary100",padding:5,...n},t.default.createElement(f.Flex,null,t.default.createElement(g,{"aria-hidden":!0,background:"primary200"},l),t.default.createElement(r.Box,{paddingLeft:3},t.default.createElement(y.Typography,{variant:"pi",fontWeight:"bold",textColor:"primary600"},e)))));d.propTypes={children:a.default.string.isRequired,icon:a.default.node.isRequired};exports.TFooter=d;

package/dist/Table/TFooter.js

@@ -1,31 +1,11 @@
-var g = Object.defineProperty;
-var n = Object.getOwnPropertySymbols;
-var l = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
-var m = (e, t, r) => t in e ? g(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, c = (e, t) => {
-  for (var r in t || (t = {}))
-    l.call(t, r) && m(e, r, t[r]);
-  if (n)
-    for (var r of n(t))
-      p.call(t, r) && m(e, r, t[r]);
-  return e;
-};
-var s = (e, t) => {
-  var r = {};
-  for (var o in e)
-    l.call(e, o) && t.indexOf(o) < 0 && (r[o] = e[o]);
-  if (e != null && n)
-    for (var o of n(e))
-      t.indexOf(o) < 0 && p.call(e, o) && (r[o] = e[o]);
-  return r;
-};
-import i from "react";
-import u from "prop-types";
-import f from "styled-components";
-import { Box as a } from "../Box/Box.js";
-import { Divider as h } from "../Divider/Divider.js";
-import { Typography as y } from "../Typography/Typography.js";
-import { Flex as b } from "../Flex/Flex.js";
-const x = f(a)`
+import r from "react";
+import o from "prop-types";
+import i from "styled-components";
+import { Box as t } from "../Box/Box.js";
+import { Divider as d } from "../Divider/Divider.js";
+import { Typography as m } from "../Typography/Typography.js";
+import { Flex as l } from "../Flex/Flex.js";
+const p = i(t)`
   height: ${24 / 16}rem;
   width: ${24 / 16}rem;
   border-radius: 50%;
@@ -41,32 +21,30 @@ const x = f(a)`
   svg path {
     fill: ${({ theme: e }) => e.colors.primary600};
   }
-`, E = f(a)`
+`, c = i(t)`
   border-radius: 0 0 ${({ theme: e }) => e.borderRadius} ${({ theme: e }) => e.borderRadius};
   display: block;
   width: 100%;
   border: none;
-`, $ = (o) => {
-  var d = o, { children: e, icon: t } = d, r = s(d, ["children", "icon"]);
-  return /* @__PURE__ */ i.createElement("div", null, /* @__PURE__ */ i.createElement(h, null), /* @__PURE__ */ i.createElement(E, c({
-    as: "button",
-    background: "primary100",
-    padding: 5
-  }, r), /* @__PURE__ */ i.createElement(b, null, /* @__PURE__ */ i.createElement(x, {
-    "aria-hidden": !0,
-    background: "primary200"
-  }, t), /* @__PURE__ */ i.createElement(a, {
-    paddingLeft: 3
-  }, /* @__PURE__ */ i.createElement(y, {
-    variant: "pi",
-    fontWeight: "bold",
-    textColor: "primary600"
-  }, e)))));
-};
-$.propTypes = {
-  children: u.string.isRequired,
-  icon: u.node.isRequired
+`, s = ({ children: e, icon: n, ...a }) => /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement(d, null), /* @__PURE__ */ r.createElement(c, {
+  as: "button",
+  background: "primary100",
+  padding: 5,
+  ...a
+}, /* @__PURE__ */ r.createElement(l, null, /* @__PURE__ */ r.createElement(p, {
+  "aria-hidden": !0,
+  background: "primary200"
+}, n), /* @__PURE__ */ r.createElement(t, {
+  paddingLeft: 3
+}, /* @__PURE__ */ r.createElement(m, {
+  variant: "pi",
+  fontWeight: "bold",
+  textColor: "primary600"
+}, e)))));
+s.propTypes = {
+  children: o.string.isRequired,
+  icon: o.node.isRequired
 };
 export {
-  $ as TFooter
+  s as TFooter
 };

package/dist/Table/Table.cjs

@@ -1,10 +1,10 @@
-"use strict";var _=Object.defineProperty;var s=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var g=(e,o,t)=>o in e?_(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,x=(e,o)=>{for(var t in o||(o={}))w.call(o,t)&&g(e,t,o[t]);if(s)for(var t of s(o))T.call(o,t)&&g(e,t,o[t]);return e};var y=(e,o)=>{var t={};for(var a in e)w.call(e,a)&&o.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&s)for(var a of s(e))o.indexOf(a)<0&&T.call(e,a)&&(t[a]=e[a]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),v=require("prop-types"),k=require("styled-components"),q=require("../RawTable/RawTable.cjs"),f=require("../Box/Box.cjs"),h=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=h(d),u=h(v),c=h(k),B=c.default(f.Box)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),w=require("prop-types"),T=require("styled-components"),x=require("../RawTable/RawTable.cjs"),d=require("../Box/Box.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=c(r),n=c(w),l=c(T),y=l.default(d.Box)`
   overflow: hidden;
   border: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,$=c.default(q.RawTable)`
+`,R=l.default(x.RawTable)`
   width: 100%;
   white-space: nowrap;
-`,L=c.default(f.Box)`
+`,m=l.default(d.Box)`
   position: relative;
 
   &:before {
@@ -31,6 +31,6 @@
     right: 0;
     top: 0;
   }
-`,O=c.default(f.Box)`
+`,S=l.default(d.Box)`
   overflow-x: auto;
-`,b=E=>{var p=E,{colCount:e,rowCount:o,footer:t}=p,a=y(p,["colCount","rowCount","footer"]);const i=d.useRef(null),[R,l]=d.useState(),m=r=>{const S=r.target.scrollWidth-r.target.clientWidth;if(r.target.scrollLeft===0){l("right");return}if(r.target.scrollLeft===S){l("left");return}r.target.scrollLeft>0&&l("both")};return d.useEffect(()=>{i.current.scrollWidth>i.current.clientWidth&&l("right")},[]),n.default.createElement(B,{shadow:"tableShadow",hasRadius:!0,background:"neutral0"},n.default.createElement(L,{overflowing:R},n.default.createElement(O,{ref:i,onScroll:m,paddingLeft:6,paddingRight:6},n.default.createElement($,x({colCount:e,rowCount:o},a)))),t)};b.defaultProps={footer:void 0};b.propTypes={colCount:u.default.number.isRequired,footer:u.default.node,rowCount:u.default.number.isRequired};exports.Table=b;
+`,i=({colCount:e,rowCount:u,footer:f,...h})=>{const s=r.useRef(null),[b,o]=r.useState(),p=t=>{const g=t.target.scrollWidth-t.target.clientWidth;if(t.target.scrollLeft===0){o("right");return}if(t.target.scrollLeft===g){o("left");return}t.target.scrollLeft>0&&o("both")};return r.useEffect(()=>{s.current.scrollWidth>s.current.clientWidth&&o("right")},[]),a.default.createElement(y,{shadow:"tableShadow",hasRadius:!0,background:"neutral0"},a.default.createElement(m,{overflowing:b},a.default.createElement(S,{ref:s,onScroll:p,paddingLeft:6,paddingRight:6},a.default.createElement(R,{colCount:e,rowCount:u,...h}))),f)};i.defaultProps={footer:void 0};i.propTypes={colCount:n.default.number.isRequired,footer:n.default.node,rowCount:n.default.number.isRequired};exports.Table=i;

package/dist/Table/Table.js

@@ -1,35 +1,15 @@
-var S = Object.defineProperty;
-var l = Object.getOwnPropertySymbols;
-var p = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
-var u = (t, o, e) => o in t ? S(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e, g = (t, o) => {
-  for (var e in o || (o = {}))
-    p.call(o, e) && u(t, e, o[e]);
-  if (l)
-    for (var e of l(o))
-      b.call(o, e) && u(t, e, o[e]);
-  return t;
-};
-var m = (t, o) => {
-  var e = {};
-  for (var r in t)
-    p.call(t, r) && o.indexOf(r) < 0 && (e[r] = t[r]);
-  if (t != null && l)
-    for (var r of l(t))
-      o.indexOf(r) < 0 && b.call(t, r) && (e[r] = t[r]);
-  return e;
-};
-import n, { useRef as k, useState as $, useEffect as v } from "react";
-import c from "prop-types";
-import s from "styled-components";
-import { RawTable as y } from "../RawTable/RawTable.js";
-import { Box as f } from "../Box/Box.js";
-const E = s(f)`
+import r, { useRef as b, useState as g, useEffect as m } from "react";
+import l from "prop-types";
+import a from "styled-components";
+import { RawTable as w } from "../RawTable/RawTable.js";
+import { Box as n } from "../Box/Box.js";
+const T = a(n)`
   overflow: hidden;
   border: 1px solid ${({ theme: t }) => t.colors.neutral150};
-`, L = s(y)`
+`, x = a(w)`
   width: 100%;
   white-space: nowrap;
-`, O = s(f)`
+`, R = a(n)`
   position: relative;
 
   &:before {
@@ -56,48 +36,48 @@ const E = s(f)`
     right: 0;
     top: 0;
   }
-`, W = s(f)`
+`, S = a(n)`
   overflow-x: auto;
-`, w = (C) => {
-  var h = C, { colCount: t, rowCount: o, footer: e } = h, r = m(h, ["colCount", "rowCount", "footer"]);
-  const d = k(null), [T, i] = $(), x = (a) => {
-    const R = a.target.scrollWidth - a.target.clientWidth;
-    if (a.target.scrollLeft === 0) {
-      i("right");
+`, s = ({ colCount: t, rowCount: d, footer: c, ...f }) => {
+  const i = b(null), [h, o] = g(), u = (e) => {
+    const p = e.target.scrollWidth - e.target.clientWidth;
+    if (e.target.scrollLeft === 0) {
+      o("right");
       return;
     }
-    if (a.target.scrollLeft === R) {
-      i("left");
+    if (e.target.scrollLeft === p) {
+      o("left");
       return;
     }
-    a.target.scrollLeft > 0 && i("both");
+    e.target.scrollLeft > 0 && o("both");
   };
-  return v(() => {
-    d.current.scrollWidth > d.current.clientWidth && i("right");
-  }, []), /* @__PURE__ */ n.createElement(E, {
+  return m(() => {
+    i.current.scrollWidth > i.current.clientWidth && o("right");
+  }, []), /* @__PURE__ */ r.createElement(T, {
     shadow: "tableShadow",
     hasRadius: !0,
     background: "neutral0"
-  }, /* @__PURE__ */ n.createElement(O, {
-    overflowing: T
-  }, /* @__PURE__ */ n.createElement(W, {
-    ref: d,
-    onScroll: x,
+  }, /* @__PURE__ */ r.createElement(R, {
+    overflowing: h
+  }, /* @__PURE__ */ r.createElement(S, {
+    ref: i,
+    onScroll: u,
     paddingLeft: 6,
     paddingRight: 6
-  }, /* @__PURE__ */ n.createElement(L, g({
+  }, /* @__PURE__ */ r.createElement(x, {
     colCount: t,
-    rowCount: o
-  }, r)))), e);
+    rowCount: d,
+    ...f
+  }))), c);
 };
-w.defaultProps = {
+s.defaultProps = {
   footer: void 0
 };
-w.propTypes = {
-  colCount: c.number.isRequired,
-  footer: c.node,
-  rowCount: c.number.isRequired
+s.propTypes = {
+  colCount: l.number.isRequired,
+  footer: l.node,
+  rowCount: l.number.isRequired
 };
 export {
-  w as Table
+  s as Table
 };

package/dist/Table/Tbody.cjs

@@ -1,5 +1,5 @@
-"use strict";var l=Object.defineProperty;var a=Object.getOwnPropertySymbols;var n=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var r=(e,t,o)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,d=(e,t)=>{for(var o in t||(t={}))n.call(t,o)&&r(e,o,t[o]);if(a)for(var o of a(t))s.call(t,o)&&r(e,o,t[o]);return e};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),y=require("styled-components"),b=require("../RawTable/RawTbody.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},f=c(u),i=c(y),T=i.default(b.RawTbody)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),a=require("styled-components"),r=require("../RawTable/RawTbody.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=t(o),c=t(a),l=c.default(r.RawTbody)`
   & tr:last-of-type {
     border-bottom: none;
   }
-`,p=e=>f.default.createElement(T,d({},e));exports.Tbody=p;
+`,n=e=>d.default.createElement(l,{...e});exports.Tbody=n;

package/dist/Table/Tbody.js

@@ -1,22 +1,13 @@
-var a = Object.defineProperty;
-var e = Object.getOwnPropertySymbols;
-var d = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
-var m = (r, o, t) => o in r ? a(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t, p = (r, o) => {
-  for (var t in o || (o = {}))
-    d.call(o, t) && m(r, t, o[t]);
-  if (e)
-    for (var t of e(o))
-      n.call(o, t) && m(r, t, o[t]);
-  return r;
-};
-import b from "react";
-import f from "styled-components";
-import { RawTbody as y } from "../RawTable/RawTbody.js";
-const c = f(y)`
+import t from "react";
+import r from "styled-components";
+import { RawTbody as e } from "../RawTable/RawTbody.js";
+const m = r(e)`
   & tr:last-of-type {
     border-bottom: none;
   }
-`, u = (r) => /* @__PURE__ */ b.createElement(c, p({}, r));
+`, n = (o) => /* @__PURE__ */ t.createElement(m, {
+  ...o
+});
 export {
-  u as Tbody
+  n as Tbody
 };

package/dist/Table/Thead.cjs

@@ -1,3 +1,3 @@
-"use strict";var c=Object.defineProperty;var o=Object.getOwnPropertySymbols;var s=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var r=(e,t,a)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,d=(e,t)=>{for(var a in t||(t={}))s.call(t,a)&&r(e,a,t[a]);if(o)for(var a of o(t))u.call(t,a)&&r(e,a,t[a]);return e};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),i=require("styled-components"),f=require("../RawTable/RawThead.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},T=l(n),p=l(i),_=p.default(f.RawThead)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),o=require("styled-components"),r=require("../RawTable/RawThead.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=t(a),l=t(o),c=l.default(r.RawThead)`
   border-bottom: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,b=e=>T.default.createElement(_,d({},e));exports.Thead=b;
+`,s=e=>d.default.createElement(c,{...e});exports.Thead=s;

package/dist/Table/Thead.js

@@ -1,20 +1,11 @@
-var d = Object.defineProperty;
-var t = Object.getOwnPropertySymbols;
-var p = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
-var a = (r, e, o) => e in r ? d(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, m = (r, e) => {
-  for (var o in e || (e = {}))
-    p.call(e, o) && a(r, o, e[o]);
-  if (t)
-    for (var o of t(e))
-      l.call(e, o) && a(r, o, e[o]);
-  return r;
-};
-import c from "react";
-import n from "styled-components";
-import { RawThead as s } from "../RawTable/RawThead.js";
-const f = n(s)`
+import e from "react";
+import o from "styled-components";
+import { RawThead as t } from "../RawTable/RawThead.js";
+const a = o(t)`
   border-bottom: 1px solid ${({ theme: r }) => r.colors.neutral150};
-`, b = (r) => /* @__PURE__ */ c.createElement(f, m({}, r));
+`, l = (r) => /* @__PURE__ */ e.createElement(a, {
+  ...r
+});
 export {
-  b as Thead
+  l as Thead
 };

package/dist/Table/Tr.cjs

@@ -1,4 +1,4 @@
-"use strict";var n=Object.defineProperty;var r=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var o=(t,e,a)=>e in t?n(t,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[e]=a,d=(t,e)=>{for(var a in e||(e={}))i.call(e,a)&&o(t,a,e[a]);if(r)for(var a of r(e))c.call(e,a)&&o(t,a,e[a]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),u=require("styled-components"),p=require("../RawTable/RawTr.cjs"),s=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},f=s(l),g=s(u),y=g.default(p.RawTr)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),r=require("styled-components"),o=require("../RawTable/RawTr.cjs"),e=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},d=e(a),s=e(r),n=s.default(o.RawTr)`
   border-bottom: 1px solid ${({theme:t})=>t.colors.neutral150};
 
   & td,
@@ -17,4 +17,4 @@
     padding-bottom: 0;
     height: ${56/16}rem;
   }
-`,T=t=>f.default.createElement(y,d({},t));exports.Tr=T;
+`,i=t=>d.default.createElement(n,{...t});exports.Tr=i;

package/dist/Table/Tr.js

@@ -1,18 +1,7 @@
-var a = Object.defineProperty;
-var o = Object.getOwnPropertySymbols;
-var i = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
-var d = (t, e, r) => e in t ? a(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, p = (t, e) => {
-  for (var r in e || (e = {}))
-    i.call(e, r) && d(t, r, e[r]);
-  if (o)
-    for (var r of o(e))
-      n.call(e, r) && d(t, r, e[r]);
-  return t;
-};
-import s from "react";
-import m from "styled-components";
-import { RawTr as f } from "../RawTable/RawTr.js";
-const g = m(f)`
+import e from "react";
+import r from "styled-components";
+import { RawTr as o } from "../RawTable/RawTr.js";
+const d = r(o)`
   border-bottom: 1px solid ${({ theme: t }) => t.colors.neutral150};
 
   & td,
@@ -31,7 +20,9 @@ const g = m(f)`
     padding-bottom: 0;
     height: ${56 / 16}rem;
   }
-`, $ = (t) => /* @__PURE__ */ s.createElement(g, p({}, t));
+`, n = (t) => /* @__PURE__ */ e.createElement(d, {
+  ...t
+});
 export {
-  $ as Tr
+  n as Tr
 };

package/dist/Tabs/TabGroup.cjs

@@ -1 +1 @@
-"use strict";var C=Object.defineProperty;var n=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,v=Object.prototype.propertyIsEnumerable;var b=(e,t,a)=>t in e?C(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,y=(e,t)=>{for(var a in t||(t={}))T.call(t,a)&&b(e,a,t[a]);if(n)for(var a of n(t))v.call(t,a)&&b(e,a,t[a]);return e};var I=(e,t)=>{var a={};for(var d in e)T.call(e,d)&&t.indexOf(d)<0&&(a[d]=e[d]);if(e!=null&&n)for(var d of n(e))t.indexOf(d)<0&&v.call(e,d)&&(a[d]=e[d]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),S=require("prop-types"),P=require("./TabsContext.cjs"),R=require("../helpers/useId.cjs"),h=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},g=h(s),r=h(S),i=s.forwardRef((j,x)=>{var c=j,{id:e,initialSelectedTabIndex:t,label:a,onTabChange:d,variant:m}=c,u=I(c,["id","initialSelectedTabIndex","label","onTabChange","variant"]);const _=R.useId("tabgroup",e),p=s.Children.toArray(u.children).find(l=>l.type.displayName==="Tabs");let o=t||0;p&&t===void 0&&(o=p.props.children.findIndex(l=>!l.props.disabled));const[q,f]=s.useState(o===-1?0:o);return s.useImperativeHandle(x,()=>({_handlers:{setSelectedTabIndex:f}})),g.default.createElement(P.TabsContext.Provider,{value:{id:_,selectedTabIndex:q,selectTabIndex:f,label:a,variant:m,onTabChange:d}},g.default.createElement("div",y({},u)))});i.displayName="TabGroup";i.defaultProps={id:void 0,initialSelectedTabIndex:void 0,onTabChange(){},variant:void 0};i.propTypes={children:r.default.node.isRequired,id:r.default.string,initialSelectedTabIndex:r.default.number,label:r.default.string.isRequired,onTabChange:r.default.func,variant:r.default.oneOf(["simple"])};exports.TabGroup=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),I=require("prop-types"),g=require("./TabsContext.cjs"),h=require("../helpers/useId.cjs"),c=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},u=c(a),t=c(I),d=a.forwardRef(({id:e,initialSelectedTabIndex:n,label:p,onTabChange:f,variant:b,...i},T)=>{const v=h.useId("tabgroup",e),o=a.Children.toArray(i.children).find(s=>s.type.displayName==="Tabs");let r=n||0;o&&n===void 0&&(r=o.props.children.findIndex(s=>!s.props.disabled));const[y,l]=a.useState(r===-1?0:r);return a.useImperativeHandle(T,()=>({_handlers:{setSelectedTabIndex:l}})),u.default.createElement(g.TabsContext.Provider,{value:{id:v,selectedTabIndex:y,selectTabIndex:l,label:p,variant:b,onTabChange:f}},u.default.createElement("div",{...i}))});d.displayName="TabGroup";d.defaultProps={id:void 0,initialSelectedTabIndex:void 0,onTabChange(){},variant:void 0};d.propTypes={children:t.default.node.isRequired,id:t.default.string,initialSelectedTabIndex:t.default.number,label:t.default.string.isRequired,onTabChange:t.default.func,variant:t.default.oneOf(["simple"])};exports.TabGroup=d;

package/dist/Tabs/TabGroup.js

@@ -1,55 +1,36 @@
-var C = Object.defineProperty;
-var i = Object.getOwnPropertySymbols;
-var f = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
-var m = (e, r, a) => r in e ? C(e, r, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[r] = a, T = (e, r) => {
-  for (var a in r || (r = {}))
-    f.call(r, a) && m(e, a, r[a]);
-  if (i)
-    for (var a of i(r))
-      u.call(r, a) && m(e, a, r[a]);
-  return e;
-};
-var v = (e, r) => {
-  var a = {};
-  for (var t in e)
-    f.call(e, t) && r.indexOf(t) < 0 && (a[t] = e[t]);
-  if (e != null && i)
-    for (var t of i(e))
-      r.indexOf(t) < 0 && u.call(e, t) && (a[t] = e[t]);
-  return a;
-};
-import I, { forwardRef as R, Children as S, useState as P, useImperativeHandle as _ } from "react";
-import d from "prop-types";
-import { TabsContext as q } from "./TabsContext.js";
-import { useId as E } from "../helpers/useId.js";
-const s = R((G, x) => {
-  var p = G, { id: e, initialSelectedTabIndex: r, label: a, onTabChange: t, variant: h } = p, l = v(p, ["id", "initialSelectedTabIndex", "label", "onTabChange", "variant"]);
-  const y = E("tabgroup", e), b = S.toArray(l.children).find((o) => o.type.displayName === "Tabs");
-  let n = r || 0;
-  b && r === void 0 && (n = b.props.children.findIndex((o) => !o.props.disabled));
-  const [g, c] = P(n === -1 ? 0 : n);
-  return _(x, () => ({
-    _handlers: { setSelectedTabIndex: c }
-  })), /* @__PURE__ */ I.createElement(q.Provider, {
-    value: { id: y, selectedTabIndex: g, selectTabIndex: c, label: a, variant: h, onTabChange: t }
-  }, /* @__PURE__ */ I.createElement("div", T({}, l)));
+import s, { forwardRef as T, Children as v, useState as I, useImperativeHandle as h } from "react";
+import e from "prop-types";
+import { TabsContext as x } from "./TabsContext.js";
+import { useId as y } from "../helpers/useId.js";
+const t = T(({ id: l, initialSelectedTabIndex: d, label: p, onTabChange: b, variant: c, ...i }, m) => {
+  const f = y("tabgroup", l), n = v.toArray(i.children).find((a) => a.type.displayName === "Tabs");
+  let r = d || 0;
+  n && d === void 0 && (r = n.props.children.findIndex((a) => !a.props.disabled));
+  const [u, o] = I(r === -1 ? 0 : r);
+  return h(m, () => ({
+    _handlers: { setSelectedTabIndex: o }
+  })), /* @__PURE__ */ s.createElement(x.Provider, {
+    value: { id: f, selectedTabIndex: u, selectTabIndex: o, label: p, variant: c, onTabChange: b }
+  }, /* @__PURE__ */ s.createElement("div", {
+    ...i
+  }));
 });
-s.displayName = "TabGroup";
-s.defaultProps = {
+t.displayName = "TabGroup";
+t.defaultProps = {
   id: void 0,
   initialSelectedTabIndex: void 0,
   onTabChange() {
   },
   variant: void 0
 };
-s.propTypes = {
-  children: d.node.isRequired,
-  id: d.string,
-  initialSelectedTabIndex: d.number,
-  label: d.string.isRequired,
-  onTabChange: d.func,
-  variant: d.oneOf(["simple"])
+t.propTypes = {
+  children: e.node.isRequired,
+  id: e.string,
+  initialSelectedTabIndex: e.number,
+  label: e.string.isRequired,
+  onTabChange: e.func,
+  variant: e.oneOf(["simple"])
 };
 export {
-  s as TabGroup
+  t as TabGroup
 };

package/dist/Tabs/TabPanels.cjs

@@ -1 +1 @@
-"use strict";var g=Object.defineProperty;var r=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable;var b=(e,t,a)=>t in e?g(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a,d=(e,t)=>{for(var a in t||(t={}))f.call(t,a)&&b(e,a,t[a]);if(r)for(var a of r(t))T.call(t,a)&&b(e,a,t[a]);return e};var c=(e,t)=>{var a={};for(var n in e)f.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(e!=null&&r)for(var n of r(e))t.indexOf(n)<0&&T.call(e,n)&&(a[n]=e[n]);return a};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),q=require("prop-types"),x=require("./TabsContext.cjs"),y=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},P=y(i),_=y(q),m=a=>{var n=a,{children:e}=n,t=c(n,["children"]);const{id:l,selectedTabIndex:o}=x.useTabs(),v=i.Children.toArray(e).map((p,s)=>i.cloneElement(p,{id:`${l}-${s}`})).filter((p,s)=>s===o);return P.default.createElement("div",d({},t),v)};m.propTypes={children:_.default.node.isRequired};const u=a=>{var n=a,{id:e}=n,t=c(n,["id"]);const l=`${e}-tab`,o=`${e}-tabpanel`;return P.default.createElement("div",d({id:o,role:"tabpanel",tabIndex:0,"aria-labelledby":l},t))};u.defaultProps={id:void 0};u.propTypes={id:_.default.string};exports.TabPanel=u;exports.TabPanels=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),b=require("prop-types"),f=require("./TabsContext.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=d(l),i=d(b),u=({children:e,...t})=>{const{id:a,selectedTabIndex:n}=f.useTabs(),p=l.Children.toArray(e).map((s,r)=>l.cloneElement(s,{id:`${a}-${r}`})).filter((s,r)=>r===n);return c.default.createElement("div",{...t},p)};u.propTypes={children:i.default.node.isRequired};const o=({id:e,...t})=>{const a=`${e}-tab`,n=`${e}-tabpanel`;return c.default.createElement("div",{id:n,role:"tabpanel",tabIndex:0,"aria-labelledby":a,...t})};o.defaultProps={id:void 0};o.propTypes={id:i.default.string};exports.TabPanel=o;exports.TabPanels=u;