@ladder-ui/radio-group 0.5.0 → 0.7.0

package/dist/index.js

@@ -1 +1 @@
-"use strict";var a=require("react/jsx-runtime"),e=require("react"),r=require("@ladder-ui/core"),i=require("@ladder-ui/layout"),o=require("@ladder-ui/primitives");const s=e.createContext(null),l=r.cva({base:"lui-radio-group-item",variants:{size:{sm:"lui-radio-group-item--sm",md:"lui-radio-group-item--md",lg:"lui-radio-group-item--lg"},status:{default:"",error:"lui-radio-group-item--error"},disabled:{true:"lui-radio-group-item--disabled",false:""}},defaultVariants:{size:"md",status:"default"}}),u=e.forwardRef(({children:e,className:l,value:u,defaultValue:d,onValueChange:t,name:n,disabled:m,orientation:c="vertical",...p},g)=>{const h=o.useRadioGroup({value:u,defaultValue:d,onValueChange:t,name:n,disabled:m});return a.jsx(s,{value:h,children:a.jsx(i.Flex,{ref:g,role:"radiogroup",direction:"horizontal"===c?"row":"column",gap:"2",className:r.concatClassNames("lui-radio-group","horizontal"===c&&"lui-radio-group--horizontal",l),...p,children:e})})});u.displayName="RadioGroup";const d=e.forwardRef(({className:r,value:o,size:u,status:d,disabled:t,...n},m)=>{const c=e.use(s);if(!c)return null;const p=c.value===o,g=t||c.disabled;return a.jsxs(i.Box,{as:"span","data-slot":"radio-group-item",className:l({size:u,status:d,disabled:g,className:r}),children:[a.jsx("input",{ref:m,type:"radio",name:c.name,value:o,checked:p,disabled:g,"aria-invalid":"error"===d||void 0,className:"lui-radio-group-item__input",onChange:()=>c.onValueChange(o),...n}),a.jsx(i.Box,{as:"span",className:"lui-radio-group-item__control","aria-hidden":"true",children:a.jsx(i.Box,{as:"span",className:"lui-radio-group-item__dot"})})]})});d.displayName="RadioGroupItem",exports.RadioGroup=u,exports.RadioGroupItem=d;
+"use strict";var e=require("react/jsx-runtime"),a=require("react"),r=require("@ladder-ui/core"),i=require("@ladder-ui/layout"),o=require("@ladder-ui/primitives");const u=a.createContext(null),s=r.cva({base:"lui-radio-group-item",variants:{size:{sm:"lui-radio-group-item--sm",md:"lui-radio-group-item--md",lg:"lui-radio-group-item--lg"},status:{default:"",error:"lui-radio-group-item--error"},disabled:{true:"lui-radio-group-item--disabled",false:""}},defaultVariants:{size:"md",status:"default"}});function l({ref:a,children:s,className:l,value:t,defaultValue:d,onValueChange:n,name:m,disabled:c,orientation:p="vertical",...g}){const h=o.useRadioGroup({value:t,defaultValue:d,onValueChange:n,name:m,disabled:c});return e.jsx(u,{value:h,children:e.jsx(i.Flex,{ref:a,role:"radiogroup",direction:"horizontal"===p?"row":"column",gap:"2",className:r.concatClassNames("lui-radio-group","horizontal"===p&&"lui-radio-group--horizontal",l),...g,children:s})})}function t({ref:r,className:o,value:l,size:t,status:d,disabled:n,...m}){const c=a.use(u);if(!c)return null;const p=c.value===l,g=n||c.disabled;return e.jsxs(i.Box,{as:"span","data-slot":"radio-group-item",className:s({size:t,status:d,disabled:g,className:o}),children:[e.jsx("input",{ref:r,type:"radio",name:c.name,value:l,checked:p,disabled:g,"aria-invalid":"error"===d||void 0,className:"lui-radio-group-item__input",onChange:()=>c.onValueChange(l),...m}),e.jsx(i.Box,{as:"span",className:"lui-radio-group-item__control","aria-hidden":"true",children:e.jsx(i.Box,{as:"span",className:"lui-radio-group-item__dot"})})]})}l.displayName="RadioGroup",t.displayName="RadioGroupItem",exports.RadioGroup=l,exports.RadioGroupItem=t;

package/dist/index.mjs

