@knkcs/anker 2.7.0 → 2.9.0

package/dist/chunk-77EOXDGW.js

@@ -0,0 +1,49 @@
+import { LeavePageConfirmation } from './chunk-7KPPPE4U.js';
+import { useBlocker } from 'react-router-dom';
+import { jsx } from 'react/jsx-runtime';
+
+function useUnsavedChangesBlocker(isDirty, opts) {
+  const blocker = useBlocker(({ currentLocation, nextLocation }) => {
+    if (!isDirty) return false;
+    if (opts?.shouldBlock) {
+      return opts.shouldBlock({ currentLocation, nextLocation });
+    }
+    if (opts?.safePathPrefix && nextLocation.pathname.startsWith(opts.safePathPrefix)) {
+      return false;
+    }
+    if (nextLocation.pathname === currentLocation.pathname) return false;
+    return true;
+  });
+  return blocker;
+}
+function UnsavedChangesGuard({
+  isDirty,
+  safePathPrefix,
+  shouldBlock,
+  title,
+  message,
+  confirmLabel,
+  cancelLabel
+}) {
+  const blocker = useUnsavedChangesBlocker(isDirty, {
+    safePathPrefix,
+    shouldBlock
+  });
+  return /* @__PURE__ */ jsx(
+    LeavePageConfirmation,
+    {
+      blocked: blocker.state === "blocked",
+      onConfirmLeave: () => blocker.proceed?.(),
+      onCancelLeave: () => blocker.reset?.(),
+      title,
+      message,
+      confirmLabel,
+      cancelLabel
+    }
+  );
+}
+UnsavedChangesGuard.displayName = "UnsavedChangesGuard";
+
+export { UnsavedChangesGuard, useUnsavedChangesBlocker };
+//# sourceMappingURL=chunk-77EOXDGW.js.map
+//# sourceMappingURL=chunk-77EOXDGW.js.map

