@apollion-dsi/core 5.6.0 → 5.8.0

package/lib/form/InputRange/index.esm.js

@@ -1 +1 @@
-import{a,b,c,d,e,f,g,h,i,j}from"../../chunks/chunk-5MWVBWXW.esm.js";import"../../chunks/chunk-2ROOI4B2.esm.js";import"../../chunks/chunk-2FQC32AA.esm.js";import"../../chunks/chunk-UNM6DHPD.esm.js";import"../../chunks/chunk-SPHHNZVP.esm.js";import"../../chunks/chunk-4UWZA5FD.esm.js";import"../../chunks/chunk-KQQ7V7VG.esm.js";import"../../chunks/chunk-3QSPHURU.esm.js";import"../../chunks/chunk-NDIYF5SX.esm.js";import"../../chunks/chunk-A3OJEVGQ.esm.js";import"../../chunks/chunk-KR2X2UQG.esm.js";import"../../chunks/chunk-BE2JDTVA.esm.js";import"../../chunks/chunk-5Q265MC7.esm.js";import"../../chunks/chunk-3V3ZEGHO.esm.js";import"../../chunks/chunk-WGTBX72G.esm.js";import"../../chunks/chunk-KASRN4X5.esm.js";import"../../chunks/chunk-YRBM4WYM.esm.js";import"../../chunks/chunk-5OKRFXLL.esm.js";import"../../chunks/chunk-LATE6DIA.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-MBYC37CX.esm.js";import"../../chunks/chunk-NI6YLGUA.esm.js";import"../../chunks/chunk-OZIEVLUR.esm.js";import"../../chunks/chunk-5HENHW73.esm.js";import"../../chunks/chunk-RZDVS7AY.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-A6Z2M2XU.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-TLBV5OUM.esm.js";import"../../chunks/chunk-E3MSXQXV.esm.js";import"../../chunks/chunk-TQJTHPA3.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-APD22JEO.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{j as InputRange,a as SliderContainer,e as SliderGradient,f as SliderLabel,h as SliderMark,i as SliderMarkLabel,b as SliderRail,g as SliderThumb,c as SliderTrack,d as SliderTrackGradient};
+import{a,b,c,d,e,f,g,h,i,j}from"../../chunks/chunk-KY5NBHOI.esm.js";import"../../chunks/chunk-2ROOI4B2.esm.js";import"../../chunks/chunk-4UWZA5FD.esm.js";import"../../chunks/chunk-KQQ7V7VG.esm.js";import"../../chunks/chunk-NDIYF5SX.esm.js";import"../../chunks/chunk-A3OJEVGQ.esm.js";import"../../chunks/chunk-KR2X2UQG.esm.js";import"../../chunks/chunk-BE2JDTVA.esm.js";import"../../chunks/chunk-2FQC32AA.esm.js";import"../../chunks/chunk-6AF7EOSR.esm.js";import"../../chunks/chunk-SPHHNZVP.esm.js";import"../../chunks/chunk-3QSPHURU.esm.js";import"../../chunks/chunk-5Q265MC7.esm.js";import"../../chunks/chunk-3V3ZEGHO.esm.js";import"../../chunks/chunk-MUI7DBJO.esm.js";import"../../chunks/chunk-EBOJSNZ5.esm.js";import"../../chunks/chunk-3BR5YHOT.esm.js";import"../../chunks/chunk-HPM5AX5Z.esm.js";import"../../chunks/chunk-2XTVIQMG.esm.js";import"../../chunks/chunk-4ZHLV35P.esm.js";import"../../chunks/chunk-4L2KOZIQ.esm.js";import"../../chunks/chunk-6KLI7VMF.esm.js";import"../../chunks/chunk-YJHYFCT7.esm.js";import"../../chunks/chunk-TLIKQFOT.esm.js";import"../../chunks/chunk-IA234JY2.esm.js";import"../../chunks/chunk-TG5BCBO4.esm.js";import"../../chunks/chunk-CCONLRLQ.esm.js";import"../../chunks/chunk-6XX3UO2Y.esm.js";import"../../chunks/chunk-KT6QQ3UJ.esm.js";import"../../chunks/chunk-BERIBF3O.esm.js";import"../../chunks/chunk-YZQXTNVA.esm.js";import"../../chunks/chunk-Z7GJDO5T.esm.js";import"../../chunks/chunk-P7RR4ZHS.esm.js";import"../../chunks/chunk-JOKVE3IX.esm.js";import"../../chunks/chunk-CWRWYU7D.esm.js";import"../../chunks/chunk-PFLBU7HG.esm.js";import"../../chunks/chunk-IPANNHV3.esm.js";import"../../chunks/chunk-3DUB5C4Z.esm.js";import"../../chunks/chunk-HATBJ5OR.esm.js";import"../../chunks/chunk-HEZGD5NN.esm.js";import"../../chunks/chunk-PJQ3IZE7.esm.js";import"../../chunks/chunk-5OE3KRLX.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-N6TVSSCE.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-NZ67MJX5.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-5HBSIYOZ.esm.js";import"../../chunks/chunk-RNL7RFJK.esm.js";import"../../chunks/chunk-JQ66DKSQ.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-GNQ43LWP.esm.js";import"../../chunks/chunk-WI3WPCW3.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-YC44Q5HI.esm.js";import"../../chunks/chunk-BFABFZI7.esm.js";import"../../chunks/chunk-U525YXTZ.esm.js";import"../../chunks/chunk-STSRIPD6.esm.js";import"../../chunks/chunk-XVPUSCK5.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{j as InputRange,a as SliderContainer,e as SliderGradient,f as SliderLabel,h as SliderMark,i as SliderMarkLabel,b as SliderRail,g as SliderThumb,c as SliderTrack,d as SliderTrackGradient};

