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

package/dist/ToggleInput/ToggleInput.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react"),x=require("styled-components"),T=require("prop-types"),y=require("../themes/sizes.cjs"),k=require("../helpers/useId.cjs"),E=require("../Field/Field.cjs"),h=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const _=require("../Field/FieldHint.cjs"),v=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const C=require("../Stack/Stack.cjs"),I=require("../Flex/Flex.cjs"),S=require("../TextButton/TextButton.cjs"),z=require("../ToggleCheckbox/ToggleCheckbox.cjs"),d=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},l=d(m),s=d(x),e=d(T),B=s.default(E.Field)`
+"use strict";var _=Object.defineProperty;var o=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var b=(e,r,t)=>r in e?_(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,x=(e,r)=>{for(var t in r||(r={}))q.call(r,t)&&b(e,t,r[t]);if(o)for(var t of o(r))j.call(r,t)&&b(e,t,r[t]);return e};var T=(e,r)=>{var t={};for(var d in e)q.call(e,d)&&r.indexOf(d)<0&&(t[d]=e[d]);if(e!=null&&o)for(var d of o(e))r.indexOf(d)<0&&j.call(e,d)&&(t[d]=e[d]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react"),C=require("styled-components"),I=require("prop-types"),S=require("../themes/sizes.cjs"),z=require("../helpers/useId.cjs"),B=require("../Field/Field.cjs"),L=require("../Field/FieldLabel.cjs");require("../Field/FieldInput.cjs");const O=require("../Field/FieldHint.cjs"),P=require("../Field/FieldError.cjs");require("../Field/FieldContext.cjs");require("../Field/FieldAction.cjs");const A=require("../Stack/Stack.cjs"),H=require("../Flex/Flex.cjs"),M=require("../TextButton/TextButton.cjs"),R=require("../ToggleCheckbox/ToggleCheckbox.cjs"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=a(v),m=a(C),l=a(I),w=m.default(B.Field)`
   max-width: 320px;
-`,L=s.default(S.TextButton)`
+`,D=m.default(M.TextButton)`
   align-self: flex-end;
   margin-left: auto;
-`,r=({disabled:t,size:c,error:f,hint:g,label:i,name:p,labelAction:F,required:b,id:q,onClear:o,clearLabel:n,checked:a,...j})=>{const u=k.useId("toggleinput",q);return l.default.createElement(B,{name:p,hint:g,error:f,id:u,required:b},l.default.createElement(C.Stack,{spacing:1},l.default.createElement(I.Flex,null,l.default.createElement(h.FieldLabel,{action:F},i),n&&o&&a!==null&&!t&&l.default.createElement(L,{onClick:o},n)),l.default.createElement(z.ToggleCheckbox,{id:u,size:c,checked:a,disabled:t,...j},i),l.default.createElement(_.FieldHint,null),l.default.createElement(v.FieldError,null)))};r.displayName="ToggleInput";r.defaultProps={checked:!1,clearLabel:void 0,disabled:!1,error:void 0,hint:void 0,id:void 0,label:"",labelAction:void 0,name:"",onClear:void 0,required:!1,size:"M"};r.propTypes={checked:e.default.bool,clearLabel:e.default.string,disabled:e.default.bool,error:e.default.string,hint:e.default.oneOfType([e.default.string,e.default.node,e.default.arrayOf(e.default.node)]),id:e.default.string,label:e.default.string,labelAction:e.default.node,name:e.default.string,onClear:e.default.func,required:e.default.bool,size:e.default.oneOf(Object.keys(y.sizes.input))};exports.ToggleInput=r;
+`,n=N=>{var p=N,{disabled:e,size:r,error:t,hint:d,label:u,name:s,labelAction:y,required:k,id:E,onClear:c,clearLabel:f,checked:g}=p,h=T(p,["disabled","size","error","hint","label","name","labelAction","required","id","onClear","clearLabel","checked"]);const F=z.useId("toggleinput",E);return i.default.createElement(w,{name:s,hint:d,error:t,id:F},i.default.createElement(A.Stack,{spacing:1},i.default.createElement(H.Flex,null,i.default.createElement(L.FieldLabel,{required:k,action:y},u),f&&c&&g!==null&&!e&&i.default.createElement(D,{onClick:c},f)),i.default.createElement(R.ToggleCheckbox,x({id:F,size:r,name:s,checked:g,disabled:e},h),u),i.default.createElement(O.FieldHint,null),i.default.createElement(P.FieldError,null)))};n.displayName="ToggleInput";n.defaultProps={checked:!1,clearLabel:void 0,disabled:!1,error:void 0,hint:void 0,id:void 0,label:"",labelAction:void 0,name:"",onClear:void 0,required:!1,size:"M"};n.propTypes={checked:l.default.bool,clearLabel:l.default.string,disabled:l.default.bool,error:l.default.string,hint:l.default.oneOfType([l.default.string,l.default.node,l.default.arrayOf(l.default.node)]),id:l.default.string,label:l.default.string,labelAction:l.default.node,name:l.default.string,onClear:l.default.func,required:l.default.bool,size:l.default.oneOf(Object.keys(S.sizes.input))};exports.ToggleInput=n;

package/dist/ToggleInput/ToggleInput.d.ts

@@ -0,0 +1,59 @@
+export function ToggleInput({ disabled, size, error, hint, label, name, labelAction, required, id, onClear, clearLabel, checked, ...props }: {
+    [x: string]: any;
+    disabled: any;
+    size: any;
+    error: any;
+    hint: any;
+    label: any;
+    name: any;
+    labelAction: any;
+    required: any;
+    id: any;
+    onClear: any;
+    clearLabel: any;
+    checked: any;
+}): JSX.Element;
+export namespace ToggleInput {
+    const displayName: string;
+    namespace defaultProps {
+        const checked: boolean;
+        const clearLabel: undefined;
+        const disabled: boolean;
+        const error: undefined;
+        const hint: undefined;
+        const id: undefined;
+        const label: string;
+        const labelAction: undefined;
+        const name: string;
+        const onClear: undefined;
+        const required: boolean;
+        const size: string;
+    }
+    namespace propTypes {
+        const checked_1: PropTypes.Requireable<boolean>;
+        export { checked_1 as checked };
+        const clearLabel_1: PropTypes.Requireable<string>;
+        export { clearLabel_1 as clearLabel };
+        const disabled_1: PropTypes.Requireable<boolean>;
+        export { disabled_1 as disabled };
+        const error_1: PropTypes.Requireable<string>;
+        export { error_1 as error };
+        const hint_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        export { hint_1 as hint };
+        const id_1: PropTypes.Requireable<string>;
+        export { id_1 as id };
+        const label_1: PropTypes.Requireable<string>;
+        export { label_1 as label };
+        const labelAction_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        export { labelAction_1 as labelAction };
+        const name_1: PropTypes.Requireable<string>;
+        export { name_1 as name };
+        const onClear_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { onClear_1 as onClear };
+        const required_1: PropTypes.Requireable<boolean>;
+        export { required_1 as required };
+        const size_1: PropTypes.Requireable<string>;
+        export { size_1 as size };
+    }
+}
+import PropTypes from "prop-types";

package/dist/ToggleInput/ToggleInput.js

@@ -1,62 +1,95 @@
-import r from "react";
-import p from "styled-components";
-import e from "prop-types";
-import { sizes as x } from "../themes/sizes.js";
-import { useId as y } from "../helpers/useId.js";
-import { Field as T } from "../Field/Field.js";
-import { FieldLabel as v } from "../Field/FieldLabel.js";
+var C = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var b = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var u = (e, t, r) => t in e ? C(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, x = (e, t) => {
+  for (var r in t || (t = {}))
+    b.call(t, r) && u(e, r, t[r]);
+  if (n)
+    for (var r of n(t))
+      E.call(t, r) && u(e, r, t[r]);
+  return e;
+};
+var y = (e, t) => {
+  var r = {};
+  for (var i in e)
+    b.call(e, i) && t.indexOf(i) < 0 && (r[i] = e[i]);
+  if (e != null && n)
+    for (var i of n(e))
+      t.indexOf(i) < 0 && E.call(e, i) && (r[i] = e[i]);
+  return r;
+};
+import l from "react";
+import T from "styled-components";
+import o from "prop-types";
+import { sizes as I } from "../themes/sizes.js";
+import { useId as O } from "../helpers/useId.js";
+import { Field as z } from "../Field/Field.js";
+import { FieldLabel as q } from "../Field/FieldLabel.js";
 import "../Field/FieldInput.js";
-import { FieldHint as F } from "../Field/FieldHint.js";
-import { FieldError as h } from "../Field/FieldError.js";
+import { FieldHint as A } from "../Field/FieldHint.js";
+import { FieldError as B } from "../Field/FieldError.js";
 import "../Field/FieldContext.js";
 import "../Field/FieldAction.js";
-import { Stack as k } from "../Stack/Stack.js";
-import { Flex as C } from "../Flex/Flex.js";
-import { TextButton as I } from "../TextButton/TextButton.js";
-import { ToggleCheckbox as O } from "../ToggleCheckbox/ToggleCheckbox.js";
-const z = p(T)`
+import { Stack as L } from "../Stack/Stack.js";
+import { Flex as P } from "../Flex/Flex.js";
+import { TextButton as _ } from "../TextButton/TextButton.js";
+import { ToggleCheckbox as j } from "../ToggleCheckbox/ToggleCheckbox.js";
+const w = T(z)`
   max-width: 320px;
-`, q = p(I)`
+`, H = T(_)`
   align-self: flex-end;
   margin-left: auto;
-`, o = ({
-  disabled: t,
-  size: d,
-  error: s,
-  hint: c,
-  label: i,
-  name: f,
-  labelAction: g,
-  required: u,
-  id: b,
-  onClear: l,
-  clearLabel: n,
-  checked: m,
-  ...E
-}) => {
-  const a = y("toggleinput", b);
-  return /* @__PURE__ */ r.createElement(z, {
-    name: f,
-    hint: c,
-    error: s,
-    id: a,
-    required: u
-  }, /* @__PURE__ */ r.createElement(k, {
+`, m = (M) => {
+  var f = M, {
+    disabled: e,
+    size: t,
+    error: r,
+    hint: i,
+    label: a,
+    name: p,
+    labelAction: v,
+    required: F,
+    id: h,
+    onClear: d,
+    clearLabel: s,
+    checked: c
+  } = f, k = y(f, [
+    "disabled",
+    "size",
+    "error",
+    "hint",
+    "label",
+    "name",
+    "labelAction",
+    "required",
+    "id",
+    "onClear",
+    "clearLabel",
+    "checked"
+  ]);
+  const g = O("toggleinput", h);
+  return /* @__PURE__ */ l.createElement(w, {
+    name: p,
+    hint: i,
+    error: r,
+    id: g
+  }, /* @__PURE__ */ l.createElement(L, {
     spacing: 1
-  }, /* @__PURE__ */ r.createElement(C, null, /* @__PURE__ */ r.createElement(v, {
-    action: g
-  }, i), n && l && m !== null && !t && /* @__PURE__ */ r.createElement(q, {
-    onClick: l
-  }, n)), /* @__PURE__ */ r.createElement(O, {
-    id: a,
-    size: d,
-    checked: m,
-    disabled: t,
-    ...E
-  }, i), /* @__PURE__ */ r.createElement(F, null), /* @__PURE__ */ r.createElement(h, null)));
+  }, /* @__PURE__ */ l.createElement(P, null, /* @__PURE__ */ l.createElement(q, {
+    required: F,
+    action: v
+  }, a), s && d && c !== null && !e && /* @__PURE__ */ l.createElement(H, {
+    onClick: d
+  }, s)), /* @__PURE__ */ l.createElement(j, x({
+    id: g,
+    size: t,
+    name: p,
+    checked: c,
+    disabled: e
+  }, k), a), /* @__PURE__ */ l.createElement(A, null), /* @__PURE__ */ l.createElement(B, null)));
 };
-o.displayName = "ToggleInput";
-o.defaultProps = {
+m.displayName = "ToggleInput";
+m.defaultProps = {
   checked: !1,
   clearLabel: void 0,
   disabled: !1,
@@ -70,20 +103,20 @@ o.defaultProps = {
   required: !1,
   size: "M"
 };
-o.propTypes = {
-  checked: e.bool,
-  clearLabel: e.string,
-  disabled: e.bool,
-  error: e.string,
-  hint: e.oneOfType([e.string, e.node, e.arrayOf(e.node)]),
-  id: e.string,
-  label: e.string,
-  labelAction: e.node,
-  name: e.string,
-  onClear: e.func,
-  required: e.bool,
-  size: e.oneOf(Object.keys(x.input))
+m.propTypes = {
+  checked: o.bool,
+  clearLabel: o.string,
+  disabled: o.bool,
+  error: o.string,
+  hint: o.oneOfType([o.string, o.node, o.arrayOf(o.node)]),
+  id: o.string,
+  label: o.string,
+  labelAction: o.node,
+  name: o.string,
+  onClear: o.func,
+  required: o.bool,
+  size: o.oneOf(Object.keys(I.input))
 };
 export {
-  o as ToggleInput
+  m as ToggleInput
 };

package/dist/ToggleInput/index.d.ts

@@ -0,0 +1 @@
+export * from "./ToggleInput";

package/dist/Tooltip/Tooltip.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react"),q=require("prop-types"),v=require("styled-components"),j=require("../Box/Box.cjs"),x=require("../Typography/Typography.cjs"),_=require("../Portal/Portal.cjs"),H=require("./hooks/useTooltipHandlers.cjs"),P=require("./hooks/useTooltipLayout.cjs"),n=require("../helpers/useId.cjs"),E=require("../VisuallyHidden/VisuallyHidden.cjs"),r=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=r(m),o=r(q),I=r(v),R=I.default(j.Box)`
+"use strict";var E=Object.defineProperty;var r=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var g=(e,o,t)=>o in e?E(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,n=(e,o)=>{for(var t in o||(o={}))T.call(o,t)&&g(e,t,o[t]);if(r)for(var t of r(o))b.call(o,t)&&g(e,t,o[t]);return e};var u=(e,o)=>{var t={};for(var l in e)T.call(e,l)&&o.indexOf(l)<0&&(t[l]=e[l]);if(e!=null&&r)for(var l of r(e))o.indexOf(l)<0&&b.call(e,l)&&(t[l]=e[l]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("react"),R=require("prop-types"),B=require("styled-components"),L=require("../Box/Box.cjs"),V=require("../Typography/Typography.cjs"),k=require("../Portal/Portal.cjs"),M=require("./hooks/useTooltipHandlers.cjs"),S=require("./hooks/useTooltipLayout.cjs"),h=require("../helpers/useId.cjs"),W=require("../VisuallyHidden/VisuallyHidden.cjs"),p=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=p(I),i=p(R),z=p(B),C=z.default(L.Box)`
   position: absolute;
   /* z-index exist because of its position inside Modals */
   z-index: 4;
   display: ${({visible:e})=>e?"revert":"none"};
-`,a=({children:e,label:d,description:l,delay:u,position:p,id:c,...f})=>{const s=n.useId("tooltip",c),y=n.useId("description"),{visible:i,...g}=H.useTooltipHandlers(u),{tooltipWrapperRef:T,toggleSourceRef:b}=P.useTooltipLayout(i,p),h=t.default.cloneElement(e,{tabIndex:0,"aria-labelledby":d?s:void 0,"aria-describedby":l?s:void 0,...g});return t.default.createElement(t.default.Fragment,null,t.default.createElement(_.Portal,null,t.default.createElement(R,{id:s,background:"neutral900",hasRadius:!0,padding:2,role:"tooltip",ref:T,visible:i,...f},i&&t.default.createElement(E.VisuallyHidden,{id:y},l),t.default.createElement(x.Typography,{as:"p",variant:"pi",fontWeight:"bold",textColor:"neutral0"},d||l))),t.default.createElement("span",{ref:b},h))};a.defaultProps={delay:500,id:void 0,position:"top",label:void 0,description:void 0};a.propTypes={children:o.default.node.isRequired,delay:o.default.number,description:o.default.string,id:o.default.string,label:o.default.string,position:o.default.oneOf(["top","left","bottom","right"])};exports.Tooltip=a;
+`,c=O=>{var f=O,{children:e,label:o,description:t,delay:l,position:m,id:q}=f,v=u(f,["children","label","description","delay","position","id"]);const a=h.useId("tooltip",q),j=h.useId("description"),y=M.useTooltipHandlers(l),{visible:d}=y,x=u(y,["visible"]),{tooltipWrapperRef:_,toggleSourceRef:H}=S.useTooltipLayout(d,m),P=s.default.cloneElement(e,n({tabIndex:0,"aria-labelledby":o?a:void 0,"aria-describedby":t?a:void 0},x));return s.default.createElement(s.default.Fragment,null,s.default.createElement(k.Portal,null,s.default.createElement(C,n({id:a,background:"neutral900",hasRadius:!0,padding:2,role:"tooltip",ref:_,visible:d},v),d&&s.default.createElement(W.VisuallyHidden,{id:j},t),s.default.createElement(V.Typography,{as:"p",variant:"pi",fontWeight:"bold",textColor:"neutral0"},o||t))),s.default.createElement("span",{ref:H},P))};c.defaultProps={delay:500,id:void 0,position:"top",label:void 0,description:void 0};c.propTypes={children:i.default.node.isRequired,delay:i.default.number,description:i.default.string,id:i.default.string,label:i.default.string,position:i.default.oneOf(["top","left","bottom","right"])};exports.Tooltip=c;

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,32 @@
+export function Tooltip({ children, label, description, delay, position, id, ...props }: {
+    [x: string]: any;
+    children: any;
+    label: any;
+    description: any;
+    delay: any;
+    position: any;
+    id: any;
+}): JSX.Element;
+export namespace Tooltip {
+    namespace defaultProps {
+        const delay: number;
+        const id: undefined;
+        const position: string;
+        const label: undefined;
+        const description: undefined;
+    }
+    namespace propTypes {
+        export const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        const delay_1: PropTypes.Requireable<number>;
+        export { delay_1 as delay };
+        const description_1: PropTypes.Requireable<string>;
+        export { description_1 as description };
+        const id_1: PropTypes.Requireable<string>;
+        export { id_1 as id };
+        const label_1: PropTypes.Requireable<string>;
+        export { label_1 as label };
+        const position_1: PropTypes.Requireable<string>;
+        export { position_1 as position };
+    }
+}
+import PropTypes from "prop-types";

package/dist/Tooltip/Tooltip.js

@@ -1,60 +1,79 @@
-import o from "react";
-import e from "prop-types";
-import v from "styled-components";
-import { Box as x } from "../Box/Box.js";
-import { Typography as E } from "../Typography/Typography.js";
-import { Portal as T } from "../Portal/Portal.js";
-import { useTooltipHandlers as h } from "./hooks/useTooltipHandlers.js";
-import { useTooltipLayout as R } from "./hooks/useTooltipLayout.js";
-import { useId as p } from "../helpers/useId.js";
-import { VisuallyHidden as I } from "../VisuallyHidden/VisuallyHidden.js";
-const H = v(x)`
+var P = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var u = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var f = (o, t, e) => t in o ? P(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, d = (o, t) => {
+  for (var e in t || (t = {}))
+    u.call(t, e) && f(o, e, t[e]);
+  if (n)
+    for (var e of n(t))
+      b.call(t, e) && f(o, e, t[e]);
+  return o;
+};
+var s = (o, t) => {
+  var e = {};
+  for (var i in o)
+    u.call(o, i) && t.indexOf(i) < 0 && (e[i] = o[i]);
+  if (o != null && n)
+    for (var i of n(o))
+      t.indexOf(i) < 0 && b.call(o, i) && (e[i] = o[i]);
+  return e;
+};
+import r from "react";
+import l from "prop-types";
+import W from "styled-components";
+import { Box as z } from "../Box/Box.js";
+import { Typography as C } from "../Typography/Typography.js";
+import { Portal as _ } from "../Portal/Portal.js";
+import { useTooltipHandlers as k } from "./hooks/useTooltipHandlers.js";
+import { useTooltipLayout as q } from "./hooks/useTooltipLayout.js";
+import { useId as y } from "../helpers/useId.js";
+import { VisuallyHidden as B } from "../VisuallyHidden/VisuallyHidden.js";
+const F = W(z)`
   position: absolute;
   /* z-index exist because of its position inside Modals */
   z-index: 4;
-  display: ${({ visible: t }) => t ? "revert" : "none"};
-`, a = ({ children: t, label: n, description: i, delay: d, position: s, id: m, ...c }) => {
-  const r = p("tooltip", m), f = p("description"), { visible: l, ...u } = h(d), { tooltipWrapperRef: b, toggleSourceRef: y } = R(l, s), g = o.cloneElement(t, {
+  display: ${({ visible: o }) => o ? "revert" : "none"};
+`, g = (L) => {
+  var m = L, { children: o, label: t, description: e, delay: i, position: v, id: x } = m, E = s(m, ["children", "label", "description", "delay", "position", "id"]);
+  const p = y("tooltip", x), T = y("description"), c = k(i), { visible: a } = c, h = s(c, ["visible"]), { tooltipWrapperRef: R, toggleSourceRef: I } = q(a, v), H = r.cloneElement(o, d({
     tabIndex: 0,
-    "aria-labelledby": n ? r : void 0,
-    "aria-describedby": i ? r : void 0,
-    ...u
-  });
-  return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(T, null, /* @__PURE__ */ o.createElement(H, {
-    id: r,
+    "aria-labelledby": t ? p : void 0,
+    "aria-describedby": e ? p : void 0
+  }, h));
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(_, null, /* @__PURE__ */ r.createElement(F, d({
+    id: p,
     background: "neutral900",
     hasRadius: !0,
     padding: 2,
     role: "tooltip",
-    ref: b,
-    visible: l,
-    ...c
-  }, l && /* @__PURE__ */ o.createElement(I, {
-    id: f
-  }, i), /* @__PURE__ */ o.createElement(E, {
+    ref: R,
+    visible: a
+  }, E), a && /* @__PURE__ */ r.createElement(B, {
+    id: T
+  }, e), /* @__PURE__ */ r.createElement(C, {
     as: "p",
     variant: "pi",
     fontWeight: "bold",
     textColor: "neutral0"
-  }, n || i))), /* @__PURE__ */ o.createElement("span", {
-    ref: y
-  }, g));
+  }, t || e))), /* @__PURE__ */ r.createElement("span", {
+    ref: I
+  }, H));
 };
-a.defaultProps = {
+g.defaultProps = {
   delay: 500,
   id: void 0,
   position: "top",
   label: void 0,
   description: void 0
 };
-a.propTypes = {
-  children: e.node.isRequired,
-  delay: e.number,
-  description: e.string,
-  id: e.string,
-  label: e.string,
-  position: e.oneOf(["top", "left", "bottom", "right"])
+g.propTypes = {
+  children: l.node.isRequired,
+  delay: l.number,
+  description: l.string,
+  id: l.string,
+  label: l.string,
+  position: l.oneOf(["top", "left", "bottom", "right"])
 };
 export {
-  a as Tooltip
+  g as Tooltip
 };

package/dist/Tooltip/hooks/useTooltipHandlers.d.ts

@@ -0,0 +1,7 @@
+export function useTooltipHandlers(delay: any): {
+    visible: boolean;
+    onFocus: () => void;
+    onBlur: () => void;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+};

package/dist/Tooltip/hooks/useTooltipLayout.d.ts

@@ -0,0 +1,4 @@
+export function useTooltipLayout(visible: any, position: any): {
+    tooltipWrapperRef: import("react").MutableRefObject<null>;
+    toggleSourceRef: import("react").MutableRefObject<null>;
+};

package/dist/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from "./Tooltip";

package/dist/Tooltip/utils/positionTooltip.d.ts

@@ -0,0 +1,7 @@
+export function positionTooltip(tooltipNode: any, toggleSourceNode: any, position: any): {
+    left: number;
+    top: any;
+} | {
+    left: any;
+    top: number;
+};

package/dist/Typography/Typography.cjs

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("styled-components"),o=require("./utils.cjs"),s=require("./TypographyProps.cjs"),a=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},n=a(i),l={fontSize:!0,fontWeight:!0},r=n.default.span.withConfig({shouldForwardProp:(t,e)=>!l[t]&&e(t)})`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("styled-components"),o=require("./utils.cjs"),r=require("../helpers/theme.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=i(n),l={fontSize:!0,fontWeight:!0},a=s.default.span.withConfig({shouldForwardProp:(e,t)=>!l[e]&&t(e)})`
   ${o.variantStyle}
   ${o.ellipsisStyle}
 
   // These properties need to come after {variantStyle}, because they might
   // overwrite a variant attribute
-  font-weight: ${({theme:t,fontWeight:e})=>t.fontWeights[e]};
-  font-size: ${({theme:t,fontSize:e})=>t.fontSizes[e]};
-  line-height: ${({theme:t,lineHeight:e})=>t.lineHeights[e]};
+  font-weight: ${({theme:e,fontWeight:t})=>r.extractStyleFromTheme(e.fontWeights,t,void 0)};
+  font-size: ${({theme:e,fontSize:t})=>r.extractStyleFromTheme(e.fontSizes,t,void 0)};
+  line-height: ${({theme:e,lineHeight:t})=>r.extractStyleFromTheme(e.lineHeights,t,void 0)};
   color: ${o.handleColor};
-  text-align: ${({textAlign:t})=>t};
-  text-transform: ${({textTransform:t})=>t};
-`;r.defaultProps=s.typographyDefaultProps;r.propTypes=s.typographyPropTypes;exports.Typography=r;
+  text-align: ${({textAlign:e})=>e};
+  text-transform: ${({textTransform:e})=>e};
+`;exports.Typography=a;

package/dist/Typography/Typography.d.ts

@@ -0,0 +1,16 @@
+import { CSSProperties, DefaultTheme } from 'styled-components';
+import { TEXT_VARIANTS } from './constants';
+export interface TypographyProps {
+    as?: string | React.ComponentType<any>;
+    forwardedAs?: string | React.ComponentType<any>;
+    children?: React.ReactNode;
+    ellipsis?: boolean;
+    fontSize?: keyof DefaultTheme['fontSizes'];
+    fontWeight?: keyof DefaultTheme['fontWeights'];
+    lineHeight?: keyof DefaultTheme['lineHeights'];
+    textAlign?: CSSProperties['textAlign'];
+    textColor?: keyof DefaultTheme['colors'];
+    textTransform?: CSSProperties['textTransform'];
+    variant?: typeof TEXT_VARIANTS[number];
+}
+export declare const Typography: import("styled-components").StyledComponent<"span", DefaultTheme, TypographyProps, never>;

package/dist/Typography/Typography.js

@@ -1,26 +1,37 @@
-import r from "styled-components";
-import { variantStyle as i, ellipsisStyle as a, handleColor as n } from "./utils.js";
-import { typographyDefaultProps as p, typographyPropTypes as s } from "./TypographyProps.js";
-const h = {
+import i from "styled-components";
+import { variantStyle as r, ellipsisStyle as n, handleColor as a } from "./utils.js";
+import { extractStyleFromTheme as o } from "../helpers/theme.js";
+const s = {
   fontSize: !0,
   fontWeight: !0
-}, o = r.span.withConfig({
-  shouldForwardProp: (t, e) => !h[t] && e(t)
+}, d = i.span.withConfig({
+  shouldForwardProp: (e, t) => !s[e] && t(e)
 })`
-  ${i}
-  ${a}
+  ${r}
+  ${n}
 
   // These properties need to come after {variantStyle}, because they might
   // overwrite a variant attribute
-  font-weight: ${({ theme: t, fontWeight: e }) => t.fontWeights[e]};
-  font-size: ${({ theme: t, fontSize: e }) => t.fontSizes[e]};
-  line-height: ${({ theme: t, lineHeight: e }) => t.lineHeights[e]};
-  color: ${n};
-  text-align: ${({ textAlign: t }) => t};
-  text-transform: ${({ textTransform: t }) => t};
+  font-weight: ${({
+  theme: e,
+  fontWeight: t
+}) => o(e.fontWeights, t, void 0)};
+  font-size: ${({
+  theme: e,
+  fontSize: t
+}) => o(e.fontSizes, t, void 0)};
+  line-height: ${({
+  theme: e,
+  lineHeight: t
+}) => o(e.lineHeights, t, void 0)};
+  color: ${a};
+  text-align: ${({
+  textAlign: e
+}) => e};
+  text-transform: ${({
+  textTransform: e
+}) => e};
 `;
-o.defaultProps = p;
-o.propTypes = s;
 export {
-  o as Typography
+  d as Typography
 };

package/dist/Typography/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const ALPHA = "alpha";
+export declare const BETA = "beta";
+export declare const DELTA = "delta";
+export declare const EPSILON = "epsilon";
+export declare const OMEGA = "omega";
+export declare const PI = "pi";
+export declare const SIGMA = "sigma";
+export declare const TEXT_VARIANTS: readonly ["alpha", "beta", "delta", "epsilon", "omega", "pi", "sigma"];

package/dist/Typography/index.d.ts

@@ -0,0 +1 @@
+export * from './Typography';

package/dist/Typography/utils.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./constants.cjs"),n=({ellipsis:t})=>t&&`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./constants.cjs"),n=({ellipsis:t=!1})=>t&&`
     display: block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-  `,s=({variant:t,theme:i})=>{switch(t){case e.ALPHA:return`
+  `,s=({variant:t=e.OMEGA,theme:i})=>{switch(t){case e.ALPHA:return`
         font-weight: ${i.fontWeights.bold};
         font-size: ${i.fontSizes[5]};
         line-height: ${i.lineHeights[2]};

package/dist/Typography/utils.d.ts

@@ -0,0 +1,13 @@
+import { DefaultTheme } from 'styled-components';
+import { TEXT_VARIANTS } from './constants';
+export declare const ellipsisStyle: ({ ellipsis }: {
+    ellipsis?: boolean | undefined;
+}) => false | "\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  ";
+export declare const variantStyle: ({ variant, theme, }: {
+    variant?: "alpha" | "beta" | "delta" | "epsilon" | "omega" | "pi" | "sigma" | undefined;
+    theme: DefaultTheme;
+}) => string;
+export declare const handleColor: ({ theme, textColor }: {
+    theme: DefaultTheme;
+    textColor?: keyof import("styled-components").ThemeColors | undefined;
+}) => string;