@gobolt/genesis 0.0.11 → 0.1.0

package/dist/index.js

@@ -1,63 +1,67 @@
-import { default as a } from "./components/Avatar/Avatar.js";
+import { default as r } from "./components/Avatar/Avatar.js";
 import { default as t } from "./components/Badge/Badge.js";
 import { default as s } from "./components/Breadcrumb/Breadcrumb.js";
 import { default as p } from "./components/Button/Button.js";
 import { default as u } from "./components/Card/Card.js";
 import { default as x } from "./components/Checkbox/Checkbox.js";
 import { default as n } from "./components/Dashboard/Dashboard.js";
-import { default as S } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as c } from "./components/ErrorBoundaryFallback/ErrorBoundaryFallback.js";
-import { F as g, T as h, a as B, u as G } from "./Typography-DqI7RslA.js";
-import { default as v } from "./components/Input/Input.js";
-import { default as F } from "./components/Layout/Layout.js";
-import { default as k } from "./components/Message/Message.js";
-import { default as I } from "./components/Notification/Notification.js";
-import { default as R } from "./components/Popover/Popover.js";
-import { default as D } from "./components/Progress/Progress.js";
-import { default as M } from "./components/Radio/RadioGroup.js";
-import { default as q } from "./components/Row/Row.js";
-import { default as H } from "./components/SegmentedControls/SegmentedControls.js";
-import { default as K } from "./components/Select/Select.js";
-import { default as Q } from "./components/Shapes/Shapes.js";
-import { default as V } from "./components/Switch/Switch.js";
-import { default as X } from "./components/Table/Table.js";
-import { default as Z } from "./components/Tabs/Tabs.js";
-import { default as $ } from "./components/Tile/Tile.js";
-import { default as ro } from "./components/Tooltip/Tooltip.js";
-import { GenesisProvider as eo } from "./providers/GenesisProvider.js";
-import { default as fo } from "./constants/index.js";
-import { GlobalStyles as lo } from "./styles/global-styles.js";
+import { default as b } from "./components/DatePicker/DatePicker.js";
+import { default as T } from "./components/DateRangePicker/DateRangePicker.js";
+import { default as y } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as B } from "./components/ErrorBoundaryFallback/ErrorBoundaryFallback.js";
+import { F as P, T as k, a as E, u as v } from "./Typography-CoZ5qD-t.js";
+import { default as D } from "./components/Input/Input.js";
+import { default as R } from "./components/Layout/Layout.js";
+import { default as I } from "./components/Message/Message.js";
+import { default as A } from "./components/Notification/Notification.js";
+import { default as M } from "./components/Popover/Popover.js";
+import { default as q } from "./components/Progress/Progress.js";
+import { default as H } from "./components/Radio/RadioGroup.js";
+import { default as K } from "./components/Row/Row.js";
+import { default as Q } from "./components/SegmentedControls/SegmentedControls.js";
+import { default as V } from "./components/Select/Select.js";
+import { default as X } from "./components/Shapes/Shapes.js";
+import { default as Z } from "./components/Switch/Switch.js";
+import { default as $ } from "./components/Table/Table.js";
+import { default as eo } from "./components/Tabs/Tabs.js";
+import { default as ao } from "./components/Tile/Tile.js";
+import { default as fo } from "./components/Tooltip/Tooltip.js";
+import { GenesisProvider as lo } from "./providers/GenesisProvider.js";
+import { default as uo } from "./constants/index.js";
+import { GlobalStyles as xo } from "./styles/global-styles.js";
 export {
-  a as Avatar,
+  r as Avatar,
   t as Badge,
   s as Breadcrumb,
   p as Button,
   u as Card,
   x as Checkbox,
   n as Dashboard,
-  S as ErrorBoundary,
-  c as ErrorBoundaryFallback,
-  g as Form,
-  fo as GENESIS,
-  eo as GenesisProvider,
-  lo as GlobalStyles,
-  v as Input,
-  F as Layout,
-  k as Message,
-  I as Notification,
-  R as Popover,
-  D as Progress,
-  M as RadioGroup,
-  q as Row,
-  H as SegmentedControls,
-  K as Select,
-  Q as Shapes,
-  V as Switch,
-  X as Table,
-  Z as Tabs,
-  $ as Tile,
-  h as Toast,
-  ro as Tooltip,
-  B as Typography,
-  G as useGenesis
+  b as DatePicker,
+  T as DateRangePicker,
+  y as ErrorBoundary,
+  B as ErrorBoundaryFallback,
+  P as Form,
+  uo as GENESIS,
+  lo as GenesisProvider,
+  xo as GlobalStyles,
+  D as Input,
+  R as Layout,
+  I as Message,
+  A as Notification,
+  M as Popover,
+  q as Progress,
+  H as RadioGroup,
+  K as Row,
+  Q as SegmentedControls,
+  V as Select,
+  X as Shapes,
+  Z as Switch,
+  $ as Table,
+  eo as Tabs,
+  ao as Tile,
+  k as Toast,
+  fo as Tooltip,
+  E as Typography,
+  v as useGenesis
 };

