@factorialco/f0-react 1.184.0 → 1.185.0

package/dist/experimental.js

@@ -1,5 +1,5 @@
-import { ay as ov, az as av, aA as k0, aB as La, aC as jk, aD as Vk, aE as Hk, aF as Vc, aG as Wk, aH as qk, aI as Uk, aJ as U, aK as lv, aL as Kk, aM as Gk, aN as Jk, aO as ks, aP as Jo, aQ as Jl, aR as Yk, aS as el, aT as Zk, aU as Hc, aV as Xk, aW as Qk, aX as tl, aY as ew, aZ as tw, a_ as nw, a$ as w0, b0 as iw, b1 as x0, b2 as rw, b3 as dv, b4 as fv, b5 as sw, b6 as Qs, j as At, a as N, b7 as nr, P as Ge, b8 as Ve, l as de, b9 as nt, s as re, ba as _f, L as Nr, bb as je, bc as ir, T as cv, bd as Re, be as ow, bf as aw, bg as lw, bh as Fh, bi as uv, o as Yl, p as ii, q as ai, bj as dw, bk as Zl, bl as Qu, bm as fw, aq as Cf, bn as hv, f as cw, bo as uw, bp as hw, bq as pw, b as _0, br as mw, bs as gw, bt as pv, bu as Bh, bv as yw, c as Sf, bw as eo, bx as $h, by as $t, bz as vw, bA as Tn, bB as bw, bC as mv, bD as kw, bE as Bi, bF as ww, bG as xw, bH as _w, bI as Cw, bJ as Sw, bK as gv, bL as Nw, bM as C0, bN as Lw, au as to, S as Mi, m as zh, bO as Mw, bP as yv, bQ as Jt, W as Ma, k as rr, bR as Ew, bS as Zr, bT as jh, a4 as Wn, bU as ye, bV as Yt, bW as Nf, bX as Yo, bY as Tw, bZ as vv, b_ as bv, z as Lf, E as Mf, H as Ef, b$ as Vh, c0 as Ow, c1 as kv, C as mn, c2 as wv, c3 as Aw, c4 as Dw, v as Iw, c5 as xv, c6 as gt, c7 as e1, c8 as _v, a1 as t1, c9 as Rw, ca as Pw, cb as Fw, cc as Bw, cd as $w, av as Tf, _ as n1, F as Hh, ax as zw, ce as Ln, aw as jw, cf as Cv, cg as an, ch as Sv, ci as hr, cj as Vw, ck as Hw, cl as qt, cm as Xl, cn as Nv, co as Ww, ac as Of, a2 as Wh, ah as zr, cp as qh, cq as Uh, cr as Lv, cs as qw, a5 as Uw, Z as Mv, ct as Kw, cu as Ev, cv as Gw, cw as Jw, cx as Yw, D as Tv, n as Ov, cy as S0, cz as Zw, cA as Ea, cB as Xw, cC as Af, G as Qw, r as ex, cD as tx, cE as nx, cF as ix, cG as rx, cH as sx, cI as ox, cJ as ax, cK as lx, i as dx, aj as fx, cL as Av, cM as Df, cN as N0, Q as Dv, cO as Ta, cP as Ts, cQ as Iv, cR as Rv, cS as cx, Y as no, cT as ux, $ as Pv, x as hx, cU as ft, cV as L0, cW as px, cX as mx, cY as gx, cZ as Wc, c_ as yx, c$ as vx, a7 as Ql, ak as M0, d0 as Fv, t as If, d1 as Rf, d2 as Pf, u as Ff, a6 as Kh, d3 as bx, ao as kx, d4 as i1, d5 as wx, d6 as ed, ap as xx, d7 as _x, an as Bv, am as Cx, al as Sx, d8 as Nx, a8 as Lx, d9 as Mx, a0 as Ex, da as Oa, db as Gh, dc as Jh, dd as Aa, de as $v, df as zv, dg as Tx, ar as jv, dh as Vv, a9 as Hv, di as Ox, dj as Ax, dk as Dx, w as Ix, A as Rx, B as Px, e as Fx, g as Bx, V as $x, d as zx, dl as E0, dm as jx, dn as Vx, dp as Hx, dq as Wv, dr as Wx } from "./hooks-DPlQOpZs.js";
-import { y as LJ, dt as MJ, a3 as EJ, ds as TJ } from "./hooks-DPlQOpZs.js";
+import { aB as ov, aC as av, aD as k0, aE as La, aF as jk, aG as Vk, aH as Hk, aI as Vc, aJ as Wk, aK as qk, aL as Uk, aM as U, aN as lv, aO as Kk, aP as Gk, aQ as Jk, aR as ks, aS as Jo, aT as Jl, aU as Yk, aV as el, aW as Zk, aX as Hc, aY as Xk, aZ as Qk, a_ as tl, a$ as ew, b0 as tw, b1 as nw, b2 as w0, b3 as iw, b4 as x0, b5 as rw, b6 as dv, b7 as fv, b8 as sw, b9 as Qs, q as At, a as N, ba as nr, P as Ge, bb as Ve, s as de, j as nt, y as re, bc as _f, L as Nr, bd as je, be as ir, _ as cv, bf as Re, bg as ow, bh as aw, bi as lw, bj as Fh, bk as uv, v as Yl, w as ii, x as ai, bl as dw, bm as Zl, bn as Qu, bo as fw, n as Cf, bp as hv, f as cw, bq as uw, br as hw, bs as pw, b as _0, bt as mw, bu as gw, bv as pv, bw as Bh, bx as yw, c as Sf, by as eo, bz as $h, bA as $t, bB as vw, bC as Tn, bD as bw, bE as mv, bF as kw, bG as Bi, bH as ww, bI as xw, bJ as _w, bK as Cw, bL as Sw, bM as gv, bN as Nw, bO as C0, bP as Lw, ax as to, S as Mi, t as zh, bQ as Mw, bR as yv, bS as Jt, $ as Ma, r as rr, bT as Ew, bU as Zr, bV as jh, a8 as Wn, bW as ye, bX as Yt, bY as Nf, bZ as Yo, b_ as Tw, b$ as vv, c0 as bv, h as Lf, i as Mf, k as Ef, c1 as Vh, c2 as Ow, c3 as kv, C as mn, c4 as wv, c5 as Aw, c6 as Dw, G as Iw, c7 as xv, c8 as gt, c9 as e1, ca as _v, a5 as t1, cb as Rw, cc as Pw, cd as Fw, ce as Bw, cf as $w, ay as Tf, a2 as n1, F as Hh, aA as zw, cg as Ln, az as jw, ch as Cv, ci as an, cj as Sv, ck as hr, cl as Vw, cm as Hw, cn as qt, co as Xl, cp as Nv, cq as Ww, ag as Of, a6 as Wh, al as zr, cr as qh, cs as Uh, ct as Lv, cu as qw, a9 as Uw, a1 as Mv, cv as Kw, cw as Ev, cx as Gw, cy as Jw, cz as Yw, D as Tv, u as Ov, cA as S0, cB as Zw, cC as Ea, cD as Xw, cE as Af, K as Qw, m as ex, cF as tx, cG as nx, cH as ix, cI as rx, cJ as sx, cK as ox, cL as ax, cM as lx, p as dx, an as fx, cN as Av, cO as Df, cP as N0, Y as Dv, cQ as Ta, cR as Ts, cS as Iv, cT as Rv, cU as cx, a0 as no, cV as ux, a3 as Pv, I as hx, cW as ft, cX as L0, cY as px, cZ as mx, c_ as gx, c$ as Wc, d0 as yx, d1 as vx, ab as Ql, ao as M0, d2 as Fv, z as If, d3 as Rf, d4 as Pf, E as Ff, aa as Kh, d5 as bx, as as kx, d6 as i1, d7 as wx, d8 as ed, at as xx, d9 as _x, ar as Bv, aq as Cx, ap as Sx, da as Nx, ac as Lx, db as Mx, a4 as Ex, dc as Oa, dd as Gh, de as Jh, df as Aa, dg as $v, dh as zv, di as Tx, au as jv, dj as Vv, ad as Hv, dk as Ox, dl as Ax, dm as Dx, H as Ix, A as Rx, B as Px, e as Fx, g as Bx, V as $x, d as zx, dn as E0, dp as jx, dq as Vx, dr as Hx, ds as Wv, dt as Wx } from "./hooks-mfYg1env.js";
+import { J as LJ, dv as MJ, a7 as EJ, du as TJ } from "./hooks-mfYg1env.js";
 import { jsxs as b, jsx as f, Fragment as Ne } from "react/jsx-runtime";
 import * as I from "react";
 import X, { forwardRef as H, createContext as Rn, useRef as le, useState as B, useCallback as _e, useContext as ln, useMemo as he, useEffect as ne, PureComponent as qx, useId as Xr, useLayoutEffect as Yh, memo as Da, Fragment as sr, useTransition as Ux, isValidElement as Kx, cloneElement as qv, useDeferredValue as Gx, useDebugValue as Uv, createRef as Jx, createElement as Yx, version as T0, useImperativeHandle as Bf, Children as Kv } from "react";

