@max-ts/kit 1.10.0 → 1.10.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.
Files changed (34) hide show
  1. package/lib/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  2. package/lib/components/Autocomplete/index.d.ts +1 -1
  3. package/lib/components/Autocomplete/index.d.ts.map +1 -1
  4. package/lib/components/Autocomplete/types.d.ts +3 -1
  5. package/lib/components/Autocomplete/types.d.ts.map +1 -1
  6. package/lib/components/Combobox/Combobox.d.ts +2 -2
  7. package/lib/components/Combobox/Combobox.d.ts.map +1 -1
  8. package/lib/components/Combobox/index.d.ts +1 -1
  9. package/lib/components/Combobox/index.d.ts.map +1 -1
  10. package/lib/components/Combobox/styles.css.d.ts.map +1 -1
  11. package/lib/components/Combobox/types.d.ts +6 -2
  12. package/lib/components/Combobox/types.d.ts.map +1 -1
  13. package/lib/components/PageLayout/Header/styles.css.d.ts.map +1 -1
  14. package/lib/components/Tabs/Tabs.d.ts +8 -11
  15. package/lib/components/Tabs/Tabs.d.ts.map +1 -1
  16. package/lib/components/Tabs/index.d.ts +1 -0
  17. package/lib/components/Tabs/index.d.ts.map +1 -1
  18. package/lib/components/Tabs/styles.css.d.ts +4 -4
  19. package/lib/components/Tabs/styles.css.d.ts.map +1 -1
  20. package/lib/components/Tabs/types.d.ts +15 -0
  21. package/lib/components/Tabs/types.d.ts.map +1 -0
  22. package/lib/index.mjs +37 -24
  23. package/lib/stories/Autocomplete.stories.d.ts +1 -0
  24. package/lib/stories/Autocomplete.stories.d.ts.map +1 -1
  25. package/lib/stories/Tabs.stories.d.ts +13 -5
  26. package/lib/stories/Tabs.stories.d.ts.map +1 -1
  27. package/lib/styles.css +184 -50
  28. package/package.json +1 -1
  29. package/lib/components/Tabs/TabsContent.d.ts +0 -5
  30. package/lib/components/Tabs/TabsContent.d.ts.map +0 -1
  31. package/lib/components/Tabs/TabsList.d.ts +0 -4
  32. package/lib/components/Tabs/TabsList.d.ts.map +0 -1
  33. package/lib/components/Tabs/TabsTrigger.d.ts +0 -6
  34. package/lib/components/Tabs/TabsTrigger.d.ts.map +0 -1
@@ -1 +1 @@
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"}
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,+BA0K/D;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
@@ -1,3 +1,3 @@
1
1
  export * from './Autocomplete';
2
- export type { AutocompleteMultipleProps, AutocompleteProps, AutocompleteSingleProps, } from './types';
2
+ export type { AutocompleteMultipleProps, AutocompleteProps, AutocompleteSingleProps, AutocompleteSize, } from './types';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EACX,yBAAyB,EACzB,iBAAiB,EACjB,uBAAuB,GACvB,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EACX,yBAAyB,EACzB,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,GAChB,MAAM,SAAS,CAAC"}
@@ -1,5 +1,6 @@
1
1
  import type { CSSProperties, ReactNode } from 'react';
