@gobolt/genesis 0.0.8 → 0.0.9

package/dist/components/Notification/NotificationRightChevron.d.ts

@@ -0,0 +1,2 @@
+declare const NotificationRightChevron: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default NotificationRightChevron;

package/dist/components/Notification/NotificationRightChevron.js

@@ -0,0 +1,23 @@
+import { jsx as l } from "react/jsx-runtime";
+const t = (e) => /* @__PURE__ */ l(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 25,
+    fill: "none",
+    ...e,
+    children: /* @__PURE__ */ l(
+      "path",
+      {
+        fill: "#6C6C6C",
+        fillRule: "evenodd",
+        d: "M8.752 18.148a1.2 1.2 0 0 1 0-1.697l3.951-3.951-3.951-3.951a1.2 1.2 0 1 1 1.697-1.698l4.8 4.8a1.2 1.2 0 0 1 0 1.697l-4.8 4.8a1.2 1.2 0 0 1-1.697 0Z",
+        clipRule: "evenodd"
+      }
+    )
+  }
+);
+export {
+  t as default
+};

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

@@ -1,76 +1,15 @@
-import { jsx as i } from "react/jsx-runtime";
-import { screen as r } from "@testing-library/react";
-import { c as m } from "../../../setup-aaca7b6f.js";
-import p from "../Notification.js";
-import "../../../presets-83ccb923.js";
-import "react";
-import "../../../providers/GenesisProvider.js";
-import "../../../providers/ThemeProvider.js";
-import "../../../styled-components.browser.esm-02f500bc.js";
-import "../../../styles/theme/genesis-theme.js";
-import "../../../styles/design-tokens/variables.js";
-import "../../../index-89035ea5.js";
-import "../../../constants/index.js";
-import "../../Button/styles.js";
-import "../../../button-fa1c119c.js";
-import "../../../isVisible-729780f5.js";
-import "../../../index-4003d75b.js";
-import "react-dom";
-import "../../../index-e2b72ca8.js";
-import "../../../reactNode-f4391605.js";
-import "../../../Compact-c39ed20d.js";
-import "../../../presetColors-ccf8cb4c.js";
-import "../../../compact-item-b8f85aa6.js";
-import "../../../AntdIcon-c395a1c4.js";
-import "../../Checkbox/styles.js";
-import "../../../context-3b8a39af.js";
-import "../../ErrorBoundaryFallback/styles.js";
-import "../../../ExclamationCircleFilled-23ef9812.js";
-import "../../../CloseCircleFilled-ddc51e7e.js";
-import "../../Input/styles.js";
-import "../../../TextArea-20825221.js";
-import "../../../index-8c8d2d0c.js";
-import "../../../useVariants-a0d64298.js";
-import "../../../ContextIsolator-b09b2c52.js";
-import "../../../pickAttrs-00ba4687.js";
-import "../../../SearchOutlined-a9014e08.js";
-import "../../Select/styles.js";
-import "../../../index-1a33c134.js";
-import "../../../Overflow-a570fa69.js";
-import "../../../DownOutlined-64a4732a.js";
-import "../../../CheckOutlined-52d9ac25.js";
-import "../../../CloseOutlined-14b8bba1.js";
-import "../../Typography/styles.js";
-import "../../../index-501fc13d.js";
-import "../../../index-0b9ee239.js";
-import "../../Badge/styles.js";
-import "../../../InfoCircleFilled-c5f90c20.js";
-import "../../Toast/styles.js";
-import "../../../collapse-345bc884.js";
-import "../../Badge/Badge.js";
-import "../../Badge/icons/Appointment.js";
-import "../../Badge/icons/ASN.js";
-import "../../Badge/icons/Inventory.js";
-import "../../Badge/icons/Parcel.js";
-import "../../Badge/icons/Product.js";
-import "../../Badge/icons/Route.js";
-import "../../Badge/icons/Shipment.js";
-import "../../Badge/icons/ShoppingCart.js";
-import "../../Badge/icons/System.js";
-import "../styles.js";
-import "../../../RightOutlined-83515eb4.js";
+import { jsx as t } from "react/jsx-runtime";
+import { s, a as i } from "../../../setup-BvfREoHl.js";
+import n from "../Notification.js";
 describe("<Notification />", () => {
-  let o;
+  let e;
   beforeEach(() => {
-    o = {
-      message: "Test notification message",
-      type: "info",
-      isVisible: !0,
-      onClose: vi.fn()
+    e = {
+      message: "Test notification message"
     };
   });
-  const t = () => m(/* @__PURE__ */ i(p, { ...o }));
+  const o = () => i(/* @__PURE__ */ t(n, { ...e }));
   it("should render the notification message", () => {
-    t(), expect(r.getByText(o.message)).toBeInTheDocument();
+    o(), expect(s.getByText(e.message)).toBeInTheDocument();
   });
 });

package/dist/components/Notification/index.js

@@ -1,61 +1,4 @@
-import { default as io } from "./Notification.js";
-import "react/jsx-runtime";
-import "../../constants/index.js";
-import "../Button/styles.js";
-import "../../styled-components.browser.esm-02f500bc.js";
-import "react";
-import "../../button-fa1c119c.js";
-import "../../presets-83ccb923.js";
-import "../../isVisible-729780f5.js";
-import "../../index-4003d75b.js";
-import "react-dom";
-import "../../index-e2b72ca8.js";
-import "../../reactNode-f4391605.js";
-import "../../Compact-c39ed20d.js";
-import "../../presetColors-ccf8cb4c.js";
-import "../../compact-item-b8f85aa6.js";
-import "../../AntdIcon-c395a1c4.js";
-import "../../providers/ThemeProvider.js";
-import "../../styles/theme/genesis-theme.js";
-import "../../styles/design-tokens/variables.js";
-import "../Checkbox/styles.js";
-import "../../context-3b8a39af.js";
-import "../ErrorBoundaryFallback/styles.js";
-import "../../ExclamationCircleFilled-23ef9812.js";
-import "../../CloseCircleFilled-ddc51e7e.js";
-import "../../index-89035ea5.js";
-import "../Input/styles.js";
-import "../../TextArea-20825221.js";
-import "../../index-8c8d2d0c.js";
-import "../../useVariants-a0d64298.js";
-import "../../ContextIsolator-b09b2c52.js";
-import "../../pickAttrs-00ba4687.js";
-import "../../SearchOutlined-a9014e08.js";
-import "../Select/styles.js";
-import "../../index-1a33c134.js";
-import "../../Overflow-a570fa69.js";
-import "../../DownOutlined-64a4732a.js";
-import "../../CheckOutlined-52d9ac25.js";
-import "../../CloseOutlined-14b8bba1.js";
-import "../Typography/styles.js";
-import "../../index-501fc13d.js";
-import "../../index-0b9ee239.js";
-import "../Badge/styles.js";
-import "../../InfoCircleFilled-c5f90c20.js";
-import "../Toast/styles.js";
-import "../../collapse-345bc884.js";
-import "../Badge/Badge.js";
-import "../Badge/icons/Appointment.js";
-import "../Badge/icons/ASN.js";
-import "../Badge/icons/Inventory.js";
-import "../Badge/icons/Parcel.js";
-import "../Badge/icons/Product.js";
-import "../Badge/icons/Route.js";
-import "../Badge/icons/Shipment.js";
-import "../Badge/icons/ShoppingCart.js";
-import "../Badge/icons/System.js";
-import "./styles.js";
-import "../../RightOutlined-83515eb4.js";
+import { default as o } from "./Notification.js";
 export {
-  io as default
+  o as default
 };

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

@@ -1,6 +1,16 @@
-export declare const NotificationRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+type NotificationRowProps = {
+    state: string;
+    size: string;
+    isUnread: boolean;
+};
+export declare const NotificationRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, NotificationRowProps>> & string;
+export declare const NotificationContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    size: string;
+}>> & string;
+export declare const NotificationUnread: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     state: string;
     size: string;
 }>> & string;
