@photoroom/ui 0.1.328 → 0.1.329

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -32,7 +32,7 @@ export declare const SearchableSelect: {
32
32
  ({ isSearchable, value: outerValue, defaultValue, onValueChange, searchPlaceholder, searchNoResultLabel, options, rawOption, renderOption, renderValue, fuseOptions, clearLabel, listMinHeight, virtualized, virtualizedListHeight, side, ref, ...props }: SearchableSelectProps): import("react").JSX.Element;
33
33
  displayName: string;
34
34
  Primitive: {
35
- ({ className, placeholder, search: searchProps, onOpenChange, children, isSearchable, renderValue, filterComponent, listMinHeight, contentClassName, withPortal, side, ref, ...props }: SearchableSelectPrimitiveProps): import("react").JSX.Element;
35
+ ({ className, placeholder, search: searchProps, onOpenChange, children, isSearchable, renderValue, filterComponent, listMinHeight, contentClassName, withPortal, size, side, ref, ...props }: SearchableSelectPrimitiveProps): import("react").JSX.Element;
36
36
  displayName: string;
37
37
  };
38
38
  Item: {
@@ -1,5 +1,6 @@
1
1
  import * as RadixSelect from "@radix-ui/react-select";
2
2
  import { DropdownSearchFieldProps } from "../../dropdown/DropdownSearchField";
3
+ import { SearchableSelectSize } from "./SearchableSelectTrigger";
3
4
  export type SearchableSelectPrimitiveProps = RadixSelect.SelectProps & Readonly<{
4
5
  isSearchable?: boolean;
5
6
  className?: string;
@@ -10,9 +11,10 @@ export type SearchableSelectPrimitiveProps = RadixSelect.SelectProps & Readonly<
10
11
  listMinHeight?: string;
11
12
  contentClassName?: string;
12
13
  withPortal?: boolean;
14
+ size?: SearchableSelectSize;
13
15
  }> & Pick<RadixSelect.SelectContentProps, "side"> & React.RefAttributes<HTMLButtonElement>;
14
16
  export declare const SearchableSelectPrimitive: {
15
- ({ className, placeholder, search: searchProps, onOpenChange, children, isSearchable, renderValue, filterComponent, listMinHeight, contentClassName, withPortal, side, ref, ...props }: SearchableSelectPrimitiveProps): import("react").JSX.Element;
17
+ ({ className, placeholder, search: searchProps, onOpenChange, children, isSearchable, renderValue, filterComponent, listMinHeight, contentClassName, withPortal, size, side, ref, ...props }: SearchableSelectPrimitiveProps): import("react").JSX.Element;
16
18
  displayName: string;
17
19
  };
18
20
  //# sourceMappingURL=SearchableSelectPrimitive.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SearchableSelectPrimitive.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SearchableSelect/SearchableSelectPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAMtD,OAAO,EAAuB,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAInG,MAAM,MAAM,8BAA8B,GAAG,WAAW,CAAC,WAAW,GAClE,QAAQ,CAAC;IACP,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACjD,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC,GACF,IAAI,CAAC,WAAW,CAAC,kBAAkB,EAAE,MAAM,CAAC,GAC5C,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAEzC,eAAO,MAAM,yBAAyB;4LAenC,8BAA8B;;CAuGhC,CAAC"}
1
+ {"version":3,"file":"SearchableSelectPrimitive.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SearchableSelect/SearchableSelectPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAMtD,OAAO,EAAuB,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAEnG,OAAO,EAA2B,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAE1F,MAAM,MAAM,8BAA8B,GAAG,WAAW,CAAC,WAAW,GAClE,QAAQ,CAAC;IACP,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACjD,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B,CAAC,GACF,IAAI,CAAC,WAAW,CAAC,kBAAkB,EAAE,MAAM,CAAC,GAC5C,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAEzC,eAAO,MAAM,yBAAyB;kMAgBnC,8BAA8B;;CAwGhC,CAAC"}
@@ -1,11 +1,14 @@
1
1
  import * as RadixSelect from "@radix-ui/react-select";
2
+ /** Trigger size. `compact` is tuned for dense surfaces like the batch text pill. */
3
+ export type SearchableSelectSize = "default" | "compact";
2
4
  export type SearchableSelectTriggerProps = RadixSelect.SelectTriggerProps & Omit<React.RefAttributes<HTMLButtonElement>, "children" | "value"> & Readonly<{
3
5
  placeholder?: string;
4
6
  renderValue?: (value: string) => React.ReactNode;
5
7
  value?: string;
8
+ size?: SearchableSelectSize;
6
9
  }>;
7
10
  export declare const SearchableSelectTrigger: {
8
- ({ className, placeholder, renderValue, value, ref, ...props }: SearchableSelectTriggerProps): import("react").JSX.Element;
11
+ ({ className, placeholder, renderValue, value, size, ref, ...props }: SearchableSelectTriggerProps): import("react").JSX.Element;
9
12
  displayName: string;
10
13
  };
11
14
  //# sourceMappingURL=SearchableSelectTrigger.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SearchableSelectTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SearchableSelect/SearchableSelectTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAGtD,MAAM,MAAM,4BAA4B,GAAG,WAAW,CAAC,kBAAkB,GACvE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAClE,QAAQ,CAAC;IACP,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEL,eAAO,MAAM,uBAAuB;oEAOjC,4BAA4B;;CA6B9B,CAAC"}
1
+ {"version":3,"file":"SearchableSelectTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SearchableSelect/SearchableSelectTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAItD,oFAAoF;AACpF,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,SAAS,CAAC;AAyBzD,MAAM,MAAM,4BAA4B,GAAG,WAAW,CAAC,kBAAkB,GACvE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAClE,QAAQ,CAAC;IACP,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC7B,CAAC,CAAC;AAEL,eAAO,MAAM,uBAAuB;0EAQjC,4BAA4B;;CAkB9B,CAAC"}
@@ -1,2 +1,3 @@
1
1
  export * from "./SearchableSelect";
2
+ export type { SearchableSelectSize } from "./SearchableSelectTrigger";
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SearchableSelect/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SearchableSelect/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,YAAY,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}
@@ -1,12 +1,15 @@
1
1
  import { ComponentProps } from "react";
2
- type NumberSelectFieldProps = Omit<ComponentProps<"input">, "onChange" | "min" | "max"> & {
2
+ /** Field size. `compact` (32px) is tuned for dense surfaces like the batch text pill. */
3
+ export type NumberSelectFieldSize = "default" | "compact";
4
+ type NumberSelectFieldProps = Omit<ComponentProps<"input">, "onChange" | "min" | "max" | "size"> & {
3
5
  min?: number;
4
6
  max?: number;
5
7
  step?: number;
6
8
  value: number;
7
9
  options: number[];
8
10
  onChange: (value: number) => void;
11
+ size?: NumberSelectFieldSize;
9
12
  };
10
- export declare const NumberSelectField: ({ value, onChange, min, max, step, disabled, options, className, ...rest }: NumberSelectFieldProps) => import("react").JSX.Element;
13
+ export declare const NumberSelectField: ({ value, onChange, min, max, step, disabled, options, className, size, ...rest }: NumberSelectFieldProps) => import("react").JSX.Element;
11
14
  export {};
12
15
  //# sourceMappingURL=NumberSelectField.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"NumberSelectField.d.ts","sourceRoot":"","sources":["../../../../src/components/unsorted/NumberSelectField/NumberSelectField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAqD,MAAM,OAAO,CAAC;AAS1F,KAAK,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC,GAAG;IACxF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAKF,eAAO,MAAM,iBAAiB,GAAI,4EAU/B,sBAAsB,gCAkXxB,CAAC"}
1
+ {"version":3,"file":"NumberSelectField.d.ts","sourceRoot":"","sources":["../../../../src/components/unsorted/NumberSelectField/NumberSelectField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAqD,MAAM,OAAO,CAAC;AAS1F,yFAAyF;AACzF,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1D,KAAK,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG;IACjG,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAC9B,CAAC;AAKF,eAAO,MAAM,iBAAiB,GAAI,kFAW/B,sBAAsB,gCAsXxB,CAAC"}
@@ -1,3 +1,8 @@
1
1
  import { ComponentProps } from "react";
2
- export declare const NumberSelectFieldButton: (props: ComponentProps<"button">) => import("react").JSX.Element;
2
+ import type { NumberSelectFieldSize } from "./NumberSelectField";
3
+ type NumberSelectFieldButtonProps = Omit<ComponentProps<"button">, "size"> & {
4
+ size?: NumberSelectFieldSize;
5
+ };
6
+ export declare const NumberSelectFieldButton: ({ size, className, children, ...props }: NumberSelectFieldButtonProps) => import("react").JSX.Element;
7
+ export {};
3
8
  //# sourceMappingURL=NumberSelectFieldButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"NumberSelectFieldButton.d.ts","sourceRoot":"","sources":["../../../../src/components/unsorted/NumberSelectField/NumberSelectFieldButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,eAAO,MAAM,uBAAuB,GAAI,OAAO,cAAc,CAAC,QAAQ,CAAC,gCAqBtE,CAAC"}
1
+ {"version":3,"file":"NumberSelectFieldButton.d.ts","sourceRoot":"","sources":["../../../../src/components/unsorted/NumberSelectField/NumberSelectFieldButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,KAAK,4BAA4B,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IAC3E,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,yCAKrC,4BAA4B,gCAsB9B,CAAC"}