package/lib/form/InputSelect/index.esm.js

@@ -1 +1 @@
-import{a,b}from"../../chunks/chunk-VAJGIZNP.esm.js";import"../../chunks/chunk-2ROOI4B2.esm.js";import"../../chunks/chunk-2FQC32AA.esm.js";import"../../chunks/chunk-UNM6DHPD.esm.js";import"../../chunks/chunk-SPHHNZVP.esm.js";import"../../chunks/chunk-4UWZA5FD.esm.js";import"../../chunks/chunk-KQQ7V7VG.esm.js";import"../../chunks/chunk-3QSPHURU.esm.js";import"../../chunks/chunk-NDIYF5SX.esm.js";import"../../chunks/chunk-A3OJEVGQ.esm.js";import"../../chunks/chunk-KR2X2UQG.esm.js";import"../../chunks/chunk-BE2JDTVA.esm.js";import"../../chunks/chunk-5Q265MC7.esm.js";import"../../chunks/chunk-3V3ZEGHO.esm.js";import"../../chunks/chunk-WGTBX72G.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-APD22JEO.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{b as InputSelect,a as createComponentStyle};
+import{a,b}from"../../chunks/chunk-PESCONAO.esm.js";import"../../chunks/chunk-2ROOI4B2.esm.js";import"../../chunks/chunk-4UWZA5FD.esm.js";import"../../chunks/chunk-KQQ7V7VG.esm.js";import"../../chunks/chunk-NDIYF5SX.esm.js";import"../../chunks/chunk-A3OJEVGQ.esm.js";import"../../chunks/chunk-KR2X2UQG.esm.js";import"../../chunks/chunk-BE2JDTVA.esm.js";import"../../chunks/chunk-2FQC32AA.esm.js";import"../../chunks/chunk-6AF7EOSR.esm.js";import"../../chunks/chunk-SPHHNZVP.esm.js";import"../../chunks/chunk-3QSPHURU.esm.js";import"../../chunks/chunk-5Q265MC7.esm.js";import"../../chunks/chunk-3V3ZEGHO.esm.js";import"../../chunks/chunk-HATBJ5OR.esm.js";import"../../chunks/chunk-YC44Q5HI.esm.js";import"../../chunks/chunk-BFABFZI7.esm.js";import"../../chunks/chunk-U525YXTZ.esm.js";import"../../chunks/chunk-STSRIPD6.esm.js";import"../../chunks/chunk-XVPUSCK5.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{b as InputSelect,a as createComponentStyle};