package/dist/f0.d.ts

@@ -266,6 +266,21 @@ declare type BaseBannerProps = {
     children?: React.ReactNode;
 };
 
+declare interface BaseChipProps extends VariantProps<typeof chipVariants> {
+    /**
+     * The label of the chip
+     * */
+    label: string;
+    /**
+     * If defined, the chip will be clickable
+     * */
+    onClick?: () => void;
+    /**
+     * If defined, the close icon will be displayed and the chip will be clickable
+     * */
+    onClose?: () => void;
+}
+
 declare type BaseColor = keyof typeof baseColors;
 
 /**
@@ -564,6 +579,37 @@ declare interface CheckboxProps extends DataAttributes {
     name?: string;
 }
 
+declare type ChipProps = BaseChipProps & ChipVariants & {
+    variant?: "default" | "selected";
+};
+
+declare type ChipVariants = {
+    /**
+     * If defined, an avatar will be displayed in the chip
+     * */
+    avatar: AvatarVariant;
+    icon?: undefined;
+} | {
+    /**
+     * If defined, an icon will be displayed in the chip
+     * */
+    icon: IconType;
+    avatar?: undefined;
+} | {
+    avatar?: undefined;
+    icon?: undefined;
+};
+
+declare const chipVariants: (props?: ({
+    variant?: "default" | "selected" | undefined;
+} & ({
+    class?: ClassValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: ClassValue;
+})) | undefined) => string;
+
 export declare type CompanyAvatarVariant = Extract<AvatarVariant, {
     type: "company";
 }>;
