@timeax/form-palette 0.0.16 → 0.0.17

package/dist/index.d.mts

@@ -1868,7 +1868,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">;
+type ShadcnToggleVariantProps$1 = ShadcnToggleUiProps & Pick<BaseProps, "value" | "onValue" | "error">;
 
 declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
 
@@ -3058,6 +3058,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 +3198,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

@@ -1868,7 +1868,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">;
+type ShadcnToggleVariantProps$1 = ShadcnToggleUiProps & Pick<BaseProps, "value" | "onValue" | "error">;
 
 declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime.JSX.Element;
 
@@ -3058,6 +3058,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 +3198,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>;