package/dist/motion-CUN72xsH.js

@@ -0,0 +1,33 @@
+import { d as a } from "./index-BbTV2Cw5.js";
+const n = () => ({
+  height: 0,
+  opacity: 0
+}), r = (t) => {
+  const {
+    scrollHeight: e
+  } = t;
+  return {
+    height: e,
+    opacity: 1
+  };
+}, s = (t) => ({
+  height: t ? t.offsetHeight : 0
+}), o = (t, e) => (e == null ? void 0 : e.deadline) === !0 || e.propertyName === "height", g = function() {
+  return {
+    motionName: `${arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : a}-motion-collapse`,
+    onAppearStart: n,
+    onEnterStart: n,
+    onAppearActive: r,
+    onEnterActive: r,
+    onLeaveStart: s,
+    onLeaveActive: n,
+    onAppearEnd: o,
+    onEnterEnd: o,
+    onLeaveEnd: o,
+    motionDeadline: 500
+  };
+}, p = (t, e, i) => i !== void 0 ? i : `${t}-${e}`;
+export {
+  p as g,
+  g as i
+};

package/dist/providers/GenesisProvider.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { BreakpointThemeProvider as i } from "./BreakpointThemeProvider.js";
-import { c as t } from "../Typography-DqI7RslA.js";
+import { c as t } from "../Typography-CoZ5qD-t.js";
 const d = ({
   children: e,
   isDarkMode: o = !1

package/dist/providers/ToastProvider.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { e as E, c as F, f as G } from "../Typography-DqI7RslA.js";
+import { e as E, c as F, f as G } from "../Typography-CoZ5qD-t.js";
 import "../components/Avatar/styles.js";
 import "../components/Badge/styles.js";
 import "./BreakpointThemeProvider.js";
@@ -15,7 +15,7 @@ import "../components/Layout/Content/styles.js";
 import "../components/Message/styles.js";
 import "../components/Notification/NotificationBadge/styles.js";
 import "../components/Notification/styles.js";
-import "../styles-BSD221S5.js";
+import "../styles-CWdUpZom.js";
 import "../components/Progress/styles.js";
 import "../styles/global-styles.js";
 import "../components/Row/styles.js";
@@ -24,7 +24,7 @@ import "../components/Row/RowActions/styles.js";
 import "../components/SegmentedControls/styles.js";
 import "../components/Select/styles.js";
 import "../components/Switch/styles.js";
-import "../styles-D9iYILpv.js";
+import "../styles-qerRs7Rn.js";
 import "../components/Tabs/styles.js";
 import "../components/Tile/styles.js";
 import "../components/Tooltip/styles.js";

package/dist/providers/index.js

@@ -1,5 +1,5 @@
 import { GenesisProvider as s } from "./GenesisProvider.js";
-import { u as i } from "../Typography-DqI7RslA.js";
+import { u as i } from "../Typography-CoZ5qD-t.js";
 export {
   s as GenesisProvider,
   i as useGenesis

package/dist/providers/useGenesis.js

@@ -1,6 +1,6 @@
 import "./BreakpointThemeProvider.js";
 import "../styled-components.browser.esm-CZ1XM4o4.js";
-import { u as i } from "../Typography-DqI7RslA.js";
+import { u as i } from "../Typography-CoZ5qD-t.js";
 export {
   i as useGenesis
 };

package/dist/{responsiveObserver-O1kw80RG.js → responsiveObserver-dCkpy7Cb.js}

@@ -1,5 +1,5 @@
 import l from "react";
-import { c as h } from "./index-ByspLxrB.js";
+import { c as h } from "./index-BbTV2Cw5.js";
 import "./presets-Djh_L_6R.js";
 import "./index-DLdU7Tpd.js";
 const m = ["xxl", "xl", "lg", "md", "sm", "xs"], u = (n) => ({

package/dist/roundedArrow-DI_Q-xdU.js

@@ -0,0 +1,65 @@
+import { f as m } from "./index-BbTV2Cw5.js";
+import "react";
+import "./presets-Djh_L_6R.js";
+function P(c) {
+  const {
+    sizePopupArrow: h,
+    borderRadiusXS: r,
+    borderRadiusOuter: t
+  } = c, o = h / 2, a = 0, n = o, s = t * 1 / Math.sqrt(2), e = o - t * (1 - 1 / Math.sqrt(2)), d = o - r * (1 / Math.sqrt(2)), u = t * (Math.sqrt(2) - 1) + r * (1 / Math.sqrt(2)), $ = 2 * o - d, p = u, l = 2 * o - s, w = e, g = 2 * o - a, b = n, x = o * Math.sqrt(2) + t * (Math.sqrt(2) - 2), i = t * (Math.sqrt(2) - 1), f = `polygon(${i}px 100%, 50% ${i}px, ${2 * o - i}px 100%, ${i}px 100%)`, y = `path('M ${a} ${n} A ${t} ${t} 0 0 0 ${s} ${e} L ${d} ${u} A ${r} ${r} 0 0 1 ${$} ${p} L ${l} ${w} A ${t} ${t} 0 0 0 ${g} ${b} Z')`;
+  return {
+    arrowShadowWidth: x,
+    arrowPath: y,
+    arrowPolygon: f
+  };
+}
+const v = (c, h, r) => {
+  const {
+    sizePopupArrow: t,
+    arrowPolygon: o,
+    arrowPath: a,
+    arrowShadowWidth: n,
+    borderRadiusXS: s,
+    calc: e
+  } = c;
+  return {
+    pointerEvents: "none",
+    width: t,
+    height: t,
+    overflow: "hidden",
+    "&::before": {
+      position: "absolute",
+      bottom: 0,
+      insetInlineStart: 0,
+      width: t,
+      height: e(t).div(2).equal(),
+      background: h,
+      clipPath: {
+        _multi_value_: !0,
+        value: [o, a]
+      },
+      content: '""'
+    },
+    "&::after": {
+      content: '""',
+      position: "absolute",
+      width: n,
+      height: n,
+      bottom: 0,
+      insetInline: 0,
+      margin: "auto",
+      borderRadius: {
+        _skip_check_: !0,
+        value: `0 0 ${m(s)} 0`
+      },
+      transform: "translateY(50%) rotate(-135deg)",
+      boxShadow: r,
+      zIndex: 0,
+      background: "transparent"
+    }
+  };
+};
+export {
+  v as a,
+  P as g
+};

package/dist/{setup-CKu7-AfI.js → setup-CUbCc8fQ.js}

@@ -4,11 +4,11 @@ var ie = (e, t, r) => S_(e, typeof t != "symbol" ? t + "" : t, r);
 import { jsx as __ } from "react/jsx-runtime";
 import * as Gt from "react";
 import nb from "react";
-import { E as Bf, a9 as Yn } from "./index-ByspLxrB.js";
+import { G as Bf, aa as Yn } from "./index-BbTV2Cw5.js";
 import { a as T_, c as fa, g as C_ } from "./_commonjsHelpers-BkfeUUK-.js";
 import { GenesisProvider as P_ } from "./providers/GenesisProvider.js";
 import "./providers/BreakpointThemeProvider.js";
-import "./Typography-DqI7RslA.js";
+import "./Typography-CoZ5qD-t.js";
 import { e as $_ } from "./setup.types-dBtAXXGp.js";
 import "./_baseIsEqual-L0-w1QRI.js";
 function x_(e, t) {

package/dist/styles/design-tokens/border-tokens/BorderTokenList.js

@@ -3,7 +3,7 @@ import { n as s } from "../../../styled-components.browser.esm-CZ1XM4o4.js";
 import "../../../components/Avatar/styles.js";
 import "../../../components/Badge/styles.js";
 import "../../../providers/BreakpointThemeProvider.js";
-import { a } from "../../../Typography-DqI7RslA.js";
+import { a as d } from "../../../Typography-CoZ5qD-t.js";
 import "../../../components/Breadcrumb/styles.js";
 import "../../../components/Button/styles.js";
 import "../../../components/Card/styles.js";
@@ -15,7 +15,7 @@ import "../../../components/Layout/Content/styles.js";
 import "../../../components/Message/styles.js";
 import "../../../components/Notification/NotificationBadge/styles.js";
 import "../../../components/Notification/styles.js";
-import "../../../styles-BSD221S5.js";
+import "../../../styles-CWdUpZom.js";
 import "../../../components/Progress/styles.js";
 import "../../global-styles.js";
 import "../../../components/Row/styles.js";
@@ -24,13 +24,13 @@ import "../../../components/Row/RowActions/styles.js";
 import "../../../components/SegmentedControls/styles.js";
 import "../../../components/Select/styles.js";
 import "../../../components/Switch/styles.js";
-import "../../../styles-D9iYILpv.js";
+import "../../../styles-qerRs7Rn.js";
 import "../../../components/Tabs/styles.js";
 import "../../../components/Tile/styles.js";
 import "../../../components/Toast/styles.js";
 import "../../../components/Tooltip/styles.js";
-const d = ({ size: r }) => /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center" }, children: [
-  /* @__PURE__ */ t(a, { children: r }),
+const a = ({ size: r }) => /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center" }, children: [
+  /* @__PURE__ */ t("div", { style: { width: 80, display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ t(d, { children: r }) }),
   /* @__PURE__ */ t(
     "div",
     {
@@ -48,11 +48,11 @@ const d = ({ size: r }) => /* @__PURE__ */ n("div", { style: { display: "flex",
     }
   )
 ] }), M = () => {
-  const r = s(), { borderRadius: m } = r, e = Object.entries(m).map(([i, o]) => ({
+  const r = s(), { borderRadius: e } = r, m = Object.entries(e).map(([i, o]) => ({
     size: i,
     value: Number(o)
   }));
-  return /* @__PURE__ */ t(p, { children: e.map(({ size: i, value: o }) => /* @__PURE__ */ t(d, { size: o }, i)) });
+  return /* @__PURE__ */ t(p, { children: m.map(({ size: i, value: o }) => /* @__PURE__ */ t(a, { size: o }, i)) });
 };
 export {
   M as BorderTokenList

package/dist/styles/design-tokens/sizing-tokens/SizingTokenList.js

@@ -2,7 +2,7 @@ import { jsx as o, Fragment as n, jsxs as s } from "react/jsx-runtime";
 import "../../../components/Avatar/styles.js";
 import "../../../components/Badge/styles.js";
 import "../../../providers/BreakpointThemeProvider.js";
-import { a } from "../../../Typography-DqI7RslA.js";
+import { a } from "../../../Typography-CoZ5qD-t.js";
 import { n as c } from "../../../styled-components.browser.esm-CZ1XM4o4.js";
 import "../../../components/Breadcrumb/styles.js";
 import "../../../components/Button/styles.js";
@@ -15,7 +15,7 @@ import "../../../components/Layout/Content/styles.js";
 import "../../../components/Message/styles.js";
 import "../../../components/Notification/NotificationBadge/styles.js";
 import "../../../components/Notification/styles.js";
-import "../../../styles-BSD221S5.js";
+import "../../../styles-CWdUpZom.js";
 import "../../../components/Progress/styles.js";
 import "../../global-styles.js";
 import "../../../components/Row/styles.js";
@@ -24,7 +24,7 @@ import "../../../components/Row/RowActions/styles.js";
 import "../../../components/SegmentedControls/styles.js";
 import "../../../components/Select/styles.js";
 import "../../../components/Switch/styles.js";
-import "../../../styles-D9iYILpv.js";
+import "../../../styles-qerRs7Rn.js";
 import "../../../components/Tabs/styles.js";
 import "../../../components/Tile/styles.js";
 import "../../../components/Toast/styles.js";