@@ -1090,6 +1136,14 @@ export declare const F0Checkbox: typeof _F0Checkbox;
 
 declare function _F0Checkbox({ title, onCheckedChange, id, disabled, indeterminate, checked, value, hideLabel, presentational, stopPropagation, name, ...rest }: CheckboxProps): JSX_2.Element;
 
+/**
+ * @experimental This is an experimental component use it at your own risk
+ */
+export declare const F0ChipList: {
+    ({ chips, max, remainingCount: initialRemainingCount, layout, }: Props): JSX_2.Element;
+    displayName: string;
+};
+
 export declare const F0Icon: ForwardRefExoticComponent<Omit<Omit<F0IconProps_2, "ref"> & RefAttributes<SVGSVGElement>, "ref"> & RefAttributes<HTMLElement | SVGElement>>;
 
 export declare interface F0IconProps extends SVGProps<SVGSVGElement>, VariantProps<typeof iconVariants> {
@@ -1637,6 +1691,29 @@ declare type PromoteAction = {
 };
 
 declare type Props = {
+    /**
+     * Array of chips to display.
+     */
+    chips: Array<ChipProps>;
+    /**
+     * The maximum number of chips to display.
+     * @default 4
+     */
+    max?: number;
+    /**
+     * The remaining number to display.
+     */
+    remainingCount?: number;
+    /**
+     * The layout of the chip list.
+     * - "fill" - Chips will expand to fill the available width, with overflow items shown in a counter
+     * - "compact" - Chips will be stacked together up to the max limit, with remaining shown in counter
+     * @default "compact"
+     */
+    layout?: "fill" | "compact";
+};
+
+declare type Props_2 = {
     count: number;
     list?: TagCounterItem[];
 };
@@ -1691,7 +1768,7 @@ export declare interface TagCompanyProps {
 }
 
 export declare const TagCounter: {
-    ({ count, list }: Props): JSX_2.Element;
+    ({ count, list }: Props_2): JSX_2.Element;
     displayName: string;
 };