@max-ts/kit 1.3.1 → 1.3.2

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.
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAMjD,iBAAS,YAAY,CAAC,OAAO,EAAE,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,+BAuJ/D;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
1
+ {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAMjD,iBAAS,YAAY,CAAC,OAAO,EAAE,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,+BAuK/D;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
@@ -4,5 +4,6 @@ export declare const label: string;
4
4
  export declare const helperText: string;
5
5
  export declare const error: string;
6
6
  export declare const disabled: string;
7
+ export declare const loading: string;
7
8
  export declare const optionMeta: string;
8
9
  //# sourceMappingURL=styles.css.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,SAAS,QAEpB,CAAC;AAEH,eAAO,MAAM,KAAK,QAEhB,CAAC;AAEH,eAAO,MAAM,UAAU,QAIrB,CAAC;AAEH,eAAO,MAAM,KAAK,QAEhB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAEnB,CAAC;AAEH,eAAO,MAAM,UAAU,QAIrB,CAAC"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,SAAS,QAEpB,CAAC;AAEH,eAAO,MAAM,KAAK,QAEhB,CAAC;AAEH,eAAO,MAAM,UAAU,QAIrB,CAAC;AAEH,eAAO,MAAM,KAAK,QAEhB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAEnB,CAAC;AAEH,eAAO,MAAM,OAAO,QAOlB,CAAC;AAEH,eAAO,MAAM,UAAU,QAIrB,CAAC"}
@@ -6,6 +6,8 @@ type AutocompleteBaseProps<TOption> = Omit<ComboboxProps.Root<TOption, boolean>,
6
6
  labelClassName?: string;
7
7
  helperText?: string;
8
8
  error?: boolean;
9
+ isLoading?: boolean;
10
+ loadingText?: ReactNode;
9
11
  fullWidth?: boolean;
10
12
  id?: string;
11
13
  placeholder?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,KAAK,qBAAqB,CAAC,OAAO,IAAI,IAAI,CACzC,aAAa,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,EAClC,UAAU,GACV,cAAc,GACd,oBAAoB,GACpB,mBAAmB,GACnB,mBAAmB,GACnB,OAAO,GACP,UAAU,GACV,eAAe,GACf,OAAO,CACT,GAAG;IACH,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;IACpE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,OAAO,IAC1C,qBAAqB,CAAC,OAAO,CAAC,GAAG;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEH,MAAM,MAAM,yBAAyB,CAAC,OAAO,IAC5C,qBAAqB,CAAC,OAAO,CAAC,GAAG;IAChC,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACtC,CAAC;AAEH,MAAM,MAAM,iBAAiB,CAAC,OAAO,IAClC,uBAAuB,CAAC,OAAO,CAAC,GAChC,yBAAyB,CAAC,OAAO,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,KAAK,qBAAqB,CAAC,OAAO,IAAI,IAAI,CACzC,aAAa,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,EAClC,UAAU,GACV,cAAc,GACd,oBAAoB,GACpB,mBAAmB,GACnB,mBAAmB,GACnB,OAAO,GACP,UAAU,GACV,eAAe,GACf,OAAO,CACT,GAAG;IACH,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,MAAM,CAAC;IAC7C,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;IACpE,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,OAAO,IAC1C,qBAAqB,CAAC,OAAO,CAAC,GAAG;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEH,MAAM,MAAM,yBAAyB,CAAC,OAAO,IAC5C,qBAAqB,CAAC,OAAO,CAAC,GAAG;IAChC,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACtC,CAAC;AAEH,MAAM,MAAM,iBAAiB,CAAC,OAAO,IAClC,uBAAuB,CAAC,OAAO,CAAC,GAChC,yBAAyB,CAAC,OAAO,CAAC,CAAC"}
@@ -1,6 +1,6 @@
1
1
  export declare const root: string;
2
2
  export declare const svg: string;
3
3
  export declare const circle: string;
4
- export declare const variants: Record<"indeterminate" | "determinate", string>;
4
+ export declare const variants: Record<"determinate" | "indeterminate", string>;
5
5
  export declare const colors: Record<"primary" | "secondary" | "inherit", string>;
6
6
  //# sourceMappingURL=styles.css.d.ts.map
@@ -4,7 +4,7 @@ declare namespace Combobox {
4
4
  var Value: (props: ComboboxProps.Value) => import("react").JSX.Element;
5
5
  var Trigger: ({ className, children, ...props }: ComboboxProps.Trigger) => import("react").JSX.Element;
6
6
  var Clear: ({ className, children, ...props }: ComboboxProps.Clear) => import("react").JSX.Element;
7
- var Input: ({ className, children, disabled, showTrigger, showClear, ...props }: ComboboxProps.Input) => import("react").JSX.Element;
7
+ var Input: ({ className, children, disabled, error: _error, helperText: _helperText, showTrigger, showClear, ...props }: ComboboxProps.Input) => import("react").JSX.Element;
8
8
  var Content: ({ className, side, sideOffset, align, alignOffset, anchor, ...props }: ComboboxProps.Content) => import("react").JSX.Element;
9
9
  var List: ({ className, ...props }: ComboboxProps.List) => import("react").JSX.Element;
10
10
  var Item: ({ className, children, ...props }: ComboboxProps.Item) => import("react").JSX.Element;
@@ -15,7 +15,7 @@ declare namespace Combobox {
15
15
  var Separator: ({ className, ...props }: ComboboxProps.Separator) => import("react").JSX.Element;
16
16
  var Chips: ({ className, ...props }: ComboboxProps.Chips) => import("react").JSX.Element;
17
17
  var Chip: ({ className, children, showRemove, ...props }: ComboboxProps.Chip) => import("react").JSX.Element;
18
- var ChipsInput: ({ className, ...props }: ComboboxProps.ChipsInput) => import("react").JSX.Element;
18
+ var ChipsInput: ({ className, error: _error, helperText: _helperText, ...props }: ComboboxProps.ChipsInput) => import("react").JSX.Element;
19
19
  }
20
20
  declare function useComboboxAnchor(): import("react").RefObject<HTMLDivElement | null>;
21
21
  export { Combobox, useComboboxAnchor };
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,iBAAS,QAAQ,CAChB,KAAK,GAAG,OAAO,EACf,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC3C,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,+BAE3C;kBALQ,QAAQ;uBAOK,aAAa,CAAC,KAAK;qDAIW,aAAa,CAAC,OAAO;mDAavB,aAAa,CAAC,KAAK;qFAmBlE,aAAa,CAAC,KAAK;yFA6BnB,aAAa,CAAC,OAAO;wCAsBe,aAAa,CAAC,IAAI;kDAUR,aAAa,CAAC,IAAI;8BAetC,aAAa,CAAC,KAAK;8CAIH,aAAa,CAAC,KAAK;4BAUrC,aAAa,CAAC,UAAU;yCAIX,aAAa,CAAC,KAAK;6CAUf,aAAa,CAAC,SAAS;yCAU3B,aAAa,CAAC,KAAK;8DAexD,aAAa,CAAC,IAAI;8CA4BwB,aAAa,CAAC,UAAU;;AAUrE,iBAAS,iBAAiB,qDAEzB;AAkBD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}
1
+ {"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,iBAAS,QAAQ,CAChB,KAAK,GAAG,OAAO,EACf,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC3C,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,+BAE3C;kBALQ,QAAQ;uBAOK,aAAa,CAAC,KAAK;qDAIW,aAAa,CAAC,OAAO;mDAavB,aAAa,CAAC,KAAK;6HAqBlE,aAAa,CAAC,KAAK;yFA6BnB,aAAa,CAAC,OAAO;wCAsBe,aAAa,CAAC,IAAI;kDAUR,aAAa,CAAC,IAAI;8BAetC,aAAa,CAAC,KAAK;8CAIH,aAAa,CAAC,KAAK;4BAUrC,aAAa,CAAC,UAAU;yCAIX,aAAa,CAAC,KAAK;6CAUf,aAAa,CAAC,SAAS;yCAU3B,aAAa,CAAC,KAAK;8DAexD,aAAa,CAAC,IAAI;sFAiClB,aAAa,CAAC,UAAU;;AAU3B,iBAAS,iBAAiB,qDAEzB;AAkBD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}
@@ -8,6 +8,8 @@ export declare namespace ComboboxProps {
8
8
  type Input = Combobox.Input.Props & {
9
9
  showTrigger?: boolean;
10
10
  showClear?: boolean;
11
+ error?: boolean;
12
+ helperText?: React.ReactNode;
11
13
  };
12
14
  type Content = Combobox.Popup.Props & Pick<Combobox.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'>;
13
15
  type List = Combobox.List.Props;
@@ -21,6 +23,9 @@ export declare namespace ComboboxProps {
21
23
  type Chip = Combobox.Chip.Props & {
22
24
  showRemove?: boolean;
23
25
  };
24
- type ChipsInput = Combobox.Input.Props;
26
+ type ChipsInput = Combobox.Input.Props & {
27
+ error?: boolean;
28
+ helperText?: React.ReactNode;
29
+ };
25
30
  }
26
31
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE1D,yBAAiB,aAAa,CAAC;IAC9B,KAAY,IAAI,CACf,KAAK,GAAG,OAAO,EACf,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,IACzC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAEzC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;IAE7C,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG;QAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,SAAS,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IAEF,KAAY,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,GACzC,IAAI,CACH,QAAQ,CAAC,UAAU,CAAC,KAAK,EACzB,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,QAAQ,CAC1D,CAAC;IAEH,KAAY,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;IAEvC,KAAY,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;IAEvC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC;IAE9C,KAAY,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC;IAEnD,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC;IAExC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,GAAG;QACxC,UAAU,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;IAEF,KAAY,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;CAC9C"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE1D,yBAAiB,aAAa,CAAC;IAC9B,KAAY,IAAI,CACf,KAAK,GAAG,OAAO,EACf,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,IACzC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAEzC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;IAE7C,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG;QAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC7B,CAAC;IAEF,KAAY,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,GACzC,IAAI,CACH,QAAQ,CAAC,UAAU,CAAC,KAAK,EACzB,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,QAAQ,CAC1D,CAAC;IAEH,KAAY,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;IAEvC,KAAY,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;IAEvC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC;IAE9C,KAAY,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC;IAEnD,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC;IAExC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzC,KAAY,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,GAAG;QACxC,UAAU,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;IAEF,KAAY,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG;QAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC7B,CAAC;CACF"}
package/lib/index.mjs CHANGED
@@ -272,6 +272,49 @@ AlertDialog_AlertDialog.Title = Title;
272
272
  AlertDialog_AlertDialog.Description = Description;
273
273
  AlertDialog_AlertDialog.Action = Action;
274
274
  AlertDialog_AlertDialog.Cancel = Cancel;
275
+ var circle = 'style__m6b9n24';
276
+ var colors = {
277
+ primary: 'primary__m6b9n27',
278
+ secondary: 'secondary__m6b9n28',
279
+ inherit: 'inherit__m6b9n29'
280
+ };
281
+ var styles_css_root = 'style__m6b9n22';
282
+ var svg = 'style__m6b9n23';
283
+ var variants = {
284
+ determinate: 'determinate__m6b9n25',
285
+ indeterminate: 'indeterminate__m6b9n26'
286
+ };
287
+ const CircularProgress = ({ size = 30, thickness = 2.2, color = 'primary', value = 0, variant = 'indeterminate', className })=>{
288
+ const radius = (size - thickness) / 2;
289
+ const circumference = 2 * Math.PI * radius;
290
+ const dashOffset = 'determinate' === variant ? circumference * (1 - value / 100) : 0.25 * circumference;
291
+ return /*#__PURE__*/ jsx("div", {
292
+ className: clsx_0(styles_css_root, variants[variant], colors[color], className),
293
+ style: {
294
+ width: size,
295
+ height: size
296
+ },
297
+ children: /*#__PURE__*/ jsxs("svg", {
298
+ className: svg,
299
+ viewBox: `0 0 ${size} ${size}`,
300
+ children: [
301
+ /*#__PURE__*/ jsx("title", {
302
+ children: "Progress bar"
303
+ }),
304
+ /*#__PURE__*/ jsx("circle", {
305
+ className: clsx_0(circle, 'determinate' === variant && variants.determinate),
306
+ cx: size / 2,
307
+ cy: size / 2,
308
+ r: radius,
309
+ fill: "none",
310
+ strokeWidth: thickness,
311
+ strokeDasharray: circumference,
312
+ strokeDashoffset: dashOffset
313
+ })
314
+ ]
315
+ })
316
+ });
317
+ };
275
318
  var addon = 'style__1rv6t1j1';
276
319
  var addonAlign = {
277
320
  'inline-start': 'inline-start__1rv6t1j2',
@@ -288,13 +331,13 @@ var buttonSize = {
288
331
  };
289
332
  var control = 'style__1rv6t1jc';
290
333
  var input = 'style__1rv6t1jd';
291
- var styles_css_root = 'style__1rv6t1j0';
334
+ var InputGroup_styles_css_root = 'style__1rv6t1j0';
292
335
  var styles_css_text = 'style__1rv6t1jb';
293
336
  var styles_css_textarea = 'style__1rv6t1je';
294
337
  function InputGroup({ className, ...props }) {
295
338
  return /*#__PURE__*/ jsx("div", {
296
339
  "data-slot": "input-group",
297
- className: clsx(styles_css_root, className),
340
+ className: clsx(InputGroup_styles_css_root, className),
298
341
  ...props
299
342
  });
300
343
  }
@@ -398,7 +441,7 @@ function Clear({ className, children, ...props }) {
398
441
  })
399
442
  });