@@ -1 +1 @@
-import{jsx as a,jsxs as e}from"react/jsx-runtime";import{createContext as i,forwardRef as r,use as o}from"react";import{cva as l,concatClassNames as d}from"@ladder-ui/core";import{Flex as t,Box as u}from"@ladder-ui/layout";import{useRadioGroup as s}from"@ladder-ui/primitives";const n=i(null),m=l({base:"lui-radio-group-item",variants:{size:{sm:"lui-radio-group-item--sm",md:"lui-radio-group-item--md",lg:"lui-radio-group-item--lg"},status:{default:"",error:"lui-radio-group-item--error"},disabled:{true:"lui-radio-group-item--disabled",false:""}},defaultVariants:{size:"md",status:"default"}}),p=r(({children:e,className:i,value:r,defaultValue:o,onValueChange:l,name:u,disabled:m,orientation:p="vertical",...c},g)=>{const f=s({value:r,defaultValue:o,onValueChange:l,name:u,disabled:m});return a(n,{value:f,children:a(t,{ref:g,role:"radiogroup",direction:"horizontal"===p?"row":"column",gap:"2",className:d("lui-radio-group","horizontal"===p&&"lui-radio-group--horizontal",i),...c,children:e})})});p.displayName="RadioGroup";const c=r(({className:i,value:r,size:l,status:d,disabled:t,...s},p)=>{const c=o(n);if(!c)return null;const g=c.value===r,f=t||c.disabled;return e(u,{as:"span","data-slot":"radio-group-item",className:m({size:l,status:d,disabled:f,className:i}),children:[a("input",{ref:p,type:"radio",name:c.name,value:r,checked:g,disabled:f,"aria-invalid":"error"===d||void 0,className:"lui-radio-group-item__input",onChange:()=>c.onValueChange(r),...s}),a(u,{as:"span",className:"lui-radio-group-item__control","aria-hidden":"true",children:a(u,{as:"span",className:"lui-radio-group-item__dot"})})]})});c.displayName="RadioGroupItem";export{p as RadioGroup,c as RadioGroupItem};
+import{jsx as a,jsxs as e}from"react/jsx-runtime";import{createContext as i,use as r}from"react";import{cva as o,concatClassNames as l}from"@ladder-ui/core";import{Flex as u,Box as t}from"@ladder-ui/layout";import{useRadioGroup as d}from"@ladder-ui/primitives";const s=i(null),n=o({base:"lui-radio-group-item",variants:{size:{sm:"lui-radio-group-item--sm",md:"lui-radio-group-item--md",lg:"lui-radio-group-item--lg"},status:{default:"",error:"lui-radio-group-item--error"},disabled:{true:"lui-radio-group-item--disabled",false:""}},defaultVariants:{size:"md",status:"default"}});function m({ref:e,children:i,className:r,value:o,defaultValue:t,onValueChange:n,name:m,disabled:p,orientation:c="vertical",...g}){const f=d({value:o,defaultValue:t,onValueChange:n,name:m,disabled:p});return a(s,{value:f,children:a(u,{ref:e,role:"radiogroup",direction:"horizontal"===c?"row":"column",gap:"2",className:l("lui-radio-group","horizontal"===c&&"lui-radio-group--horizontal",r),...g,children:i})})}function p({ref:i,className:o,value:l,size:u,status:d,disabled:m,...p}){const c=r(s);if(!c)return null;const g=c.value===l,f=m||c.disabled;return e(t,{as:"span","data-slot":"radio-group-item",className:n({size:u,status:d,disabled:f,className:o}),children:[a("input",{ref:i,type:"radio",name:c.name,value:l,checked:g,disabled:f,"aria-invalid":"error"===d||void 0,className:"lui-radio-group-item__input",onChange:()=>c.onValueChange(l),...p}),a(t,{as:"span",className:"lui-radio-group-item__control","aria-hidden":"true",children:a(t,{as:"span",className:"lui-radio-group-item__dot"})})]})}m.displayName="RadioGroup",p.displayName="RadioGroupItem";export{m as RadioGroup,p as RadioGroupItem};

package/dist/radio-group.d.ts

@@ -19,15 +19,38 @@ declare const radioGroupItemVariants: (props?: (import("packages/core/dist/cva")
     className?: string;
 }) | undefined) => string;
 export interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue">, UseRadioGroupProps {
+    /** React 19 ref — points to the root `<div>` element. */
+    ref?: Ref<HTMLDivElement>;
     children?: ReactNode;
+    /** Controlled selected value. */
+    value?: string;
+    /** Initial selected value for uncontrolled usage. */
+    defaultValue?: string;
+    /** Callback fired when the selected value changes. */
+    onValueChange?: (value: string) => void;
+    /** Shared `name` attribute forwarded to all radio inputs — required for native form submission. */
+    name?: string;
+    /** Disables all radio items in the group. @default false */
+    disabled?: boolean;
+    /** Layout direction of the radio items. @default "vertical" */
     orientation?: "vertical" | "horizontal";
 }
-export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function RadioGroup({ ref, children, className, value, defaultValue, onValueChange, name, disabled, orientation, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace RadioGroup {
+    var displayName: string;
+}
 export interface RadioGroupItemProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value">, VariantProps<typeof radioGroupItemVariants> {
+    /** React 19 ref — points to the native `<input type="radio">` element. */
     ref?: Ref<HTMLInputElement>;
+    /** Value submitted with the form when this item is selected. */
     value: string;
+    /** Size of the radio control. @default "md" */
     size?: "sm" | "md" | "lg";
+    /** Visual validation state — `"error"` highlights the control in red. @default "default" */
     status?: "default" | "error";
 }
-export declare const RadioGroupItem: import("react").ForwardRefExoticComponent<Omit<RadioGroupItemProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare function RadioGroupItem({ ref, className, value, size, status, disabled, ...props }: RadioGroupItemProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace RadioGroupItem {
+    var displayName: string;
+}
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ladder-ui/radio-group",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -49,7 +49,7 @@
     "sass": "^1.90.0",
     "tslib": "^2.6.2",
     "typescript": "^5.3.3",
-    "@ladder-ui/core": "0.5.0"
+    "@ladder-ui/core": "0.7.0"
   },
   "peerDependencies": {
     "@ladder-ui/core": ">=0.0.0",
@@ -59,8 +59,8 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@ladder-ui/layout": "^0.5.0",
-    "@ladder-ui/primitives": "^0.5.0"
+    "@ladder-ui/layout": "^0.7.0",
+    "@ladder-ui/primitives": "^0.7.0"
   },
   "scripts": {
     "build": "pnpm clean && rollup -c",