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

package/dist/Field/FieldInput.cjs

@@ -1,10 +1,10 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react"),B=require("styled-components"),I=require("prop-types"),R=require("../themes/sizes.cjs"),v=require("../themes/utils.cjs"),w=require("./FieldContext.cjs"),C=require("../Flex/Flex.cjs"),p=require("../Box/Box.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=d(g),b=d(B),o=d(I),f={S:6.5,M:10.5},k=b.default.input`
+"use strict";var k=Object.defineProperty;var a=Object.getOwnPropertySymbols;var h=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var b=(e,t,o)=>t in e?k(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,y=(e,t)=>{for(var o in t||(t={}))h.call(t,o)&&b(e,o,t[o]);if(a)for(var o of a(t))$.call(t,o)&&b(e,o,t[o]);return e};var m=(e,t)=>{var o={};for(var r in e)h.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&a)for(var r of a(e))t.indexOf(r)<0&&$.call(e,r)&&(o[r]=e[r]);return o};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("react"),z=require("styled-components"),D=require("prop-types"),E=require("../themes/sizes.cjs"),M=require("../themes/utils.cjs"),O=require("./FieldContext.cjs"),P=require("../Flex/Flex.cjs"),x=require("../Box/Box.cjs"),u=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},s=u(_),j=u(z),n=u(D),F={S:6.5,M:10.5},T=j.default.input`
   border: none;
   border-radius: ${({theme:e})=>e.borderRadius};
-  padding-bottom: ${({size:e})=>`${f[e]/16}rem`};
+  padding-bottom: ${({size:e})=>`${F[e]/16}rem`};
   padding-left: ${({theme:e,hasLeftAction:t})=>t?0:e.spaces[4]};
   padding-right: ${({theme:e,hasRightAction:t})=>t?0:e.spaces[4]};
-  padding-top: ${({size:e})=>`${f[e]/16}rem`};
+  padding-top: ${({size:e})=>`${F[e]/16}rem`};
   cursor: ${e=>e["aria-disabled"]?"not-allowed":void 0};
 
   color: ${({theme:e})=>e.colors.neutral800};
@@ -29,15 +29,15 @@
     outline: none;
     box-shadow: none;
   }
-`,h=b.default(C.Flex)`
+`,q=j.default(P.Flex)`
   border: 1px solid ${({theme:e,hasError:t})=>t?e.colors.danger600:e.colors.neutral200};
   border-radius: ${({theme:e})=>e.borderRadius};
   background: ${({theme:e})=>e.colors.neutral0};
-  ${v.inputFocusStyle()}
+  ${M.inputFocusStyle()}
 
   ${({theme:e,disabled:t})=>t?`
     color: ${e.colors.neutral600};
     background: ${e.colors.neutral150};
   
   `:void 0}
-`,a=g.forwardRef(({endAction:e,startAction:t,disabled:n,onChange:$,size:l,...y},m)=>{const{id:s,error:u,hint:x,name:F,required:q}=w.useField();let i;u?i=`${s}-error`:x&&(i=`${s}-hint`);const c=Boolean(u),_=j=>{n||$(j)};return r.default.createElement(h,{size:l,justifyContent:"space-between",hasError:c,disabled:n},t&&r.default.createElement(p.Box,{paddingLeft:3,paddingRight:2},t),r.default.createElement(k,{id:s,name:F,ref:m,"aria-describedby":i,"aria-invalid":c,"aria-disabled":n,hasLeftAction:Boolean(t),hasRightAction:Boolean(e),onChange:_,"aria-required":q,size:l,...y}),e&&r.default.createElement(p.Box,{paddingLeft:2,paddingRight:3},e))});a.displayName="FieldInput";a.defaultProps={disabled:!1,endAction:void 0,size:"M",startAction:void 0,onChange(){}};a.propTypes={disabled:o.default.bool,endAction:o.default.element,onChange:o.default.func,size:o.default.oneOf(Object.keys(R.sizes.input)),startAction:o.default.element};exports.FieldInput=a;exports.InputWrapper=h;
+`,i=_.forwardRef((L,I)=>{var p=L,{endAction:e,startAction:t,disabled:o,onChange:r,size:c}=p,B=m(p,["endAction","startAction","disabled","onChange","size"]);const{id:d,error:f,hint:R,name:v}=O.useField();let l;f?l=`${d}-error`:R&&(l=`${d}-hint`);const g=Boolean(f),w=C=>{o||r(C)};return s.default.createElement(q,{size:c,justifyContent:"space-between",hasError:g,disabled:o},t&&s.default.createElement(x.Box,{paddingLeft:3,paddingRight:2},t),s.default.createElement(T,y({id:d,name:v,ref:I,"aria-describedby":l,"aria-invalid":g,"aria-disabled":o,hasLeftAction:Boolean(t),hasRightAction:Boolean(e),onChange:w,size:c},B)),e&&s.default.createElement(x.Box,{paddingLeft:2,paddingRight:3},e))});i.displayName="FieldInput";i.defaultProps={disabled:!1,endAction:void 0,size:"M",startAction:void 0,onChange(){}};i.propTypes={disabled:n.default.bool,endAction:n.default.element,onChange:n.default.func,size:n.default.oneOf(Object.keys(E.sizes.input)),startAction:n.default.element};exports.FieldInput=i;exports.InputWrapper=q;

