@strapi/design-system 0.0.0-typescript.0 → 0.0.0-typescript.1

package/dist/Table/TFooter.js

@@ -1,11 +1,31 @@
-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)`
+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)`
   height: ${24 / 16}rem;
   width: ${24 / 16}rem;
   border-radius: 50%;
@@ -21,30 +41,32 @@ const p = i(t)`
   svg path {
     fill: ${({ theme: e }) => e.colors.primary600};
   }
-`, c = i(t)`
+`, E = f(a)`
   border-radius: 0 0 ${({ theme: e }) => e.borderRadius} ${({ theme: e }) => e.borderRadius};
   display: block;
   width: 100%;
   border: none;
-`, 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
+`, $ = (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
 };
 export {
-  s as TFooter
+  $ as TFooter
 };

package/dist/Table/Table.cjs

@@ -1,10 +1,10 @@
-"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)`
+"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)`
   overflow: hidden;
   border: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,R=l.default(x.RawTable)`
+`,$=c.default(q.RawTable)`
   width: 100%;
   white-space: nowrap;
-`,m=l.default(d.Box)`
+`,L=c.default(f.Box)`
   position: relative;
 
   &:before {
@@ -31,6 +31,6 @@
     right: 0;
     top: 0;
   }
-`,S=l.default(d.Box)`
+`,O=c.default(f.Box)`
   overflow-x: auto;
-`,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;
+`,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;

package/dist/Table/Table.d.ts

@@ -0,0 +1,18 @@
+export function Table({ colCount, rowCount, footer, ...props }: {
+    [x: string]: any;
+    colCount: any;
+    rowCount: any;
+    footer: any;
+}): JSX.Element;
+export namespace Table {
+    namespace defaultProps {
+        const footer: undefined;
+    }
+    namespace propTypes {
+        export const colCount: PropTypes.Validator<number>;
+        const footer_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        export { footer_1 as footer };
+        export const rowCount: PropTypes.Validator<number>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/Table/Table.js

@@ -1,15 +1,35 @@
-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)`
+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)`
   overflow: hidden;
   border: 1px solid ${({ theme: t }) => t.colors.neutral150};
-`, x = a(w)`
+`, L = s(y)`
   width: 100%;
   white-space: nowrap;
-`, R = a(n)`
+`, O = s(f)`
   position: relative;
 
   &:before {
@@ -36,48 +56,48 @@ const T = a(n)`
     right: 0;
     top: 0;
   }
-`, S = a(n)`
+`, W = s(f)`
   overflow-x: auto;
-`, 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");
+`, 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");
       return;
     }
-    if (e.target.scrollLeft === p) {
-      o("left");
+    if (a.target.scrollLeft === R) {
+      i("left");
       return;
     }
-    e.target.scrollLeft > 0 && o("both");
+    a.target.scrollLeft > 0 && i("both");
   };
-  return m(() => {
-    i.current.scrollWidth > i.current.clientWidth && o("right");
-  }, []), /* @__PURE__ */ r.createElement(T, {
+  return v(() => {
+    d.current.scrollWidth > d.current.clientWidth && i("right");
+  }, []), /* @__PURE__ */ n.createElement(E, {
     shadow: "tableShadow",
     hasRadius: !0,
     background: "neutral0"
-  }, /* @__PURE__ */ r.createElement(R, {
-    overflowing: h
-  }, /* @__PURE__ */ r.createElement(S, {
-    ref: i,
-    onScroll: u,
+  }, /* @__PURE__ */ n.createElement(O, {
+    overflowing: T
+  }, /* @__PURE__ */ n.createElement(W, {
+    ref: d,
+    onScroll: x,
     paddingLeft: 6,
     paddingRight: 6
-  }, /* @__PURE__ */ r.createElement(x, {
+  }, /* @__PURE__ */ n.createElement(L, g({
     colCount: t,
-    rowCount: d,
-    ...f
-  }))), c);
+    rowCount: o
+  }, r)))), e);
 };