package/dist/chunk-77EOXDGW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/navigation/use-unsaved-changes-blocker.ts","../src/navigation/unsaved-changes-guard.tsx"],"names":[],"mappings":";;;;AAgCO,SAAS,wBAAA,CACf,SACA,IAAA,EACU;AACV,EAAA,MAAM,UAAU,UAAA,CAAW,CAAC,EAAE,eAAA,EAAiB,cAAa,KAAM;AACjE,IAAA,IAAI,CAAC,SAAS,OAAO,KAAA;AACrB,IAAA,IAAI,MAAM,WAAA,EAAa;AACtB,MAAA,OAAO,IAAA,CAAK,WAAA,CAAY,EAAE,eAAA,EAAiB,cAAc,CAAA;AAAA,IAC1D;AACA,IAAA,IACC,MAAM,cAAA,IACN,YAAA,CAAa,SAAS,UAAA,CAAW,IAAA,CAAK,cAAc,CAAA,EACnD;AACD,MAAA,OAAO,KAAA;AAAA,IACR;AACA,IAAA,IAAI,YAAA,CAAa,QAAA,KAAa,eAAA,CAAgB,QAAA,EAAU,OAAO,KAAA;AAC/D,IAAA,OAAO,IAAA;AAAA,EACR,CAAC,CAAA;AACD,EAAA,OAAO,OAAA;AACR;AChBO,SAAS,mBAAA,CAAoB;AAAA,EACnC,OAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA;AACD,CAAA,EAA6B;AAC5B,EAAA,MAAM,OAAA,GAAU,yBAAyB,OAAA,EAAS;AAAA,IACjD,cAAA;AAAA,IACA;AAAA,GACA,CAAA;AACD,EAAA,uBACC,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACA,OAAA,EAAS,QAAQ,KAAA,KAAU,SAAA;AAAA,MAC3B,cAAA,EAAgB,MAAM,OAAA,CAAQ,OAAA,IAAU;AAAA,MACxC,aAAA,EAAe,MAAM,OAAA,CAAQ,KAAA,IAAQ;AAAA,MACrC,KAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAA;AAAA,MACA;AAAA;AAAA,GACD;AAEF;AACA,mBAAA,CAAoB,WAAA,GAAc,qBAAA","file":"chunk-77EOXDGW.js","sourcesContent":["import type { Blocker, Location } from \"react-router-dom\";\nimport { useBlocker } from \"react-router-dom\";\n\nexport interface UnsavedChangesBlockerOptions {\n\t/**\n\t * Pathname prefix considered \"safe\" — navigation to a path starting with\n\t * this prefix does NOT trigger the block. Use for sibling tabs of the\n\t * same detail page (e.g. `/foo/bar/${id}/`). Trailing slash matters.\n\t */\n\tsafePathPrefix?: string;\n\t/**\n\t * Custom predicate. Receives react-router's blocker args. Takes\n\t * precedence over `safePathPrefix`. Default: block iff\n\t * `isDirty && nextLocation.pathname !== currentLocation.pathname`.\n\t */\n\tshouldBlock?: (args: {\n\t\tcurrentLocation: Location;\n\t\tnextLocation: Location;\n\t}) => boolean;\n}\n\n/**\n * Block in-app navigation while there are unsaved changes.\n *\n * Returns the raw react-router `Blocker` so the caller can render their own\n * dialog. For the conventional dialog UX use `<UnsavedChangesGuard/>` (which\n * composes this hook with `<LeavePageConfirmation/>`).\n *\n * Requires a react-router-dom **data router** (`createBrowserRouter` /\n * `createMemoryRouter` + `<RouterProvider/>`). The legacy `<BrowserRouter>` /\n * `<MemoryRouter>` JSX routers do not implement `useBlocker`.\n */\nexport function useUnsavedChangesBlocker(\n\tisDirty: boolean,\n\topts?: UnsavedChangesBlockerOptions,\n): Blocker {\n\tconst blocker = useBlocker(({ currentLocation, nextLocation }) => {\n\t\tif (!isDirty) return false;\n\t\tif (opts?.shouldBlock) {\n\t\t\treturn opts.shouldBlock({ currentLocation, nextLocation });\n\t\t}\n\t\tif (\n\t\t\topts?.safePathPrefix &&\n\t\t\tnextLocation.pathname.startsWith(opts.safePathPrefix)\n\t\t) {\n\t\t\treturn false;\n\t\t}\n\t\tif (nextLocation.pathname === currentLocation.pathname) return false;\n\t\treturn true;\n\t});\n\treturn blocker;\n}\n","import { LeavePageConfirmation } from \"../primitives/leave-page-confirmation\";\nimport {\n\ttype UnsavedChangesBlockerOptions,\n\tuseUnsavedChangesBlocker,\n} from \"./use-unsaved-changes-blocker\";\n\nexport interface UnsavedChangesGuardProps extends UnsavedChangesBlockerOptions {\n\t/** Source of truth for whether there's unsaved work. */\n\tisDirty: boolean;\n\t/** Dialog title. @default \"You have unsaved changes\" */\n\ttitle?: string;\n\t/** Dialog message body. @default \"Are you sure you want to leave this page? You have unsaved changes.\" */\n\tmessage?: string;\n\t/** Confirm/leave label. @default \"Leave\" */\n\tconfirmLabel?: string;\n\t/** Cancel/stay label. @default \"Stay\" */\n\tcancelLabel?: string;\n}\n\n/**\n * Blocks in-app navigation while `isDirty` is true and renders\n * `LeavePageConfirmation` to ask the user to confirm. Non-form-aware —\n * pass any boolean (form `formState.isDirty`, Monaco buffer state, etc.).\n * For react-hook-form pages use `<DirtyFormGuard/>` which sources `isDirty`\n * from `useFormContext()` automatically.\n *\n * Use `safePathPrefix` to exempt sibling tabs of the same detail page:\n *\n * ```tsx\n * <UnsavedChangesGuard\n *   isDirty={editor.hasAnyDirty}\n *   safePathPrefix={`/template/templates/${templateId}/`}\n * />\n * ```\n */\nexport function UnsavedChangesGuard({\n\tisDirty,\n\tsafePathPrefix,\n\tshouldBlock,\n\ttitle,\n\tmessage,\n\tconfirmLabel,\n\tcancelLabel,\n}: UnsavedChangesGuardProps) {\n\tconst blocker = useUnsavedChangesBlocker(isDirty, {\n\t\tsafePathPrefix,\n\t\tshouldBlock,\n\t});\n\treturn (\n\t\t<LeavePageConfirmation\n\t\t\tblocked={blocker.state === \"blocked\"}\n\t\t\tonConfirmLeave={() => blocker.proceed?.()}\n\t\t\tonCancelLeave={() => blocker.reset?.()}\n\t\t\ttitle={title}\n\t\t\tmessage={message}\n\t\t\tconfirmLabel={confirmLabel}\n\t\t\tcancelLabel={cancelLabel}\n\t\t/>\n\t);\n}\nUnsavedChangesGuard.displayName = \"UnsavedChangesGuard\";\n"]}