package/lib/form/Option/Option.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { OptionInterface } from './Option.interface';
+/**
+ * Horizontal value selector (segmented control): a pill track with equal
+ * cells, the selected one raised as a white pill. Picking a cell only
+ * changes `value` — no panel is remounted. For content that switches with
+ * the selection, use `Tabs`; for 2+ independent checks, use `Checkbox`.
+ *
+ * **Accessibility** (ARIA radio group): the track is a `radiogroup`, each
+ * cell a `radio` with `aria-checked`. Roving tabindex — `Tab` lands on the
+ * selected cell, arrows move the selection (wrapping, skipping disabled
+ * cells), `Home`/`End` jump to the ends.
+ *
+ * @example
+ * ```tsx
+ * <Option
+ *   value={pct}
+ *   onChange={setPct}
+ *   size="small"
+ *   options={[
+ *     { value: '25', label: '25%' },
+ *     { value: '50', label: '50%' },
+ *     { value: '75', label: '75%' },
+ *     { value: '100', label: 'Max' },
+ *   ]}
+ * />
+ * ```
+ *
+ * @see {@link OptionInterface} for the detailed props.
+ */
+export declare const OptionComponent: React.ForwardRefExoticComponent<OptionInterface<string> & React.RefAttributes<HTMLDivElement>>;

package/lib/form/Option/Option.interface.d.ts

@@ -0,0 +1,62 @@
+import React from 'react';
+import { DefaultFlexInterface } from '../../containers/Flex';
+/** One cell of an {@link OptionInterface} selector. */
+export interface OptionItem<V extends string = string> {
+    /** Value reported by `onChange` when this cell is picked. */
+    value: V;
+    /** Cell content — a short label, optionally with an icon. */
+    label: React.ReactNode;
+    /**
+     * Inert cell: not pickable, skipped by the arrow keys.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+}
+/** Cell height scale. `small` is the chip row under an input; `medium` is a standalone switcher. */
+export type OptionSize = 'small' | 'medium';
+/**
+ * Props for the `Option` component — a horizontal **value** selector
+ * (segmented control). Not a tab panel: picking a cell only changes
+ * `value`, nothing is remounted underneath.
+ *
+ * Controlled: the consumer owns `value` and is notified via `onChange`.
+ *
+ * @example
+ * ```tsx
+ * const [side, setSide] = useState<'buy' | 'sell'>('buy');
+ * <Option
+ *   value={side}
+ *   onChange={setSide}
+ *   options={[
+ *     { value: 'buy', label: 'Comprar' },
+ *     { value: 'sell', label: 'Vender' },
+ *   ]}
+ * />
+ * ```
+ */
+export interface OptionInterface<V extends string = string> extends Omit<DefaultFlexInterface, 'onChange'> {
+    /** Cells, in order. Two or more. */
+    options: OptionItem<V>[];
+    /** Currently selected value. Must match one `options[].value`. */
+    value: V;
+    /** Fired with the picked value. Not fired when the selected cell is clicked again. */
+    onChange: (value: V) => void;
+    /**
+     * Cell height scale.
+     *
+     * @default 'medium'
+     */
+    size?: OptionSize;
+    /**
+     * Accessible name of the group (`aria-label` on the `radiogroup`).
+     * Prefer `aria-labelledby` when a visible label exists.
+     */
+    label?: string;
+    /**
+     * Stretch to the container width with equal cells.
+     *
+     * @default true
+     */
+    fullWidth?: boolean;
+}

package/lib/form/Option/Option.style.d.ts

@@ -0,0 +1,38 @@
+import { OptionSize } from './Option.interface';
+/**
+ * Pill track. Sits one rung below the paper (`surface.sunken`) so the
+ * raised selected cell reads as lifted out of a well. The inset gap is the
+ * track padding — the cell never touches the track edge.
+ */
+export declare const OptionTrackStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never> & Partial<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never>> & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never> & Partial<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../../factory").ApollionProps & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never>> & {
+    as?: import("styled-components").WebTarget;
+    forwardedAs?: import("styled-components").WebTarget;
+}, never>>> & string;
+/**
+ * One cell. A native `<button>` so it is focusable and clickable with no
+ * extra wiring; the radio semantics come from `role`/`aria-checked` set by
+ * `Option`. Selected = raised surface + the `level-one` shadow + primary
+ * ink; idle = transparent on the track with secondary ink and a hover wash.
+ */
+export declare const OptionCellStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$size" | "$fullWidth"> & {
+    $size: OptionSize;
+    $fullWidth: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$size" | "$fullWidth"> & {
+    $size: OptionSize;
+    $fullWidth: boolean;
+}, never>>> & string;