2
- import type { ComboboxProps } from '../Combobox';
2
+ import type { ComboboxProps, ComboboxSize } from '../Combobox';
3
+ export type AutocompleteSize = ComboboxSize;
3
4
  type AutocompleteBaseProps<TOption> = Omit<ComboboxProps.Root<TOption, boolean>, 'children' | 'defaultValue' | 'isItemEqualToValue' | 'itemToStringLabel' | 'itemToStringValue' | 'items' | 'multiple' | 'onValueChange' | 'value'> & {
4
5
  options: TOption[];
5
6
  label?: string;
@@ -8,6 +9,7 @@ type AutocompleteBaseProps<TOption> = Omit<ComboboxProps.Root<TOption, boolean>,
8
9
  error?: boolean;
9
10
  isLoading?: boolean;
10
11
  loadingText?: ReactNode;
12
+ size?: AutocompleteSize;
11
13
  fullWidth?: boolean;
12
14
  id?: string;
13
15
  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,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
+ {"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,YAAY,EAAE,MAAM,aAAa,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC;AAE5C,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,IAAI,CAAC,EAAE,gBAAgB,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"}
@@ -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, error: _error, helperText: _helperText, showTrigger, showClear, ...props }: ComboboxProps.Input) => import("react").JSX.Element;
7
+ var Input: ({ className, children, disabled, error: _error, helperText: _helperText, size, 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;
@@ -13,7 +13,7 @@ declare namespace Combobox {
13
13
  var Collection: (props: ComboboxProps.Collection) => import("react").JSX.Element;
14
14
  var Empty: ({ className, ...props }: ComboboxProps.Empty) => import("react").JSX.Element;
15
15
  var Separator: ({ className, ...props }: ComboboxProps.Separator) => import("react").JSX.Element;
16
- var Chips: ({ className, ...props }: ComboboxProps.Chips) => import("react").JSX.Element;
16
+ var Chips: ({ className, size, ...props }: ComboboxProps.Chips) => import("react").JSX.Element;
17
17
  var Chip: ({ className, children, showRemove, ...props }: ComboboxProps.Chip) => import("react").JSX.Element;
18
18
  var ChipsInput: ({ className, error: _error, helperText: _helperText, ...props }: ComboboxProps.ChipsInput) => import("react").JSX.Element;
19
19
  }
@@ -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;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"}
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;mIAsBlE,aAAa,CAAC,KAAK;yFAkCnB,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;+CAUV,aAAa,CAAC,KAAK;8DAgBzE,aAAa,CAAC,IAAI;sFAiClB,aAAa,CAAC,UAAU;;AAU3B,iBAAS,iBAAiB,qDAEzB;AAkBD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}
@@ -1,3 +1,3 @@
1
1
  export * from './Combobox';
2
- export type { ComboboxProps } from './types';
2
+ export type { ComboboxProps, ComboboxSize } from './types';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/styles.css.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,OAAO,QAQlB,CAAC;AAEH,eAAO,MAAM,WAAW,QAKtB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,aAAa,QA6BxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAErB,CAAC;AAEH,eAAO,MAAM,YAAY,QAAY,CAAC;AAMtC,eAAO,MAAM,UAAU,QAGrB,CAAC;AAEH,eAAO,MAAM,OAAO,QA2BlB,CAAC;AAEH,eAAO,MAAM,IAAI,QAYf,CAAC;AAEH,eAAO,MAAM,IAAI,QAuBf,CAAC;AAEH,eAAO,MAAM,aAAa,QASxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAIrB,CAAC;AAEH,eAAO,MAAM,KAAK,QAQhB,CAAC;AAMH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,KAAK,QAuBhB,CAAC;AAEH,eAAO,MAAM,IAAI,QAsBf,CAAC;AAEH,eAAO,MAAM,cAAc,QAEzB,CAAC;AAEH,eAAO,MAAM,UAAU,QASrB,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAW3B,CAAC;AAEH,eAAO,MAAM,UAAU,QASrB,CAAC;AAEH,eAAO,MAAM,cAAc,kCAMzB,CAAC"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/styles.css.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,OAAO,QAQlB,CAAC;AAEH,eAAO,MAAM,WAAW,QAKtB,CAAC;AAEH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,aAAa,QA6BxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAiCrB,CAAC;AAuBH,eAAO,MAAM,YAAY,QAAY,CAAC;AAMtC,eAAO,MAAM,UAAU,QAGrB,CAAC;AAEH,eAAO,MAAM,OAAO,QA2BlB,CAAC;AAEH,eAAO,MAAM,IAAI,QAYf,CAAC;AAEH,eAAO,MAAM,IAAI,QAuBf,CAAC;AAEH,eAAO,MAAM,aAAa,QASxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAIrB,CAAC;AAEH,eAAO,MAAM,KAAK,QAQhB,CAAC;AAMH,eAAO,MAAM,SAAS,QAIpB,CAAC;AAEH,eAAO,MAAM,KAAK,QAsChB,CAAC;AAEH,eAAO,MAAM,IAAI,QAsBf,CAAC;AAEH,eAAO,MAAM,cAAc,QAEzB,CAAC;AAEH,eAAO,MAAM,UAAU,QASrB,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAW3B,CAAC;AAEH,eAAO,MAAM,UAAU,QAUrB,CAAC;AAcH,eAAO,MAAM,cAAc,kCAMzB,CAAC"}
@@ -1,11 +1,13 @@
1
1
  import type { Combobox } from '@base-ui/react/combobox';
2
2
  import type { Separator } from '@base-ui/react/separator';