package/dist/chunk-7KPPPE4U.js

@@ -0,0 +1,59 @@
+import { Dialog, Portal, ButtonGroup, Button } from '@chakra-ui/react';
+import { useRef } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/primitives/leave-page-confirmation.tsx
+var LeavePageConfirmation = (props) => {
+  const {
+    blocked,
+    onConfirmLeave,
+    onCancelLeave,
+    title = "You have unsaved changes",
+    message = "Are you sure you want to leave this page? You have unsaved changes.",
+    confirmLabel = "Leave",
+    cancelLabel = "Stay"
+  } = props;
+  const cancelRef = useRef(null);
+  return /* @__PURE__ */ jsx(
+    Dialog.Root,
+    {
+      open: blocked,
+      initialFocusEl: () => cancelRef.current,
+      role: "alertdialog",
+      onOpenChange: (e) => {
+        if (!e.open) {
+          onCancelLeave();
+        }
+      },
+      children: /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Dialog.Backdrop, { children: /* @__PURE__ */ jsx(Dialog.Positioner, { children: /* @__PURE__ */ jsxs(Dialog.Content, { children: [
+        /* @__PURE__ */ jsx(Dialog.Header, { fontSize: "lg", fontWeight: "bold", children: title }),
+        /* @__PURE__ */ jsx(Dialog.Body, { children: message }),
+        /* @__PURE__ */ jsx(Dialog.Footer, { children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "solid",
+              colorPalette: "primary",
+              onClick: onConfirmLeave,
+              children: confirmLabel
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              onClick: onCancelLeave,
+              ref: cancelRef,
+              children: cancelLabel
+            }
+          )
+        ] }) })
+      ] }) }) }) })
+    }
+  );
+};
+LeavePageConfirmation.displayName = "LeavePageConfirmation";
+
+export { LeavePageConfirmation };
+//# sourceMappingURL=chunk-7KPPPE4U.js.map
+//# sourceMappingURL=chunk-7KPPPE4U.js.map