package/lib/form/Option/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Public barrel for the `Option` component (segmented value selector).
+ *
+ * Re-exports the component (renaming `OptionComponent` → `Option`), its
+ * interfaces and the styled parts. Import from the barrel, never from the
+ * internal files.
+ */
+export { OptionComponent as Option } from './Option';
+export * from './Option.interface';
+export * from './Option.style';

package/lib/form/Option/index.esm.js

@@ -0,0 +1 @@
+import{a,b,c}from"../../chunks/chunk-WESPISDY.esm.js";import"../../chunks/chunk-EBOJSNZ5.esm.js";import"../../chunks/chunk-3BR5YHOT.esm.js";import"../../chunks/chunk-HPM5AX5Z.esm.js";import"../../chunks/chunk-2XTVIQMG.esm.js";import"../../chunks/chunk-4ZHLV35P.esm.js";import"../../chunks/chunk-4L2KOZIQ.esm.js";import"../../chunks/chunk-6KLI7VMF.esm.js";import"../../chunks/chunk-YJHYFCT7.esm.js";import"../../chunks/chunk-TLIKQFOT.esm.js";import"../../chunks/chunk-IA234JY2.esm.js";import"../../chunks/chunk-TG5BCBO4.esm.js";import"../../chunks/chunk-CCONLRLQ.esm.js";import"../../chunks/chunk-6XX3UO2Y.esm.js";import"../../chunks/chunk-KT6QQ3UJ.esm.js";import"../../chunks/chunk-BERIBF3O.esm.js";import"../../chunks/chunk-YZQXTNVA.esm.js";import"../../chunks/chunk-Z7GJDO5T.esm.js";import"../../chunks/chunk-P7RR4ZHS.esm.js";import"../../chunks/chunk-JOKVE3IX.esm.js";import"../../chunks/chunk-CWRWYU7D.esm.js";import"../../chunks/chunk-PFLBU7HG.esm.js";import"../../chunks/chunk-IPANNHV3.esm.js";import"../../chunks/chunk-3DUB5C4Z.esm.js";import"../../chunks/chunk-HATBJ5OR.esm.js";import"../../chunks/chunk-7L77BJCX.esm.js";import"../../chunks/chunk-HEZGD5NN.esm.js";import"../../chunks/chunk-PJQ3IZE7.esm.js";import"../../chunks/chunk-5OE3KRLX.esm.js";import"../../chunks/chunk-VMIXRIQ2.esm.js";import"../../chunks/chunk-N6TVSSCE.esm.js";import"../../chunks/chunk-RWLJNXLX.esm.js";import"../../chunks/chunk-NZ67MJX5.esm.js";import"../../chunks/chunk-BNB3KNKE.esm.js";import"../../chunks/chunk-OXQA5WD3.esm.js";import"../../chunks/chunk-5HBSIYOZ.esm.js";import"../../chunks/chunk-RNL7RFJK.esm.js";import"../../chunks/chunk-JQ66DKSQ.esm.js";import"../../chunks/chunk-QYL6LECA.esm.js";import"../../chunks/chunk-GNQ43LWP.esm.js";import"../../chunks/chunk-WI3WPCW3.esm.js";import"../../chunks/chunk-IK5Z5C2R.esm.js";import"../../chunks/chunk-YC44Q5HI.esm.js";import"../../chunks/chunk-BFABFZI7.esm.js";import"../../chunks/chunk-U525YXTZ.esm.js";import"../../chunks/chunk-STSRIPD6.esm.js";import"../../chunks/chunk-XVPUSCK5.esm.js";import"../../chunks/chunk-BV6GHAF7.esm.js";import"../../chunks/chunk-G5Z7USXC.esm.js";import"../../chunks/chunk-AXUWC2WH.esm.js";import"../../chunks/chunk-GZONWSRB.esm.js";export{c as Option,b as OptionCellStyle,a as OptionTrackStyle};