3
+ export type ComboboxSize = 'small' | 'medium' | 'large';
3
4
  export declare namespace ComboboxProps {
4
5
  type Root<Value = unknown, Multiple extends boolean | undefined = false> = Combobox.Root.Props<Value, Multiple>;
5
6
  type Value = Combobox.Value.Props;
6
7
  type Trigger = Combobox.Trigger.Props;
7
8
  type Clear = Combobox.Clear.Props;
8
- type Input = Combobox.Input.Props & {
9
+ type Input = Omit<Combobox.Input.Props, 'size'> & {
10
+ size?: ComboboxSize;
9
11
  showTrigger?: boolean;
10
12
  showClear?: boolean;
11
13
  error?: boolean;
@@ -19,7 +21,9 @@ export declare namespace ComboboxProps {
19
21
  type Collection = Combobox.Collection.Props;
20
22
  type Empty = Combobox.Empty.Props;
21
23
  type Separator = Separator.Props;
22
- type Chips = Combobox.Chips.Props;
24
+ type Chips = Combobox.Chips.Props & {
25
+ size?: ComboboxSize;
26
+ };
23
27
  type Chip = Combobox.Chip.Props & {
24
28
  showRemove?: boolean;
25
29
  };
@@ -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;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"}
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,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,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,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG;QACxD,IAAI,CAAC,EAAE,YAAY,CAAC;QACpB,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,GAAG;QAC1C,IAAI,CAAC,EAAE,YAAY,CAAC;KACpB,CAAC;IAEF,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"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/PageLayout/Header/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QASf,CAAC;AAOH,eAAO,MAAM,OAAO,QASlB,CAAC;AAEH,eAAO,MAAM,uBAAuB,QAOlC,CAAC;AAEH,eAAO,MAAM,cAAc,QAQzB,CAAC;AAEH,eAAO,MAAM,OAAO,QAGlB,CAAC"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/PageLayout/Header/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAUf,CAAC;AAOH,eAAO,MAAM,OAAO,QASlB,CAAC;AAEH,eAAO,MAAM,uBAAuB,QAOlC,CAAC;AAEH,eAAO,MAAM,cAAc,QAQzB,CAAC;AAEH,eAAO,MAAM,OAAO,QAGlB,CAAC"}
@@ -1,12 +1,9 @@
1
- import { type TabsList as TabsListPrimitive, type TabsPanel, type TabsRoot, type TabsTab } from '@base-ui/react/tabs';
2
- export type TabsProps = TabsRoot.Props;
3
- export type TabsListProps = TabsListPrimitive.Props;
4
- export type TabsTriggerProps = TabsTab.Props;
5
- export type TabsContentProps = TabsPanel.Props;
6
- export declare const Tabs: {
7
- (props: TabsProps): import("react").JSX.Element;
8
- Content: ({ className, ...props }: import("./TabsContent").TabsContentProps) => import("react").JSX.Element;
9
- List: ({ className, ...props }: import("./TabsList").TabsListProps) => import("react").JSX.Element;
10
- Trigger: ({ className, size, ...props }: import("./TabsTrigger").TabsTriggerProps) => import("react").JSX.Element;
11
- };
1
+ import type { TabsProps } from './types';
2
+ declare function Tabs({ className, orientation, ...props }: TabsProps.Root): import("react").JSX.Element;
3
+ declare namespace Tabs {
4
+ var Content: ({ className, ...props }: TabsProps.Content) => import("react").JSX.Element;
5
+ var List: ({ className, variant, ...props }: TabsProps.List) => import("react").JSX.Element;
6
+ var Trigger: ({ className, ...props }: TabsProps.Trigger) => import("react").JSX.Element;
7
+ }
8
+ export { Tabs };
12
9
  //# sourceMappingURL=Tabs.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,QAAQ,IAAI,iBAAiB,EAClC,KAAK,SAAS,EAEd,KAAK,QAAQ,EACb,KAAK,OAAO,EACZ,MAAM,qBAAqB,CAAC;AAK7B,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC;AACvC,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,KAAK,CAAC;AAC7C,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,KAAK,CAAC;AAE/C,eAAO,MAAM,IAAI;YAAW,SAAS;;;;CAEpC,CAAC"}
1
+ {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,iBAAS,IAAI,CAAC,EACb,SAAS,EACT,WAA0B,EAC1B,GAAG,KAAK,EACR,EAAE,SAAS,CAAC,IAAI,+BAShB;kBAbQ,IAAI;2CAoC6B,SAAS,CAAC,OAAO;iDArBC,SAAS,CAAC,IAAI;2CAWhC,SAAS,CAAC,OAAO;;AAwB3D,OAAO,EAAE,IAAI,EAAE,CAAC"}
@@ -1,2 +1,3 @@
1
1
  export * from './Tabs';
2
+ export * from './types';
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
@@ -1,5 +1,5 @@
1
- export declare const listClass: string;
2
- export declare const triggerClass: string;
3
- export declare const sizes: Record<"small" | "medium" | "large", string>;
4
- export declare const contentClass: string;
1
+ export declare const root: string;
2
+ export declare const list: string;
3
+ export declare const trigger: string;
4
+ export declare const content: string;
5
5
  //# sourceMappingURL=styles.css.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,QAUpB,CAAC;AAEH,eAAO,MAAM,YAAY,QA8BvB,CAAC;AAEH,eAAO,MAAM,KAAK,8CAgBhB,CAAC;AAEH,eAAO,MAAM,YAAY,QAUvB,CAAC"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,QAaf,CAAC;AAEH,eAAO,MAAM,IAAI,QA0Bf,CAAC;AAEH,eAAO,MAAM,OAAO,QAuElB,CAAC;AAmBH,eAAO,MAAM,OAAO,QAKlB,CAAC"}
@@ -0,0 +1,15 @@
1
+ import type { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
2
+ export type TabsVariant = 'default' | 'line';
3
+ export declare namespace TabsProps {
4
+ type Root = TabsPrimitive.Root.Props;
5
+ type List = TabsPrimitive.List.Props & {
6
+ variant?: TabsVariant;
7
+ };
8
+ type Trigger = TabsPrimitive.Tab.Props;
9
+ type Content = TabsPrimitive.Panel.Props;
10
+ }
11
+ export type TabsRootProps = TabsProps.Root;
12
+ export type TabsListProps = TabsProps.List;
13
+ export type TabsTriggerProps = TabsProps.Trigger;
14
+ export type TabsContentProps = TabsProps.Content;
15
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7C,yBAAiB,SAAS,CAAC;IAC1B,KAAY,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;IAE5C,KAAY,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,GAAG;QAC7C,OAAO,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;IAEF,KAAY,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC;IAE9C,KAAY,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC;CAChD;AAED,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC;AAC3C,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC;AAC3C,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,CAAC;AACjD,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,CAAC"}
package/lib/index.mjs CHANGED
@@ -444,9 +444,10 @@ function Clear({ className, children, ...props }) {
444
444
  })
445
445
  });
446
446
  }
447
- function Combobox_Input({ className, children, disabled = false, error: _error, helperText: _helperText, showTrigger = true, showClear = false, ...props }) {
447
+ function Combobox_Input({ className, children, disabled = false, error: _error, helperText: _helperText, size = 'medium', showTrigger = true, showClear = false, ...props }) {
448
448
  return /*#__PURE__*/ jsxs(Combobox.InputGroup, {
449
449
  render: /*#__PURE__*/ jsx(InputGroup, {
450
+ "data-size": size,
450
451
  className: clsx(inputGroup, className)
451
452
  }),
452
453
  children: [
@@ -544,9 +545,10 @@ function Separator({ className, ...props }) {
544
545
  ...props
545
546
  });
546
547
  }
547
- function Chips({ className, ...props }) {
548
+ function Chips({ className, size = 'medium', ...props }) {
548
549
  return /*#__PURE__*/ jsx(Combobox.Chips, {
549
550
  "data-slot": "combobox-chips",
551
+ "data-size": size,
550
552
  className: clsx(chips, className),
551
553
  ...props
552
554
  });
@@ -692,7 +694,7 @@ function defaultGetOptionLabel(option) {
692
694
  return 'string' == typeof option ? option : String(option);
693
695
  }
694
696
  function Autocomplete(props) {
695
- 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;
697
+ 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, size = 'medium', style, value, ...rootProps } = props;
696
698
  const generatedId = useId();
697
699
  const inputId = id ?? (label ? generatedId : void 0);
698
700
  const anchor = useComboboxAnchor();
@@ -736,6 +738,7 @@ function Autocomplete(props) {
736
738
  children: [
737
739
  multiple ? /*#__PURE__*/ jsxs(Combobox_Combobox.Chips, {
738
740
  ref: anchor,
741
+ size: size,
739
742
  className: clsx({
740
743
  [styles_css_fullWidth]: fullWidth
741
744
  }, inputClassName),
@@ -758,6 +761,7 @@ function Autocomplete(props) {
758
761
  "aria-invalid": invalid,
759
762
  placeholder: placeholder,
760
763
  showClear: true,
764
+ size: size,
761
765
  className: clsx({
762
766
  [styles_css_fullWidth]: fullWidth
763
767
  }, inputClassName)
@@ -5515,7 +5519,9 @@ function Sidebar_Trigger({ className, onClick, children, ...props }) {
5515
5519
  ...props,
5516
5520
  children: children ?? /*#__PURE__*/ jsxs(Fragment, {
5517
5521
  children: [
5518
- /*#__PURE__*/ jsx(PanelLeftIcon, {}),
5522
+ /*#__PURE__*/ jsx(PanelLeftIcon, {
5523
+ size: 16
5524
+ }),
5519
5525
  /*#__PURE__*/ jsx("span", {
5520
5526
  className: styles_css_visuallyHidden,
5521
5527
  children: "Toggle Sidebar"
@@ -5894,36 +5900,43 @@ function Switch_Switch({ className, size = 'medium', ...props }) {
5894
5900
  })
5895
5901
  });
5896
5902
  }
5897
- var Tabs_styles_css_contentClass = 'style__hworoa5';
5898
- var listClass = 'style__hworoa0';
5899
- var Tabs_styles_css_sizes = {
5900
- small: 'small__hworoa2',
5901
- medium: 'medium__hworoa3',
5902
- large: 'large__hworoa4'
5903
- };
5904
- var styles_css_triggerClass = 'style__hworoa1';
5905
- const TabsContent = ({ className, ...props })=>/*#__PURE__*/ jsx(Tabs.Panel, {
5906
- "data-slot": "tabs-content",
5907
- className: clsx(Tabs_styles_css_contentClass, className),
5903
+ var Tabs_styles_css_content = 'style__hworoa3';
5904
+ var Tabs_styles_css_list = 'style__hworoa1';
5905
+ var Tabs_styles_css_root = 'style__hworoa0';
5906
+ var Tabs_styles_css_trigger = 'style__hworoa2';
5907
+ function Tabs_Tabs({ className, orientation = 'horizontal', ...props }) {
5908
+ return /*#__PURE__*/ jsx(Tabs.Root, {
5909
+ "data-slot": "tabs",
5910
+ orientation: orientation,
5911
+ className: clsx(Tabs_styles_css_root, className),
5908
5912
  ...props
5909
5913
  });
5910
- const TabsList = ({ className, ...props })=>/*#__PURE__*/ jsx(Tabs.List, {
5914
+ }
5915
+ function Tabs_List({ className, variant = 'default', ...props }) {
5916
+ return /*#__PURE__*/ jsx(Tabs.List, {
5911
5917
  "data-slot": "tabs-list",
5912
- className: clsx(listClass, className),
5918
+ "data-variant": variant,
5919
+ className: clsx(Tabs_styles_css_list, className),
5913
5920
  ...props
5914
5921
  });
5915
- const TabsTrigger = ({ className, size = 'medium', ...props })=>/*#__PURE__*/ jsx(Tabs.Tab, {
5922
+ }
5923
+ function Tabs_Trigger({ className, ...props }) {
5924
+ return /*#__PURE__*/ jsx(Tabs.Tab, {
5916
5925
  "data-slot": "tabs-trigger",
5917
- className: clsx(styles_css_triggerClass, Tabs_styles_css_sizes[size], className),
5926
+ className: clsx(Tabs_styles_css_trigger, className),
5918
5927
  ...props
5919
5928
  });
5920
- const Tabs_Tabs = (props)=>/*#__PURE__*/ jsx(Tabs.Root, {
5921
- "data-slot": "tabs",
5929
+ }
5930
+ function Tabs_Content({ className, ...props }) {
5931
+ return /*#__PURE__*/ jsx(Tabs.Panel, {
5932
+ "data-slot": "tabs-content",
5933
+ className: clsx(Tabs_styles_css_content, className),
5922
5934
  ...props
5923
5935
  });
5924
- Tabs_Tabs.Content = TabsContent;
5925
- Tabs_Tabs.List = TabsList;
5926
- Tabs_Tabs.Trigger = TabsTrigger;
5936
+ }
5937
+ Tabs_Tabs.Content = Tabs_Content;
5938
+ Tabs_Tabs.List = Tabs_List;
5939
+ Tabs_Tabs.Trigger = Tabs_Trigger;
5927
5940
  var Textarea_styles_css_textarea = 'style__1a927tn0';
5928
5941
  function Textarea_Textarea({ className, ...props }) {
5929
5942
  return /*#__PURE__*/ jsx("textarea", {
@@ -3,6 +3,7 @@ import { Autocomplete } from '../components/index.ts';
3
3
  declare const _default: Meta<typeof Autocomplete>;
4
4
  export default _default;
5
5
  export declare function Default(): import("react").JSX.Element;
6
+ export declare function Sizes(): import("react").JSX.Element;
6
7
  export declare function ErrorState(): import("react").JSX.Element;
7
8
  export declare function WithObjectItems(): import("react").JSX.Element;
8
9
  export declare function MultipleWithObjects(): import("react").JSX.Element;
@@ -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;AAED,wBAAgB,YAAY,gCAiD3B"}
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,EAAS,MAAM,cAAc,CAAC;wBAmC9C,IAAI,CAAC,OAAO,YAAY,CAAC;AAP9B,wBAO+B;AAE/B,wBAAgB,OAAO,gCAatB;AAED,wBAAgB,KAAK,gCAgCpB;AAED,wBAAgB,UAAU,gCAWzB;AAED,wBAAgB,eAAe,gCAsB9B;AAED,wBAAgB,mBAAmB,gCA6BlC;AAED,wBAAgB,YAAY,gCAiD3B"}
@@ -1,8 +1,16 @@
1
- import type { Meta } from 'storybook-react-rsbuild';
2
1
  import { Tabs } from '../components/index.ts';
3
- declare const _default: Meta<typeof Tabs>;
2
+ declare const _default: {
3
+ title: string;
4
+ component: typeof Tabs;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ tags: string[];
9
+ };
4
10
  export default _default;
5
- export declare const BaseUse: () => import("react").JSX.Element;
6
- export declare const Disabled: () => import("react").JSX.Element;
7
- export declare const Sizes: () => import("react").JSX.Element;
11
+ export declare function Default(): import("react").JSX.Element;
12
+ export declare function Line(): import("react").JSX.Element;
13
+ export declare function Vertical(): import("react").JSX.Element;
14
+ export declare function VerticalLine(): import("react").JSX.Element;
15
+ export declare function Disabled(): import("react").JSX.Element;
8
16
  //# sourceMappingURL=Tabs.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;wBAS/B,IAAI,CAAC,OAAO,IAAI,CAAC;AAPtB,wBAOuB;AAEvB,eAAO,MAAM,OAAO,mCAiCnB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAmCpB,CAAC;AAEF,eAAO,MAAM,KAAK,mCAqCjB,CAAC"}
1
+ {"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;;;;;;;;;AAGpC,wBAO8B;AAqD9B,wBAAgB,OAAO,gCAOtB;AAED,wBAAgB,IAAI,gCAOnB;AAED,wBAAgB,QAAQ,gCAOvB;AAED,wBAAgB,YAAY,gCAO3B;AAED,wBAAgB,QAAQ,gCAiBvB"}
package/lib/styles.css CHANGED
@@ -28,11 +28,11 @@
28
28
  --spacing-12: 3rem;
29
29
  --spacing-16: 4rem;
30
30
  --spacing-20: 5rem;
31
- --elevation-1: 0px 2px 1px -1px #0003, 0px 1px 1px 0px rgba #00000024 (0, 0, 0, .14), 0px 1px 3px 0px #0000001f;
32
- --elevation-2: 0px 3px 1px -2px #0003, 0px 2px 2px 0px #00000024, 0px 1px 5px 0px #0000001f;
33
- --elevation-3: 0px 3px 3px -2px #0003, 0px 3px 4px 0px #00000024, 0px 1px 8px 0px #0000001f;
34
- --elevation-4: 0px 2px 4px -1px #0003, 0px 4px 5px 0px #00000024, 0px 1px 10px 0px #0000001f;
35
- --elevation-5: 0px 3px 5px -1px #0003, 0px 6px 10px 0px #00000024, 0px 1px 18px 0px #0000001f;
31
+ --elevation-1: 0px 1px 3px 0px #0000001a, 0px 1px 2px -1px #0000000f;
32
+ --elevation-2: 0px 2px 6px 0px #0000001a, 0px 1px 3px -1px #00000014;
33
+ --elevation-3: 0px 4px 10px 0px #0000001a, 0px 2px 4px -1px #0000000f;
34
+ --elevation-4: 0px 6px 16px 0px #0000001a, 0px 3px 6px -2px #0000000f;
35
+ --elevation-5: 0px 10px 24px 0px #0000001f, 0px 4px 8px -2px #00000014;
36
36
  --fontSize-xs: .75rem;
37
37
  --fontSize-sm: .875rem;
38
38
  --fontSize-base: 1rem;
@@ -924,7 +924,45 @@ img, picture, video, canvas, svg {
924
924
  }
925
925
 
926
926
  .style__1udu12r6 {
927
+ outline: 1px solid var(--colors-border);
928
+ border: 0;
927
929
  width: auto;
930
+ transition: outline-color .2s, box-shadow .2s;
931
+ }
932
+
933
+ .style__1udu12r6:hover, .style__1udu12r6:focus-within {
934
+ outline-color: var(--colors-primary);
935
+ }
936
+
937
+ .style__1udu12r6:has([disabled]) {
938
+ outline-color: var(--colors-border);
939
+ }
940
+
941
+ .style__1udu12r6:has([aria-invalid="true"]) {
942
+ outline-color: var(--colors-error);
943
+ }
944
+
945
+ .style__1udu12r6[data-size="small"] {
946
+ height: calc(var(--spacing-6) + var(--spacing-1));
947
+ min-height: calc(var(--spacing-6) + var(--spacing-1));
948
+ }
949
+
950
+ .style__1udu12r6[data-size="medium"] {
951
+ height: var(--spacing-8);
952
+ min-height: var(--spacing-8);
953
+ }
954
+
955
+ .style__1udu12r6[data-size="large"] {
956
+ height: calc(var(--spacing-8) + var(--spacing-1));
957
+ min-height: calc(var(--spacing-8) + var(--spacing-1));
958
+ }
959
+
960
+ .style__1udu12r6[data-size="small"] [data-slot="input-group-control"] {
961
+ font-size: var(--fontSize-sm);
962
+ }
963
+
964
+ .style__1udu12r6[data-size="medium"] [data-slot="input-group-control"], .style__1udu12r6[data-size="large"] [data-slot="input-group-control"] {
965
+ font-size: var(--fontSize-base);
928
966
  }
929
967
 
930
968
  .style__1udu12r6:has([data-slot="combobox-clear"]) .style__1udu12r2 {
@@ -1043,26 +1081,45 @@ img, picture, video, canvas, svg {
1043
1081
  min-height: var(--spacing-8);
1044
1082
  align-items: center;
1045
1083
  gap: var(--spacing-1);
1046
- border: 1px solid var(--colors-border);
1084
+ outline: 1px solid var(--colors-border);
1047
1085
  border-radius: var(--borderRadius-md);
1048
1086
  padding: var(--spacing-1) var(--spacing-2);
1049
1087
  font-size: var(--fontSize-sm);
1050
1088
  background-clip: padding-box;
1051
1089
  flex-wrap: wrap;
1052
- transition: border-color .2s, box-shadow .2s;
1090
+ transition: outline-color .2s, box-shadow .2s;
1053
1091
  display: flex;
1054
1092
  }
1055
1093
 
1094
+ .style__1udu12rg:hover {
1095
+ outline-color: var(--colors-primary);
1096
+ }
1097
+
1056
1098
  .style__1udu12rg:focus-within {
1057
- border-color: var(--colors-primary);
1099
+ outline-color: var(--colors-primary);
1058
1100
  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
1059
1101
  }
1060
1102
 
1061
1103
  .style__1udu12rg:has([aria-invalid="true"]) {
1062
- border-color: var(--colors-error);
1104
+ outline-color: var(--colors-error);
1063
1105
  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
1064
1106
  }
1065
1107
 
1108
+ .style__1udu12rg[data-size="small"] {
1109
+ min-height: calc(var(--spacing-6) + var(--spacing-1));
1110
+ padding-block: 0;
1111
+ }
1112
+
1113
+ .style__1udu12rg[data-size="medium"] {
1114
+ min-height: var(--spacing-8);
1115
+ padding-block: var(--spacing-1);
1116
+ }
1117
+
1118
+ .style__1udu12rg[data-size="large"] {
1119
+ min-height: calc(var(--spacing-8) + var(--spacing-1));
1120
+ padding-block: var(--spacing-1);
1121
+ }
1122
+
1066
1123
  .style__1udu12rh {
1067
1124
  width: fit-content;
1068
1125
  height: var(--spacing-5);
@@ -1116,12 +1173,21 @@ img, picture, video, canvas, svg {
1116
1173
  color: var(--colors-text-primary);
1117
1174
  font-family: inherit;
1118
1175
  font-size: var(--fontSize-sm);
1176
+ line-height: var(--lineHeight-tight);
1119
1177
  background-color: #0000;
1120
1178
  border: 0;
1121
1179
  outline: none;
1122
1180
  flex: 1;
1123
1181
  }
1124
1182
 
1183
+ .style__1udu12rg[data-size="small"] .style__1udu12rl {
1184
+ font-size: var(--fontSize-sm);
1185
+ }
1186
+
1187
+ .style__1udu12rg[data-size="medium"] .style__1udu12rl, .style__1udu12rg[data-size="large"] .style__1udu12rl {
1188
+ font-size: var(--fontSize-base);
1189
+ }
1190
+
1125
1191
  .iconExtraSmall__1udu12rm {
1126
1192
  width: var(--spacing-5);
1127
1193
  height: var(--spacing-5);
@@ -3924,6 +3990,7 @@ a.outline__1af895x4:hover {
3924
3990
 
3925
3991
  .style__nvcxbd0 {
3926
3992
  padding: var(--spacing-2);
3993
+ padding-top: var(--spacing-4);
3927
3994
  grid-area: header;
3928
3995
  grid-template-columns: auto auto 1fr auto;
3929
3996
  grid-template-areas: "trigger title content actions";
@@ -5758,75 +5825,142 @@ a.outline__1af895x4:hover {
5758
5825
  }
5759
5826
 
5760
5827
  .style__hworoa0 {
5761
- justify-content: center;
5762
- align-items: center;
5763
- column-gap: var(--spacing-1);
5828
+ gap: var(--spacing-2);
5829
+ display: flex;
5830
+ }
5831
+
5832
+ .style__hworoa0[data-orientation="horizontal"] {
5833
+ flex-direction: column;
5834
+ }
5835
+
5836
+ .style__hworoa0[data-orientation="vertical"] {
5837
+ flex-direction: row;
5838
+ align-items: flex-start;
5839
+ }
5840
+
5841
+ .style__hworoa1 {
5764
5842
  border-radius: var(--borderRadius-md);
5765
- height: 36px;
5843
+ width: fit-content;
5766
5844
  padding: var(--spacing-1);
5767
- color: var(--colors-text-disabled);
5768
- background-color: #0000;
5845
+ color: var(--colors-text-secondary);
5846
+ justify-content: center;
5847
+ align-items: center;
5769
5848
  display: inline-flex;
5770
5849
  }
5771
5850
 
5772
- .style__hworoa1 {
5773
- white-space: nowrap;
5774
- border-radius: var(--borderRadius-md);
5775
- font-weight: var(--fontWeight-medium);
5776
- color: inherit;
5777
- cursor: pointer;
5778
- line-height: var(--lineHeight-none);
5851
+ .style__hworoa1[data-variant="default"] {
5852
+ background-color: var(--colors-background-element);
5853
+ }
5854
+
5855
+ .style__hworoa1[data-variant="line"] {
5856
+ gap: var(--spacing-1);
5779
5857
  background-color: #0000;
5780
- border: none;
5858
+ border-radius: 0;
5859
+ }
5860
+
5861
+ .style__hworoa1[data-orientation="horizontal"] {
5862
+ height: var(--spacing-8);
5863
+ }
5864
+
5865
+ .style__hworoa1[data-orientation="vertical"] {
5866
+ flex-direction: column;
5867
+ height: fit-content;
5868
+ }
5869
+
5870
+ .style__hworoa2 {
5781
5871
  justify-content: center;
5782
5872
  align-items: center;
5783
- transition: all .2s;
5873
+ gap: var(--spacing-2);
5874
+ border-radius: var(--borderRadius-sm);
5875
+ height: 100%;
5876
+ padding: 0 var(--spacing-1);
5877
+ opacity: .8;
5878
+ font-family: inherit;
5879
+ font-size: var(--fontSize-sm);
5880
+ font-weight: var(--fontWeight-medium);
5881
+ line-height: var(--lineHeight-tight);
5882
+ white-space: nowrap;
5883
+ cursor: pointer;
5884
+ background-color: #0000;
5885
+ border: 1px solid #0000;
5886
+ flex: 1;
5887
+ transition: background-color .2s, border-color .2s, color .2s, box-shadow .2s;
5784
5888
  display: inline-flex;
5889
+ position: relative;
5785
5890
  }
5786
5891
 
5787
- .style__hworoa1:focus-visible {
5788
- outline-offset: 2px;
5789
- box-shadow: var(--elevation-1);
5790
- outline: 2px solid #0000;
5892
+ .style__hworoa2:after {
5893
+ content: "";
5894
+ background-color: var(--colors-primary);
5895
+ opacity: 0;
5896
+ transition: opacity .2s;
5897
+ position: absolute;
5898
+ }
5899
+
5900
+ .style__hworoa2:hover {
5901
+ color: var(--colors-text-primary);
5902
+ }
5903
+
5904
+ .style__hworoa2:focus-visible {
5905
+ border-color: var(--colors-primary);
5906
+ box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-primary) 20%, transparent);
5907
+ outline: none;
5791
5908
  }
5792
5909
 
5793
- .style__hworoa1:disabled {
5910
+ .style__hworoa2:disabled, .style__hworoa2[aria-disabled="true"] {
5794
5911
  pointer-events: none;
5795
5912
  opacity: .5;
5796
5913
  }
5797
5914
 
5798
- .style__hworoa1[data-active] {
5799
- background-color: var(--colors-primary);
5800
- color: var(--colors-foreground-primary);
5801
- box-shadow: var(--elevation-3);
5915
+ .style__hworoa2[data-active] {
5916
+ background-color: var(--colors-background-paper);
5917
+ color: var(--colors-text-primary);
5918
+ box-shadow: var(--elevation-1);
5919
+ opacity: 1;
5802
5920
  }
5803
5921
 
5804
- .small__hworoa2 {
5805
- height: 28px;
5806
- font-size: var(--fontSize-sm);
5807
- padding: var(--spacing-1) var(--spacing-2);
5922
+ .style__hworoa2[data-orientation="vertical"] {
5923
+ width: 100%;
5924
+ min-height: calc(var(--spacing-6) + var(--spacing-1));
5925
+ justify-content: flex-start;
5808
5926
  }
5809
5927
 
5810
- .medium__hworoa3 {
5811
- height: var(--spacing-8);
5812
- font-size: var(--fontSize-base);
5813
- padding: var(--spacing-2) var(--spacing-3);
5928
+ .style__hworoa2[data-orientation="horizontal"]:after {
5929
+ right: 0;
5930
+ bottom: calc(-1 * var(--spacing-1));
5931
+ height: 2px;
5932
+ left: 0;
5814
5933
  }
5815
5934
 
5816
- .large__hworoa4 {
5817
- height: 36px;
5818
- font-size: var(--fontSize-base);
5819
- padding: var(--spacing-2) var(--spacing-4);
5935
+ .style__hworoa2[data-orientation="vertical"]:after {
5936
+ top: 0;
5937
+ right: calc(-1 * var(--spacing-1));
5938
+ width: 2px;
5939
+ bottom: 0;
5820
5940
  }
5821
5941
 
5822
- .style__hworoa5 {
5823
- margin-top: var(--spacing-2);
5942
+ .style__hworoa1[data-variant="line"] .style__hworoa2[data-active] {
5943
+ box-shadow: none;
5944
+ background-color: #0000;
5945
+ border-color: #0000;
5824
5946
  }
5825
5947
 
5826
- .style__hworoa5:focus-visible {
5827
- box-shadow: var(--elevation-1);
5828
- outline-offset: 2px;
5948
+ .style__hworoa1[data-variant="line"] .style__hworoa2[data-active]:after {
5949
+ opacity: 1;
5950
+ }
5951
+
5952
+ .style__hworoa2 svg {
5953
+ width: var(--spacing-4);
5954
+ height: var(--spacing-4);
5955
+ pointer-events: none;
5956
+ flex-shrink: 0;
5957
+ }
5958
+
5959
+ .style__hworoa3 {
5960
+ color: var(--colors-text-primary);
5961
+ font-size: var(--fontSize-sm);
5829
5962
  outline: none;
5963
+ flex: 1;
5830
5964
  }
5831
5965
 
5832
5966
  .style__1a927tn0 {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@max-ts/kit",
3
- "version": "1.10.0",
3
+ "version": "1.10.2",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./lib/index.mjs",
6
6
  "types": "./lib/index.d.ts",
@@ -1,5 +0,0 @@
1
- import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
2
- export type TabsContentProps = TabsPrimitive.Panel.Props;
3
- export type ContentProps = TabsContentProps;
4
- export declare const TabsContent: ({ className, ...props }: TabsContentProps) => import("react").JSX.Element;
5
- //# sourceMappingURL=TabsContent.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabsContent.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAI5D,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC;AAE5C,eAAO,MAAM,WAAW,GAAI,yBAAyB,gBAAgB,gCAMpE,CAAC"}
@@ -1,4 +0,0 @@
1
- import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
2
- export type TabsListProps = TabsPrimitive.List.Props;
3
- export declare const TabsList: ({ className, ...props }: TabsListProps) => import("react").JSX.Element;
4
- //# sourceMappingURL=TabsList.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAI5D,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AACrD,eAAO,MAAM,QAAQ,GAAI,yBAAyB,aAAa,gCAM9D,CAAC"}
@@ -1,6 +0,0 @@
1
- import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
2
- export type TabsTriggerProps = TabsPrimitive.Tab.Props & {
3
- size?: 'small' | 'medium' | 'large';
4
- };
5
- export declare const TabsTrigger: ({ className, size, ...props }: TabsTriggerProps) => import("react").JSX.Element;
6
- //# sourceMappingURL=TabsTrigger.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabsTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/TabsTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAI5D,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC,GAAG,CAAC,KAAK,GAAG;IACxD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACpC,CAAC;AACF,eAAO,MAAM,WAAW,GAAI,+BAIzB,gBAAgB,gCAMlB,CAAC"}