@proteos/ui 0.55.0 → 0.57.0

package/dist/index.d.cts

@@ -113,6 +113,10 @@ declare const avatarStyles: tailwind_variants.TVReturnType<{
         terra: string;
         slate: string;
     };
+    shape: {
+        circle: string;
+        square: string;
+    };
 }, undefined, string[], {
     size: {
         sm: string;
@@ -127,6 +131,10 @@ declare const avatarStyles: tailwind_variants.TVReturnType<{
         terra: string;
         slate: string;
     };
+    shape: {
+        circle: string;
+        square: string;
+    };
 }, undefined, tailwind_variants.TVReturnType<{
     size: {
         sm: string;
@@ -141,6 +149,10 @@ declare const avatarStyles: tailwind_variants.TVReturnType<{
         terra: string;
         slate: string;
     };
+    shape: {
+        circle: string;
+        square: string;
+    };
 }, undefined, string[], unknown, unknown, undefined>>;
 type AvatarVariants = VariantProps<typeof avatarStyles>;
 type AvatarProps = HTMLAttributes<HTMLSpanElement> & AvatarVariants & {
@@ -154,7 +166,7 @@ type AvatarProps = HTMLAttributes<HTMLSpanElement> & AvatarVariants & {
     /** Alt text for the image. Defaults to empty — the avatar is decorative. */
     alt?: string;
 };
-declare function Avatar({ size, tone, initials, src, alt, className, children, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
+declare function Avatar({ size, tone, shape, initials, src, alt, className, children, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
 
 declare const avatarGroupStyles: tailwind_variants.TVReturnType<{
     size: {
@@ -477,12 +489,14 @@ declare function Breadcrumbs({ items, separator, className, ...props }: Breadcru
 
 declare const buttonStyles: tailwind_variants.TVReturnType<{
     variant: {
-        primary: string[];
+        cta: string[];
         accent: string[];
+        primary: string[];
         secondary: string[];
         ghost: string[];
         subtle: string[];
         link: string[];
+        danger: string[];
     };
     size: {
         sm: string;
@@ -498,12 +512,14 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
     };
 }, undefined, string[], {
     variant: {
-        primary: string[];
+        cta: string[];
         accent: string[];
+        primary: string[];
         secondary: string[];
         ghost: string[];
         subtle: string[];
         link: string[];
+        danger: string[];
     };
     size: {
         sm: string;
@@ -519,12 +535,14 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
     };
 }, undefined, tailwind_variants.TVReturnType<{
     variant: {
-        primary: string[];
+        cta: string[];
         accent: string[];
+        primary: string[];
         secondary: string[];
         ghost: string[];
         subtle: string[];
         link: string[];
+        danger: string[];
     };
     size: {
         sm: string;
@@ -2356,7 +2374,10 @@ type FilterField = {
     /** Parent label for breadcrumb in chips, e.g. `'Owner'`. Omitted for top-level. */
     parentLabel?: string;
     type: FilterFieldType;
-    /** Required when `type === 'enum'`; ignored otherwise. */
+    /** Required when `type === 'enum'`. For `type === 'array'` these are the
+     *  ITEM enum's values (an array of enum items), so the membership editors
+     *  and chips pick from the same list the record editor does. Ignored
+     *  otherwise. */
     options?: ReadonlyArray<FilterFieldOption>;
     /** Hint for `<Input type=…>`. Defaults derived from `type`. */
     inputType?: 'text' | 'number' | 'date' | 'datetime' | 'email';
@@ -2407,7 +2428,7 @@ type FilterFieldRelation = {
     /** Dot-path of the field on the related entity, e.g. `'name'` or `'address.city'`. */
     relatedFieldPath: string;
 };
-type ComparisonOperator = 'eq' | 'gt' | 'lt' | 'gte' | 'lte' | 'ne' | 'in' | 'not_in' | 'contains' | 'starts_with' | 'ends_with' | 'empty' | 'not_empty';
+type ComparisonOperator = 'eq' | 'gt' | 'lt' | 'gte' | 'lte' | 'ne' | 'in' | 'not_in' | 'contains' | 'not_contains' | 'contains_all' | 'starts_with' | 'ends_with' | 'empty' | 'not_empty';
 type LogicalOperator = 'and' | 'or';
 type FilterValue = string | string[] | boolean | null;
 type FilterElement = {
@@ -2702,10 +2723,12 @@ declare const segmentedControlStyles: tailwind_variants.TVReturnType<{
             segment: string;
         };
     };
-    tone: {
-        default: {
+    wrap: {
+        true: {
+            group: string;
             segment: string;
         };
+        false: {};
     };
 }, {
     group: string;
@@ -2719,10 +2742,12 @@ declare const segmentedControlStyles: tailwind_variants.TVReturnType<{
             segment: string;
         };
     };
-    tone: {
-        default: {
+    wrap: {
+        true: {
+            group: string;
             segment: string;
         };
+        false: {};
     };
 }, {
     group: string;
@@ -2736,10 +2761,12 @@ declare const segmentedControlStyles: tailwind_variants.TVReturnType<{
             segment: string;
         };
     };
-    tone: {
-        default: {
+    wrap: {
+        true: {
+            group: string;
             segment: string;
         };
+        false: {};
     };
 }, {
     group: string;
@@ -2750,12 +2777,17 @@ type SegmentedControlOption<T extends Key$1 = Key$1> = {
     id: T;
     label: ReactNode;
     isDisabled?: boolean;
+    /** Accessible name for icon-only segments. */
+    'aria-label'?: string;
 };
 type SegmentedControlProps<T extends Key$1 = Key$1> = Omit<RadioGroupProps$1, 'children' | 'value' | 'onChange'> & {
     options: ReadonlyArray<SegmentedControlOption<T>>;
-    value: T;
+    /** `null` renders no selected segment. */
+    value: T | null;
     onChange: (value: T) => void;
     size?: SegmentedControlVariants['size'];
+    /** Flow-wrap long option lists; segments share the line equally. */
+    wrap?: boolean;
     /** Focus the selected segment on mount. RAC's RadioGroup doesn't surface
      *  `autoFocus` itself — it's a per-Radio prop — so we apply it to the
      *  Radio whose value matches `value`. */
@@ -2763,7 +2795,7 @@ type SegmentedControlProps<T extends Key$1 = Key$1> = Omit<RadioGroupProps$1, 'c
     /** Visual override for the group wrapper. */
     className?: string;
 };
-declare function SegmentedControl<T extends Key$1>({ options, value, onChange, size, autoFocus, className, orientation, ...props }: SegmentedControlProps<T>): react_jsx_runtime.JSX.Element;
+declare function SegmentedControl<T extends Key$1>({ options, value, onChange, size, wrap, autoFocus, className, orientation, ...props }: SegmentedControlProps<T>): react_jsx_runtime.JSX.Element;
 
 type SelectOption<T extends Key = Key> = {
     id: T;

package/dist/index.d.ts

@@ -113,6 +113,10 @@ declare const avatarStyles: tailwind_variants.TVReturnType<{
         terra: string;
         slate: string;
     };
+    shape: {
+        circle: string;
+        square: string;
+    };
 }, undefined, string[], {
     size: {
         sm: string;
@@ -127,6 +131,10 @@ declare const avatarStyles: tailwind_variants.TVReturnType<{
         terra: string;
         slate: string;
     };
+    shape: {
+        circle: string;
+        square: string;
+    };
 }, undefined, tailwind_variants.TVReturnType<{
     size: {
         sm: string;
@@ -141,6 +149,10 @@ declare const avatarStyles: tailwind_variants.TVReturnType<{
         terra: string;
         slate: string;
     };
+    shape: {
+        circle: string;
+        square: string;
+    };
 }, undefined, string[], unknown, unknown, undefined>>;
 type AvatarVariants = VariantProps<typeof avatarStyles>;
 type AvatarProps = HTMLAttributes<HTMLSpanElement> & AvatarVariants & {
@@ -154,7 +166,7 @@ type AvatarProps = HTMLAttributes<HTMLSpanElement> & AvatarVariants & {
     /** Alt text for the image. Defaults to empty — the avatar is decorative. */
     alt?: string;
 };
-declare function Avatar({ size, tone, initials, src, alt, className, children, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
+declare function Avatar({ size, tone, shape, initials, src, alt, className, children, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
 
 declare const avatarGroupStyles: tailwind_variants.TVReturnType<{
     size: {
@@ -477,12 +489,14 @@ declare function Breadcrumbs({ items, separator, className, ...props }: Breadcru
 
 declare const buttonStyles: tailwind_variants.TVReturnType<{
     variant: {
-        primary: string[];
+        cta: string[];
         accent: string[];
+        primary: string[];
         secondary: string[];
         ghost: string[];
         subtle: string[];
         link: string[];
+        danger: string[];
     };
     size: {
         sm: string;
@@ -498,12 +512,14 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
     };
 }, undefined, string[], {
     variant: {
-        primary: string[];
+        cta: string[];
         accent: string[];
+        primary: string[];
         secondary: string[];
         ghost: string[];
         subtle: string[];
         link: string[];
+        danger: string[];
     };
     size: {
         sm: string;
@@ -519,12 +535,14 @@ declare const buttonStyles: tailwind_variants.TVReturnType<{
     };
 }, undefined, tailwind_variants.TVReturnType<{
     variant: {
-        primary: string[];
+        cta: string[];
         accent: string[];
+        primary: string[];
         secondary: string[];
         ghost: string[];
         subtle: string[];
         link: string[];
+        danger: string[];
     };
     size: {
         sm: string;
@@ -2356,7 +2374,10 @@ type FilterField = {
     /** Parent label for breadcrumb in chips, e.g. `'Owner'`. Omitted for top-level. */
     parentLabel?: string;
     type: FilterFieldType;
-    /** Required when `type === 'enum'`; ignored otherwise. */
+    /** Required when `type === 'enum'`. For `type === 'array'` these are the
+     *  ITEM enum's values (an array of enum items), so the membership editors
+     *  and chips pick from the same list the record editor does. Ignored
+     *  otherwise. */
     options?: ReadonlyArray<FilterFieldOption>;
     /** Hint for `<Input type=…>`. Defaults derived from `type`. */
     inputType?: 'text' | 'number' | 'date' | 'datetime' | 'email';
@@ -2407,7 +2428,7 @@ type FilterFieldRelation = {
     /** Dot-path of the field on the related entity, e.g. `'name'` or `'address.city'`. */
     relatedFieldPath: string;
 };
-type ComparisonOperator = 'eq' | 'gt' | 'lt' | 'gte' | 'lte' | 'ne' | 'in' | 'not_in' | 'contains' | 'starts_with' | 'ends_with' | 'empty' | 'not_empty';
+type ComparisonOperator = 'eq' | 'gt' | 'lt' | 'gte' | 'lte' | 'ne' | 'in' | 'not_in' | 'contains' | 'not_contains' | 'contains_all' | 'starts_with' | 'ends_with' | 'empty' | 'not_empty';
 type LogicalOperator = 'and' | 'or';
 type FilterValue = string | string[] | boolean | null;
 type FilterElement = {
@@ -2702,10 +2723,12 @@ declare const segmentedControlStyles: tailwind_variants.TVReturnType<{
             segment: string;
         };
     };
-    tone: {
-        default: {
+    wrap: {
+        true: {
+            group: string;
             segment: string;
         };
+        false: {};
     };
 }, {
     group: string;
@@ -2719,10 +2742,12 @@ declare const segmentedControlStyles: tailwind_variants.TVReturnType<{
             segment: string;
         };
     };
-    tone: {
-        default: {
+    wrap: {
+        true: {
+            group: string;
             segment: string;
         };
+        false: {};
     };
 }, {
     group: string;
@@ -2736,10 +2761,12 @@ declare const segmentedControlStyles: tailwind_variants.TVReturnType<{
             segment: string;
         };
     };
-    tone: {
-        default: {
+    wrap: {
+        true: {
+            group: string;
             segment: string;
         };
+        false: {};
     };
 }, {
     group: string;
@@ -2750,12 +2777,17 @@ type SegmentedControlOption<T extends Key$1 = Key$1> = {
     id: T;
     label: ReactNode;
     isDisabled?: boolean;
+    /** Accessible name for icon-only segments. */
+    'aria-label'?: string;
 };
 type SegmentedControlProps<T extends Key$1 = Key$1> = Omit<RadioGroupProps$1, 'children' | 'value' | 'onChange'> & {
     options: ReadonlyArray<SegmentedControlOption<T>>;
-    value: T;
+    /** `null` renders no selected segment. */
+    value: T | null;
     onChange: (value: T) => void;
     size?: SegmentedControlVariants['size'];
+    /** Flow-wrap long option lists; segments share the line equally. */
+    wrap?: boolean;
     /** Focus the selected segment on mount. RAC's RadioGroup doesn't surface
      *  `autoFocus` itself — it's a per-Radio prop — so we apply it to the
      *  Radio whose value matches `value`. */
@@ -2763,7 +2795,7 @@ type SegmentedControlProps<T extends Key$1 = Key$1> = Omit<RadioGroupProps$1, 'c
     /** Visual override for the group wrapper. */
     className?: string;
 };
-declare function SegmentedControl<T extends Key$1>({ options, value, onChange, size, autoFocus, className, orientation, ...props }: SegmentedControlProps<T>): react_jsx_runtime.JSX.Element;
+declare function SegmentedControl<T extends Key$1>({ options, value, onChange, size, wrap, autoFocus, className, orientation, ...props }: SegmentedControlProps<T>): react_jsx_runtime.JSX.Element;
 
 type SelectOption<T extends Key = Key> = {
     id: T;