@douglasneuroinformatics/libui 6.1.1 → 6.1.3

package/dist/components/Form/BaseRadioField.d.ts

@@ -7,7 +7,6 @@ export type BaseRadioFieldProps<T extends string> = Simplify<BaseFieldComponentP
     options: {
         [K in T]: string;
     };
-    orientation?: 'horizontal' | 'vertical';
 }>;
-export declare const BaseRadioField: <T extends string>({ description, disabled, error, label, name, options, orientation, readOnly, setValue, value }: BaseRadioFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseRadioField: <T extends string>({ description, disabled, error, label, name, options, readOnly, setValue, value }: BaseRadioFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BaseRadioField.d.ts.map

package/dist/components/Form/BaseRadioField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseRadioField.d.ts","sourceRoot":"","sources":["../../../src/components/Form/BaseRadioField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAM1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAc1D,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,IAAI,QAAQ,CAC1D,uBAAuB,CAAC,CAAC,CAAC,GAAG;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;SAAG,CAAC,IAAI,CAAC,GAAG,MAAM;KAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,CACF,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,EAAE,gGAW9C,mBAAmB,CAAC,CAAC,CAAC,4CA8BxB,CAAC"}
+{"version":3,"file":"BaseRadioField.d.ts","sourceRoot":"","sources":["../../../src/components/Form/BaseRadioField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAM1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,IAAI,QAAQ,CAC1D,uBAAuB,CAAC,CAAC,CAAC,GAAG;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;SAAG,CAAC,IAAI,CAAC,GAAG,MAAM;KAAE,CAAC;CAC/B,CACF,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,EAAE,mFAU9C,mBAAmB,CAAC,CAAC,CAAC,4CAwBxB,CAAC"}

package/dist/components/Form/BaseRadioField.js

@@ -1,21 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cva } from 'class-variance-authority';
 import { Label } from "../Label/Label.js";
 import { RadioGroup } from "../RadioGroup/RadioGroup.js";
 import { FieldGroup } from "./FieldGroup/FieldGroup.js";
-const baseRadioFieldVariants = cva('flex', {
-    defaultVariants: {
-        orientation: 'vertical'
-    },
-    variants: {
-        orientation: {
-            horizontal: 'flex-col @3xl:flex-row @3xl:items-center @3xl:justify-between',
-            vertical: 'flex-col'
-        }
-    }
-});
-export const BaseRadioField = ({ description, disabled, error, label, name, options, orientation = 'vertical', readOnly, setValue, value }) => {
-    const optionsCount = Object.keys(options).length;
-    return (_jsxs(FieldGroup, { name: name, children: [_jsxs(FieldGroup.Row, { children: [_jsx(Label, { children: label }), _jsx(FieldGroup.Description, { description: description })] }), _jsx(RadioGroup, { className: baseRadioFieldVariants({ orientation: optionsCount > 5 ? 'vertical' : orientation }), name: name, value: value ?? '', onValueChange: (value) => setValue(value), children: Object.keys(options).map((option) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroup.Item, { disabled: disabled || readOnly, id: `${name}-${option}`, value: option }), _jsx(Label, { "aria-disabled": disabled || readOnly, className: "text-muted-foreground font-normal", htmlFor: `${name}-${option}`, children: options[option] })] }, option))) }), _jsx(FieldGroup.Error, { error: error })] }));
+export const BaseRadioField = ({ description, disabled, error, label, name, options, readOnly, setValue, value }) => {
+    return (_jsxs(FieldGroup, { name: name, children: [_jsxs(FieldGroup.Row, { children: [_jsx(Label, { children: label }), _jsx(FieldGroup.Description, { description: description })] }), _jsx(RadioGroup, { name: name, value: value ?? '', onValueChange: (value) => setValue(value), children: Object.keys(options).map((option) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroup.Item, { disabled: disabled || readOnly, id: `${name}-${option}`, value: option }), _jsx(Label, { "aria-disabled": disabled || readOnly, className: "text-muted-foreground font-normal", htmlFor: `${name}-${option}`, children: options[option] })] }, option))) }), _jsx(FieldGroup.Error, { error: error })] }));
 };
 //# sourceMappingURL=BaseRadioField.js.map