-s.defaultProps = {
+w.defaultProps = {
   footer: void 0
 };
-s.propTypes = {
-  colCount: l.number.isRequired,
-  footer: l.node,
-  rowCount: l.number.isRequired
+w.propTypes = {
+  colCount: c.number.isRequired,
+  footer: c.node,
+  rowCount: c.number.isRequired
 };
 export {
-  s as Table
+  w as Table
 };

package/dist/Table/Tbody.cjs

@@ -1,5 +1,5 @@
-"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)`
+"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)`
   & tr:last-of-type {
     border-bottom: none;
   }
-`,n=e=>d.default.createElement(l,{...e});exports.Tbody=n;
+`,p=e=>f.default.createElement(T,d({},e));exports.Tbody=p;

package/dist/Table/Tbody.d.ts

@@ -0,0 +1 @@
+export function Tbody(props: any): JSX.Element;

package/dist/Table/Tbody.js

@@ -1,13 +1,22 @@
-import t from "react";
-import r from "styled-components";
-import { RawTbody as e } from "../RawTable/RawTbody.js";
-const m = r(e)`
+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)`
   & tr:last-of-type {
     border-bottom: none;
   }
-`, n = (o) => /* @__PURE__ */ t.createElement(m, {
-  ...o
-});
+`, u = (r) => /* @__PURE__ */ b.createElement(c, p({}, r));
 export {
-  n as Tbody
+  u as Tbody
 };

package/dist/Table/Thead.cjs

@@ -1,3 +1,3 @@
-"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)`
+"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)`
   border-bottom: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,s=e=>d.default.createElement(c,{...e});exports.Thead=s;
+`,b=e=>T.default.createElement(_,d({},e));exports.Thead=b;

package/dist/Table/Thead.d.ts

@@ -0,0 +1 @@
+export function Thead(props: any): JSX.Element;

package/dist/Table/Thead.js

@@ -1,11 +1,20 @@
-import e from "react";
-import o from "styled-components";
-import { RawThead as t } from "../RawTable/RawThead.js";
-const a = o(t)`
+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)`
   border-bottom: 1px solid ${({ theme: r }) => r.colors.neutral150};
-`, l = (r) => /* @__PURE__ */ e.createElement(a, {
-  ...r
-});
+`, b = (r) => /* @__PURE__ */ c.createElement(f, m({}, r));
 export {
-  l as Thead
+  b as Thead
 };

package/dist/Table/Tr.cjs

@@ -1,4 +1,4 @@
-"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)`
+"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)`
   border-bottom: 1px solid ${({theme:t})=>t.colors.neutral150};
 
   & td,
@@ -17,4 +17,4 @@
     padding-bottom: 0;
     height: ${56/16}rem;
   }
-`,i=t=>d.default.createElement(n,{...t});exports.Tr=i;
+`,T=t=>f.default.createElement(y,d({},t));exports.Tr=T;

package/dist/Table/Tr.d.ts

@@ -0,0 +1 @@
+export function Tr(props: any): JSX.Element;

package/dist/Table/Tr.js

@@ -1,7 +1,18 @@
-import e from "react";
-import r from "styled-components";
-import { RawTr as o } from "../RawTable/RawTr.js";
-const d = r(o)`
+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)`
   border-bottom: 1px solid ${({ theme: t }) => t.colors.neutral150};
 
   & td,
