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

package/dist/Dialog/Dialog.cjs

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("prop-types"),g=require("react"),m=require("styled-components"),u=require("../Box/Box.cjs"),b=require("../FocusTrap/FocusTrap.cjs"),q=require("../Portal/Portal.cjs"),h=require("../Flex/Flex.cjs"),x=require("../Typography/Typography.cjs"),D=require("../DismissibleLayer/DismissibleLayer.cjs"),T=require("../helpers/setOpacity.cjs"),j=require("../helpers/useLockScroll.cjs"),E=require("../helpers/useId.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=o(y),t=o(g),l=o(m),P=l.default.div`
+"use strict";var D=Object.defineProperty;var s=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var p=(e,a,t)=>a in e?D(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,g=(e,a)=>{for(var t in a||(a={}))f.call(a,t)&&p(e,t,a[t]);if(s)for(var t of s(a))y.call(a,t)&&p(e,t,a[t]);return e};var m=(e,a)=>{var t={};for(var r in e)f.call(e,r)&&a.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&s)for(var r of s(e))a.indexOf(r)<0&&y.call(e,r)&&(t[r]=e[r]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("prop-types"),j=require("react"),E=require("styled-components"),b=require("../Box/Box.cjs"),P=require("../FocusTrap/FocusTrap.cjs"),_=require("../Portal/Portal.cjs"),F=require("../Flex/Flex.cjs"),L=require("../Typography/Typography.cjs"),v=require("../DismissibleLayer/DismissibleLayer.cjs"),w=require("../helpers/setOpacity.cjs"),B=require("../helpers/useLockScroll.cjs"),O=require("../helpers/useId.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},l=u(T),o=u(j),n=u(E),R=n.default.div`
   position: fixed;
   z-index: 4;
   inset: 0;
-  background: ${({theme:e})=>T.setOpacity(e.colors.neutral800,.2)};
+  background: ${({theme:e})=>w.setOpacity(e.colors.neutral800,.2)};
   padding: 0 ${({theme:e})=>e.spaces[8]};
-`,_=l.default(u.Box)`
+`,S=n.default(b.Box)`
   max-width: ${412/16}rem;
   margin: 0 auto;
   overflow: hidden;
   margin-top: 10%;
-`,F=l.default(h.Flex)`
+`,$=n.default(F.Flex)`
   border-bottom: 1px solid ${({theme:e})=>e.colors.neutral150};
-`,r=({onClose:e,title:n,as:d,isOpen:s,id:c,...p})=>{const f=E.useId("dialog",c);if(j(s),!s)return null;const i=`${f}-label`;return t.default.createElement(q.Portal,null,t.default.createElement(P,null,t.default.createElement(b.FocusTrap,null,t.default.createElement(D.DismissibleLayer,{onEscapeKeyDown:e,onPointerDownOutside:e},t.default.createElement(_,{"aria-labelledby":i,"aria-modal":!0,background:"neutral0",hasRadius:!0,shadow:"popupShadow",role:"dialog"},t.default.createElement(F,{padding:6,justifyContent:"center"},t.default.createElement(x.Typography,{variant:"beta",as:d||"h2",id:i},n)),t.default.createElement(u.Box,{...p}))))))};r.displayName="Dialog";r.defaultProps={as:"h2",id:void 0};r.propTypes={as:a.default.string,id:a.default.oneOfType([a.default.string,a.default.number]),isOpen:a.default.bool.isRequired,onClose:a.default.func.isRequired,title:a.default.string.isRequired};exports.Dialog=r;
+`,i=k=>{var d=k,{onClose:e,title:a,as:t,isOpen:r,id:q}=d,h=m(d,["onClose","title","as","isOpen","id"]);const x=O.useId("dialog",q);if(B(r),!r)return null;const c=`${x}-label`;return o.default.createElement(_.Portal,null,o.default.createElement(R,null,o.default.createElement(P.FocusTrap,null,o.default.createElement(v.DismissibleLayer,{onEscapeKeyDown:e,onPointerDownOutside:e},o.default.createElement(S,{"aria-labelledby":c,"aria-modal":!0,background:"neutral0",hasRadius:!0,shadow:"popupShadow",role:"dialog"},o.default.createElement($,{padding:6,justifyContent:"center"},o.default.createElement(L.Typography,{variant:"beta",as:t||"h2",id:c},a)),o.default.createElement(b.Box,g({},h)))))))};i.displayName="Dialog";i.defaultProps={as:"h2",id:void 0};i.propTypes={as:l.default.string,id:l.default.oneOfType([l.default.string,l.default.number]),isOpen:l.default.bool.isRequired,onClose:l.default.func.isRequired,title:l.default.string.isRequired};exports.Dialog=i;

package/dist/Dialog/Dialog.d.ts

@@ -0,0 +1,25 @@
+export function Dialog({ onClose, title, as, isOpen, id, ...props }: {
+    [x: string]: any;
+    onClose: any;
+    title: any;
+    as: any;
+    isOpen: any;
+    id: any;
+}): JSX.Element | null;
+export namespace Dialog {
+    const displayName: string;
+    namespace defaultProps {
+        const as: string;
+        const id: undefined;
+    }
+    namespace propTypes {
+        const as_1: PropTypes.Requireable<string>;
+        export { as_1 as as };
+        const id_1: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        export { id_1 as id };
+        export const isOpen: PropTypes.Validator<boolean>;
+        export const onClose: PropTypes.Validator<(...args: any[]) => any>;
+        export const title: PropTypes.Validator<string>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/Dialog/Dialog.js

@@ -1,66 +1,85 @@
-import r from "prop-types";
-import o from "react";
-import t from "styled-components";
-import { Box as n } from "../Box/Box.js";
-import { FocusTrap as c } from "../FocusTrap/FocusTrap.js";
-import { Portal as f } from "../Portal/Portal.js";
-import { Flex as g } from "../Flex/Flex.js";
-import { Typography as y } from "../Typography/Typography.js";
-import { DismissibleLayer as b } from "../DismissibleLayer/DismissibleLayer.js";
-import { setOpacity as E } from "../helpers/setOpacity.js";
-import h from "../helpers/useLockScroll.js";
-import { useId as D } from "../helpers/useId.js";
-const x = t.div`
+var D = Object.defineProperty;
+var l = Object.getOwnPropertySymbols;
+var u = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
+var p = (e, r, o) => r in e ? D(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o, f = (e, r) => {
+  for (var o in r || (r = {}))
+    u.call(r, o) && p(e, o, r[o]);
+  if (l)
+    for (var o of l(r))
+      c.call(r, o) && p(e, o, r[o]);
+  return e;
+};
+var g = (e, r) => {
+  var o = {};
+  for (var t in e)
+    u.call(e, t) && r.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && l)
+    for (var t of l(e))
+      r.indexOf(t) < 0 && c.call(e, t) && (o[t] = e[t]);
+  return o;
+};
+import i from "prop-types";
+import a from "react";
+import n from "styled-components";
+import { Box as y } from "../Box/Box.js";
+import { FocusTrap as x } from "../FocusTrap/FocusTrap.js";
+import { Portal as w } from "../Portal/Portal.js";
+import { Flex as R } from "../Flex/Flex.js";
+import { Typography as T } from "../Typography/Typography.js";
+import { DismissibleLayer as $ } from "../DismissibleLayer/DismissibleLayer.js";
+import { setOpacity as v } from "../helpers/setOpacity.js";
+import P from "../helpers/useLockScroll.js";
+import { useId as k } from "../helpers/useId.js";
+const q = n.div`
   position: fixed;
   z-index: 4;
   inset: 0;
-  background: ${({ theme: e }) => E(e.colors.neutral800, 0.2)};
+  background: ${({ theme: e }) => v(e.colors.neutral800, 0.2)};
   padding: 0 ${({ theme: e }) => e.spaces[8]};
-`, w = t(n)`
+`, O = n(y)`
   max-width: ${412 / 16}rem;
   margin: 0 auto;
   overflow: hidden;
   margin-top: 10%;
-`, R = t(g)`
+`, B = n(R)`
   border-bottom: 1px solid ${({ theme: e }) => e.colors.neutral150};
-`, a = ({ onClose: e, title: m, as: s, isOpen: i, id: d, ...p }) => {
-  const u = D("dialog", d);
-  if (h(i), !i)
+`, m = (C) => {
+  var s = C, { onClose: e, title: r, as: o, isOpen: t, id: b } = s, E = g(s, ["onClose", "title", "as", "isOpen", "id"]);
+  const h = k("dialog", b);
+  if (P(t), !t)
     return null;
-  const l = `${u}-label`;
-  return /* @__PURE__ */ o.createElement(f, null, /* @__PURE__ */ o.createElement(x, null, /* @__PURE__ */ o.createElement(c, null, /* @__PURE__ */ o.createElement(b, {
+  const d = `${h}-label`;
+  return /* @__PURE__ */ a.createElement(w, null, /* @__PURE__ */ a.createElement(q, null, /* @__PURE__ */ a.createElement(x, null, /* @__PURE__ */ a.createElement($, {
     onEscapeKeyDown: e,
     onPointerDownOutside: e
-  }, /* @__PURE__ */ o.createElement(w, {
-    "aria-labelledby": l,
+  }, /* @__PURE__ */ a.createElement(O, {
+    "aria-labelledby": d,
     "aria-modal": !0,
     background: "neutral0",
     hasRadius: !0,
     shadow: "popupShadow",
     role: "dialog"
-  }, /* @__PURE__ */ o.createElement(R, {
+  }, /* @__PURE__ */ a.createElement(B, {
     padding: 6,
     justifyContent: "center"
-  }, /* @__PURE__ */ o.createElement(y, {
+  }, /* @__PURE__ */ a.createElement(T, {
     variant: "beta",
-    as: s || "h2",
-    id: l
-  }, m)), /* @__PURE__ */ o.createElement(n, {
-    ...p
-  }))))));
+    as: o || "h2",
+    id: d
+  }, r)), /* @__PURE__ */ a.createElement(y, f({}, E)))))));
 };
-a.displayName = "Dialog";
-a.defaultProps = {
+m.displayName = "Dialog";
+m.defaultProps = {
   as: "h2",
   id: void 0
 };
-a.propTypes = {
-  as: r.string,
-  id: r.oneOfType([r.string, r.number]),
-  isOpen: r.bool.isRequired,
-  onClose: r.func.isRequired,
-  title: r.string.isRequired
+m.propTypes = {
+  as: i.string,
+  id: i.oneOfType([i.string, i.number]),
+  isOpen: i.bool.isRequired,
+  onClose: i.func.isRequired,
+  title: i.string.isRequired
 };
 export {
-  a as Dialog
+  m as Dialog
 };

package/dist/Dialog/DialogBody.d.ts

@@ -0,0 +1,16 @@
+export function DialogBody({ children, icon }: {
+    children: any;
+    icon: any;
+}): JSX.Element;
+export namespace DialogBody {
+    const displayName: string;
+    namespace defaultProps {
+        const icon: undefined;
+    }
+    namespace propTypes {
+        export const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        const icon_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        export { icon_1 as icon };
+    }
+}
+import PropTypes from "prop-types";

package/dist/Dialog/DialogFooter.d.ts

@@ -0,0 +1,18 @@
+export function DialogFooter({ startAction, endAction }: {
+    startAction: any;
+    endAction: any;
+}): JSX.Element;
+export namespace DialogFooter {
+    const displayName: string;
+    namespace defaultProps {
+        const endAction: undefined;
+        const startAction: undefined;
+    }
+    namespace propTypes {
+        const endAction_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        export { endAction_1 as endAction };
+        const startAction_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        export { startAction_1 as startAction };
+    }
+}
+import PropTypes from "prop-types";

package/dist/Dialog/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Dialog";
+export * from "./DialogBody";
+export * from "./DialogFooter";

package/dist/DismissibleLayer/DismissibleLayer.d.ts

@@ -0,0 +1,19 @@
+export function DismissibleLayer({ children, className, onEscapeKeyDown, onPointerDownOutside }: {
+    children: any;
+    className: any;
+    onEscapeKeyDown: any;
+    onPointerDownOutside: any;
+}): JSX.Element;
+export namespace DismissibleLayer {
+    namespace defaultProps {
+        const className: undefined;
+    }
+    namespace propTypes {
+        export const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        const className_1: PropTypes.Requireable<string>;
+        export { className_1 as className };
+        export const onEscapeKeyDown: PropTypes.Validator<(...args: any[]) => any>;
+        export const onPointerDownOutside: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/DismissibleLayer/index.d.ts

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

package/dist/Divider/Divider.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),a=require("prop-types"),u=require("styled-components"),c=require("../Box/Box.cjs"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},d=t(s),o=t(a),l=t(u),i=l.default(c.Box)`
+"use strict";var g=Object.defineProperty,y=Object.defineProperties;var _=Object.getOwnPropertyDescriptors;var n=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable;var u=(e,t,r)=>t in e?g(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,l=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&u(e,r,t[r]);if(n)for(var r of n(t))d.call(t,r)&&u(e,r,t[r]);return e},i=(e,t)=>y(e,_(t));var p=(e,t)=>{var r={};for(var o in e)c.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&&d.call(e,o)&&(r[o]=e[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),v=require("prop-types"),x=require("styled-components"),m=require("../Box/Box.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},q=s(b),f=s(v),B=s(x),D=B.default(m.Box)`
   height: 1px;
   border: none;
   ${({unsetMargin:e})=>e?"margin: 0;":""}
-`,r=({unsetMargin:e,...n})=>d.default.createElement(i,{...n,as:"hr",unsetMargin:e});r.defaultProps={background:"neutral150",unsetMargin:!0};r.propTypes={background:o.default.string,unsetMargin:o.default.bool};exports.Divider=r;
+`,a=r=>{var o=r,{unsetMargin:e}=o,t=p(o,["unsetMargin"]);return q.default.createElement(D,i(l({},t),{as:"hr",unsetMargin:e}))};a.defaultProps={background:"neutral150",unsetMargin:!0};a.propTypes={background:f.default.string,unsetMargin:f.default.bool};exports.Divider=a;

package/dist/Divider/Divider.d.ts

@@ -0,0 +1,17 @@
+export function Divider({ unsetMargin, ...props }: {
+    [x: string]: any;
+    unsetMargin: any;
+}): JSX.Element;
+export namespace Divider {
+    namespace defaultProps {
+        const background: string;
+        const unsetMargin: boolean;
+    }
+    namespace propTypes {
+        const background_1: PropTypes.Requireable<string>;
+        export { background_1 as background };
+        const unsetMargin_1: PropTypes.Requireable<boolean>;
+        export { unsetMargin_1 as unsetMargin };
+    }
+}
+import PropTypes from "prop-types";

package/dist/Divider/Divider.js

@@ -1,24 +1,47 @@
-import n from "react";
-import e from "prop-types";
-import p from "styled-components";
-import { Box as i } from "../Box/Box.js";
-const a = p(i)`
+var c = Object.defineProperty, f = Object.defineProperties;
+var l = Object.getOwnPropertyDescriptors;
+var n = Object.getOwnPropertySymbols;
+var i = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable;
+var p = (r, e, o) => e in r ? c(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, m = (r, e) => {
+  for (var o in e || (e = {}))
+    i.call(e, o) && p(r, o, e[o]);
+  if (n)
+    for (var o of n(e))
+      a.call(e, o) && p(r, o, e[o]);
+  return r;
+}, s = (r, e) => f(r, l(e));
+var d = (r, e) => {
+  var o = {};
+  for (var t in r)
+    i.call(r, t) && e.indexOf(t) < 0 && (o[t] = r[t]);
+  if (r != null && n)
+    for (var t of n(r))
+      e.indexOf(t) < 0 && a.call(r, t) && (o[t] = r[t]);
+  return o;
+};
+import b from "react";
+import u from "prop-types";
+import h from "styled-components";
+import { Box as x } from "../Box/Box.js";
+const y = h(x)`
   height: 1px;
   border: none;
   ${({ unsetMargin: r }) => r ? "margin: 0;" : ""}
-`, o = ({ unsetMargin: r, ...t }) => /* @__PURE__ */ n.createElement(a, {
-  ...t,
-  as: "hr",
-  unsetMargin: r
-});
-o.defaultProps = {
+`, g = (o) => {
+  var t = o, { unsetMargin: r } = t, e = d(t, ["unsetMargin"]);
+  return /* @__PURE__ */ b.createElement(y, s(m({}, e), {
+    as: "hr",
+    unsetMargin: r
+  }));
+};
+g.defaultProps = {
   background: "neutral150",
   unsetMargin: !0
 };
-o.propTypes = {
-  background: e.string,
-  unsetMargin: e.bool
+g.propTypes = {
+  background: u.string,
+  unsetMargin: u.bool
 };
 export {
-  o as Divider
+  g as Divider
 };

package/dist/Divider/index.d.ts

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

package/dist/EmptyStateLayout/EmptyStateLayout.d.ts

@@ -0,0 +1,25 @@
+export function EmptyStateLayout({ icon, content, action, hasRadius, shadow }: {
+    icon: any;
+    content: any;
+    action: any;
+    hasRadius: any;
+    shadow: any;
+}): JSX.Element;
+export namespace EmptyStateLayout {
+    namespace defaultProps {
+        const action: undefined;
+        const hasRadius: boolean;
+        const shadow: string;
+    }
+    namespace propTypes {
+        const action_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        export { action_1 as action };
+        export const content: PropTypes.Validator<string>;
+        const hasRadius_1: PropTypes.Requireable<boolean>;
+        export { hasRadius_1 as hasRadius };
+        export const icon: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        const shadow_1: PropTypes.Requireable<string>;
+        export { shadow_1 as shadow };
+    }
+}
+import PropTypes from "prop-types";

package/dist/EmptyStateLayout/index.d.ts

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

package/dist/EmptyStateLayout/story-assets/Illo.d.ts

@@ -0,0 +1 @@
+export function Illo(): JSX.Element;

package/dist/Field/Field.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),p=require("prop-types"),y=require("./FieldContext.cjs"),v=require("../helpers/useId.cjs"),o=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},r=o(c),e=o(p),d=({children:t,name:l,error:u,hint:a,id:i,required:n,...f})=>{const s=v.useId("field",i);return r.default.createElement("div",{...f},r.default.createElement(y.FieldContext.Provider,{value:{name:l,id:s,error:u,hint:a,required:n}},t))};d.defaultProps={error:void 0,hint:void 0,id:void 0,name:void 0,required:!1};d.propTypes={children:e.default.node.isRequired,error:e.default.oneOfType([e.default.string,e.default.bool]),hint:e.default.oneOfType([e.default.string,e.default.node,e.default.arrayOf(e.default.node)]),id:e.default.oneOfType([e.default.string,e.default.number]),name:e.default.string,required:e.default.bool};exports.Field=d;
+"use strict";var _=Object.defineProperty;var l=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;var n=(e,d,t)=>d in e?_(e,d,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[d]=t,f=(e,d)=>{for(var t in d||(d={}))i.call(d,t)&&n(e,t,d[t]);if(l)for(var t of l(d))s.call(d,t)&&n(e,t,d[t]);return e};var c=(e,d)=>{var t={};for(var o in e)i.call(e,o)&&d.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&l)for(var o of l(e))d.indexOf(o)<0&&s.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react"),b=require("prop-types"),q=require("./FieldContext.cjs"),F=require("../helpers/useId.cjs"),y=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},p=y(m),r=y(b),u=O=>{var a=O,{children:e,name:d,error:t,hint:o,id:v}=a,g=c(a,["children","name","error","hint","id"]);const T=F.useId("field",v);return p.default.createElement("div",f({},g),p.default.createElement(q.FieldContext.Provider,{value:{name:d,id:T,error:t,hint:o}},e))};u.defaultProps={error:void 0,hint:void 0,id:void 0,name:void 0};u.propTypes={children:r.default.node.isRequired,error:r.default.oneOfType([r.default.string,r.default.bool]),hint:r.default.oneOfType([r.default.string,r.default.node,r.default.arrayOf(r.default.node)]),id:r.default.oneOfType([r.default.string,r.default.number]),name:r.default.string};exports.Field=u;

package/dist/Field/Field.d.ts

@@ -0,0 +1,28 @@
+export function Field({ children, name, error, hint, id, ...props }: {
+    [x: string]: any;
+    children: any;
+    name: any;
+    error: any;
+    hint: any;
+    id: any;
+}): JSX.Element;
+export namespace Field {
+    namespace defaultProps {
+        const error: undefined;
+        const hint: undefined;
+        const id: undefined;
+        const name: undefined;
+    }
+    namespace propTypes {
+        export const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        const error_1: PropTypes.Requireable<NonNullable<string | boolean | null | undefined>>;
+        export { error_1 as error };
+        const hint_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        export { hint_1 as hint };
+        const id_1: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        export { id_1 as id };
+        const name_1: PropTypes.Requireable<string>;
+        export { name_1 as name };
+    }
+}
+import PropTypes from "prop-types";

package/dist/Field/Field.js

@@ -1,30 +1,47 @@
-import r from "react";
-import e from "prop-types";
-import { FieldContext as l } from "./FieldContext.js";
-import { useId as s } from "../helpers/useId.js";
-const o = ({ children: i, name: d, error: t, hint: n, id: p, required: m, ...a }) => {
-  const f = s("field", p);
-  return /* @__PURE__ */ r.createElement("div", {
-    ...a
-  }, /* @__PURE__ */ r.createElement(l.Provider, {
-    value: { name: d, id: f, error: t, hint: n, required: m }
-  }, i));
+var g = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, a = Object.prototype.propertyIsEnumerable;
+var p = (e, o, r) => o in e ? g(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, f = (e, o) => {
+  for (var r in o || (o = {}))
+    m.call(o, r) && p(e, r, o[r]);
+  if (n)
+    for (var r of n(o))
+      a.call(o, r) && p(e, r, o[r]);
+  return e;
 };
-o.defaultProps = {
+var s = (e, o) => {
+  var r = {};
+  for (var t in e)
+    m.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && n)
+    for (var t of n(e))
+      o.indexOf(t) < 0 && a.call(e, t) && (r[t] = e[t]);
+  return r;
+};
+import l from "react";
+import i from "prop-types";
+import { FieldContext as T } from "./FieldContext.js";
+import { useId as O } from "../helpers/useId.js";
+const u = (h) => {
+  var d = h, { children: e, name: o, error: r, hint: t, id: v } = d, c = s(d, ["children", "name", "error", "hint", "id"]);
+  const y = O("field", v);
+  return /* @__PURE__ */ l.createElement("div", f({}, c), /* @__PURE__ */ l.createElement(T.Provider, {
+    value: { name: o, id: y, error: r, hint: t }
+  }, e));
+};
+u.defaultProps = {
   error: void 0,
   hint: void 0,
   id: void 0,
-  name: void 0,
-  required: !1
+  name: void 0
 };
-o.propTypes = {
-  children: e.node.isRequired,
-  error: e.oneOfType([e.string, e.bool]),
-  hint: e.oneOfType([e.string, e.node, e.arrayOf(e.node)]),
-  id: e.oneOfType([e.string, e.number]),
-  name: e.string,
-  required: e.bool
+u.propTypes = {
+  children: i.node.isRequired,
+  error: i.oneOfType([i.string, i.bool]),
+  hint: i.oneOfType([i.string, i.node, i.arrayOf(i.node)]),
+  id: i.oneOfType([i.string, i.number]),
+  name: i.string
 };
 export {
-  o as Field
+  u as Field
 };

package/dist/Field/FieldAction.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),l=require("styled-components"),d=require("prop-types"),t=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=t(s),u=t(l),o=t(d),c=u.default.button`
+"use strict";var y=Object.defineProperty;var r=Object.getOwnPropertySymbols;var d=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var l=(e,o,t)=>o in e?y(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,u=(e,o)=>{for(var t in o||(o={}))d.call(o,t)&&l(e,t,o[t]);if(r)for(var t of r(o))i.call(o,t)&&l(e,t,o[t]);return e};var c=(e,o)=>{var t={};for(var n in e)d.call(e,n)&&o.indexOf(n)<0&&(t[n]=e[n]);if(e!=null&&r)for(var n of r(e))o.indexOf(n)<0&&i.call(e,n)&&(t[n]=e[n]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("react"),_=require("styled-components"),g=require("prop-types"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},m=a(b),h=a(_),p=a(g),q=h.default.button`
   border: none;
   background: transparent;
   // TODO: Make sure to use the theme when it's ready
@@ -7,4 +7,4 @@
   padding: 0;
   display: flex;
   align-items: center;
-`,n=({label:e,children:r,...a})=>i.default.createElement(c,{"aria-label":e,type:"button",...a},r);n.propTypes={children:o.default.node.isRequired,label:o.default.string.isRequired};exports.FieldAction=n;
+`,f=n=>{var s=n,{label:e,children:o}=s,t=c(s,["label","children"]);return m.default.createElement(q,u({"aria-label":e,type:"button"},t),o)};f.propTypes={children:p.default.node.isRequired,label:p.default.string.isRequired};exports.FieldAction=f;

package/dist/Field/FieldAction.d.ts

@@ -0,0 +1,12 @@
+export function FieldAction({ label, children, ...props }: {
+    [x: string]: any;
+    label: any;
+    children: any;
+}): JSX.Element;
+export namespace FieldAction {
+    namespace propTypes {
+        const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        const label: PropTypes.Validator<string>;
+    }
+}
+import PropTypes from "prop-types";

package/dist/Field/FieldAction.js

@@ -1,7 +1,27 @@
-import i from "react";
-import n from "styled-components";
-import e from "prop-types";
-const a = n.button`
+var c = Object.defineProperty;
+var i = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var a = (e, r, t) => r in e ? c(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, s = (e, r) => {
+  for (var t in r || (r = {}))
+    d.call(r, t) && a(e, t, r[t]);
+  if (i)
+    for (var t of i(r))
+      p.call(r, t) && a(e, t, r[t]);
+  return e;
+};
+var l = (e, r) => {
+  var t = {};
+  for (var o in e)
+    d.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 && p.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+import u from "react";
+import b from "styled-components";
+import m from "prop-types";
+const f = b.button`
   border: none;
   background: transparent;
   // TODO: Make sure to use the theme when it's ready
@@ -10,15 +30,17 @@ const a = n.button`
   padding: 0;
   display: flex;
   align-items: center;
-`, d = ({ label: t, children: r, ...o }) => /* @__PURE__ */ i.createElement(a, {
-  "aria-label": t,
-  type: "button",
-  ...o
-}, r);
-d.propTypes = {
-  children: e.node.isRequired,
-  label: e.string.isRequired
+`, y = (o) => {
+  var n = o, { label: e, children: r } = n, t = l(n, ["label", "children"]);
+  return /* @__PURE__ */ u.createElement(f, s({
+    "aria-label": e,
+    type: "button"
+  }, t), r);
+};
+y.propTypes = {
+  children: m.node.isRequired,
+  label: m.string.isRequired
 };
 export {
-  d as FieldAction
+  y as FieldAction
 };

package/dist/Field/FieldContext.d.ts

@@ -0,0 +1,12 @@
+export const FieldContext: import("react").Context<{
+    error: undefined;
+    hint: undefined;
+    name: string;
+    id: string;
+}>;
+export function useField(): {
+    error: undefined;
+    hint: undefined;
+    name: string;
+    id: string;
+};

package/dist/Field/FieldError.d.ts

@@ -0,0 +1 @@
+export function FieldError(): JSX.Element | null;

package/dist/Field/FieldHint.d.ts

@@ -0,0 +1 @@
+export function FieldHint(): JSX.Element | null;