package/dist/components/Form/BaseRadioField.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseRadioField.js","sourceRoot":"","sources":["../../../src/components/Form/BaseRadioField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAG/C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAC;AAIzD,MAAM,sBAAsB,GAAG,GAAG,CAAC,MAAM,EAAE;IACzC,eAAe,EAAE;QACf,WAAW,EAAE,UAAU;KACxB;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,UAAU,EAAE,+DAA+D;YAC3E,QAAQ,EAAE,UAAU;SACrB;KACF;CACF,CAAC,CAAC;AAYH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAmB,EAC/C,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAAW,GAAG,UAAU,EACxB,QAAQ,EACR,QAAQ,EACR,KAAK,EACkB,EAAE,EAAE;IAC3B,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;IACjD,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,IAAI,aACpB,MAAC,UAAU,CAAC,GAAG,eACb,KAAC,KAAK,cAAE,KAAK,GAAS,EACtB,KAAC,UAAU,CAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,IACrC,EACjB,KAAC,UAAU,IACT,SAAS,EAAE,sBAAsB,CAAC,EAAE,WAAW,EAAE,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,EAC/F,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAU,CAAC,YAE7C,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACpC,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,UAAU,CAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAAE,EAAE,EAAE,GAAG,IAAI,IAAI,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,GAAI,EAC3F,KAAC,KAAK,qBACW,QAAQ,IAAI,QAAQ,EACnC,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAE,GAAG,IAAI,IAAI,MAAM,EAAE,YAE3B,OAAO,CAAC,MAAW,CAAC,GACf,KARoC,MAAM,CAS9C,CACP,CAAC,GACS,EACb,KAAC,UAAU,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,GAAI,IACvB,CACd,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"BaseRadioField.js","sourceRoot":"","sources":["../../../src/components/Form/BaseRadioField.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA6B,CAAC;AAazD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAmB,EAC/C,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACkB,EAAE,EAAE;IAC3B,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,IAAI,aACpB,MAAC,UAAU,CAAC,GAAG,eACb,KAAC,KAAK,cAAE,KAAK,GAAS,EACtB,KAAC,UAAU,CAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,IACrC,EACjB,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAU,CAAC,YACvF,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACpC,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,UAAU,CAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAAE,EAAE,EAAE,GAAG,IAAI,IAAI,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,GAAI,EAC3F,KAAC,KAAK,qBACW,QAAQ,IAAI,QAAQ,EACnC,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAE,GAAG,IAAI,IAAI,MAAM,EAAE,YAE3B,OAAO,CAAC,MAAW,CAAC,GACf,KARoC,MAAM,CAS9C,CACP,CAAC,GACS,EACb,KAAC,UAAU,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,GAAI,IACvB,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Form/NumberField/NumberFieldRadio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFieldRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/NumberField/NumberFieldRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAO1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAC1C,uBAAuB,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,eAAe,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CAChF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,sGAW9B,qBAAqB,4CAwCvB,CAAC"}
+{"version":3,"file":"NumberFieldRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/NumberField/NumberFieldRadio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAM1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAC1C,uBAAuB,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,eAAe,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CAChF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,sGAW9B,qBAAqB,4CA0DvB,CAAC"}

package/dist/components/Form/NumberField/NumberFieldRadio.js

@@ -1,15 +1,31 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
 import { Label, RadioGroup } from '#components';