@@ -20,9 +31,7 @@ const d = r(o)`
     padding-bottom: 0;
     height: ${56 / 16}rem;
   }
-`, n = (t) => /* @__PURE__ */ e.createElement(d, {
-  ...t
-});
+`, $ = (t) => /* @__PURE__ */ s.createElement(g, p({}, t));
 export {
-  n as Tr
+  $ as Tr
 };

package/dist/Table/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./Table";
+export * from "./Tbody";
+export * from "./Thead";
+export * from "./Tr";
+export * from "./Cell";
+export * from "./TFooter";

package/dist/Tabs/TabGroup.cjs

@@ -1 +1 @@
-"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;
+"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;

package/dist/Tabs/TabGroup.d.ts

@@ -0,0 +1,2 @@
+export const TabGroup: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/dist/Tabs/TabGroup.js

@@ -1,36 +1,55 @@
-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
-  }));
+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)));
 });
-t.displayName = "TabGroup";
-t.defaultProps = {
+s.displayName = "TabGroup";
+s.defaultProps = {
   id: void 0,
   initialSelectedTabIndex: void 0,
   onTabChange() {
   },
   variant: void 0
 };
-t.propTypes = {
-  children: e.node.isRequired,
-  id: e.string,
-  initialSelectedTabIndex: e.number,
-  label: e.string.isRequired,
-  onTabChange: e.func,
-  variant: e.oneOf(["simple"])
+s.propTypes = {
+  children: d.node.isRequired,
+  id: d.string,
+  initialSelectedTabIndex: d.number,
+  label: d.string.isRequired,
+  onTabChange: d.func,
+  variant: d.oneOf(["simple"])
 };
 export {
-  t as TabGroup
+  s as TabGroup
 };

package/dist/Tabs/TabPanels.cjs

@@ -1 +1 @@
-"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;
+"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;

package/dist/Tabs/TabPanels.d.ts

@@ -0,0 +1,24 @@
+export function TabPanels({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): JSX.Element;
+export namespace TabPanels {
+    namespace propTypes {
+        const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+    }
+}
+export function TabPanel({ id, ...props }: {
+    [x: string]: any;
+    id: any;
+}): JSX.Element;
+export namespace TabPanel {
+    export namespace defaultProps {
+        const id: undefined;
+    }
+    export namespace propTypes_1 {
+        const id_1: PropTypes.Requireable<string>;
+        export { id_1 as id };
+    }
+    export { propTypes_1 as propTypes };
+}
+import PropTypes from "prop-types";

package/dist/Tabs/TabPanels.js

@@ -1,32 +1,51 @@
-import d, { Children as s, cloneElement as c } from "react";
-import l from "prop-types";
-import { useTabs as b } from "./TabsContext.js";
-const m = ({ children: e, ...t }) => {
-  const { id: r, selectedTabIndex: a } = b(), p = s.toArray(e).map((o, n) => c(o, { id: `${r}-${n}` })).filter((o, n) => n === a);
-  return /* @__PURE__ */ d.createElement("div", {
-    ...t
-  }, p);
-};
-m.propTypes = {
-  children: l.node.isRequired
-};
-const i = ({ id: e, ...t }) => {
-  const r = `${e}-tab`, a = `${e}-tabpanel`;
-  return /* @__PURE__ */ d.createElement("div", {
-    id: a,
+var P = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var b = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var c = (e, t, r) => t in e ? P(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, i = (e, t) => {
+  for (var r in t || (t = {}))
+    b.call(t, r) && c(e, r, t[r]);
+  if (n)
+    for (var r of n(t))
+      m.call(t, r) && c(e, r, t[r]);
+  return e;
+};
+var p = (e, t) => {
+  var r = {};
+  for (var a in e)
+    b.call(e, a) && t.indexOf(a) < 0 && (r[a] = e[a]);
+  if (e != null && n)
+    for (var a of n(e))
+      t.indexOf(a) < 0 && m.call(e, a) && (r[a] = e[a]);
+  return r;
+};
+import T, { Children as I, cloneElement as $ } from "react";
+import f from "prop-types";
+import { useTabs as h } from "./TabsContext.js";
+const v = (r) => {
+  var a = r, { children: e } = a, t = p(a, ["children"]);
+  const { id: o, selectedTabIndex: d } = h(), y = I.toArray(e).map((s, l) => $(s, { id: `${o}-${l}` })).filter((s, l) => l === d);
+  return /* @__PURE__ */ T.createElement("div", i({}, t), y);
+};
+v.propTypes = {
+  children: f.node.isRequired
+};
+const u = (r) => {
+  var a = r, { id: e } = a, t = p(a, ["id"]);
+  const o = `${e}-tab`, d = `${e}-tabpanel`;
+  return /* @__PURE__ */ T.createElement("div", i({
+    id: d,
     role: "tabpanel",
     tabIndex: 0,
-    "aria-labelledby": r,
-    ...t
-  });
+    "aria-labelledby": o
+  }, t));
 };
-i.defaultProps = {
+u.defaultProps = {
   id: void 0
 };
-i.propTypes = {
-  id: l.string
+u.propTypes = {
+  id: f.string
 };
 export {
-  i as TabPanel,
-  m as TabPanels
+  u as TabPanel,
+  v as TabPanels
 };