package/dist/Field/FieldInput.d.ts

@@ -0,0 +1,6 @@
+export const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Flex").FlexProps<HTMLDivElement> & {
+    theme: import("styled-components").DefaultTheme;
+    hasError: boolean;
+}, never>;
+export const FieldInput: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/dist/Field/FieldInput.js

@@ -1,21 +1,41 @@
-import t, { forwardRef as k } from "react";
-import m from "styled-components";
-import r from "prop-types";
-import { sizes as I } from "../themes/sizes.js";
-import { inputFocusStyle as v } from "../themes/utils.js";
-import { useField as x } from "./FieldContext.js";
-import { Flex as C } from "../Flex/Flex.js";
-import { Box as c } from "../Box/Box.js";
-const u = {
+var F = Object.defineProperty;
+var a = Object.getOwnPropertySymbols;
+var g = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var f = (e, o, r) => o in e ? F(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, h = (e, o) => {
+  for (var r in o || (o = {}))
+    g.call(o, r) && f(e, r, o[r]);
+  if (a)
+    for (var r of a(o))
+      b.call(o, r) && f(e, r, o[r]);
+  return e;
+};
+var $ = (e, o) => {
+  var r = {};
+  for (var t in e)
+    g.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && a)
+    for (var t of a(e))
+      o.indexOf(t) < 0 && b.call(e, t) && (r[t] = e[t]);
+  return r;
+};
+import i, { forwardRef as B } from "react";
+import R from "styled-components";
+import n from "prop-types";
+import { sizes as D } from "../themes/sizes.js";
+import { inputFocusStyle as O } from "../themes/utils.js";
+import { useField as z } from "./FieldContext.js";
+import { Flex as A } from "../Flex/Flex.js";
+import { Box as y } from "../Box/Box.js";
+const w = {
   S: 6.5,
   M: 10.5
-}, E = m.input`
+}, L = R.input`
   border: none;
   border-radius: ${({ theme: e }) => e.borderRadius};
-  padding-bottom: ${({ size: e }) => `${u[e] / 16}rem`};
+  padding-bottom: ${({ size: e }) => `${w[e] / 16}rem`};
   padding-left: ${({ theme: e, hasLeftAction: o }) => o ? 0 : e.spaces[4]};
   padding-right: ${({ theme: e, hasRightAction: o }) => o ? 0 : e.spaces[4]};
-  padding-top: ${({ size: e }) => `${u[e] / 16}rem`};
+  padding-top: ${({ size: e }) => `${w[e] / 16}rem`};
   cursor: ${(e) => e["aria-disabled"] ? "not-allowed" : void 0};
 
   color: ${({ theme: e }) => e.colors.neutral800};
@@ -40,52 +60,51 @@ const u = {
     outline: none;
     box-shadow: none;
   }
-`, F = m(C)`
+`, M = R(A)`
   border: 1px solid ${({ theme: e, hasError: o }) => o ? e.colors.danger600 : e.colors.neutral200};
   border-radius: ${({ theme: e }) => e.borderRadius};
   background: ${({ theme: e }) => e.colors.neutral0};
-  ${v()}
+  ${O()}
 
   ${({ theme: e, disabled: o }) => o ? `
     color: ${e.colors.neutral600};
     background: ${e.colors.neutral150};
   
   ` : void 0}
-`, d = k(({ endAction: e, startAction: o, disabled: a, onChange: f, size: s, ...g }, b) => {
-  const { id: n, error: l, hint: h, name: $, required: y } = x();
-  let i;
-  l ? i = `${n}-error` : h && (i = `${n}-hint`);
-  const p = Boolean(l), w = (R) => {
-    a || f(R);
+`, l = B((P, I) => {
+  var c = P, { endAction: e, startAction: o, disabled: r, onChange: t, size: p } = c, k = $(c, ["endAction", "startAction", "disabled", "onChange", "size"]);
+  const { id: d, error: u, hint: v, name: x } = z();
+  let s;
+  u ? s = `${d}-error` : v && (s = `${d}-hint`);
+  const m = Boolean(u), C = (E) => {
+    r || t(E);
   };
-  return /* @__PURE__ */ t.createElement(F, {
-    size: s,
+  return /* @__PURE__ */ i.createElement(M, {
+    size: p,
     justifyContent: "space-between",
-    hasError: p,
-    disabled: a
-  }, o && /* @__PURE__ */ t.createElement(c, {
+    hasError: m,
+    disabled: r
+  }, o && /* @__PURE__ */ i.createElement(y, {
     paddingLeft: 3,
     paddingRight: 2
-  }, o), /* @__PURE__ */ t.createElement(E, {
-    id: n,
-    name: $,
-    ref: b,
-    "aria-describedby": i,
-    "aria-invalid": p,
-    "aria-disabled": a,
+  }, o), /* @__PURE__ */ i.createElement(L, h({
+    id: d,
+    name: x,
+    ref: I,
+    "aria-describedby": s,
+    "aria-invalid": m,
+    "aria-disabled": r,
     hasLeftAction: Boolean(o),
     hasRightAction: Boolean(e),
-    onChange: w,
-    "aria-required": y,
-    size: s,
-    ...g
-  }), e && /* @__PURE__ */ t.createElement(c, {
+    onChange: C,
+    size: p
+  }, k)), e && /* @__PURE__ */ i.createElement(y, {
     paddingLeft: 2,
     paddingRight: 3
   }, e));
 });
-d.displayName = "FieldInput";
-d.defaultProps = {
+l.displayName = "FieldInput";
+l.defaultProps = {
   disabled: !1,
   endAction: void 0,
   size: "M",
@@ -93,14 +112,14 @@ d.defaultProps = {
   onChange() {
   }
 };
-d.propTypes = {
-  disabled: r.bool,
-  endAction: r.element,
-  onChange: r.func,
-  size: r.oneOf(Object.keys(I.input)),
-  startAction: r.element
+l.propTypes = {
+  disabled: n.bool,
+  endAction: n.element,
+  onChange: n.func,
+  size: n.oneOf(Object.keys(D.input)),
+  startAction: n.element
 };
 export {
-  d as FieldInput,
-  F as InputWrapper
+  l as FieldInput,
+  M as InputWrapper
 };

package/dist/Field/FieldLabel.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react"),g=require("styled-components"),h=require("prop-types"),n=require("../Flex/Flex.cjs"),m=require("./FieldContext.cjs"),d=require("../Typography/Typography.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},t=o(y),s=o(g),r=o(h),q=s.default(d.Typography)`
+"use strict";var T=Object.defineProperty;var r=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var d=(e,l,t)=>l in e?T(e,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[l]=t,f=(e,l)=>{for(var t in l||(l={}))u.call(l,t)&&d(e,t,l[t]);if(r)for(var t of r(l))p.call(l,t)&&d(e,t,l[t]);return e};var y=(e,l)=>{var t={};for(var o in e)u.call(e,o)&&l.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&r)for(var o of r(e))l.indexOf(o)<0&&p.call(e,o)&&(t[o]=e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("react"),_=require("styled-components"),b=require("prop-types"),g=require("../Flex/Flex.cjs"),q=require("./FieldContext.cjs"),h=require("../Typography/Typography.cjs"),s=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=s(x),F=s(_),n=s(b),j=F.default(h.Typography)`
   line-height: 0;
-`,F=s.default(n.Flex)`
+`,v=F.default(g.Flex)`
   line-height: 0;
 
   svg path {
     fill: ${({theme:e})=>e.colors.neutral500};
   }
-`,l=({children:e,action:a,required:i,...u})=>{const{id:c,required:p}=m.useField(),f=p||i;return i!==void 0&&console.warn('Deprecation warning: Usage of "required" prop in FieldLabel component is deprecated. This is discouraged and will be removed in the next major release. Please use the Field component to share the required prop.'),t.default.createElement(d.Typography,{variant:"pi",textColor:"neutral800",htmlFor:c,fontWeight:"bold",as:"label",...u},t.default.createElement(n.Flex,{alignItems:"center"},e,f&&t.default.createElement(q,{textColor:"danger600"},"*"),a&&t.default.createElement(F,{marginLeft:1},a)))};l.defaultProps={action:void 0,required:void 0};l.propTypes={action:r.default.element,children:r.default.node.isRequired,required:r.default.bool};exports.FieldLabel=l;
+`,i=C=>{var c=C,{children:e,required:l,action:t}=c,o=y(c,["children","required","action"]);const{id:m}=q.useField();return a.default.createElement(h.Typography,f({variant:"pi",textColor:"neutral800",htmlFor:m,fontWeight:"bold",as:"label",required:l},o),a.default.createElement(g.Flex,{alignItems:"center"},e,l&&a.default.createElement(j,{textColor:"danger600"},"*"),t&&a.default.createElement(v,{marginLeft:1},t)))};i.defaultProps={required:!1,action:void 0};i.propTypes={action:n.default.element,children:n.default.node.isRequired,required:n.default.bool};exports.FieldLabel=i;

package/dist/Field/FieldLabel.d.ts

@@ -0,0 +1,20 @@
+export function FieldLabel({ children, required, action, ...props }: {
+    [x: string]: any;
+    children: any;
+    required: any;
+    action: any;
+}): JSX.Element;
+export namespace FieldLabel {
+    namespace defaultProps {
+        const required: boolean;
+        const action: undefined;
+    }
+    namespace propTypes {
+        const action_1: PropTypes.Requireable<PropTypes.ReactElementLike>;
+        export { action_1 as action };
+        export const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        const required_1: PropTypes.Requireable<boolean>;
+        export { required_1 as required };
+    }
+}
+import PropTypes from "prop-types";

package/dist/Field/FieldLabel.js

@@ -1,45 +1,64 @@
-import e from "react";
-import n from "styled-components";
-import o from "prop-types";
-import { Flex as l } from "../Flex/Flex.js";
-import { useField as u } from "./FieldContext.js";
-import { Typography as a } from "../Typography/Typography.js";
-const h = n(a)`
+var b = Object.defineProperty;
+var l = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, s = Object.prototype.propertyIsEnumerable;
+var m = (e, r, t) => r in e ? b(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, c = (e, r) => {
+  for (var t in r || (r = {}))
+    p.call(r, t) && m(e, t, r[t]);
+  if (l)
+    for (var t of l(r))
+      s.call(r, t) && m(e, t, r[t]);
+  return e;
+};
+var d = (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 && s.call(e, o) && (t[o] = e[o]);
+  return t;
+};
+import i from "react";
+import f from "styled-components";
+import n from "prop-types";
+import { Flex as h } from "../Flex/Flex.js";
+import { useField as x } from "./FieldContext.js";
+import { Typography as g } from "../Typography/Typography.js";
+const E = f(g)`
   line-height: 0;
-`, f = n(l)`
+`, F = f(h)`
   line-height: 0;
 
   svg path {
-    fill: ${({ theme: r }) => r.colors.neutral500};
+    fill: ${({ theme: e }) => e.colors.neutral500};
   }
-`, d = ({ children: r, action: t, required: i, ...s }) => {
-  const { id: p, required: m } = u(), c = m || i;
-  return i !== void 0 && console.warn(
-    'Deprecation warning: Usage of "required" prop in FieldLabel component is deprecated. This is discouraged and will be removed in the next major release. Please use the Field component to share the required prop.'
-  ), /* @__PURE__ */ e.createElement(a, {
+`, u = (T) => {
+  var a = T, { children: e, required: r, action: t } = a, o = d(a, ["children", "required", "action"]);
+  const { id: y } = x();
+  return /* @__PURE__ */ i.createElement(g, c({
     variant: "pi",
     textColor: "neutral800",
-    htmlFor: p,
+    htmlFor: y,
     fontWeight: "bold",
     as: "label",
-    ...s
-  }, /* @__PURE__ */ e.createElement(l, {
+    required: r
+  }, o), /* @__PURE__ */ i.createElement(h, {
     alignItems: "center"
-  }, r, c && /* @__PURE__ */ e.createElement(h, {
+  }, e, r && /* @__PURE__ */ i.createElement(E, {
     textColor: "danger600"
-  }, "*"), t && /* @__PURE__ */ e.createElement(f, {
+  }, "*"), t && /* @__PURE__ */ i.createElement(F, {
     marginLeft: 1
   }, t)));
 };
-d.defaultProps = {
-  action: void 0,
-  required: void 0
+u.defaultProps = {
+  required: !1,
+  action: void 0
 };
-d.propTypes = {
-  action: o.element,
-  children: o.node.isRequired,
-  required: o.bool
+u.propTypes = {
+  action: n.element,
+  children: n.node.isRequired,
+  required: n.bool
 };
 export {
-  d as FieldLabel
+  u as FieldLabel
 };

package/dist/Field/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./Field";
+export * from "./FieldLabel";
+export * from "./FieldInput";
+export * from "./FieldHint";
+export * from "./FieldError";
+export * from "./FieldContext";
+export * from "./FieldAction";

package/dist/Flex/Flex.cjs

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("styled-components"),r=require("../Box/Box.cjs"),n=require("../helpers/handleResponsiveValues.cjs"),o=require("./FlexProps.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},u=i(l),a={direction:!0},t=u.default(r.Box).withConfig({shouldForwardProp:(e,s)=>!a[e]&&s(e)})`
-  align-items: ${({alignItems:e})=>e};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("styled-components"),s=require("../Box/Box.cjs"),l=require("../helpers/handleResponsiveValues.cjs"),n=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=n(o),r={direction:!0},a=i.default(s.Box).withConfig({shouldForwardProp:(e,t)=>!r[e]&&t(e)})`
+  align-items: ${({alignItems:e="center"})=>e};
   display: ${({inline:e})=>e?"inline-flex":"flex"};
-  flex-direction: ${({direction:e})=>e};
+  flex-direction: ${({direction:e="row"})=>e};
   flex-shrink: ${({shrink:e})=>e};
   flex-wrap: ${({wrap:e})=>e};
-  ${({gap:e,theme:s})=>n("gap",e,s)}};
+  ${({gap:e,theme:t})=>l("gap",e,t)};
   justify-content: ${({justifyContent:e})=>e};
-`;t.defaultProps=o.flexDefaultProps;t.propTypes=o.flexPropTypes;exports.Flex=t;
+`;exports.Flex=a;

package/dist/Flex/Flex.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties, DefaultTheme } from 'styled-components';
+import { BoxProps } from '../Box';
+export interface FlexProps<TElement extends HTMLElement = HTMLDivElement> extends BoxProps<TElement> {
+    alignItems?: CSSProperties['alignItems'];
+    direction?: CSSProperties['flexDirection'];
+    /**
+     * Supports responsive values
+     */
+    gap?: keyof DefaultTheme['spaces'] | Array<keyof DefaultTheme['spaces']>;
+    inline?: boolean;
+    justifyContent?: CSSProperties['justifyContent'];
+    wrap?: CSSProperties['flexWrap'];
+}
+export declare const Flex: import("styled-components").StyledComponent<"div", DefaultTheme, FlexProps<HTMLDivElement>, never>;

package/dist/Flex/Flex.js

@@ -1,22 +1,34 @@
-import t from "styled-components";
-import { Box as i } from "../Box/Box.js";
-import l from "../helpers/handleResponsiveValues.js";
-import { flexDefaultProps as s, flexPropTypes as p } from "./FlexProps.js";
-const f = {
+import i from "styled-components";
+import { Box as r } from "../Box/Box.js";
+import t from "../helpers/handleResponsiveValues.js";
+const n = {
   direction: !0
-}, r = t(i).withConfig({
-  shouldForwardProp: (e, o) => !f[e] && o(e)
+}, a = i(r).withConfig({
+  shouldForwardProp: (e, o) => !n[e] && o(e)
 })`
-  align-items: ${({ alignItems: e }) => e};
-  display: ${({ inline: e }) => e ? "inline-flex" : "flex"};
-  flex-direction: ${({ direction: e }) => e};
-  flex-shrink: ${({ shrink: e }) => e};
-  flex-wrap: ${({ wrap: e }) => e};
-  ${({ gap: e, theme: o }) => l("gap", e, o)}};
-  justify-content: ${({ justifyContent: e }) => e};
+  align-items: ${({
+  alignItems: e = "center"
+}) => e};
+  display: ${({
+  inline: e
+}) => e ? "inline-flex" : "flex"};
+  flex-direction: ${({
+  direction: e = "row"
+}) => e};
+  flex-shrink: ${({
+  shrink: e
+}) => e};
+  flex-wrap: ${({
+  wrap: e
+}) => e};
+  ${({
+  gap: e,
+  theme: o
+}) => t("gap", e, o)};
+  justify-content: ${({
+  justifyContent: e
+}) => e};
 `;
-r.defaultProps = s;
-r.propTypes = p;
 export {
-  r as Flex
+  a as Flex
 };

package/dist/Flex/index.d.ts

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

package/dist/FocusTrap/ExampleComponent.d.ts

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

package/dist/FocusTrap/FocusTrap.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),b=require("prop-types"),a=require("../helpers/getFocusableNodes.cjs"),f=require("../helpers/keyboardKeys.cjs"),d=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},m=d(r),i=d(b),n=({onEscape:t,restoreFocus:u,...p})=>{const o=r.useRef(null);r.useEffect(()=>{let e=null;return u&&(e=document.activeElement),()=>{e&&e.focus()}},[u]),r.useEffect(()=>{if(!o.current)return;const e=a.getFocusableNodes(o.current);e.length>0?e[0].focus():console.warn("[FocusTrap]: it seems there are no focusable elements in the focus trap tree. Make sure there s at least one.")},[]);const y=e=>{if(e.key===f.KeyboardKeys.ESCAPE&&t){t();return}if(e.key!==f.KeyboardKeys.TAB)return;const s=a.getFocusableNodes(o.current);if(s.length>0){const c=s[0],l=s[s.length-1];e.shiftKey?c===document.activeElement&&(e.preventDefault(),l.focus()):l===document.activeElement&&(e.preventDefault(),c.focus())}};return m.default.createElement("div",{ref:o,onKeyDown:y,...p})};n.defaultProps={onEscape:void 0,restoreFocus:!0};n.propTypes={onEscape:i.default.func,restoreFocus:i.default.bool};exports.FocusTrap=n;
+"use strict";var T=Object.defineProperty;var c=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,b=Object.prototype.propertyIsEnumerable;var p=(e,t,s)=>t in e?T(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s,m=(e,t)=>{for(var s in t||(t={}))y.call(t,s)&&p(e,s,t[s]);if(c)for(var s of c(t))b.call(t,s)&&p(e,s,t[s]);return e};var E=(e,t)=>{var s={};for(var r in e)y.call(e,r)&&t.indexOf(r)<0&&(s[r]=e[r]);if(e!=null&&c)for(var r of c(e))t.indexOf(r)<0&&b.call(e,r)&&(s[r]=e[r]);return s};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),_=require("prop-types"),h=require("../helpers/getFocusableNodes.cjs"),g=require("../helpers/keyboardKeys.cjs"),F=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},k=F(l),v=F(_),a=r=>{var f=r,{onEscape:e,restoreFocus:t}=f,s=E(f,["onEscape","restoreFocus"]);const u=l.useRef(null);l.useEffect(()=>{let o=null;return t&&(o=document.activeElement),()=>{o&&o.focus()}},[t]),l.useEffect(()=>{if(!u.current)return;const o=h.getFocusableNodes(u.current);o.length>0?o[0].focus():console.warn("[FocusTrap]: it seems there are no focusable elements in the focus trap tree. Make sure there s at least one.")},[]);const K=o=>{if(o.key===g.KeyboardKeys.ESCAPE&&e){e();return}if(o.key!==g.KeyboardKeys.TAB)return;const n=h.getFocusableNodes(u.current);if(n.length>0){const i=n[0],d=n[n.length-1];o.shiftKey?i===document.activeElement&&(o.preventDefault(),d.focus()):d===document.activeElement&&(o.preventDefault(),i.focus())}};return k.default.createElement("div",m({ref:u,onKeyDown:K},s))};a.defaultProps={onEscape:void 0,restoreFocus:!0};a.propTypes={onEscape:v.default.func,restoreFocus:v.default.bool};exports.FocusTrap=a;

package/dist/FocusTrap/FocusTrap.d.ts

@@ -0,0 +1,18 @@
+export function FocusTrap({ onEscape, restoreFocus, ...props }: {
+    [x: string]: any;
+    onEscape: any;
+    restoreFocus: any;
+}): JSX.Element;
+export namespace FocusTrap {
+    namespace defaultProps {
+        const onEscape: undefined;
+        const restoreFocus: boolean;
+    }
+    namespace propTypes {
+        const onEscape_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { onEscape_1 as onEscape };
+        const restoreFocus_1: PropTypes.Requireable<boolean>;
+        export { restoreFocus_1 as restoreFocus };
+    }
+}
+import PropTypes from "prop-types";

package/dist/FocusTrap/FocusTrap.js

@@ -1,49 +1,69 @@
-import d, { useRef as E, useEffect as f } from "react";
-import u from "prop-types";
-import { getFocusableNodes as l } from "../helpers/getFocusableNodes.js";
-import { KeyboardKeys as i } from "../helpers/keyboardKeys.js";
-const a = ({ onEscape: o, restoreFocus: n, ...m }) => {
-  const r = E(null);
-  f(() => {
-    let e = null;
-    return n && (e = document.activeElement), () => {
-      e && e.focus();
+var T = Object.defineProperty;
+var f = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var a = (e, t, r) => t in e ? T(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, d = (e, t) => {
+  for (var r in t || (t = {}))
+    m.call(t, r) && a(e, r, t[r]);
+  if (f)
+    for (var r of f(t))
+      p.call(t, r) && a(e, r, t[r]);
+  return e;
+};
+var E = (e, t) => {
+  var r = {};
+  for (var n in e)
+    m.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && f)
+    for (var n of f(e))
+      t.indexOf(n) < 0 && p.call(e, n) && (r[n] = e[n]);
+  return r;
+};
+import g, { useRef as D, useEffect as h } from "react";
+import y from "prop-types";
+import { getFocusableNodes as v } from "../helpers/getFocusableNodes.js";
+import { KeyboardKeys as b } from "../helpers/keyboardKeys.js";
+const F = (n) => {
+  var u = n, { onEscape: e, restoreFocus: t } = u, r = E(u, ["onEscape", "restoreFocus"]);
+  const c = D(null);
+  h(() => {
+    let o = null;
+    return t && (o = document.activeElement), () => {
+      o && o.focus();
     };
-  }, [n]), f(() => {
-    if (!r.current)
+  }, [t]), h(() => {
+    if (!c.current)
       return;
-    const e = l(r.current);
-    e.length > 0 ? e[0].focus() : console.warn(
+    const o = v(c.current);
+    o.length > 0 ? o[0].focus() : console.warn(
       "[FocusTrap]: it seems there are no focusable elements in the focus trap tree. Make sure there s at least one."
     );
   }, []);
-  const p = (e) => {
-    if (e.key === i.ESCAPE && o) {
-      o();
+  const K = (o) => {
+    if (o.key === b.ESCAPE && e) {
+      e();
       return;
     }
-    if (e.key !== i.TAB)
+    if (o.key !== b.TAB)
       return;
-    const t = l(r.current);
-    if (t.length > 0) {
-      const s = t[0], c = t[t.length - 1];
-      e.shiftKey ? s === document.activeElement && (e.preventDefault(), c.focus()) : c === document.activeElement && (e.preventDefault(), s.focus());
+    const s = v(c.current);
+    if (s.length > 0) {
+      const l = s[0], i = s[s.length - 1];
+      o.shiftKey ? l === document.activeElement && (o.preventDefault(), i.focus()) : i === document.activeElement && (o.preventDefault(), l.focus());
     }
   };
-  return /* @__PURE__ */ d.createElement("div", {
-    ref: r,
-    onKeyDown: p,
-    ...m
-  });
+  return /* @__PURE__ */ g.createElement("div", d({
+    ref: c,
+    onKeyDown: K
+  }, r));
 };
-a.defaultProps = {
+F.defaultProps = {
   onEscape: void 0,
   restoreFocus: !0
 };
-a.propTypes = {
-  onEscape: u.func,
-  restoreFocus: u.bool
+F.propTypes = {
+  onEscape: y.func,
+  restoreFocus: y.bool
 };
 export {
-  a as FocusTrap
+  F as FocusTrap
 };

package/dist/FocusTrap/index.d.ts

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

package/dist/Grid/Grid.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),d=require("styled-components"),n=require("prop-types"),c=require("./GridContext.cjs"),p=require("../Box/Box.cjs"),i=require("../helpers/handleResponsiveValues.cjs"),o=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},a=o(u),f=o(d),t=o(n),y=f.default(p.Box)`
+"use strict";var m=Object.defineProperty;var a=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var n=(e,t,r)=>t in e?m(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,i=(e,t)=>{for(var r in t||(t={}))c.call(t,r)&&n(e,r,t[r]);if(a)for(var r of a(t))p.call(t,r)&&n(e,r,t[r]);return e};var f=(e,t)=>{var r={};for(var o in e)c.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&a)for(var o of a(e))t.indexOf(o)<0&&p.call(e,o)&&(r[o]=e[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("react"),g=require("styled-components"),x=require("prop-types"),b=require("./GridContext.cjs"),q=require("../Box/Box.cjs"),v=require("../helpers/handleResponsiveValues.cjs"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},y=l(_),G=l(g),s=l(x),j=G.default(q.Box)`
   display: grid;
   grid-template-columns: repeat(${({gridCols:e})=>e}, 1fr);
-  ${({theme:e,gap:r})=>i("gap",r,e)}
-`,s=({gap:e,gridCols:r,...l})=>a.default.createElement(c.GridContext.Provider,{value:{gap:e,gridCols:r}},a.default.createElement(y,{gap:e,gridCols:r,...l}));s.defaultProps={gap:0,gridCols:12};s.propTypes={gap:t.default.oneOfType([t.default.number,t.default.arrayOf(t.default.number)]),gridCols:t.default.number};exports.Grid=s;
+  ${({theme:e,gap:t})=>v("gap",t,e)}
+`,u=o=>{var d=o,{gap:e,gridCols:t}=d,r=f(d,["gap","gridCols"]);return y.default.createElement(b.GridContext.Provider,{value:{gap:e,gridCols:t}},y.default.createElement(j,i({gap:e,gridCols:t},r)))};u.defaultProps={gap:0,gridCols:12};u.propTypes={gap:s.default.oneOfType([s.default.number,s.default.arrayOf(s.default.number)]),gridCols:s.default.number};exports.Grid=u;

package/dist/Grid/Grid.d.ts

@@ -0,0 +1,18 @@
+export function Grid({ gap, gridCols, ...props }: {
+    [x: string]: any;
+    gap: any;
+    gridCols: any;
+}): JSX.Element;
+export namespace Grid {
+    namespace defaultProps {
+        const gap: number;
+        const gridCols: number;
+    }
+    namespace propTypes {
+        const gap_1: PropTypes.Requireable<NonNullable<number | (number | null | undefined)[] | null | undefined>>;
+        export { gap_1 as gap };
+        const gridCols_1: PropTypes.Requireable<number>;
+        export { gridCols_1 as gridCols };
+    }
+}
+import PropTypes from "prop-types";