-import { cn } from '#utils';
 import { FieldGroup } from "../FieldGroup/FieldGroup.js";
 export const NumberFieldRadio = ({ description, disableAutoPrefix, disabled, error, label, name, options, readOnly, setValue, value }) => {
+    const radioGroupRef = useRef(null);
+    const [isColumnLayout, setIsColumnLayout] = useState(false);
     const optionsCount = Object.keys(options).length;
-    return (_jsxs(FieldGroup, { name: name, children: [_jsxs(FieldGroup.Row, { children: [_jsx(Label, { children: label }), _jsx(FieldGroup.Description, { description: description })] }), _jsx(RadioGroup, { className: cn('flex', optionsCount > 5 ? 'flex-col' : 'flex-col @3xl:flex-row @3xl:items-center @3xl:justify-between'), name: name, value: value?.toString() ?? '', onValueChange: (value) => setValue(parseInt(value)), children: Object.keys(options)
+    useEffect(() => {
+        const observer = new ResizeObserver(([entry]) => {
+            const { width: rootWidth } = entry.target.getBoundingClientRect();
+            const children = Array.from(entry.target.children);
+            const totalChildWidth = children.reduce((sum, child) => sum + child.scrollWidth, 0);
+            const isOverflowing = totalChildWidth > rootWidth - children.length * 24; // to additional provide spacing between items
+            setIsColumnLayout(isOverflowing);
+        });
+        if (radioGroupRef.current) {
+            observer.observe(radioGroupRef.current);
+        }
+        return () => observer.disconnect();
+    }, []);
+    return (_jsxs(FieldGroup, { name: name, children: [_jsxs(FieldGroup.Row, { children: [_jsx(Label, { children: label }), _jsx(FieldGroup.Description, { description: description })] }), _jsx(RadioGroup, { className: "grid justify-between", name: name, ref: radioGroupRef, style: {
+                    gridTemplateColumns: isColumnLayout ? 'repeat(1, 1fr)' : `repeat(${optionsCount}, auto)`
+                }, value: value?.toString() ?? '', onValueChange: (value) => setValue(parseInt(value, 10)), children: Object.keys(options)
                     .map((val) => parseInt(val))
                     .toSorted((a, b) => a - b)
                     .map((val) => {
-                    const text = (disableAutoPrefix ? '' : `${val} - `) + options[val];
-                    return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(RadioGroup.Item, { disabled: disabled || readOnly, id: `${name}-${val}`, value: val.toString() }), _jsx(Label, { "aria-disabled": disabled || readOnly, className: "text-muted-foreground font-normal", htmlFor: `${name}-${val}`, children: text })] }, val));
+                    return (_jsxs("div", { className: "flex w-fit items-center gap-2", children: [_jsx(RadioGroup.Item, { disabled: disabled || readOnly, id: `${name}-${val}`, value: val.toString() }), _jsxs(Label, { "aria-disabled": disabled || readOnly, className: "text-muted-foreground flex items-center font-normal", htmlFor: `${name}-${val}`, children: [!disableAutoPrefix && _jsxs("span", { className: "whitespace-nowrap", children: [val, "\u00A0-\u00A0"] }), _jsx("span", { children: options[val] })] })] }, val));
                 }) }), _jsx(FieldGroup.Error, { error: error })] }));
 };
 //# sourceMappingURL=NumberFieldRadio.js.map

package/dist/components/Form/NumberField/NumberFieldRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFieldRadio.js","sourceRoot":"","sources":["../../../../src/components/Form/NumberField/NumberFieldRadio.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAC;AAQ1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,WAAW,EACX,iBAAiB,EACjB,QAAQ,EACR,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACiB,EAAE,EAAE;IAC1B,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;IAEjD,OAAO,CACL,MAAC,UAAU,IAAC,IAAI,EAAE,IAAI,aACpB,MAAC,UAAU,CAAC,GAAG,eACb,KAAC,KAAK,cAAE,KAAK,GAAS,EACtB,KAAC,UAAU,CAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,IACrC,EACjB,KAAC,UAAU,IACT,SAAS,EAAE,EAAE,CACX,MAAM,EACN,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,+DAA+D,CAChG,EACD,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,EAC9B,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,YAElD,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;qBAClB,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;qBAC3B,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;qBACzB,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACX,MAAM,IAAI,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;oBACnE,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,UAAU,CAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAAE,EAAE,EAAE,GAAG,IAAI,IAAI,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,QAAQ,EAAE,GAAI,EAChG,KAAC,KAAK,qBACW,QAAQ,IAAI,QAAQ,EACnC,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAE,GAAG,IAAI,IAAI,GAAG,EAAE,YAExB,IAAI,GACC,KARoC,GAAG,CAS3C,CACP,CAAC;gBACJ,CAAC,CAAC,GACO,EACb,KAAC,UAAU,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,GAAI,IACvB,CACd,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"NumberFieldRadio.js","sourceRoot":"","sources":["../../../../src/components/Form/NumberField/NumberFieldRadio.tsx"],"names":[],"mappings":"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"}

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
-export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
-    Item: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+import { Root } from '@radix-ui/react-radio-group';
+type RadioGroupProps = React.ComponentProps<typeof Root>;
+export declare const RadioGroup: React.FC<import("@radix-ui/react-radio-group").RadioGroupProps & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.FC<import("@radix-ui/react-radio-group").RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
 };
 export type { RadioGroupProps };
 //# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/RadioGroup/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAMnE,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC;AAWvF,eAAO,MAAM,UAAU;;CAErB,CAAC;AAEH,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAMnD,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAMzD,eAAO,MAAM,UAAU;;CAErB,CAAC;AAEH,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Root } from '@radix-ui/react-radio-group';
 import { cn } from '#utils';
 import { RadioGroupItem } from "./RadioGroupItem.js";
