@timeax/form-palette 0.0.16 → 0.0.18

package/dist/index.d.mts

@@ -8,7 +8,6 @@ import { DayPicker } from 'react-day-picker';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { $ZodError } from 'zod/v4/core';
 import './../../../../node_modules/@inertiajs/core/types/types.d';
 import 'axios';
@@ -1868,9 +1867,7 @@ interface ShadcnToggleUiProps extends Omit<React.ComponentProps<typeof Switch>,
  * We only pick value/onValue/error from the variant base props;
  * everything else (id, disabled, aria-*) flows via Switch props.
  */
-type ShadcnToggleVariantProps = ShadcnToggleUiProps & Pick<BaseProps, "value" | "onValue" | "error">;
-
-declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
+type ShadcnToggleVariantProps$1 = ShadcnToggleUiProps & Pick<BaseProps, "value" | "onValue" | "error">;
 
 /**
  * Visual size of the radio UI.
@@ -1919,6 +1916,7 @@ interface RadioRenderOptionContext<TValue> {
     disabled: boolean;
     size: RadioSize;
     density: RadioDensity;
+    click(): void;
     /**
      * DOM id of this option (tied to the underlying RadioGroupItem).
      */
@@ -1956,7 +1954,7 @@ interface ShadcnRadioUiProps<TItem, TValue> {
      *   items = [{ id: "free", title: "Free" }]
      *   optionValue = "id"
      */
-    optionValue?: keyof TItem;
+    optionValue?: (keyof TItem) | string;
     /**
      * Property name on TItem that holds the **label**.
      *
@@ -1964,7 +1962,7 @@ interface ShadcnRadioUiProps<TItem, TValue> {
      *   items = [{ id: "free", title: "Free" }]
      *   optionLabel = "title"
      */
-    optionLabel?: keyof TItem;
+    optionLabel?: (keyof TItem) | string;
     /**
      * Optional custom renderer for each option.
      *
@@ -2027,8 +2025,9 @@ interface ShadcnRadioUiProps<TItem, TValue> {
 /**
  * Full props for the Shadcn-based radio variant.
  */
-type ShadcnRadioVariantProps<TValue, TItem = RadioItem<TValue>> = ShadcnRadioUiProps<TItem, TValue> & Pick<VariantBaseProps<TValue | undefined>, "value" | "onValue" | "error" | "disabled" | "required"> & Pick<React.ComponentProps<typeof RadioGroup>, "name"> & {
+type ShadcnRadioVariantProps<TValue, TItem = RadioItem<TValue>> = ShadcnRadioUiProps<TItem, TValue> & Pick<VariantBaseProps<TValue | undefined>, "value" | "onValue" | "error" | "disabled" | "required"> & {
     id?: string;
+    name?: string;
     className?: string;
     "aria-describedby"?: string;
 };
@@ -2094,6 +2093,7 @@ interface CheckboxRenderOptionContext<TValue> {
     size: CheckboxSize;
     density: CheckboxDensity;
     checkboxId?: string;
+    click(): void;
     /**
      * Prebuilt Shadcn checkbox node.
      */
@@ -2354,6 +2354,7 @@ interface ShadcnMultiSelectVariantProps extends Pick<VariantBaseProps<SelectPrim
         selected: boolean;
         index: number;
         option: React.ReactNode;
+        click(): void;
     }) => React.ReactNode;
     /**
      * Custom renderer for the trigger summary.
@@ -2760,6 +2761,7 @@ interface ShadcnTreeSelectVariantProps extends Pick<VariantBaseProps<TreeValue>,
         selected: boolean;
         index: number;
         option: React.ReactNode;
+        click(): void;
     }) => React.ReactNode;
     renderValue?: (ctx: {
         selectedItems: NormalizedTreeItem[];
@@ -2974,6 +2976,7 @@ interface ShadcnSelectVariantProps extends Pick<VariantBaseProps<SelectPrimitive
         selected: boolean;
         index: number;
         option: React.ReactNode;
+        click(): void;
     }) => React.ReactNode;
     /**
      * Custom renderer for the trigger value.
@@ -3058,6 +3061,103 @@ interface ShadcnSelectVariantProps extends Pick<VariantBaseProps<SelectPrimitive
 
 type SelectVariantProps = ShadcnSelectVariantProps;
 
+interface ToggleOption {
+    label: React.ReactNode;
+    value: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    tooltip?: React.ReactNode;
+    meta?: any;
+}
+/**
+ * Allow primitive options as shorthand:
+ * - "free" → { value: "free", label: "free" }
+ */
+type ToggleOptionInput = ToggleOption | string | number | boolean;
+interface ShadcnToggleVariantProps extends Pick<VariantBaseProps<string | string[]>, "value" | "onValue" | "error" | "disabled" | "readOnly" | "size" | "density"> {
+    /**
+     * Options for the toggle group.
+     *
+     * Can be:
+     * - ToggleOption objects
+     * - Primitive strings/numbers/booleans (shorthand)
+     * - Objects using option* keys (optionValue, optionLabel, etc.)
+     */
+    options: ToggleOptionInput[];
+    multiple?: boolean;
+    variant?: "default" | "outline";
+    layout?: "horizontal" | "vertical" | "grid";
+    gridCols?: number;
+    fillWidth?: boolean;
+    /**
+     * Property name to read the option value from, when using
+     * custom option objects.
+     *
+     * If omitted, falls back to:
+     *   - obj.value
+     *   - or the primitive itself (for primitive options)
+     */
+    optionValue?: string;
+    /**
+     * Property name to read the option label from, when using
+     * custom option objects.
+     *
+     * If omitted, falls back to:
+     *   - obj.label
+     *   - or String(value)
+     */
+    optionLabel?: string;
+    /**
+     * Property name to read an icon node from, when using
+     * custom option objects.
+     *
+     * If omitted, falls back to obj.icon.
+     */
+    optionIcon?: string;
+    /**
+     * Property name to read disabled flag from, when using
+     * custom option objects.
+     *
+     * If omitted, falls back to obj.disabled.
+     */
+    optionDisabled?: string;
+    /**
+     * Property name to read tooltip content from, when using
+     * custom option objects.
+     *
+     * If omitted, falls back to obj.tooltip.
+     */
+    optionTooltip?: string;
+    /**
+     * Property name to read meta from, when using custom option objects.
+     *
+     * If omitted, falls back to obj.meta.
+     */
+    optionMeta?: string;
+    /**
+     * Optional custom renderer for each option.
+     * Receives the normalized ToggleOption and selected state.
+     */
+    renderOption?: (option: ToggleOption, isSelected: boolean) => React.ReactNode;
+    className?: string;
+    /** Base class for all items */
+    itemClassName?: string;
+    /** Class applied ONLY to selected items (overrides/merges with default active styles) */
+    activeClassName?: string;
+    /**
+     * When true, capitalizes the first letter of the label
+     * (only applied when the label is a string).
+     */
+    autoCap?: boolean;
+    /**
+     * Gap between buttons in pixels.
+     *
+     * - Applies to both flex (horizontal/vertical) and grid layouts.
+     * - If omitted, falls back to Tailwind gap classes.
+     */
+    gap?: number;
+}
+
 /**
  * Helper type for a single variant registry entry.
  *
@@ -3101,8 +3201,9 @@ interface Variants<H = unknown> {
     date: VariantEntry<string | undefined, ShadcnDateVariantProps>;
     chips: VariantEntry<string[] | undefined, ShadcnChipsVariantProps>;
     textarea: VariantEntry<string | undefined, ShadcnTextareaVariantProps>;
-    toggle: VariantEntry<boolean | undefined, ShadcnToggleVariantProps>;
-    radio: VariantEntry<unknown | undefined, ShadcnRadioVariantProps<unknown, RadioItem<unknown>>>;
+    toggle: VariantEntry<boolean | undefined, ShadcnToggleVariantProps$1>;
+    'toggle-group': VariantEntry<any | undefined, ShadcnToggleVariantProps>;
+    radio: VariantEntry<unknown | undefined, ShadcnRadioVariantProps<unknown, H>>;
     checkbox: VariantEntry<CheckboxVariantPublicValue, ShadcnCheckboxVariantPublicProps>;
     select: VariantEntry<string | number | undefined, SelectVariantProps>;
     'multi-select': VariantEntry<Array<string | number> | undefined, ShadcnMultiSelectVariantProps>;

package/dist/index.d.ts

@@ -8,7 +8,6 @@ import { DayPicker } from 'react-day-picker';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import { $ZodError } from 'zod/v4/core';
 import './../../../../node_modules/@inertiajs/core/types/types.d';
 import 'axios';
@@ -1868,9 +1867,7 @@ interface ShadcnToggleUiProps extends Omit<React.ComponentProps<typeof Switch>,
  * We only pick value/onValue/error from the variant base props;
  * everything else (id, disabled, aria-*) flows via Switch props.
  */
-type ShadcnToggleVariantProps = ShadcnToggleUiProps & Pick<BaseProps, "value" | "onValue" | "error">;
-
-declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
+type ShadcnToggleVariantProps$1 = ShadcnToggleUiProps & Pick<BaseProps, "value" | "onValue" | "error">;
 
 /**
  * Visual size of the radio UI.
@@ -1919,6 +1916,7 @@ interface RadioRenderOptionContext<TValue> {
     disabled: boolean;
     size: RadioSize;
     density: RadioDensity;
+    click(): void;
     /**
      * DOM id of this option (tied to the underlying RadioGroupItem).
      */
@@ -1956,7 +1954,7 @@ interface ShadcnRadioUiProps<TItem, TValue> {
      *   items = [{ id: "free", title: "Free" }]
      *   optionValue = "id"
      */
-    optionValue?: keyof TItem;
+    optionValue?: (keyof TItem) | string;
     /**
      * Property name on TItem that holds the **label**.
      *
@@ -1964,7 +1962,7 @@ interface ShadcnRadioUiProps<TItem, TValue> {
      *   items = [{ id: "free", title: "Free" }]
      *   optionLabel = "title"
      */
-    optionLabel?: keyof TItem;
+    optionLabel?: (keyof TItem) | string;
     /**
      * Optional custom renderer for each option.
      *
@@ -2027,8 +2025,9 @@ interface ShadcnRadioUiProps<TItem, TValue> {
 /**
  * Full props for the Shadcn-based radio variant.
  */
-type ShadcnRadioVariantProps<TValue, TItem = RadioItem<TValue>> = ShadcnRadioUiProps<TItem, TValue> & Pick<VariantBaseProps<TValue | undefined>, "value" | "onValue" | "error" | "disabled" | "required"> & Pick<React.ComponentProps<typeof RadioGroup>, "name"> & {
+type ShadcnRadioVariantProps<TValue, TItem = RadioItem<TValue>> = ShadcnRadioUiProps<TItem, TValue> & Pick<VariantBaseProps<TValue | undefined>, "value" | "onValue" | "error" | "disabled" | "required"> & {
     id?: string;
+    name?: string;
     className?: string;
     "aria-describedby"?: string;
 };
@@ -2094,6 +2093,7 @@ interface CheckboxRenderOptionContext<TValue> {
     size: CheckboxSize;
     density: CheckboxDensity;
     checkboxId?: string;
+    click(): void;
     /**
      * Prebuilt Shadcn checkbox node.
      */
@@ -2354,6 +2354,7 @@ interface ShadcnMultiSelectVariantProps extends Pick<VariantBaseProps<SelectPrim
         selected: boolean;
         index: number;
         option: React.ReactNode;
+        click(): void;
     }) => React.ReactNode;
     /**
      * Custom renderer for the trigger summary.
@@ -2760,6 +2761,7 @@ interface ShadcnTreeSelectVariantProps extends Pick<VariantBaseProps<TreeValue>,
         selected: boolean;
         index: number;
         option: React.ReactNode;
+        click(): void;
     }) => React.ReactNode;
     renderValue?: (ctx: {
         selectedItems: NormalizedTreeItem[];
@@ -2974,6 +2976,7 @@ interface ShadcnSelectVariantProps extends Pick<VariantBaseProps<SelectPrimitive
         selected: boolean;
         index: number;
         option: React.ReactNode;
+        click(): void;
     }) => React.ReactNode;
     /**
      * Custom renderer for the trigger value.
@@ -3058,6 +3061,103 @@ interface ShadcnSelectVariantProps extends Pick<VariantBaseProps<SelectPrimitive
 
 type SelectVariantProps = ShadcnSelectVariantProps;
 
+interface ToggleOption {
+    label: React.ReactNode;
+    value: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    tooltip?: React.ReactNode;
+    meta?: any;
+}
+/**
+ * Allow primitive options as shorthand:
+ * - "free" → { value: "free", label: "free" }
+ */
+type ToggleOptionInput = ToggleOption | string | number | boolean;
+interface ShadcnToggleVariantProps extends Pick<VariantBaseProps<string | string[]>, "value" | "onValue" | "error" | "disabled" | "readOnly" | "size" | "density"> {
+    /**
+     * Options for the toggle group.
+     *
+     * Can be:
+     * - ToggleOption objects
+     * - Primitive strings/numbers/booleans (shorthand)
+     * - Objects using option* keys (optionValue, optionLabel, etc.)
+     */
+    options: ToggleOptionInput[];
+    multiple?: boolean;
+    variant?: "default" | "outline";
+    layout?: "horizontal" | "vertical" | "grid";
+    gridCols?: number;
+    fillWidth?: boolean;
+    /**
+     * Property name to read the option value from, when using
+     * custom option objects.
+     *
+     * If omitted, falls back to:
+     *   - obj.value
+     *   - or the primitive itself (for primitive options)
+     */
+    optionValue?: string;
+    /**
+     * Property name to read the option label from, when using
+     * custom option objects.
+     *
+     * If omitted, falls back to:
+     *   - obj.label
+     *   - or String(value)
+     */
+    optionLabel?: string;
+    /**
+     * Property name to read an icon node from, when using
+     * custom option objects.
+     *
+     * If omitted, falls back to obj.icon.
+     */
+    optionIcon?: string;
+    /**
+     * Property name to read disabled flag from, when using
+     * custom option objects.
+     *
+     * If omitted, falls back to obj.disabled.
+     */
+    optionDisabled?: string;
+    /**
+     * Property name to read tooltip content from, when using
+     * custom option objects.
+     *
+     * If omitted, falls back to obj.tooltip.
+     */
+    optionTooltip?: string;
+    /**
+     * Property name to read meta from, when using custom option objects.
+     *
+     * If omitted, falls back to obj.meta.
+     */
+    optionMeta?: string;
+    /**
+     * Optional custom renderer for each option.
+     * Receives the normalized ToggleOption and selected state.
+     */
+    renderOption?: (option: ToggleOption, isSelected: boolean) => React.ReactNode;
+    className?: string;
+    /** Base class for all items */
+    itemClassName?: string;
+    /** Class applied ONLY to selected items (overrides/merges with default active styles) */
+    activeClassName?: string;
+    /**
+     * When true, capitalizes the first letter of the label
+     * (only applied when the label is a string).
+     */
+    autoCap?: boolean;
+    /**
+     * Gap between buttons in pixels.
+     *
+     * - Applies to both flex (horizontal/vertical) and grid layouts.
+     * - If omitted, falls back to Tailwind gap classes.
+     */
+    gap?: number;
+}
+
 /**
  * Helper type for a single variant registry entry.
  *
@@ -3101,8 +3201,9 @@ interface Variants<H = unknown> {
     date: VariantEntry<string | undefined, ShadcnDateVariantProps>;
     chips: VariantEntry<string[] | undefined, ShadcnChipsVariantProps>;
     textarea: VariantEntry<string | undefined, ShadcnTextareaVariantProps>;
-    toggle: VariantEntry<boolean | undefined, ShadcnToggleVariantProps>;
-    radio: VariantEntry<unknown | undefined, ShadcnRadioVariantProps<unknown, RadioItem<unknown>>>;
+    toggle: VariantEntry<boolean | undefined, ShadcnToggleVariantProps$1>;
+    'toggle-group': VariantEntry<any | undefined, ShadcnToggleVariantProps>;
+    radio: VariantEntry<unknown | undefined, ShadcnRadioVariantProps<unknown, H>>;
     checkbox: VariantEntry<CheckboxVariantPublicValue, ShadcnCheckboxVariantPublicProps>;
     select: VariantEntry<string | number | undefined, SelectVariantProps>;
     'multi-select': VariantEntry<Array<string | number> | undefined, ShadcnMultiSelectVariantProps>;