package/dist/chunk-7KPPPE4U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/primitives/leave-page-confirmation.tsx"],"names":[],"mappings":";;;;;AAqBO,IAAM,qBAAA,GAA8D,CAC1E,KAAA,KACI;AACJ,EAAA,MAAM;AAAA,IACL,OAAA;AAAA,IACA,cAAA;AAAA,IACA,aAAA;AAAA,IACA,KAAA,GAAQ,0BAAA;AAAA,IACR,OAAA,GAAU,qEAAA;AAAA,IACV,YAAA,GAAe,OAAA;AAAA,IACf,WAAA,GAAc;AAAA,GACf,GAAI,KAAA;AAEJ,EAAA,MAAM,SAAA,GAAY,OAAiC,IAAI,CAAA;AAEvD,EAAA,uBACC,GAAA;AAAA,IAAC,MAAA,CAAO,IAAA;AAAA,IAAP;AAAA,MACA,IAAA,EAAM,OAAA;AAAA,MACN,cAAA,EAAgB,MAAM,SAAA,CAAU,OAAA;AAAA,MAChC,IAAA,EAAK,aAAA;AAAA,MACL,YAAA,EAAc,CAAC,CAAA,KAAM;AACpB,QAAA,IAAI,CAAC,EAAE,IAAA,EAAM;AACZ,UAAA,aAAA,EAAc;AAAA,QACf;AAAA,MACD,CAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EACA,QAAA,kBAAA,GAAA,CAAC,MAAA,CAAO,QAAA,EAAP,EACA,QAAA,kBAAA,GAAA,CAAC,MAAA,CAAO,UAAA,EAAP,EACA,QAAA,kBAAA,IAAA,CAAC,MAAA,CAAO,SAAP,EACA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAO,MAAA,EAAP,EAAc,UAAS,IAAA,EAAK,UAAA,EAAW,QACtC,QAAA,EAAA,KAAA,EACF,CAAA;AAAA,wBACA,GAAA,CAAC,MAAA,CAAO,IAAA,EAAP,EAAa,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,wBACtB,GAAA,CAAC,MAAA,CAAO,MAAA,EAAP,EACA,+BAAC,WAAA,EAAA,EACA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACA,OAAA,EAAQ,OAAA;AAAA,cACR,YAAA,EAAa,SAAA;AAAA,cACb,OAAA,EAAS,cAAA;AAAA,cAER,QAAA,EAAA;AAAA;AAAA,WACF;AAAA,0BACA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACA,OAAA,EAAQ,SAAA;AAAA,cACR,OAAA,EAAS,aAAA;AAAA,cACT,GAAA,EAAK,SAAA;AAAA,cAEJ,QAAA,EAAA;AAAA;AAAA;AACF,SAAA,EACD,CAAA,EACD;AAAA,OAAA,EACD,CAAA,EACD,GACD,CAAA,EACD;AAAA;AAAA,GACD;AAEF;AACA,qBAAA,CAAsB,WAAA,GAAc,uBAAA","file":"chunk-7KPPPE4U.js","sourcesContent":["import { Button, ButtonGroup, Dialog, Portal } from \"@chakra-ui/react\";\nimport type React from \"react\";\nimport { useRef } from \"react\";\n\nexport interface LeavePageConfirmationProps {\n\t/** Whether the dialog is currently open (i.e., navigation is blocked). */\n\tblocked: boolean;\n\t/** Called when the user confirms they want to leave. */\n\tonConfirmLeave: () => void;\n\t/** Called when the user cancels and wants to stay. */\n\tonCancelLeave: () => void;\n\t/** Dialog title. Defaults to \"You have unsaved changes\". */\n\ttitle?: string;\n\t/** Dialog message body. Defaults to a generic unsaved-changes prompt. */\n\tmessage?: string;\n\t/** Label for the confirm/leave button. Defaults to \"Leave\". */\n\tconfirmLabel?: string;\n\t/** Label for the cancel/stay button. Defaults to \"Stay\". */\n\tcancelLabel?: string;\n}\n\nexport const LeavePageConfirmation: React.FC<LeavePageConfirmationProps> = (\n\tprops,\n) => {\n\tconst {\n\t\tblocked,\n\t\tonConfirmLeave,\n\t\tonCancelLeave,\n\t\ttitle = \"You have unsaved changes\",\n\t\tmessage = \"Are you sure you want to leave this page? You have unsaved changes.\",\n\t\tconfirmLabel = \"Leave\",\n\t\tcancelLabel = \"Stay\",\n\t} = props;\n\n\tconst cancelRef = useRef<HTMLButtonElement | null>(null);\n\n\treturn (\n\t\t<Dialog.Root\n\t\t\topen={blocked}\n\t\t\tinitialFocusEl={() => cancelRef.current}\n\t\t\trole=\"alertdialog\"\n\t\t\tonOpenChange={(e) => {\n\t\t\t\tif (!e.open) {\n\t\t\t\t\tonCancelLeave();\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t<Portal>\n\t\t\t\t<Dialog.Backdrop>\n\t\t\t\t\t<Dialog.Positioner>\n\t\t\t\t\t\t<Dialog.Content>\n\t\t\t\t\t\t\t<Dialog.Header fontSize=\"lg\" fontWeight=\"bold\">\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</Dialog.Header>\n\t\t\t\t\t\t\t<Dialog.Body>{message}</Dialog.Body>\n\t\t\t\t\t\t\t<Dialog.Footer>\n\t\t\t\t\t\t\t\t<ButtonGroup>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tvariant=\"solid\"\n\t\t\t\t\t\t\t\t\t\tcolorPalette=\"primary\"\n\t\t\t\t\t\t\t\t\t\tonClick={onConfirmLeave}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{confirmLabel}\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\t\tonClick={onCancelLeave}\n\t\t\t\t\t\t\t\t\t\tref={cancelRef}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{cancelLabel}\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t</ButtonGroup>\n\t\t\t\t\t\t\t</Dialog.Footer>\n\t\t\t\t\t\t</Dialog.Content>\n\t\t\t\t\t</Dialog.Positioner>\n\t\t\t\t</Dialog.Backdrop>\n\t\t\t</Portal>\n\t\t</Dialog.Root>\n\t);\n};\nLeavePageConfirmation.displayName = \"LeavePageConfirmation\";\n"]}

package/dist/chunk-CWBQKGL4.js