400
443
  }
401
- function Combobox_Input({ className, children, disabled = false, showTrigger = true, showClear = false, ...props }) {
444
+ function Combobox_Input({ className, children, disabled = false, error: _error, helperText: _helperText, showTrigger = true, showClear = false, ...props }) {
402
445
  return /*#__PURE__*/ jsxs(Combobox.InputGroup, {
403
446
  render: /*#__PURE__*/ jsx(InputGroup, {
404
447
  className: clsx(inputGroup, className)
@@ -522,7 +565,7 @@ function Chip({ className, children, showRemove = true, ...props }) {
522
565
  ]
523
566
  });
524
567
  }
525
- function ChipsInput({ className, ...props }) {
568
+ function ChipsInput({ className, error: _error, helperText: _helperText, ...props }) {
526
569
  return /*#__PURE__*/ jsx(Combobox.Input, {
527
570
  "data-slot": "combobox-chip-input",
528
571
  className: clsx(chipsInput, className),
@@ -566,7 +609,7 @@ var alignments = {
566
609
  right: 'right__1sba6zom',
567
610
  justify: 'justify__1sba6zon'
568
611
  };
569
- var colors = {
612
+ var styles_css_colors = {
570
613
  primary: 'primary__1sba6zoc',
571
614
  secondary: 'secondary__1sba6zod',
572
615
  disabled: 'disabled__1sba6zoe',
@@ -591,7 +634,7 @@ var transforms = {
591
634
  uppercase: 'uppercase__1sba6zov',
592
635
  capitalize: 'capitalize__1sba6zow'
593
636
  };
594
- var variants = {
637
+ var styles_css_variants = {
595
638
  h1: 'h1__1sba6zo0',
596
639
  h2: 'h2__1sba6zo1',
597
640
  h3: 'h3__1sba6zo2',
@@ -628,7 +671,7 @@ const VARIANT_COMPONENT_MAP = {
628
671
  const Typography = ({ className, variant = 'body1', component, color = 'primary', align = 'left', display = 'inline', weight = 'normal', transform, decoration = 'none', gutterBottom, children, ...props })=>{
629
672
  const Component = component || VARIANT_COMPONENT_MAP[variant || 'body1'];
630
673
  return /*#__PURE__*/ jsx(Component, {
631
- className: clsx(decorations[decoration], variants[variant], colors[color], weights[weight], transform && transforms[transform], displays[display], alignments[align], {
674
+ className: clsx(decorations[decoration], styles_css_variants[variant], styles_css_colors[color], weights[weight], transform && transforms[transform], displays[display], alignments[align], {
632
675
  [gutterBottomClass]: gutterBottom
633
676
  }, className),
634
677
  ...props,
@@ -641,11 +684,12 @@ var styles_css_field = 'style__17arfox0';
641
684
  var styles_css_fullWidth = 'style__17arfox1';
642
685
  var styles_css_helperText = 'style__17arfox3';
643
686
  var styles_css_label = 'style__17arfox2';
687
+ var styles_css_loading = 'style__17arfox6';
644
688
  function defaultGetOptionLabel(option) {
645
689
  return 'string' == typeof option ? option : String(option);
646
690
  }
647
691
  function Autocomplete(props) {
648
- const { className, contentClassName, defaultValue, disabled = false, error = false, fullWidth = false, getOptionLabel = defaultGetOptionLabel, getOptionValue = getOptionLabel, helperText, id, inputClassName, isOptionEqualToValue, label, labelClassName, multiple, noOptionsText = 'No results found', onChange, options, placeholder, renderOption, required, style, value, ...rootProps } = props;
692
+ const { className, contentClassName, defaultValue, disabled = false, error = false, fullWidth = false, getOptionLabel = defaultGetOptionLabel, getOptionValue = getOptionLabel, helperText, id, inputClassName, isOptionEqualToValue, isLoading = false, label, labelClassName, loadingText, multiple, noOptionsText = 'No results found', onChange, options, placeholder, renderOption, required, style, value, ...rootProps } = props;
649
693
  const generatedId = useId();
650
694
  const inputId = id ?? (label ? generatedId : void 0);
651
695
  const anchor = useComboboxAnchor();
@@ -715,17 +759,28 @@ function Autocomplete(props) {
715
759
  [styles_css_fullWidth]: fullWidth
716
760
  }, inputClassName)
717
761
  }),
718
- /*#__PURE__*/ jsxs(Combobox_Combobox.Content, {
762
+ /*#__PURE__*/ jsx(Combobox_Combobox.Content, {
719
763
  anchor: multiple ? anchor : void 0,
720
764
  className: contentClassName,
721
- children: [
722
- /*#__PURE__*/ jsx(Combobox_Combobox.Empty, {
723
- children: noOptionsText
724
- }),
725
- /*#__PURE__*/ jsx(Combobox_Combobox.List, {
726
- children: renderItem
765
+ children: isLoading ? /*#__PURE__*/ jsx("div", {
766
+ "data-slot": "autocomplete-loading",
767
+ className: styles_css_loading,
768
+ role: "status",
769
+ children: loadingText ?? /*#__PURE__*/ jsx(CircularProgress, {
770
+ thickness: 1.6,
771
+ size: 18,
772
+ color: "inherit"
727
773
  })
728
- ]
774
+ }) : /*#__PURE__*/ jsxs(Fragment, {
775
+ children: [
776
+ /*#__PURE__*/ jsx(Combobox_Combobox.Empty, {
777
+ children: noOptionsText
778
+ }),
779
+ /*#__PURE__*/ jsx(Combobox_Combobox.List, {
780
+ children: renderItem
781
+ })
782
+ ]
783
+ })
729
784
  })
730
785
  ]
731
786
  }),
@@ -1399,49 +1454,6 @@ const Checkbox_Checkbox = ({ className, ...props })=>/*#__PURE__*/ jsx(Checkbox.
1399
1454
  })
1400
1455
  })
1401
1456
  });
1402
- var circle = 'style__m6b9n24';
1403
- var styles_css_colors = {
1404
- primary: 'primary__m6b9n27',
1405
- secondary: 'secondary__m6b9n28',
1406
- inherit: 'inherit__m6b9n29'
1407
- };
1408
- var CircularProgress_styles_css_root = 'style__m6b9n22';
1409
- var svg = 'style__m6b9n23';
1410
- var styles_css_variants = {
1411
- determinate: 'determinate__m6b9n25',
1412
- indeterminate: 'indeterminate__m6b9n26'
1413
- };
1414
- const CircularProgress = ({ size = 30, thickness = 2.6, color = 'primary', value = 0, variant = 'indeterminate', className })=>{
1415
- const radius = (size - thickness) / 2;
1416
- const circumference = 2 * Math.PI * radius;
1417
- const dashOffset = 'determinate' === variant ? circumference * (1 - value / 100) : 0.25 * circumference;
1418
- return /*#__PURE__*/ jsx("div", {
1419
- className: clsx_0(CircularProgress_styles_css_root, styles_css_variants[variant], styles_css_colors[color], className),
1420
- style: {
1421
- width: size,
1422
- height: size
1423
- },
1424
- children: /*#__PURE__*/ jsxs("svg", {
1425
- className: svg,
1426
- viewBox: `0 0 ${size} ${size}`,
1427
- children: [
1428
- /*#__PURE__*/ jsx("title", {
1429
- children: "Progress bar"
1430
- }),
1431
- /*#__PURE__*/ jsx("circle", {
1432
- className: clsx_0(circle, 'determinate' === variant && styles_css_variants.determinate),
1433
- cx: size / 2,
1434
- cy: size / 2,
1435
- r: radius,
1436
- fill: "none",
1437
- strokeWidth: thickness,
1438
- strokeDasharray: circumference,
1439
- strokeDashoffset: dashOffset
1440
- })
1441
- ]
1442
- })
1443
- });
1444
- };
1445
1457
  function Collapsible_Collapsible({ ...props }) {
1446
1458
  return /*#__PURE__*/ jsx(Collapsible.Root, {
1447
1459
  "data-slot": "collapsible",
@@ -2030,7 +2042,7 @@ function Header_Header({ columns, height }) {
2030
2042
  var DataGrid_styles_css_container = 'style__1gqvluf0';
2031
2043
  var DataGrid_styles_css_disabled = 'style__1gqvluf3';
2032
2044
  var fullHeight = 'style__1gqvluf2';
2033
- var styles_css_loading = 'style__1gqvluf4';
2045
+ var DataGrid_styles_css_loading = 'style__1gqvluf4';
2034
2046
  var table = 'style__1gqvluf1';
2035
2047
  var titleClass = 'style__1gqvluf5';
2036
2048
  function DataGrid({ rows, columns, height = '100%', className, rowHeight = 40, headerHeight = 40, keyId, onRowClick, isLoading, isDisabled, isError, emptyState, errorState, footer, title, onRetry }) {
@@ -2045,7 +2057,7 @@ function DataGrid({ rows, columns, height = '100%', className, rowHeight = 40, h
2045
2057
  /*#__PURE__*/ jsxs("table", {
2046
2058
  className: clsx(table, {
2047
2059
  [DataGrid_styles_css_disabled]: isDisabled,
2048
- [styles_css_loading]: isLoading,
2060
+ [DataGrid_styles_css_loading]: isLoading,
2049
2061
  [fullHeight]: isFullHeight
2050
2062
  }, className),
2051
2063
  children: [
@@ -4844,4 +4856,4 @@ const ToggleGroup = ({ value, onChange, options, size, className, label, multipl
4844
4856
  ]
4845
4857
  });
4846
4858
  };
4847
- export { Accordion_Accordion as Accordion, AlertDialog_AlertDialog as AlertDialog, Autocomplete, Avatar_Avatar as Avatar, Badge_Badge as Badge, Breadcrumb, ButtonGroup, Button_Button as Button, Button_buttonSizes as buttonSizes, Button_buttonVariants as buttonVariants, Calendar, Card, Carousel, Checkbox_Checkbox as Checkbox, CircularProgress, Collapsible_Collapsible as Collapsible, Combobox_Combobox as Combobox, ConfirmAction, ContentState, CopyTypography, DEFAULT_SEPARATOR, DEFAULT_SYMBOL, DESCRIPTION_ROOT_CLASSNAME, DashboardLayout, DataGrid, DataGridActionCell, DataGridSortHeader, DataList, DatePicker, Description_Description as Description, Dialog_Dialog as Dialog, Drawer_Drawer as Drawer, DropdownMenu, Empty_Empty as Empty, ImageCarousel, Image_Image as Image, InputGroup, InputOTP, Input_Input as Input, Label, MaskField, NOTIFICATION_POSITIONS, NOTIFY_CLASSNAME, Notification, NotificationContainer, OverflowTypography, PageLayout, Pagination, PeriodPicker, Placeholder, Popover_Popover as Popover, RadioGroupItem, RadioGroup_RadioGroup as RadioGroup, RangeInput, ScrollTopButton, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Select_Select as Select, Sheet, Sidebar_Sidebar as Sidebar, Slider_Slider as Slider, Tabs_Tabs as Tabs, TextField, Textarea_Textarea as Textarea, ToggleGroup, Tooltip_Tooltip as Tooltip, Typography, alignments, badgeVariants, calculateSize, colors, constants_NotificationVariantTypes as NotificationVariantTypes, createHandle, displays, negativeSpacing, notification, spacing, theme, transforms, useComboboxAnchor, useDashboard, useIsMobile, useOverflowed, useSidebar, variants, weights };
4859
+ export { Accordion_Accordion as Accordion, AlertDialog_AlertDialog as AlertDialog, Autocomplete, Avatar_Avatar as Avatar, Badge_Badge as Badge, Breadcrumb, ButtonGroup, Button_Button as Button, Button_buttonSizes as buttonSizes, Button_buttonVariants as buttonVariants, Calendar, Card, Carousel, Checkbox_Checkbox as Checkbox, CircularProgress, Collapsible_Collapsible as Collapsible, Combobox_Combobox as Combobox, ConfirmAction, ContentState, CopyTypography, DEFAULT_SEPARATOR, DEFAULT_SYMBOL, DESCRIPTION_ROOT_CLASSNAME, DashboardLayout, DataGrid, DataGridActionCell, DataGridSortHeader, DataList, DatePicker, Description_Description as Description, Dialog_Dialog as Dialog, Drawer_Drawer as Drawer, DropdownMenu, Empty_Empty as Empty, ImageCarousel, Image_Image as Image, InputGroup, InputOTP, Input_Input as Input, Label, MaskField, NOTIFICATION_POSITIONS, NOTIFY_CLASSNAME, Notification, NotificationContainer, OverflowTypography, PageLayout, Pagination, PeriodPicker, Placeholder, Popover_Popover as Popover, RadioGroupItem, RadioGroup_RadioGroup as RadioGroup, RangeInput, ScrollTopButton, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Select_Select as Select, Sheet, Sidebar_Sidebar as Sidebar, Slider_Slider as Slider, Tabs_Tabs as Tabs, TextField, Textarea_Textarea as Textarea, ToggleGroup, Tooltip_Tooltip as Tooltip, Typography, alignments, badgeVariants, calculateSize, constants_NotificationVariantTypes as NotificationVariantTypes, createHandle, displays, negativeSpacing, notification, spacing, styles_css_colors as colors, styles_css_variants as variants, theme, transforms, useComboboxAnchor, useDashboard, useIsMobile, useOverflowed, useSidebar, weights };
@@ -6,4 +6,5 @@ export declare function Default(): import("react").JSX.Element;
6
6
  export declare function ErrorState(): import("react").JSX.Element;
7
7
  export declare function WithObjectItems(): import("react").JSX.Element;
8
8
  export declare function MultipleWithObjects(): import("react").JSX.Element;
9
+ export declare function AsyncOptions(): import("react").JSX.Element;
9
10
  //# sourceMappingURL=Autocomplete.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Autocomplete.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;wBAmCvC,IAAI,CAAC,OAAO,YAAY,CAAC;AAP9B,wBAO+B;AAE/B,wBAAgB,OAAO,gCAatB;AAED,wBAAgB,UAAU,gCAWzB;AAED,wBAAgB,eAAe,gCAsB9B;AAED,wBAAgB,mBAAmB,gCA6BlC"}
1
+ {"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Autocomplete.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;wBAmCvC,IAAI,CAAC,OAAO,YAAY,CAAC;AAP9B,wBAO+B;AAE/B,wBAAgB,OAAO,gCAatB;AAED,wBAAgB,UAAU,gCAWzB;AAED,wBAAgB,eAAe,gCAsB9B;AAED,wBAAgB,mBAAmB,gCA6BlC;AAED,wBAAgB,YAAY,gCAiD3B"}
package/lib/styles.css CHANGED
@@ -612,6 +612,77 @@ img, picture, video, canvas, svg {
612
612
  }
613
613
  }
614
614
 
615
+ @keyframes style__m6b9n20 {
616
+ to {
617
+ transform: rotate(360deg);
618
+ }
619
+ }
620
+
621
+ @keyframes style__m6b9n21 {
622
+ 0% {
623
+ stroke-dasharray: 1 200;
624
+ stroke-dashoffset: 0;
625
+ }
626
+
627
+ 50% {
628
+ stroke-dasharray: 100 200;
629
+ stroke-dashoffset: -15px;
630
+ }
631
+
632
+ 100% {
633
+ stroke-dasharray: 100 200;
634
+ stroke-dashoffset: -125px;
635
+ }
636
+ }
637
+
638
+ .style__m6b9n22 {
639
+ display: inline-block;
640
+ position: relative;
641
+ }
642
+
643
+ .style__m6b9n23 {
644
+ transform-origin: center;
645
+ width: 100%;
646
+ height: 100%;
647
+ display: block;
648
+ }
649
+
650
+ .style__m6b9n24 {
651
+ stroke: currentColor;
652
+ stroke-linecap: round;
653
+ transition: stroke-dashoffset .35s;
654
+ }
655
+
656
+ .determinate__m6b9n25 {
657
+ & style__m6b9n23 {
658
+ transform: rotate(-90deg);
659
+ }
660
+
661
+ & style__m6b9n24 {
662
+ transition: stroke-dashoffset .35s;
663
+ }
664
+ }
665
+
666
+ .indeterminate__m6b9n26 {
667
+ animation: 1.4s linear infinite style__m6b9n20;
668
+
669
+ & style__m6b9n24 {
670
+ animation: 1.4s ease-in-out infinite style__m6b9n21;
671
+ }
672
+ }
673
+
674
+ .primary__m6b9n27 {
675
+ color: var(--colors-primary);
676
+ }
677
+
678
+ .secondary__m6b9n28 {
679
+ color: var(--colors-secondary);
680
+ }
681
+
682
+ .inherit__m6b9n29 {
683
+ color: inherit;
684
+ }
685
+
615
686
  .style__1rv6t1j0 {
616
687
  min-height: var(--spacing-8);
617
688
  border: 1px solid var(--colors-border);
@@ -1305,6 +1376,15 @@ img, picture, video, canvas, svg {
1305
1376
  }
1306
1377
 
1307
1378
  .style__17arfox6 {
1379
+ min-height: var(--spacing-10);
1380
+ padding: var(--spacing-2);
1381
+ color: var(--colors-text-secondary);
1382
+ justify-content: center;
1383
+ align-items: center;
1384
+ display: flex;
1385
+ }
1386
+
1387
+ .style__17arfox7 {
1308
1388
  color: var(--colors-text-secondary);
1309
1389
  font-size: var(--fontSize-xs);
1310
1390
  margin-left: auto;
@@ -2007,77 +2087,6 @@ a.outline__1af895x4:hover {
2007
2087
  stroke-width: 3px;
2008
2088
  }
2009
2089
 
2010
- @keyframes style__m6b9n20 {
2011
- to {
2012
- transform: rotate(360deg);
2013
- }
2014
- }
2015
-
2016
- @keyframes style__m6b9n21 {
2017
- 0% {
2018
- stroke-dasharray: 1 200;
2019
- stroke-dashoffset: 0;
2020
- }
2021
-
2022
- 50% {
2023
- stroke-dasharray: 100 200;
2024
- stroke-dashoffset: -15px;
2025
- }
2026
-
2027
- 100% {
2028
- stroke-dasharray: 100 200;
2029
- stroke-dashoffset: -125px;
2030
- }
2031
- }
2032
-
2033
- .style__m6b9n22 {
2034
- display: inline-block;
2035
- position: relative;
2036
- }
2037
-
2038
- .style__m6b9n23 {
2039
- transform-origin: center;
2040
- width: 100%;
2041
- height: 100%;
2042
- display: block;
2043
- }
2044
-
2045
- .style__m6b9n24 {
2046
- stroke: currentColor;
2047
- stroke-linecap: round;
2048
- transition: stroke-dashoffset .35s;
2049
- }
2050
-
2051
- .determinate__m6b9n25 {
2052
- & style__m6b9n23 {
2053
- transform: rotate(-90deg);
2054
- }
2055
-
2056
- & style__m6b9n24 {
2057
- transition: stroke-dashoffset .35s;
2058
- }
2059
- }
2060
-
2061
- .indeterminate__m6b9n26 {
2062
- animation: 1.4s linear infinite style__m6b9n20;
2063
-
2064
- & style__m6b9n24 {
2065
- animation: 1.4s ease-in-out infinite style__m6b9n21;
2066
- }
2067
- }
2068
-
2069
- .primary__m6b9n27 {
2070
- color: var(--colors-primary);
2071
- }
2072
-
2073
- .secondary__m6b9n28 {
2074
- color: var(--colors-secondary);
2075
- }
2076
-
2077
- .inherit__m6b9n29 {
2078
- color: inherit;
2079
- }
2080
-
2081
2090
  @keyframes style__1xy4jvu0 {
2082
2091
  from {
2083
2092
  opacity: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@max-ts/kit",
3
- "version": "1.3.1",
3
+ "version": "1.3.2",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./lib/index.mjs",
6
6
  "types": "./lib/index.d.ts",