-export declare const NotificationContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const NotificationUnread: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const NotificationActionButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const ChevronButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export {};

package/dist/components/Notification/styles.js

@@ -1,24 +1,21 @@
-import { d as e } from "../../styled-components.browser.esm-02f500bc.js";
-import { SIZE as o } from "../../constants/index.js";
-import "react";
-const s = e.div`
+import { d as i } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { SIZE as e } from "../../constants/index.js";
+const a = i.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
-  gap: ${({ theme: i }) => i.sizing.Size4}px;
-  padding: ${({ theme: i }) => i.sizing.Size3}px;
-  background-color: ${({ theme: i, state: t }) => i.colors.surface.default};
-  cursor-events: none;
+  gap: ${({ theme: t }) => t.sizing.Size4}px;
+  padding: ${({ theme: t }) => t.sizing.Size3}px;
+  pointer-events: none;
   cursor: default;
-  border-radius: ${({ theme: i }) => i.borderRadius.BorderRadiusXs}px;
-  height: ${({ theme: i }) => i.sizing.Size12}px;
+  border-radius: ${({ theme: t }) => t.borderRadius.BorderRadiusSm}px;
+  height: 85px;
   width: 500px;
-  background-color: ${({ theme: i, state: t }) => i.colors.surface.default};
-  box-shadow: 0px 4px 16px 0px #00000026;
-`, p = e.div`
+  background-color: ${({ theme: t, isUnread: o }) => o ? "#F4F4F4" : t.colors.surface.default};
+`, p = i.div`
   display: flex;
   align-items: center;
-  gap: ${({ theme: i }) => i.sizing.Size2}px;
+  gap: ${({ theme: t }) => t.sizing.Size2}px;
   flex: 1;
   max-width: 500px;
 
@@ -28,22 +25,41 @@ const s = e.div`
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
-    font-family: ${({ theme: i }) => i.typography.fontFamily};
-    line-height: ${({ theme: i, size: t }) => t === o.standard ? i.typography.lineHeight : "16px"};
+    font-family: ${({ theme: t }) => t.typography.fontFamily};
+    line-height: ${({ theme: t, size: o }) => o === e.standard ? t.typography.lineHeight : "16px"};
   }