@@ -0,0 +1,75 @@
+import { NumberInput, RadioGroup as RadioGroup$1, NativeSelect as NativeSelect$1 } from '@chakra-ui/react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/primitives/native-select.tsx
+var NativeSelect = function NativeSelect2({
+  ref,
+  ...props
+}) {
+  const {
+    size,
+    variant,
+    disabled,
+    invalid,
+    unstyled,
+    placeholder,
+    children,
+    ...fieldProps
+  } = props;
+  return /* @__PURE__ */ jsxs(
+    NativeSelect$1.Root,
+    {
+      size,
+      variant,
+      disabled,
+      invalid,
+      unstyled,
+      children: [
+        /* @__PURE__ */ jsxs(NativeSelect$1.Field, { ref, ...fieldProps, children: [
+          placeholder && /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: placeholder }),
+          children
+        ] }),
+        /* @__PURE__ */ jsx(NativeSelect$1.Indicator, {})
+      ]
+    }
+  );
+};
+NativeSelect.displayName = "NativeSelect";
+var NumberInputRoot = function NumberInput$1({
+  ref,
+  ...props
+}) {
+  const { children, showStepper = true, ...rest } = props;
+  return /* @__PURE__ */ jsxs(NumberInput.Root, { ref, variant: "outline", ...rest, children: [
+    children,
+    showStepper && /* @__PURE__ */ jsxs(NumberInput.Control, { children: [
+      /* @__PURE__ */ jsx(NumberInput.IncrementTrigger, {}),
+      /* @__PURE__ */ jsx(NumberInput.DecrementTrigger, {})
+    ] })
+  ] });
+};
+NumberInputRoot.displayName = "NumberInputRoot";
+var NumberInputField = NumberInput.Input;
+NumberInputField.displayName = "NumberInputField";
+var NumberInputScrubber = NumberInput.Scrubber;
+NumberInputScrubber.displayName = "NumberInputScrubber";
+var NumberInputLabel = NumberInput.Label;
+NumberInputLabel.displayName = "NumberInputLabel";
+var Radio = function Radio2({
+  ref,
+  ...props
+}) {
+  const { children, inputProps, rootRef, ...rest } = props;
+  return /* @__PURE__ */ jsxs(RadioGroup$1.Item, { ref: rootRef, ...rest, children: [
+    /* @__PURE__ */ jsx(RadioGroup$1.ItemHiddenInput, { ref, ...inputProps }),
+    /* @__PURE__ */ jsx(RadioGroup$1.ItemIndicator, {}),
+    children && /* @__PURE__ */ jsx(RadioGroup$1.ItemText, { children })
+  ] });
+};
+Radio.displayName = "Radio";
+var RadioGroup = RadioGroup$1.Root;
+RadioGroup.displayName = "RadioGroup";
+
+export { NativeSelect, NumberInputField, NumberInputLabel, NumberInputRoot, NumberInputScrubber, Radio, RadioGroup };
+//# sourceMappingURL=chunk-CWBQKGL4.js.map
+//# sourceMappingURL=chunk-CWBQKGL4.js.map