package/lib/form/Radio/Radio.d.ts

@@ -18,6 +18,6 @@ import { RadioInterface } from './Radio.interface';
  * @see {@link RadioInterface} for the detailed props.
  */
 export declare const RadioComponent: {
-    ({ id, disabled, label, labelProps, variant, ...rest }: RadioInterface): React.JSX.Element;
+    ({ id, disabled, label, labelProps, variant, color, ...rest }: RadioInterface): React.JSX.Element;
     displayName: string;
 };

package/lib/form/Radio/Radio.interface.d.ts

@@ -1,5 +1,6 @@
 import { TextInterface } from '../../elements/Text';
 import { Theme } from '../../themes';
+import type { ControlColor } from '../Checkbox/Checkbox.style';
 import { DefaultInputInterface } from '../Input';
 /**
  * Props of the `Radio` component.
@@ -8,7 +9,7 @@ import { DefaultInputInterface } from '../Input';
  * `disabled`, `onChange` — and adds the `label` displayed next to the button.
  *
  * Just like `Checkbox`: when `label` is a `string`, it is rendered via
- * `BaseText` with the DS defaults (`fontSize="small"`, `color="neutral.180"`);
+ * `BaseText` with the DS defaults (`fontSize="small"`, `color="ink.primary"`);
  * when a `ReactNode`, it is rendered as-is.
  *
  * @example
@@ -18,6 +19,14 @@ import { DefaultInputInterface } from '../Input';
  * ```
  */
 export interface RadioInterface extends DefaultInputInterface {
+    /**
+     * Interaction palette of the checked state (fill / ring / ink). Defaults
+     * to the brand `primary`, like `Button` and `Tabs`. `variant` (`success` /
+     * `error`) still wins when set.
+     *
+     * @default 'primary'
+     */
+    color?: ControlColor;
     /**
      * Text or element displayed next to the radio button. When `string`, it
      * is rendered via `BaseText`; when `ReactNode`, it is rendered as-is.
@@ -29,7 +38,7 @@ export interface RadioInterface extends DefaultInputInterface {
      *
      * @example
      * ```tsx
-     * <Radio id="r" name="plan" value="x" label="Accept" labelProps={{ fontSize: 'micro', color: 'neutral.140' }} />
+     * <Radio id="r" name="plan" value="x" label="Accept" labelProps={{ fontSize: 'micro', color: 'ink.secondary' }} />
      * ```
      */
     labelProps?: Partial<TextInterface>;
@@ -39,4 +48,6 @@ export interface RadioInterface extends DefaultInputInterface {
  */
 export type RadioStyleProps = {
     theme: Theme;
+    /** Transient mirror of `color` — keeps it off the DOM and away from the text ColorFactory. */
+    $color?: ControlColor;
 } & RadioInterface;