-const RadioGroupRoot = React.forwardRef(function RadioGroup({ className, ...props }, ref) {
-    return (_jsx(RadioGroupPrimitive.Root, { className: cn('grid gap-2', className), "data-testid": "radio-group", ...props, ref: ref }));
-});
+const RadioGroupRoot = ({ className, ...props }) => {
+    return _jsx(Root, { className: cn('grid gap-2', className), "data-testid": "radio-group", ...props });
+};
 export const RadioGroup = Object.assign(RadioGroupRoot, {
     Item: RadioGroupItem
 });

package/dist/components/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAsB,CAAC;AAItD,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAChD,OAAO,CACL,KAAC,mBAAmB,CAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,iBAAc,aAAa,KAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CACpH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACtD,IAAI,EAAE,cAAc;CACrB,CAAC,CAAC"}
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAsB,CAAC;AAItD,MAAM,cAAc,GAA8B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC5E,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,iBAAc,aAAa,KAAK,KAAK,GAAI,CAAC;AAC/F,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACtD,IAAI,EAAE,cAAc;CACrB,CAAC,CAAC"}

package/dist/components/RadioGroup/RadioGroupItem.d.ts

@@ -1,3 +1,3 @@
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-export declare const RadioGroupItem: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+import { Item } from '@radix-ui/react-radio-group';
+export declare const RadioGroupItem: React.FC<React.ComponentProps<typeof Item>>;
 //# sourceMappingURL=RadioGroupItem.d.ts.map

package/dist/components/RadioGroup/RadioGroupItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupItem.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroupItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAKnE,eAAO,MAAM,cAAc,uMAqBzB,CAAC"}
+{"version":3,"file":"RadioGroupItem.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroupItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAK9D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAiBtE,CAAC"}

package/dist/components/RadioGroup/RadioGroupItem.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Indicator, Item } from '@radix-ui/react-radio-group';
 import { CircleIcon } from 'lucide-react';
 import { cn } from '#utils';