package/dist/chunk-CWBQKGL4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/primitives/native-select.tsx","../src/primitives/number-input.tsx","../src/primitives/radio.tsx"],"names":["NativeSelect","ChakraNativeSelect","NumberInput","jsxs","ChakraNumberInput","jsx","Radio","ChakraRadioGroup"],"mappings":"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","file":"chunk-CWBQKGL4.js","sourcesContent":["import {\n\tNativeSelect as ChakraNativeSelect,\n\ttype NativeSelectFieldProps,\n\ttype NativeSelectRootProps,\n} from \"@chakra-ui/react\";\nimport type * as React from \"react\";\n\nexport interface NativeSelectProps\n\textends Omit<NativeSelectFieldProps, \"placeholder\"> {\n\t/** Props forwarded to the root wrapper. */\n\tsize?: NativeSelectRootProps[\"size\"];\n\tvariant?: NativeSelectRootProps[\"variant\"];\n\tdisabled?: NativeSelectRootProps[\"disabled\"];\n\tinvalid?: NativeSelectRootProps[\"invalid\"];\n\tunstyled?: NativeSelectRootProps[\"unstyled\"];\n\t/** Rendered as a disabled first <option> */\n\tplaceholder?: string;\n}\n\nexport const NativeSelect = function NativeSelect({\n\tref,\n\t...props\n}: NativeSelectProps & { ref?: React.Ref<HTMLSelectElement> }) {\n\tconst {\n\t\tsize,\n\t\tvariant,\n\t\tdisabled,\n\t\tinvalid,\n\t\tunstyled,\n\t\tplaceholder,\n\t\tchildren,\n\t\t...fieldProps\n\t} = props;\n\n\treturn (\n\t\t<ChakraNativeSelect.Root\n\t\t\tsize={size}\n\t\t\tvariant={variant}\n\t\t\tdisabled={disabled}\n\t\t\tinvalid={invalid}\n\t\t\tunstyled={unstyled}\n\t\t>\n\t\t\t<ChakraNativeSelect.Field ref={ref} {...fieldProps}>\n\t\t\t\t{placeholder && (\n\t\t\t\t\t<option value=\"\" disabled>\n\t\t\t\t\t\t{placeholder}\n\t\t\t\t\t</option>\n\t\t\t\t)}\n\t\t\t\t{children}\n\t\t\t</ChakraNativeSelect.Field>\n\t\t\t<ChakraNativeSelect.Indicator />\n\t\t</ChakraNativeSelect.Root>\n\t);\n};\nNativeSelect.displayName = \"NativeSelect\";\n","import { NumberInput as ChakraNumberInput } from \"@chakra-ui/react\";\nimport type * as React from \"react\";\n\nexport interface NumberInputProps extends ChakraNumberInput.RootProps {\n\tshowStepper?: boolean;\n}\n\nexport const NumberInputRoot = function NumberInput({\n\tref,\n\t...props\n}: NumberInputProps & { ref?: React.Ref<HTMLDivElement> }) {\n\tconst { children, showStepper = true, ...rest } = props;\n\treturn (\n\t\t<ChakraNumberInput.Root ref={ref} variant=\"outline\" {...rest}>\n\t\t\t{children}\n\t\t\t{showStepper && (\n\t\t\t\t<ChakraNumberInput.Control>\n\t\t\t\t\t<ChakraNumberInput.IncrementTrigger />\n\t\t\t\t\t<ChakraNumberInput.DecrementTrigger />\n\t\t\t\t</ChakraNumberInput.Control>\n\t\t\t)}\n\t\t</ChakraNumberInput.Root>\n\t);\n};\nNumberInputRoot.displayName = \"NumberInputRoot\";\n\nexport const NumberInputField = ChakraNumberInput.Input;\nNumberInputField.displayName = \"NumberInputField\";\nexport const NumberInputScrubber = ChakraNumberInput.Scrubber;\nNumberInputScrubber.displayName = \"NumberInputScrubber\";\nexport const NumberInputLabel = ChakraNumberInput.Label;\nNumberInputLabel.displayName = \"NumberInputLabel\";\n","import { RadioGroup as ChakraRadioGroup } from \"@chakra-ui/react\";\nimport type * as React from \"react\";\n\nexport interface RadioProps extends ChakraRadioGroup.ItemProps {\n\t/** Ref attached to the root element. */\n\trootRef?: React.RefObject<HTMLDivElement | null>;\n\t/** Additional props forwarded to the hidden input element. */\n\tinputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n}\n\nexport const Radio = function Radio({\n\tref,\n\t...props\n}: RadioProps & { ref?: React.Ref<HTMLInputElement> }) {\n\tconst { children, inputProps, rootRef, ...rest } = props;\n\treturn (\n\t\t<ChakraRadioGroup.Item ref={rootRef} {...rest}>\n\t\t\t<ChakraRadioGroup.ItemHiddenInput ref={ref} {...inputProps} />\n\t\t\t<ChakraRadioGroup.ItemIndicator />\n\t\t\t{children && (\n\t\t\t\t<ChakraRadioGroup.ItemText>{children}</ChakraRadioGroup.ItemText>\n\t\t\t)}\n\t\t</ChakraRadioGroup.Item>\n\t);\n};\nRadio.displayName = \"Radio\";\n\nexport const RadioGroup = ChakraRadioGroup.Root;\nRadioGroup.displayName = \"RadioGroup\";\n"]}

package/dist/components/index.js

@@ -1981,7 +1981,7 @@ var NavListGroup = ({ label, children }) => {
         children: label
       }
     ),
-    /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "0.5", children })
+    /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "1", "data-testid": "nav-list-group-items", children })
   ] });
 };
 NavListGroup.displayName = "NavList.Group";