-`, d = e.div`
+`, s = i.div`
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: ${({ theme: i }) => i.colors.status.info.default};
+  background-color: ${({ theme: t }) => t.colors.status.info.default};
   border-radius: 50%;
   height: 8px;
   width: 8px;
   aspect-ratio: 1;
   min-height: 8px;
+`, n = (t) => `1px solid ${t.colors.interactive.utility.border}`, c = i.button`
+  border: ${({ theme: t }) => n(t)};
+  background: "none";
+  cursor: "pointer";
+  pointer-events: "all";
+  color: ${({ theme: t }) => t.colors.interactive.utility.onsurface};
+  border-radius: ${({ theme: t }) => t.borderRadius.BorderRadiusSm};
+  padding-top: "2px";
+  padding-bottom: "2px";
+  padding-left: ${({ theme: t }) => t.components.utilityButton.padding.horPadding};
+  padding-right: ${({ theme: t }) => t.components.utilityButton.padding.horPadding};
+`, l = i.button`
+  text-decoration: underline;
+  border: none;
+  background: none;
+  cursor: pointer;
+  pointer-events: all;
 `;
 export {
+  l as ChevronButton,
+  c as NotificationActionButton,
   p as NotificationContent,
-  s as NotificationRow,
-  d as NotificationUnread
+  a as NotificationRow,
+  s as NotificationUnread
 };

package/dist/components/Radio/Radio.js

@@ -1,114 +1,28 @@
-import { jsxs as k, jsx as r } from "react/jsx-runtime";
-import { useState as n, useRef as y, useEffect as v } from "react";
-import "../Button/styles.js";
+import "react/jsx-runtime";
+import "react";
+import "../../constants/index.js";
+import "../../styled-components.browser.esm-CZ1XM4o4.js";
+import "../Badge/styles.js";
+import "../Breadcrumb/styles.js";
 import "../../providers/ThemeProvider.js";
+import { k as w, f as y } from "../../Typography-aGoDUl4R.js";
+import "../Button/styles.js";
 import "../Checkbox/styles.js";
-import { TYPOGRAPHY_VARIANT as C } from "../../constants/index.js";
 import "../ErrorBoundaryFallback/styles.js";
-import { T as x } from "../../index-89035ea5.js";
 import "../Input/styles.js";
+import "../Message/styles.js";
+import "../Notification/styles.js";
 import "../Select/styles.js";
-import { d as g } from "../../styled-components.browser.esm-02f500bc.js";
-import "../Badge/styles.js";
 import "../Toast/styles.js";
-import I from "./states/RadioChecked.js";
-import w from "./states/RadioCheckedHover.js";
-import h from "./states/RadioCheckedFocussed.js";
-import F from "./states/RadioCheckedDisabled.js";
-import H from "./states/RadioUnchecked.js";
-import E from "./states/RadioUncheckedHover.js";
-import T from "./states/RadioUncheckedFocussed.js";
-import U from "./states/RadioUncheckedDisabled.js";
-import "../../button-fa1c119c.js";
-import "../../presets-83ccb923.js";
-import "../../isVisible-729780f5.js";
-import "../../index-4003d75b.js";
-import "react-dom";
-import "../../index-e2b72ca8.js";
-import "../../reactNode-f4391605.js";
-import "../../Compact-c39ed20d.js";
-import "../../presetColors-ccf8cb4c.js";
-import "../../compact-item-b8f85aa6.js";
-import "../../AntdIcon-c395a1c4.js";
-import "../../styles/theme/genesis-theme.js";
-import "../../styles/design-tokens/variables.js";
-import "../../context-3b8a39af.js";
-import "../../ExclamationCircleFilled-23ef9812.js";
-import "../../CloseCircleFilled-ddc51e7e.js";
-import "../Typography/styles.js";
-import "../../index-501fc13d.js";
-import "../../index-8c8d2d0c.js";
-import "../../CheckOutlined-52d9ac25.js";
-import "../../index-0b9ee239.js";
-import "../../index-1a33c134.js";
-import "../../ContextIsolator-b09b2c52.js";
-import "../../TextArea-20825221.js";
-import "../../useVariants-a0d64298.js";
-import "../../CloseOutlined-14b8bba1.js";
-import "../../InfoCircleFilled-c5f90c20.js";
-import "../../pickAttrs-00ba4687.js";
-import "../../collapse-345bc884.js";
-import "../../SearchOutlined-a9014e08.js";
-import "../../Overflow-a570fa69.js";
-import "../../DownOutlined-64a4732a.js";
-const j = g.div`
-  outline: none;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  cursor: ${({ $isDisabled: t }) => t ? "not-allowed" : "pointer"};
-  pointer-events: ${({ $isDisabled: t }) => t ? "none" : "auto"};
-  position: relative;
-`, Kr = ({ id: t, label: m, selectedId: p, onChange: l, isDisabled: o }) => {
-  const [a, R] = n(!1), [d, f] = n(!1), [i, c] = n(!1), s = y(null);
-  v(() => {
-    R(p === t);
-  }, [p, t]);
-  const u = () => {
-    o || l(t);
-  };
-  return /* @__PURE__ */ k(
-    j,
-    {
-      ref: s,
-      $isDisabled: o,
-      onFocus: (e) => {
-        o || e.target !== s.current || c(!0);
-      },
-      onBlur: () => {
-        o || c(!1);
-      },
-      onMouseEnter: () => !o && f(!0),
-      onMouseLeave: () => f(!1),
-      onClick: u,
-      onKeyDown: (e) => {
-        o || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), u());
-      },
-      tabIndex: o ? -1 : 0,
-      role: "radio",
-      "aria-checked": a,
-      "aria-disabled": o,
-      children: [
-        /* @__PURE__ */ r(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              width: 26,
-              height: 26,
-              pointerEvents: "none"
-            },
-            children: (() => a ? o ? /* @__PURE__ */ r(F, {}) : i ? /* @__PURE__ */ r(h, {}) : i ? /* @__PURE__ */ r(h, {}) : d ? /* @__PURE__ */ r(w, {}) : /* @__PURE__ */ r(I, {}) : i ? /* @__PURE__ */ r(T, {}) : d ? /* @__PURE__ */ r(E, {}) : o ? /* @__PURE__ */ r(U, {}) : /* @__PURE__ */ r(H, {}))()
-          }
-        ),
-        m && /* @__PURE__ */ r(x, { variant: C.body1, children: m })
-      ]
-    }
-  );
-};
+import "./states/RadioChecked.js";
+import "./states/RadioCheckedHover.js";
+import "./states/RadioCheckedFocussed.js";
+import "./states/RadioCheckedDisabled.js";
+import "./states/RadioUnchecked.js";
+import "./states/RadioUncheckedHover.js";
+import "./states/RadioUncheckedFocussed.js";
+import "./states/RadioUncheckedDisabled.js";
 export {
-  j as RadioWrapper,
-  Kr as default
+  w as RadioWrapper,
+  y as default
 };

package/dist/components/Radio/RadioGroup.js

@@ -1,63 +1,11 @@
-import { jsx as i } from "react/jsx-runtime";
-import l from "./Radio.js";
-import "react";
-import "../Button/styles.js";
-import "../../styled-components.browser.esm-02f500bc.js";
-import "../../button-fa1c119c.js";
-import "../../presets-83ccb923.js";
-import "../../isVisible-729780f5.js";
-import "../../index-4003d75b.js";
-import "react-dom";
-import "../../index-e2b72ca8.js";
-import "../../reactNode-f4391605.js";
-import "../../Compact-c39ed20d.js";
-import "../../presetColors-ccf8cb4c.js";
-import "../../compact-item-b8f85aa6.js";
-import "../../AntdIcon-c395a1c4.js";
-import "../../providers/ThemeProvider.js";
-import "../../styles/theme/genesis-theme.js";
-import "../../styles/design-tokens/variables.js";
-import "../Checkbox/styles.js";
-import "../../context-3b8a39af.js";
-import "../../constants/index.js";
-import "../ErrorBoundaryFallback/styles.js";
-import "../../ExclamationCircleFilled-23ef9812.js";
-import "../../CloseCircleFilled-ddc51e7e.js";
-import "../../index-89035ea5.js";
-import "../Input/styles.js";
-import "../../TextArea-20825221.js";
-import "../../index-8c8d2d0c.js";
-import "../../useVariants-a0d64298.js";
-import "../../ContextIsolator-b09b2c52.js";
-import "../../pickAttrs-00ba4687.js";
-import "../../SearchOutlined-a9014e08.js";
-import "../Select/styles.js";
-import "../../index-1a33c134.js";
-import "../../Overflow-a570fa69.js";
-import "../../DownOutlined-64a4732a.js";
-import "../../CheckOutlined-52d9ac25.js";
-import "../../CloseOutlined-14b8bba1.js";
-import "../Typography/styles.js";
-import "../../index-501fc13d.js";
-import "../../index-0b9ee239.js";
-import "../Badge/styles.js";
-import "../../InfoCircleFilled-c5f90c20.js";
-import "../Toast/styles.js";
-import "../../collapse-345bc884.js";
-import "./states/RadioChecked.js";
-import "./states/RadioCheckedHover.js";
-import "./states/RadioCheckedFocussed.js";
-import "./states/RadioCheckedDisabled.js";
-import "./states/RadioUnchecked.js";
-import "./states/RadioUncheckedHover.js";
-import "./states/RadioUncheckedFocussed.js";
-import "./states/RadioUncheckedDisabled.js";
-const eo = ({
-  selectedId: p,
-  options: t,
-  onChange: m,
-  isDisabled: o = !1
-}) => /* @__PURE__ */ i(
+import { jsx as l } from "react/jsx-runtime";
+import { f } from "../../Typography-aGoDUl4R.js";
+const u = ({
+  selectedId: d,
+  options: r,
+  onChange: a,
+  isDisabled: e = !1
+}) => /* @__PURE__ */ l(
   "div",
   {
     role: "radiogroup",
@@ -65,22 +13,21 @@ const eo = ({
       display: "flex",
       flexDirection: "column",
       border: "none",
-      cursor: o ? "not-allowed" : "pointer"
+      cursor: e ? "not-allowed" : "pointer"
     },
-    disabled: o,
-    children: t.map((r) => /* @__PURE__ */ i(
-      l,
+    children: r.map((o) => /* @__PURE__ */ l(
+      f,
       {
-        id: r.id,
-        selectedId: p,
-        label: r.label,
-        onChange: m,
-        isDisabled: o
+        id: o.id,
+        selectedId: d,
+        label: o.label,
+        onChange: (i) => a(r.find((n) => n.id === i)),
+        isDisabled: e
       },
-      r.id
+      o.id
     ))
   }
 );
 export {
-  eo as default
+  u as default
 };

package/dist/components/Radio/__stories__/RadioGroup.stories.d.ts

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

package/dist/components/Radio/__tests__/RadioGroup.test.js

@@ -1,85 +1,30 @@
-import { jsx as p } from "react/jsx-runtime";
-import { fireEvent as m } from "@testing-library/react";
-import e from "../RadioGroup.js";
-import { c as n } from "../../../setup-aaca7b6f.js";
-import "../Radio.js";
-import "react";
-import "../../Button/styles.js";
-import "../../../styled-components.browser.esm-02f500bc.js";
-import "../../../button-fa1c119c.js";
-import "../../../presets-83ccb923.js";
-import "../../../isVisible-729780f5.js";
-import "../../../index-4003d75b.js";
-import "react-dom";
-import "../../../index-e2b72ca8.js";
-import "../../../reactNode-f4391605.js";
-import "../../../Compact-c39ed20d.js";
-import "../../../presetColors-ccf8cb4c.js";
-import "../../../compact-item-b8f85aa6.js";
-import "../../../AntdIcon-c395a1c4.js";
-import "../../../providers/ThemeProvider.js";
-import "../../../styles/theme/genesis-theme.js";
-import "../../../styles/design-tokens/variables.js";
-import "../../Checkbox/styles.js";
-import "../../../context-3b8a39af.js";
-import "../../../constants/index.js";
-import "../../ErrorBoundaryFallback/styles.js";
-import "../../../ExclamationCircleFilled-23ef9812.js";
-import "../../../CloseCircleFilled-ddc51e7e.js";
-import "../../../index-89035ea5.js";
-import "../../Input/styles.js";
-import "../../../TextArea-20825221.js";
-import "../../../index-8c8d2d0c.js";
-import "../../../useVariants-a0d64298.js";
-import "../../../ContextIsolator-b09b2c52.js";
-import "../../../pickAttrs-00ba4687.js";
-import "../../../SearchOutlined-a9014e08.js";
-import "../../Select/styles.js";
-import "../../../index-1a33c134.js";
-import "../../../Overflow-a570fa69.js";
-import "../../../DownOutlined-64a4732a.js";
-import "../../../CheckOutlined-52d9ac25.js";
-import "../../../CloseOutlined-14b8bba1.js";
-import "../../Typography/styles.js";
-import "../../../index-501fc13d.js";
-import "../../../index-0b9ee239.js";
-import "../../Badge/styles.js";
-import "../../../InfoCircleFilled-c5f90c20.js";
-import "../../Toast/styles.js";
-import "../../../collapse-345bc884.js";
-import "../states/RadioChecked.js";
-import "../states/RadioCheckedHover.js";
-import "../states/RadioCheckedFocussed.js";
-import "../states/RadioCheckedDisabled.js";
-import "../states/RadioUnchecked.js";
-import "../states/RadioUncheckedHover.js";
-import "../states/RadioUncheckedFocussed.js";
-import "../states/RadioUncheckedDisabled.js";
-import "../../../providers/GenesisProvider.js";
+import { jsx as i } from "react/jsx-runtime";
+import { v as n, f as r, a as d } from "../../../setup-BvfREoHl.js";
+import l from "../RadioGroup.js";
 describe("<RadioGroup />", () => {
-  const i = {
+  const t = {
     name: "test-radio-group",
     selectedId: "1",
-    onChange: vi.fn(),
+    onChange: n.fn(),
     options: [
       { id: "1", label: "Option 1" },
       { id: "2", label: "Option 2" },
       { id: "3", label: "Option 3" }
     ]
-  }, r = (o = i) => n(/* @__PURE__ */ p(e, { ...o }));
+  }, a = (e = t) => d(/* @__PURE__ */ i(l, { ...e }));
   beforeEach(() => {
-    vi.clearAllMocks();
+    n.clearAllMocks();
   }), it("should render all radio options", () => {
-    const { getAllByRole: o } = r(), t = o("radio");
-    expect(t).toHaveLength(3);
+    const { getAllByRole: e } = a(), o = e("radio");
+    expect(o).toHaveLength(3);
   }), it("should call onChange when a radio is selected", () => {
-    const o = vi.fn(), { getByText: t } = r({ ...i, onChange: o });
-    m.click(t("Option 1")), expect(o).toHaveBeenCalledWith("1");
+    const e = n.fn(), { getByText: o } = a({ ...t, onChange: e });
+    r.click(o("Option 1")), expect(e).toHaveBeenCalledWith({ id: "1", label: "Option 1" });
   }), it("should mark the correct radio as checked based on value prop", () => {
-    const { getByRole: o } = r({
-      ...i,
+    const { getByRole: e } = a({
+      ...t,
       selectedId: "2"
-    }), t = o("radio", { name: "Option 2" });
-    expect(t).toHaveAttribute("aria-checked", "true");
+    }), o = e("radio", { name: "Option 2" });
+    expect(o).toHaveAttribute("aria-checked", "true");
   });
 });

package/dist/components/Radio/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from './RadioGroup';
-export type { RadiosProps } from './RadioGroup';
+export type { RadioGroupProps } from './RadioGroup';