@gobolt/genesis 0.1.1 → 0.1.3

package/dist/components/Glyph/__stories__/Glyph.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { default as Glyph } from '../Glyph';
-
 declare const meta: Meta<typeof Glyph>;
 export default meta;
 type Story = StoryObj<typeof Glyph>;

package/dist/components/Glyph/styles.d.ts

@@ -1,5 +1,4 @@
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-
 interface StyledGlyphProps {
     theme?: GenesisTheme;
     type?: "primary" | "secondary";

package/dist/components/Glyph/styles.js

@@ -1,4 +1,4 @@
-import { d as r } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { d as r } from "../../styled-components.browser.esm-C47QHsU4.js";
 const a = ({ colors: e, borderRadius: s, sizing: t }, i = "primary", o = "active") => `
   .class-name-here {
    } 

package/dist/components/Input/Input.d.ts

@@ -1,6 +1,5 @@
 import { STATE } from '../../constants';
 import { InputProps as AntInputProps } from 'antd';
-
 export interface InputProps extends AntInputProps {
     state?: keyof typeof STATE;
 }

package/dist/components/Input/Input.js

@@ -1,23 +1,22 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Input as s } from "./styles.js";
+import { I as s } from "../../styles-XuoEGUZZ.js";
 import "../../providers/BreakpointThemeProvider.js";
-import { u as e } from "../../Typography-CoZ5qD-t.js";
+import { u as e } from "../../Typography-B2J8CPnt.js";
 import { STATE as p } from "../../constants/index.js";
-const l = ({
-  state: t = p.active,
-  ...o
+const b = ({
+  state: o = p.active,
+  ...t
 }) => {
-  e();
-  const { type: m, ...i } = o;
+  const { breakpoint: a } = e(), { type: m, ...i } = t;
   return /* @__PURE__ */ r(
     s,
     {
-      state: t,
-      disabled: t === "disabled" || o.disabled,
+      state: o,
+      disabled: o === "disabled" || t.disabled,
       ...i
     }
   );
 };
 export {
-  l as default
+  b as default
 };

package/dist/components/Input/__stories__/Input.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { default as Input } from '../Input';
-
 declare const meta: Meta<typeof Input>;
 export default meta;
 type Story = StoryObj<typeof Input>;

package/dist/components/Input/__tests__/Input.test.js

@@ -1,24 +1,25 @@
 import { jsx as e } from "react/jsx-runtime";
-import { d as r, i as o, a as s, s as n, g as a } from "../../../setup-BjIR5S0o.js";
-import i from "../Input.js";
-import { STATE as c } from "../../../constants/index.js";
-r("Input Component", () => {
-  o("customRenders input with default props", () => {
-    s(/* @__PURE__ */ e(i, {}));
-    const t = n.getByRole("textbox");
-    a(t).toBeInTheDocument();
-  }), o("customRenders input with active state", () => {
-    s(/* @__PURE__ */ e(i, { state: c.active }));
-    const t = n.getByRole("textbox");
-    a(t).toBeEnabled();
-  }), o("passes through additional props", () => {
+import { a as o, s } from "../../../setup-aZdxWCJq.js";
+import n from "../Input.js";
+import { STATE as p } from "../../../constants/index.js";
+import { d as c, i as a, g as i } from "../../../vi.B5EKKJdE-BsDIxc7v.js";
+c("Input Component", () => {
+  a("customRenders input with default props", () => {
+    o(/* @__PURE__ */ e(n, {}));
+    const t = s.getByRole("textbox");
+    i(t).toBeInTheDocument();
+  }), a("customRenders input with active state", () => {
+    o(/* @__PURE__ */ e(n, { state: p.active }));
+    const t = s.getByRole("textbox");
+    i(t).toBeEnabled();
+  }), a("passes through additional props", () => {
     const t = "Enter text";
-    s(/* @__PURE__ */ e(i, { placeholder: t }));
-    const p = n.getByPlaceholderText(t);
-    a(p).toBeInTheDocument();
-  }), o("handles disabled state", () => {
-    s(/* @__PURE__ */ e(i, { disabled: !0 }));
-    const t = n.getByRole("textbox");
-    a(t).toBeDisabled();
+    o(/* @__PURE__ */ e(n, { placeholder: t }));
+    const r = s.getByPlaceholderText(t);
+    i(r).toBeInTheDocument();
+  }), a("handles disabled state", () => {
+    o(/* @__PURE__ */ e(n, { disabled: !0 }));
+    const t = s.getByRole("textbox");
+    i(t).toBeDisabled();
   });
 });

package/dist/components/Input/styles.d.ts

@@ -1,16 +1,15 @@
 import { InputProps as AntInputProps } from 'antd';
 import { STATE } from '../../constants';
-
 interface InputStyledProps extends AntInputProps {
     state?: keyof typeof STATE;
 }
-export declare const Input: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<AntInputProps & import('react').RefAttributes<import('antd').InputRef>, "ref"> & {
-    ref?: import('react').Ref<import('antd').InputRef>;
-}, InputStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<AntInputProps & import('react').RefAttributes<import('antd').InputRef>> & {
+export declare const Input: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<AntInputProps & import('react').RefAttributes<import('rc-input').InputRef>, "ref"> & {
+    ref?: import('react').Ref<import('rc-input').InputRef>;
+}, InputStyledProps>> & string & Omit<import('react').ForwardRefExoticComponent<AntInputProps & import('react').RefAttributes<import('rc-input').InputRef>> & {
     Group: import('react').FC<import('antd/es/input').GroupProps>;
-    Search: import('react').ForwardRefExoticComponent<import('antd/es/input').SearchProps & import('react').RefAttributes<import('antd').InputRef>>;
+    Search: import('react').ForwardRefExoticComponent<import('antd/es/input').SearchProps & import('react').RefAttributes<import('rc-input').InputRef>>;
     TextArea: import('react').ForwardRefExoticComponent<import('antd/es/input').TextAreaProps & import('react').RefAttributes<import('antd/es/input/TextArea').TextAreaRef>>;
-    Password: import('react').ForwardRefExoticComponent<import('antd/es/input').PasswordProps & import('react').RefAttributes<import('antd').InputRef>>;
+    Password: import('react').ForwardRefExoticComponent<import('antd/es/input').PasswordProps & import('react').RefAttributes<import('rc-input').InputRef>>;
     OTP: import('react').ForwardRefExoticComponent<import('antd/es/input/OTP').OTPProps & import('react').RefAttributes<import('antd/es/input/OTP').OTPRef>>;
 }, keyof import('react').Component<any, {}, any>>;
 export {};

package/dist/components/Input/styles.js

@@ -1,121 +1,6 @@
-import { d as l } from "../../styled-components.browser.esm-CZ1XM4o4.js";
-import { TYPE as c, STATE as i } from "../../constants/index.js";
-import { I as g } from "../../index-CLSrpQRW.js";
-const x = (o, n, t) => {
-  const r = {
-    color: o.inputs.onsurface.active,
-    borderColor: o[c.secondary].active.borderColor,
-    ringColor: o[n].focussed.ringColor
-  }, s = {
-    color: o.status.success.default,
-    borderColor: o.status.success.default,
-    ringColor: o.status.success.ringColor
-  }, u = {
-    color: o.status.error.default,
-    borderColor: o.status.error.default,
-    ringColor: o.status.error.ringColor
-  }, a = t !== i.error && t !== i.success && t !== i.filled ? {
-    color: o.inputs.onsurface.active,
-    backgroundColor: o.inputs.surface.active,
-    borderColor: o.inputs.surface.border,
-    ringColor: o[n][t].ringColor
-  } : null;
-  return {
-    filled: r,
-    error: u,
-    success: s,
-    themeState: a
-  }[((d) => [i.filled, i.error, i.success].includes(d) ? d : "themeState")(t)];
-}, b = ({ colors: o, borderRadius: n, components: t }, r, s, u, a) => {
-  const e = x(o, r, s), p = (f, d) => d && !f ? `${n.BorderRadiusMd}px 0px 0px ${n.BorderRadiusMd}px` : f && !d ? `0px ${n.BorderRadiusMd}px ${n.BorderRadiusMd}px 0px` : "0px";
-  return `
-    &.ant-input {
-        font-family: 'Inter', sans-serif;
-        color: ${e.color};
-        border-color: ${e.borderColor};
-    }
-
-    .ant-input-group & {
-      &:focus-within {
-        outline: none;
-        color: ${e.color};
-        box-shadow: none;
-        border-color: ${o[r].focussed.borderColor};
-      }
-    }
-
-    .ant-input-group:focus-within {
-      outline: none;
-      box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${o[r].focussed.ringColor};
-      border-radius: ${n.BorderRadiusMd}px;
-      transition: box-shadow 0.2s ease-in-out;
-
-      /* Hide focus styles on inner input when parent is focused */
-      .ant-input:focus-within {
-        box-shadow: none;
-        border-radius: 0;
-        border-radius: ${p(u, a)};
-        border-color: #ddd;
-      }
-    }
-
-    /* Remove inner input focus styles when in a group */
-    .ant-input-group .ant-input:focus,
-    .ant-input-group .ant-input:focus-visible,
-    .ant-input-group .ant-input:focus-within {
-      outline: none;
-      box-shadow: none;
-      border-color: ${o[r].focussed.borderColor};
-    }
-
-    /* Single focus ring on group */
-    .ant-input-group:focus-within {
-      outline: none;
-      box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${o[r].focussed.ringColor};
-      border-radius: ${n.BorderRadiusMd}px;
-      transition: box-shadow 0.2s ease-in-out;
-    }
-
-    /* Remove focus styles for standalone inputs */
-    &:not(.ant-input-group):focus-visible {
-      outline: none;
-      color: ${e.color};
-      box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${o[r].focussed.ringColor};
-      border-radius: ${n.BorderRadiusMd}px;
-      border-color: ${o[r].focussed.borderColor};
-      transition: box-shadow 0.2s ease-in-out;
-    }
-
-    &:not(.ant-input-group .ant-input):focus-visible {
-      outline: none;
-      color: ${e.color};
-      box-shadow: 0 0 0 1px #fff, 0 0 0 3px ${o[r].focussed.ringColor};
-      border-radius: ${n.BorderRadiusMd}px;
-      border-color: ${o[r].focussed.borderColor};
-      transition: box-shadow 0.2s ease-in-out;
-    }
-
-    &.ant-input-group-wrapper {
-      .ant-input-group-addon {
-        padding-left: ${t.input.suffixPrefixHorPadding};
-        padding-right: ${t.input.suffixPrefixHorPadding};
-        padding-top: ${t.input.suffixPrefixVerPadding};
-        padding-bottom: ${t.input.suffixPrefixVerPadding};
-      }
-    }
-  `;
-}, v = l(g)`
-  ${({ theme: o, state: n, type: t = c.primary, ...r }) => {
-  const s = !!r.addonBefore, u = !!r.addonAfter;
-  return b(
-    o,
-    t,
-    n,
-    s,
-    u
-  );
-}}
-`;
+import "../../styled-components.browser.esm-C47QHsU4.js";
+import "../../constants/index.js";
+import { I as m } from "../../styles-XuoEGUZZ.js";
 export {
-  v as Input
+  m as Input
 };

package/dist/components/Layout/Content/Content.d.ts

@@ -1,5 +1,4 @@
 import { default as React, ReactNode } from 'react';
-
 export interface ContentProps {
     children: ReactNode;
     className?: string;

package/dist/components/Layout/Content/ResponsiveContent.js

@@ -1,29 +1,30 @@
 import { jsx as t } from "react/jsx-runtime";
 import "../../../providers/BreakpointThemeProvider.js";
-import { u as s, a } from "../../../Typography-CoZ5qD-t.js";
+import { u as s, a } from "../../../Typography-B2J8CPnt.js";
 import "../../Avatar/styles.js";
 import "../../Badge/styles.js";
 import "../../Breadcrumb/styles.js";
 import "../../Button/styles.js";
 import "../../Card/styles.js";
 import "../../Checkbox/styles.js";
+import "../../DateRangePicker/DateRangePicker.js";
 import "react";
 import "../../ErrorBoundaryFallback/styles.js";
-import "../../Input/styles.js";
+import "../../../styles-XuoEGUZZ.js";
 import "./styles.js";
 import "../../Message/styles.js";
 import "../../Notification/NotificationBadge/styles.js";
 import "../../Notification/styles.js";
-import "../../../styles-CWdUpZom.js";
+import "../../../styles-DNay6iFa.js";
 import "../../Progress/styles.js";
-import "../../../styles/global-styles.js";
 import "../../Row/styles.js";
+import "../../../styles/global-styles.js";
 import "../../Row/RowLabelValue/styles.js";
 import "../../Row/RowActions/styles.js";
 import "../../SegmentedControls/styles.js";
 import "../../Select/styles.js";
 import "../../Switch/styles.js";
-import "../../../styles-qerRs7Rn.js";
+import "../../../styles-Wpm1RiGr.js";
 import "../../Tabs/styles.js";
 import "../../Tile/styles.js";
 import "../../Toast/styles.js";
@@ -33,13 +34,13 @@ const c = ({
   height: r = 300,
   backgroundColor: o = "#f0f0f0",
   border: p = "1px solid #ccc",
-  isVertical: e
+  isVertical: m
 }) => /* @__PURE__ */ t(
   "div",
   {
     style: {
-      width: e ? "100%" : i,
-      height: e ? 180 : r,
+      width: m ? "100%" : i,
+      height: m ? 180 : r,
       minWidth: 180,
       backgroundColor: o,
       margin: 0,
@@ -52,12 +53,12 @@ const c = ({
     },
     children: /* @__PURE__ */ t(a, { variant: "body1", children: "Content" })
   }
-), L = ({
+), M = ({
   total: i = 3,
   backgroundColor: r,
   isSidebar: o = !1
 }) => {
-  const { breakpoint: p, theme: e } = s(), m = p === "narrow" || o;
+  const { breakpoint: p, theme: m } = s(), e = p === "narrow" || o;
   return /* @__PURE__ */ t(
     "div",
     {
@@ -69,13 +70,13 @@ const c = ({
         alignItems: "center",
         justifyContent: "center",
         display: "flex",
-        flexDirection: m ? "column" : "row",
+        flexDirection: e ? "column" : "row",
         gap: 8
       },
-      children: [...Array(i)].map((d, n) => /* @__PURE__ */ t(c, { isVertical: m }, n))
+      children: [...Array(i)].map((d, n) => /* @__PURE__ */ t(c, { isVertical: e }, n))
     }
   );
 };
 export {
-  L as default
+  M as default
 };

package/dist/components/Layout/Content/styles.d.ts

@@ -1,5 +1,4 @@
 import { GenesisTheme } from '../../../styles/theme/genesis-theme.types';
-
 interface StyledContentProps {
     theme?: GenesisTheme;
     $isColumn?: boolean;

package/dist/components/Layout/Content/styles.js

@@ -1,4 +1,4 @@
-import { d as o } from "../../../styled-components.browser.esm-CZ1XM4o4.js";
+import { d as o } from "../../../styled-components.browser.esm-C47QHsU4.js";
 const t = ({ sizing: i }, e) => `
   display: flex;
   flex-direction: ${e ? "column" : "row"};

package/dist/components/Layout/MainLayout/MainLayout.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export interface MainLayoutProps {
     header?: React.ReactNode;
     main?: React.ReactNode;

package/dist/components/Layout/MainLayout/MainLayout.js

@@ -2,7 +2,7 @@ import { jsxs as e, jsx as r } from "react/jsx-runtime";
 import i from "../Layout.js";
 import { Sidebar as h, Header as o, Main as d, Footer as u } from "./styles.js";
 import "../../../providers/BreakpointThemeProvider.js";
-import { u as m } from "../../../Typography-CoZ5qD-t.js";
+import { u as m } from "../../../Typography-B2J8CPnt.js";
 const C = ({ header: n, main: l, footer: t, sidebar: c }) => {
   const { breakpoint: s } = m();
   return c ? s === "narrow" ? /* @__PURE__ */ e(i, { isColumn: !0, children: [

package/dist/components/Layout/MainLayout/__stories__/MainLayout.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { default as MainLayout } from '../MainLayout';
-
 declare const meta: Meta<typeof MainLayout>;
 export default meta;
 type Story = StoryObj<typeof MainLayout>;

package/dist/components/Layout/MainLayout/styles.js

@@ -1,4 +1,4 @@
-import { d } from "../../../styled-components.browser.esm-CZ1XM4o4.js";
+import { d } from "../../../styled-components.browser.esm-C47QHsU4.js";
 const n = d.div`
   display: flex;
   flex-direction: column;

package/dist/components/Layout/__stories__/Layout.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { default as Layout } from '../Layout';
-
 declare const meta: Meta<typeof Layout>;
 export default meta;
 type Story = StoryObj<typeof Layout>;

package/dist/components/Layout/__tests__/Layout.test.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { a as n } from "../../../setup-BjIR5S0o.js";
+import { a as n } from "../../../setup-aZdxWCJq.js";
 import c from "../Layout.js";
 describe("<Layout />", () => {
   let o;

package/dist/components/Message/Message.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { STATE, SIZE } from '../../constants';
-
 export type MessageAction = {
     label?: string;
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;

package/dist/components/Message/Message.js

@@ -1,36 +1,37 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
 import { useState as f } from "react";
-import { TYPOGRAPHY_VARIANT as g, STATE as o, SIZE as d } from "../../constants/index.js";
+import { SIZE as g, STATE as o, TYPOGRAPHY_VARIANT as d } from "../../constants/index.js";
 import "../Avatar/styles.js";
 import "../Badge/styles.js";
 import "../../providers/BreakpointThemeProvider.js";
-import { a as u, R } from "../../Typography-CoZ5qD-t.js";
-import { n as I } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { a as u, R } from "../../Typography-B2J8CPnt.js";
+import { n as I } from "../../styled-components.browser.esm-C47QHsU4.js";
 import "../Breadcrumb/styles.js";
 import "../Button/styles.js";
 import "../Card/styles.js";
 import "../Checkbox/styles.js";
+import "../DateRangePicker/DateRangePicker.js";
 import "../ErrorBoundaryFallback/styles.js";
-import "../Input/styles.js";
+import "../../styles-XuoEGUZZ.js";
 import "../Layout/Content/styles.js";
 import "../Notification/NotificationBadge/styles.js";
 import "../Notification/styles.js";
-import "../../styles-CWdUpZom.js";
+import "../../styles-DNay6iFa.js";
 import "../Progress/styles.js";
-import "../../styles/global-styles.js";
 import "../Row/styles.js";
+import "../../styles/global-styles.js";
 import "../Row/RowLabelValue/styles.js";
 import "../Row/RowActions/styles.js";
 import "../SegmentedControls/styles.js";
 import "../Select/styles.js";
 import "../Switch/styles.js";
-import "../../styles-qerRs7Rn.js";
+import "../../styles-Wpm1RiGr.js";
 import "../Tabs/styles.js";
 import "../Tile/styles.js";
 import "../Toast/styles.js";
 import "../Tooltip/styles.js";
 import { MessageRow as v, MessageContent as k, ActionButton as y } from "./styles.js";
-import { R as T, a as h, b as w, c as C } from "../../MinusCircleOutlined-Shz0RRQV.js";
+import { R as T, a as h, b as w, c as C } from "../../MinusCircleOutlined-BcKxYRyN.js";
 const x = (e, r) => {
   switch (e) {
     case o.error:
@@ -59,13 +60,13 @@ const x = (e, r) => {
     default:
       return /* @__PURE__ */ t(T, { style: { color: r } });
   }
-}, ir = ({
+}, cr = ({
   state: e = o.info,
   message: r,
   action: s,
-  size: i = d.standard
+  size: i = g.standard
 }) => {
-  const n = I(), c = x(e, n), a = g.message, [l, m] = f(
+  const n = I(), c = x(e, n), a = d.message, [l, m] = f(
     n.colors.interactive.link.active
   );
   return /* @__PURE__ */ p(v, { state: e, size: i, children: [
@@ -101,5 +102,5 @@ const x = (e, r) => {
   ] });
 };
 export {
-  ir as default
+  cr as default
 };

package/dist/components/Message/__stories__/Message.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { default as Message } from '../Message';
-
 declare const meta: Meta<typeof Message>;
 export default meta;
 type Story = StoryObj<typeof Message>;

package/dist/components/Message/__tests__/Message.test.js

@@ -1,9 +1,10 @@
 import { jsx as c } from "react/jsx-runtime";
-import { v as r, f as a, a as i } from "../../../setup-BjIR5S0o.js";
-import m from "../Message.js";
+import { f as r, a } from "../../../setup-aZdxWCJq.js";
+import i from "../Message.js";
 import { STATE as s } from "../../../constants/index.js";
+import { v as m } from "../../../vi.B5EKKJdE-BsDIxc7v.js";
 describe("<Message />", () => {
-  const t = (e) => i(/* @__PURE__ */ c(m, { ...e }));
+  const t = (e) => a(/* @__PURE__ */ c(i, { ...e }));
   it("should render message text correctly", () => {
     const { getByText: e } = t({
       message: "Test message",
@@ -23,7 +24,7 @@ describe("<Message />", () => {
     });
     expect(e("Error message")).toBeInTheDocument();
   }), it("should render action button when action prop is provided", () => {
-    const e = r.fn(), { getByText: o } = t({
+    const e = m.fn(), { getByText: o } = t({
       message: "Message with action",
       state: s.info,
       action: {
@@ -31,7 +32,7 @@ describe("<Message />", () => {
         onClick: e
       }
     }), n = o("Click me");
-    expect(n).toBeInTheDocument(), a.click(n), expect(e).toHaveBeenCalled();
+    expect(n).toBeInTheDocument(), r.click(n), expect(e).toHaveBeenCalled();
   }), it("should not render action button when action prop is not provided", () => {
     const { container: e } = t({
       message: "Message without action",

package/dist/components/Message/styles.js

@@ -1,4 +1,4 @@
-import { d as o } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { d as o } from "../../styled-components.browser.esm-C47QHsU4.js";
 import { SIZE as n } from "../../constants/index.js";
 const s = o.div`
   display: flex;