@pibit.ai/cure-design-system 0.6.7 → 0.6.8

package/dist/patterns/table/toolbar/GroupByDropdown.js

@@ -3,9 +3,9 @@ import { useState as p, useEffect as O, useMemo as y } from "react";
 import { cx as R } from "../../../utils/cn.js";
 import { TOOLBAR_ICONS as _ } from "../toolbar-icons.js";
 import { resolveColumnLabel as c } from "./tableToolbarHelpers.js";
-import { RadioGroup as A, RadioButton as S } from "./ToolbarRadio.js";
 import { Dropdown as v } from "../../../primitives/dropdown/dropdown.js";
 import { Button as m } from "../../../primitives/button/button.js";
+import { RadioGroup as A, RadioButton as S } from "../../../primitives/radio/radio.js";
 const E = /* @__PURE__ */ new Set([
   "string",
   "number",

package/dist/patterns/table/toolbar/ToolbarRadio.d.ts

@@ -1,18 +1,6 @@
-import { FC, ReactNode, Ref } from 'react';
-import { RadioGroupProps as AriaRadioGroupProps, RadioProps as AriaRadioProps } from 'react-aria-components';
-interface RadioGroupContextType {
-    size?: "sm" | "md";
-}
-interface RadioButtonProps extends AriaRadioProps {
-    size?: "sm" | "md";
-    label?: ReactNode;
-    ref?: Ref<HTMLLabelElement>;
-}
-export declare const RadioButton: FC<RadioButtonProps>;
-interface RadioGroupProps extends RadioGroupContextType, AriaRadioGroupProps {
-    children: ReactNode;
-    className?: string;
-}
-export declare const RadioGroup: FC<RadioGroupProps>;
-export {};
+/**
+ * @deprecated Internal alias kept so code and tests that import `./ToolbarRadio` keep working.
+ * Import from `@/primitives/radio` instead.
+ */
+export { RadioButton, RadioGroup } from '../../../primitives/radio';
 //# sourceMappingURL=ToolbarRadio.d.ts.map

package/dist/patterns/table/toolbar/ToolbarRadio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarRadio.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/ToolbarRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAGL,KAAK,eAAe,IAAI,mBAAmB,EAC3C,KAAK,UAAU,IAAI,cAAc,EAClC,MAAM,uBAAuB,CAAC;AAG/B,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAwCD,UAAU,gBAAiB,SAAQ,cAAc;IAC/C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA6B5C,CAAC;AAEF,UAAU,eAAgB,SAAQ,qBAAqB,EAAE,mBAAmB;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAM1C,CAAC"}
+{"version":3,"file":"ToolbarRadio.d.ts","sourceRoot":"","sources":["../../../../src/patterns/table/toolbar/ToolbarRadio.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/primitives/radio/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioButton, RadioButtonBase, RadioGroup, type RadioButtonProps, type RadioButtonBaseProps, type RadioGroupProps, type RadioSize, } from './radio';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/radio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,eAAe,EACf,UAAU,EACV,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,SAAS,GACf,MAAM,SAAS,CAAC"}

package/dist/primitives/radio/radio.d.ts

@@ -0,0 +1,61 @@
+import { ReactNode, Ref } from 'react';
+import { RadioGroupProps as AriaRadioGroupProps, RadioProps as AriaRadioProps } from 'react-aria-components';
+export type RadioSize = "xs" | "sm" | "md";
+interface RadioGroupContextType {
+    size?: RadioSize;
+}
+export interface RadioButtonBaseProps {
+    /** `xs` and `sm` are a 16px circle, `md` is 20px. */
+    size?: RadioSize;
+    className?: string;
+    isFocusVisible?: boolean;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+}
+/**
+ * The circle on its own, for rows that handle selection themselves (menu rows, option cards
+ * built from buttons). Frozen to platform-ui's `base/radio-buttons`.
+ */
+export declare const RadioButtonBase: {
+    ({ className, isFocusVisible, isSelected, isDisabled, size }: RadioButtonBaseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export interface RadioButtonProps extends AriaRadioProps {
+    /** Overrides the group's `size` for this radio. */
+    size?: RadioSize;
+    label?: ReactNode;
+    /** Secondary text under the label. */
+    hint?: ReactNode;
+    /**
+     * Replaces the built-in circle and label, for option cards that lay out their own content.
+     * Render `RadioButtonBase` inside it to keep the circle. The option stays a React Aria radio.
+     */
+    children?: AriaRadioProps["children"];
+    ref?: Ref<HTMLLabelElement>;
+}
+/**
+ * A radio option built on React Aria. Use it inside a `RadioGroup`.
+ *
+ * @example
+ * <RadioGroup aria-label="Format" value={format} onChange={setFormat}>
+ *   <RadioButton value="csv" label="CSV" hint="Opens in any spreadsheet" />
+ *   <RadioButton value="xlsx" label="Excel" />
+ * </RadioGroup>
+ */
+export declare const RadioButton: {
+    ({ label, hint, className, size, children, ...ariaRadioProps }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export interface RadioGroupProps extends RadioGroupContextType, AriaRadioGroupProps {
+    /** Size of every radio in the group, unless a radio sets its own. */
+    size?: RadioSize;
+    children: ReactNode;
+    className?: string;
+}
+/** A React Aria radio group. Stacks its options in a column; pass `className="flex-row"` for a row. */
+export declare const RadioGroup: {
+    ({ children, className, size, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=radio.d.ts.map

package/dist/primitives/radio/radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/primitives/radio/radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAGL,KAAK,eAAe,IAAI,mBAAmB,EAC3C,KAAK,UAAU,IAAI,cAAc,EAElC,MAAM,uBAAuB,CAAC;AAG/B,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAID,MAAM,WAAW,oBAAoB;IACnC,qDAAqD;IACrD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe;kEAAwE,oBAAoB;;CAoBvH,CAAC;AASF,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,mDAAmD;IACnD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,sCAAsC;IACtC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IACtC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW;oEAAmE,gBAAgB;;CAmD1G,CAAC;AAGF,MAAM,WAAW,eAAgB,SAAQ,qBAAqB,EAAE,mBAAmB;IACjF,qEAAqE;IACrE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,uGAAuG;AACvG,eAAO,MAAM,UAAU;8CAAoD,eAAe;;CAMzF,CAAC"}

package/dist/primitives/radio/radio.js

@@ -0,0 +1,75 @@
+import { jsx as i, jsxs as u, Fragment as h } from "react/jsx-runtime";
+import { createContext as N, useContext as v, useId as R } from "react";
+import { RadioGroup as z, Radio as B, Text as w } from "react-aria-components";
+import { cx as a } from "../../utils/cn.js";
+const x = N(null), f = ({ className: e, isFocusVisible: t, isSelected: o, isDisabled: r, size: n = "sm" }) => /* @__PURE__ */ i(
+  "div",
+  {
+    className: a(
+      "flex size-4 min-h-4 min-w-4 cursor-pointer appearance-none items-center justify-center rounded-full bg-primary ring-1 ring-primary ring-inset",
+      n === "md" && "size-5 min-h-5 min-w-5",
+      o && !r && "bg-brand-solid ring-bg-brand-solid",
+      r && "cursor-not-allowed border-disabled bg-disabled_subtle",
+      t && "outline-2 outline-offset-2 outline-focus-ring",
+      e
+    ),
+    children: /* @__PURE__ */ i(
+      "div",
+      {
+        className: a(
+          "size-1.5 rounded-full bg-fg-white opacity-0 transition-inherit-all",
+          n === "md" && "size-2",
+          r && "bg-fg-disabled_subtle",
+          o && "opacity-100"
+        )
+      }
+    )
+  }
+);
+f.displayName = "RadioButtonBase";
+const d = {
+  xs: { root: "gap-2", textWrapper: "", label: "text-xs font-medium", hint: "text-xs" },
+  sm: { root: "gap-2", textWrapper: "", label: "text-sm font-medium", hint: "text-sm" },
+  md: { root: "gap-3", textWrapper: "gap-0.5", label: "text-md font-medium", hint: "text-md" }
+}, G = ({ label: e, hint: t, className: o, size: r, children: n, ...m }) => {
+  const c = v(x), s = r ?? (c == null ? void 0 : c.size) ?? "sm", p = R(), b = e && t && !m["aria-label"] && !m["aria-labelledby"] ? p : void 0;
+  return /* @__PURE__ */ i(
+    B,
+    {
+      "aria-labelledby": b,
+      ...m,
+      className: (l) => a(
+        // `relative` keeps React Aria's hidden input inside the label, so focusing it never scrolls the page.
+        "relative flex items-start",
+        l.isDisabled && "cursor-not-allowed",
+        d[s].root,
+        typeof o == "function" ? o(l) : o
+      ),
+      children: n ?? (({ isSelected: l, isDisabled: g, isFocusVisible: y }) => /* @__PURE__ */ u(h, { children: [
+        /* @__PURE__ */ i(
+          f,
+          {
+            size: s,
+            isSelected: l,
+            isDisabled: g,
+            isFocusVisible: y,
+            className: e || t ? "mt-0.5" : ""
+          }
+        ),
+        (e || t) && /* @__PURE__ */ u("div", { className: a("inline-flex flex-col", d[s].textWrapper), children: [
+          e && /* @__PURE__ */ i("p", { id: p, className: a("text-secondary select-none", d[s].label), children: e }),
+          t && // The description slot sets the input's aria-describedby, so the hint reads as a description.
+          /* @__PURE__ */ i(w, { slot: "description", className: a("text-tertiary", d[s].hint), children: t })
+        ] })
+      ] }))
+    }
+  );
+};
+G.displayName = "RadioButton";
+const W = ({ children: e, className: t, size: o = "sm", ...r }) => /* @__PURE__ */ i(x.Provider, { value: { size: o }, children: /* @__PURE__ */ i(z, { ...r, className: a("flex flex-col gap-4", t), children: e }) });
+W.displayName = "RadioGroup";
+export {
+  G as RadioButton,
+  f as RadioButtonBase,
+  W as RadioGroup
+};