-export const RadioGroupItem = forwardRef(function RadioGroupItem({ className, ...props }, ref) {
-    return (_jsx(RadioGroupPrimitive.Item, { className: cn('border-primary text-primary focus-visible:ring-ring flex aspect-square h-4 w-4 items-center justify-center rounded-full border shadow-sm focus:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50', className), ref: ref, ...props, children: _jsx(RadioGroupPrimitive.Indicator, { asChild: true, children: _jsx(CircleIcon, { className: "fill-current text-current", style: { height: '0.625rem', strokeWidth: '2px', width: '0.625rem' } }) }) }));
-});
+export const RadioGroupItem = ({ className, ...props }) => {
+    return (_jsx(Item, { className: cn('border-primary text-primary focus-visible:ring-ring flex aspect-square h-4 w-4 items-center justify-center rounded-full border shadow-sm focus:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: _jsx(Indicator, { asChild: true, children: _jsx(CircleIcon, { className: "fill-current text-current", style: { height: '0.625rem', strokeWidth: '2px', width: '0.625rem' } }) }) }));
+};
 //# sourceMappingURL=RadioGroupItem.js.map

package/dist/components/RadioGroup/RadioGroupItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupItem.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroupItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAGtC,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACpD,OAAO,CACL,KAAC,mBAAmB,CAAC,IAAI,IACvB,SAAS,EAAE,EAAE,CACX,oOAAoO,EACpO,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,YAET,KAAC,mBAAmB,CAAC,SAAS,IAAC,OAAO,kBACpC,KAAC,UAAU,IACT,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,GACpE,GAC4B,GACP,CAC5B,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"RadioGroupItem.js","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroupItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,MAAM,CAAC,MAAM,cAAc,GAAgD,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrG,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,oOAAoO,EACpO,SAAS,CACV,KACG,KAAK,YAET,KAAC,SAAS,IAAC,OAAO,kBAChB,KAAC,UAAU,IACT,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,GACpE,GACQ,GACP,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/i18n/translator.js

@@ -75,7 +75,7 @@ let Translator = (() => {
             const globalObj = globalThis;
             globalObj[globalKey] ??= [];
             globalObj[globalKey].push(this);
-            if (globalObj[globalKey].length > 0) {
+            if (globalObj[globalKey].length > 1) {
                 console.warn(`WARNING: Multiple Translator instances detected (existing: ${globalObj[globalKey].length})`);
                 // Check if prototypes are the same (can occur if multiple library versions are loaded)
                 const differentPrototype = globalObj[globalKey].some((inst) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@douglasneuroinformatics/libui",
   "type": "module",
-  "version": "6.1.1",
+  "version": "6.1.3",
   "packageManager": "pnpm@10.7.1",
   "description": "Generic UI components for DNP projects, built using React and Tailwind CSS",
   "author": "Joshua Unrau",

package/src/components/Form/BaseRadioField.tsx

@@ -1,4 +1,3 @@
-import { cva } from 'class-variance-authority';
 import type { Simplify } from 'type-fest';
 
 import { Label } from '../Label/Label.tsx';
@@ -7,25 +6,12 @@ import { FieldGroup } from './FieldGroup/FieldGroup.tsx';
 
 import type { BaseFieldComponentProps } from './types.ts';
 
-const baseRadioFieldVariants = cva('flex', {
-  defaultVariants: {
-    orientation: 'vertical'
-  },
-  variants: {
-    orientation: {
-      horizontal: 'flex-col @3xl:flex-row @3xl:items-center @3xl:justify-between',
-      vertical: 'flex-col'
-    }
-  }
-});
-
 export type BaseRadioFieldProps<T extends string> = Simplify<
   BaseFieldComponentProps<T> & {
     description?: string;
     disabled?: boolean;
     label: string;
     options: { [K in T]: string };
-    orientation?: 'horizontal' | 'vertical';
   }
 >;
 
@@ -36,24 +22,17 @@ export const BaseRadioField = <T extends string>({
   label,
   name,
   options,
-  orientation = 'vertical',
   readOnly,
   setValue,
   value
 }: BaseRadioFieldProps<T>) => {
-  const optionsCount = Object.keys(options).length;
   return (
     <FieldGroup name={name}>
       <FieldGroup.Row>
         <Label>{label}</Label>
         <FieldGroup.Description description={description} />
       </FieldGroup.Row>
-      <RadioGroup
-        className={baseRadioFieldVariants({ orientation: optionsCount > 5 ? 'vertical' : orientation })}
-        name={name}
-        value={value ?? ''}
-        onValueChange={(value) => setValue(value as T)}
-      >
+      <RadioGroup name={name} value={value ?? ''} onValueChange={(value) => setValue(value as T)}>
         {Object.keys(options).map((option) => (
           <div className="flex items-center gap-2" key={option}>
             <RadioGroup.Item disabled={disabled || readOnly} id={`${name}-${option}`} value={option} />

package/src/components/Form/NumberField/NumberFieldRadio.tsx

@@ -1,8 +1,9 @@
+import { useEffect, useRef, useState } from 'react';
+
 import type { NumberFormField } from '@douglasneuroinformatics/libui-form-types';
 import type { Simplify } from 'type-fest';
 
 import { Label, RadioGroup } from '#components';
-import { cn } from '#utils';
 
 import { FieldGroup } from '../FieldGroup/FieldGroup.tsx';
 
@@ -24,8 +25,25 @@ export const NumberFieldRadio = ({
   setValue,
   value
 }: NumberFieldRadioProps) => {
+  const radioGroupRef = useRef<HTMLDivElement>(null);
+  const [isColumnLayout, setIsColumnLayout] = useState<boolean>(false);
+
   const optionsCount = Object.keys(options).length;
 
+  useEffect(() => {
+    const observer = new ResizeObserver(([entry]) => {
+      const { width: rootWidth } = entry!.target.getBoundingClientRect();
+      const children = Array.from(entry!.target.children);
+      const totalChildWidth = children.reduce((sum, child) => sum + child.scrollWidth, 0);
+      const isOverflowing = totalChildWidth > rootWidth - children.length * 24; // to additional provide spacing between items
+      setIsColumnLayout(isOverflowing);
+    });
+    if (radioGroupRef.current) {
+      observer.observe(radioGroupRef.current);
+    }
+    return () => observer.disconnect();
+  }, []);
+
   return (
     <FieldGroup name={name}>
       <FieldGroup.Row>
@@ -33,28 +51,29 @@ export const NumberFieldRadio = ({
         <FieldGroup.Description description={description} />
       </FieldGroup.Row>
       <RadioGroup
-        className={cn(
-          'flex',
-          optionsCount > 5 ? 'flex-col' : 'flex-col @3xl:flex-row @3xl:items-center @3xl:justify-between'
-        )}
+        className="grid justify-between"
         name={name}
+        ref={radioGroupRef}
+        style={{
+          gridTemplateColumns: isColumnLayout ? 'repeat(1, 1fr)' : `repeat(${optionsCount}, auto)`
+        }}
         value={value?.toString() ?? ''}
-        onValueChange={(value) => setValue(parseInt(value))}
+        onValueChange={(value) => setValue(parseInt(value, 10))}
       >
         {Object.keys(options)
           .map((val) => parseInt(val))
           .toSorted((a, b) => a - b)
           .map((val) => {
-            const text = (disableAutoPrefix ? '' : `${val} - `) + options[val];
             return (
-              <div className="flex items-center gap-2" key={val}>
+              <div className="flex w-fit items-center gap-2" key={val}>
                 <RadioGroup.Item disabled={disabled || readOnly} id={`${name}-${val}`} value={val.toString()} />
                 <Label
                   aria-disabled={disabled || readOnly}
-                  className="text-muted-foreground font-normal"
+                  className="text-muted-foreground flex items-center font-normal"
                   htmlFor={`${name}-${val}`}
                 >
-                  {text}
+                  {!disableAutoPrefix && <span className="whitespace-nowrap">{val}&nbsp;-&nbsp;</span>}
+                  <span>{options[val]}</span>
                 </Label>
               </div>
             );

package/src/components/RadioGroup/RadioGroup.tsx

@@ -1,21 +1,16 @@
 import * as React from 'react';
 
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Root } from '@radix-ui/react-radio-group';
 
 import { cn } from '#utils';
 
 import { RadioGroupItem } from './RadioGroupItem.tsx';
 
-type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
+type RadioGroupProps = React.ComponentProps<typeof Root>;
 
-const RadioGroupRoot = React.forwardRef<
-  React.ElementRef<typeof RadioGroupPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>
->(function RadioGroup({ className, ...props }, ref) {
-  return (
-    <RadioGroupPrimitive.Root className={cn('grid gap-2', className)} data-testid="radio-group" {...props} ref={ref} />
-  );
-});
+const RadioGroupRoot: React.FC<RadioGroupProps> = ({ className, ...props }) => {
+  return <Root className={cn('grid gap-2', className)} data-testid="radio-group" {...props} />;
+};
 
 export const RadioGroup = Object.assign(RadioGroupRoot, {
   Item: RadioGroupItem

package/src/components/RadioGroup/RadioGroupItem.tsx

@@ -1,29 +1,23 @@
-import { forwardRef } from 'react';
-
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Indicator, Item } from '@radix-ui/react-radio-group';
 import { CircleIcon } from 'lucide-react';
 
 import { cn } from '#utils';
 
-export const RadioGroupItem = forwardRef<
-  React.ElementRef<typeof RadioGroupPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>
->(function RadioGroupItem({ className, ...props }, ref) {
+export const RadioGroupItem: React.FC<React.ComponentProps<typeof Item>> = ({ className, ...props }) => {
   return (
-    <RadioGroupPrimitive.Item
+    <Item
       className={cn(
         'border-primary text-primary focus-visible:ring-ring flex aspect-square h-4 w-4 items-center justify-center rounded-full border shadow-sm focus:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50',
         className
       )}
-      ref={ref}
       {...props}
     >
-      <RadioGroupPrimitive.Indicator asChild>
+      <Indicator asChild>
         <CircleIcon
           className="fill-current text-current"
           style={{ height: '0.625rem', strokeWidth: '2px', width: '0.625rem' }}
         />
-      </RadioGroupPrimitive.Indicator>
-    </RadioGroupPrimitive.Item>
+      </Indicator>
+    </Item>
   );
-});
+};

package/src/i18n/translator.ts

@@ -57,7 +57,7 @@ export class Translator implements TranslatorType<TranslationKey> {
     globalObj[globalKey] ??= [];
     globalObj[globalKey].push(this);
 
-    if (globalObj[globalKey].length > 0) {
+    if (globalObj[globalKey].length > 1) {
       console.warn(`WARNING: Multiple Translator instances detected (existing: ${globalObj[globalKey].length})`);
 
       // Check if prototypes are the same (can occur if multiple library versions are loaded)