@still-forest/canopy 0.51.1 → 0.52.0

package/dist/index.d.ts

@@ -767,15 +767,18 @@ declare interface Props_5 extends SidebarProps {
     children?: React.ReactNode;
 }
 
-export declare const RadioSelect: ({ label, name, options, value, onChange, error, labelClassName }: RadioSelectProps) => JSX.Element;
+export declare const RadioSelect: ({ cols, gap, label, name, options, value, size, onChange, error, labelClassName, }: RadioSelectProps) => JSX.Element;
 
 declare interface RadioSelectProps {
+    cols?: GridCols;
+    gap?: Gap;
     name: string;
     label?: string;
     labelClassName?: string;
     value?: string;
     options: Option_3[];
     onChange?: (value: string) => void;
+    size?: "sm" | "md" | "lg";
     error?: string;
 }
 

package/dist/index.js

@@ -8873,7 +8873,7 @@ const Hx = ({
   className: t,
   position: n = "outside",
   type: r = "unordered",
-  variant: o = "muted",
+  variant: o = "default",
   ...a
 }) => /* @__PURE__ */ c.jsx(
   "ul",
@@ -14090,14 +14090,28 @@ function ik({ className: e, ...t }) {
     }
   );
 }
-const OS = ({ label: e, name: t, options: n, value: r, onChange: o, error: a, labelClassName: s }) => /* @__PURE__ */ c.jsxs(V1, { className: "flex flex-col gap-4 px-2 py-1", label: e, labelFor: t, children: [
-  /* @__PURE__ */ c.jsx(sk, { className: "w-full", name: t, onValueChange: o, value: r, children: /* @__PURE__ */ c.jsx(nd, { cols: "2", children: n.map((i, l) => /* @__PURE__ */ c.jsxs(ie, { align: "center", gap: "2", justify: "start", children: [
-    /* @__PURE__ */ c.jsx(ik, { id: i.value, value: i.value }),
-    /* @__PURE__ */ c.jsx(Ie, { className: s, htmlFor: i.value, children: i.label }),
-    i.hint && /* @__PURE__ */ c.jsx(Dt, { content: i.hint })
-  ] }, l)) }) }),
-  a && /* @__PURE__ */ c.jsx(at, { message: a })
-] });
+const OS = ({
+  cols: e = "1",
+  gap: t = "2",
+  label: n,
+  name: r,
+  options: o,
+  value: a,
+  size: s = "md",
+  onChange: i,
+  error: l,
+  labelClassName: d
+}) => {
+  const f = s === "lg" ? "size-5" : s === "md" ? "size-4" : "size-3";
+  return /* @__PURE__ */ c.jsxs(V1, { className: "flex flex-col gap-4 px-4 py-2", label: n, labelFor: r, children: [
+    /* @__PURE__ */ c.jsx(sk, { className: "w-full", name: r, onValueChange: i, value: a, children: /* @__PURE__ */ c.jsx(nd, { cols: e, gap: t, children: o.map((u, p) => /* @__PURE__ */ c.jsxs(ie, { align: "center", gap: "2", justify: "start", children: [
+      /* @__PURE__ */ c.jsx(ik, { className: f, id: u.value, value: u.value }),
+      /* @__PURE__ */ c.jsx(Ie, { className: d, htmlFor: u.value, size: s, children: u.label }),
+      u.hint && /* @__PURE__ */ c.jsx(Dt, { content: u.hint })
+    ] }, p)) }) }),
+    l && /* @__PURE__ */ c.jsx(at, { message: l })
+  ] });
+};
 function lk({ className: e, ...t }) {
   return /* @__PURE__ */ c.jsxs(
     "div",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@still-forest/canopy",
-  "version": "0.51.1",
+  "version": "0.52.0",
   "author": "John Szymanowski",
   "license": "MIT",
   "description": "React components, built with Tailwind CSS, Shadcn, and VisX",
@@ -63,7 +63,7 @@
     "vaul": "^1.1.2"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.3.10",
+    "@biomejs/biome": "2.3.11",
     "@still-forest/biomejs-config": "2.2.0",
     "@storybook/addon-docs": "10.1.11",
     "@storybook/addon-themes": "10.1.11",
@@ -84,7 +84,7 @@
     "jsdom": "27.4.0",
     "react": "19.2.3",
     "react-dom": "19.2.3",
-    "release-it": "19.2.2",
+    "release-it": "19.2.3",
     "storybook": "10.1.11",
     "tailwind-merge": "3.4.0",
     "tailwindcss": "4.1.18",