@max-ts/kit 1.9.0 → 1.10.1

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 (38) 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/Content/styles.css.d.ts.map +1 -1
  14. package/lib/components/PageLayout/Header/Header.d.ts +9 -1
  15. package/lib/components/PageLayout/Header/Header.d.ts.map +1 -1
  16. package/lib/components/PageLayout/Header/styles.css.d.ts.map +1 -1
  17. package/lib/components/PageLayout/PageLayout.d.ts +1 -1
  18. package/lib/components/ScalableContainer/ScalableContainer.d.ts +4 -0
  19. package/lib/components/ScalableContainer/ScalableContainer.d.ts.map +1 -0
  20. package/lib/components/ScalableContainer/index.d.ts +3 -0
  21. package/lib/components/ScalableContainer/index.d.ts.map +1 -0
  22. package/lib/components/ScalableContainer/styles.css.d.ts +5 -0
  23. package/lib/components/ScalableContainer/styles.css.d.ts.map +1 -0
  24. package/lib/components/ScalableContainer/types.d.ts +13 -0
  25. package/lib/components/ScalableContainer/types.d.ts.map +1 -0
  26. package/lib/components/ScalableContainer/useLogic.d.ts +23 -0
  27. package/lib/components/ScalableContainer/useLogic.d.ts.map +1 -0
  28. package/lib/components/Sidebar/styles.css.d.ts.map +1 -1
  29. package/lib/components/index.d.ts +1 -0
  30. package/lib/components/index.d.ts.map +1 -1
  31. package/lib/index.mjs +292 -8
  32. package/lib/stories/Autocomplete.stories.d.ts +1 -0
  33. package/lib/stories/Autocomplete.stories.d.ts.map +1 -1
  34. package/lib/stories/DashboardLayout.stories.d.ts.map +1 -1
  35. package/lib/stories/ScalableContainer.stories.d.ts +14 -0
  36. package/lib/stories/ScalableContainer.stories.d.ts.map +1 -0
  37. package/lib/styles.css +106 -10
  38. package/package.json +1 -1
package/lib/components/Autocomplete/Autocomplete.d.ts.map CHANGED
@@ -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"}
package/lib/components/Autocomplete/index.d.ts CHANGED
@@ -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
package/lib/components/Autocomplete/index.d.ts.map CHANGED
@@ -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"}
package/lib/components/Autocomplete/types.d.ts CHANGED
@@ -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;
package/lib/components/Autocomplete/types.d.ts.map CHANGED
@@ -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"}
package/lib/components/Combobox/Combobox.d.ts CHANGED
@@ -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
  }
package/lib/components/Combobox/Combobox.d.ts.map CHANGED
@@ -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"}
package/lib/components/Combobox/index.d.ts CHANGED
@@ -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
package/lib/components/Combobox/index.d.ts.map CHANGED
@@ -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"}
package/lib/components/Combobox/styles.css.d.ts.map CHANGED
@@ -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,QAiBrB,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,QAmChB,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"}
package/lib/components/Combobox/types.d.ts CHANGED
@@ -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
  };
package/lib/components/Combobox/types.d.ts.map CHANGED
@@ -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"}
package/lib/components/PageLayout/Content/styles.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/PageLayout/Content/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,QAOpB,CAAC;AAEH,eAAO,MAAM,eAAe,QAE1B,CAAC"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/PageLayout/Content/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,QAMpB,CAAC;AAEH,eAAO,MAAM,eAAe,QAE1B,CAAC"}
package/lib/components/PageLayout/Header/Header.d.ts CHANGED
@@ -5,6 +5,14 @@ export type PageHeaderProps = {
5
5
  * @example <PageHeader title="Заголовок страницы" />
6
6
  */
7
7
  title?: string;
8
+ /**
9
+ * HTML title
10
+ * @example <PageHeader htmlTitle="Заголовок страницы" />
11
+ */
12
+ htmlTitle?: string;
13
+ /**
14
+ * Компонент для отображения триггера бокового меню
15
+ */
8
16
  sidebarTrigger?: ReactElement;
9
17
  /**
10
18
  * Набор дополнительных действий
@@ -17,5 +25,5 @@ export type PageHeaderProps = {
17
25
  className?: string;
18
26
  children: ReactElement;
19
27
  };
20
- export declare const Header: ({ actions, className, title, children, sidebarTrigger, }: PageHeaderProps) => import("react").JSX.Element;
28
+ export declare const Header: ({ actions, className, title, children, sidebarTrigger, htmlTitle, }: PageHeaderProps) => import("react").JSX.Element;
21
29
  //# sourceMappingURL=Header.d.ts.map
package/lib/components/PageLayout/Header/Header.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/PageLayout/Header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAa,MAAM,OAAO,CAAC;AAKrD,MAAM,MAAM,eAAe,GAAG;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,cAAc,CAAC,EAAE,YAAY,CAAC;IAE9B;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,0DAMpB,eAAe,gCAuBjB,CAAC"}
1
+ {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/PageLayout/Header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAa,MAAM,OAAO,CAAC;AAKrD,MAAM,MAAM,eAAe,GAAG;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,CAAC;IAE9B;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,qEAOpB,eAAe,gCA0BjB,CAAC"}
package/lib/components/PageLayout/Header/styles.css.d.ts.map CHANGED
@@ -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,QAUf,CAAC;AAEH,eAAO,MAAM,OAAO,QAOlB,CAAC;AAEH,eAAO,MAAM,uBAAuB,QAGlC,CAAC;AAEH,eAAO,MAAM,cAAc,QAGzB,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,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"}
package/lib/components/PageLayout/PageLayout.d.ts CHANGED
@@ -5,7 +5,7 @@ export type PageLayoutProps = {
5
5
  };
6
6
  export declare const PageLayout: {
7
7
  ({ children, className }: PageLayoutProps): import("react").JSX.Element;
8
- Header: ({ actions, className, title, children, sidebarTrigger, }: import("./Header").PageHeaderProps) => import("react").JSX.Element;
8
+ Header: ({ actions, className, title, children, sidebarTrigger, htmlTitle, }: import("./Header").PageHeaderProps) => import("react").JSX.Element;
9
9
  Content: (props: import("./Content").PageContentProps) => import("react").JSX.Element;
10
10
  Footer: (props: import("./Footer").PageLayoutFooterProps) => import("react").JSX.Element;
11
11
  Aside: ({ children, className }: import("./Aside").PageAsideProps) => import("react").JSX.Element;
package/lib/components/ScalableContainer/ScalableContainer.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import type { ScalableContainerProps } from './types';
2
+ declare function ScalableContainer({ initialScale, minScale, maxScale, showToolbar, onScaleChanged, onPositionChanged, onWheel, className, children, style, ...props }: ScalableContainerProps): import("react").JSX.Element;
3
+ export { ScalableContainer };
4
+ //# sourceMappingURL=ScalableContainer.d.ts.map
package/lib/components/ScalableContainer/ScalableContainer.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScalableContainer.d.ts","sourceRoot":"","sources":["../../../src/components/ScalableContainer/ScalableContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAGtD,iBAAS,iBAAiB,CAAC,EAC1B,YAAgB,EAChB,QAAc,EACd,QAAY,EACZ,WAAmB,EACnB,cAAc,EACd,iBAAiB,EACjB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACR,EAAE,sBAAsB,+BAiGxB;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
package/lib/components/ScalableContainer/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export * from './ScalableContainer';
2
+ export * from './types';
3
+ //# sourceMappingURL=index.d.ts.map
package/lib/components/ScalableContainer/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalableContainer/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC"}
package/lib/components/ScalableContainer/styles.css.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export declare const viewport: string;
2
+ export declare const toolbar: string;
3
+ export declare const overlay: string;
4
+ export declare const content: string;
5
+ //# sourceMappingURL=styles.css.d.ts.map
package/lib/components/ScalableContainer/styles.css.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ScalableContainer/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,QAMnB,CAAC;AAEH,eAAO,MAAM,OAAO,QAclB,CAAC;AAEH,eAAO,MAAM,OAAO,QAoBlB,CAAC;AAEH,eAAO,MAAM,OAAO,QAOlB,CAAC"}
package/lib/components/ScalableContainer/types.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ export type ScalableContainerPosition = {
2
+ x: number;
3
+ y: number;
4
+ };
5
+ export type ScalableContainerProps = React.ComponentPropsWithoutRef<'div'> & {
6
+ initialScale?: number;
7
+ minScale?: number;
8
+ maxScale?: number;
9
+ showToolbar?: boolean;
10
+ onScaleChanged?: (scale: number) => void;
11
+ onPositionChanged?: (position: ScalableContainerPosition) => void;
12
+ };
13
+ //# sourceMappingURL=types.d.ts.map
package/lib/components/ScalableContainer/types.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalableContainer/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,yBAAyB,GAAG;IACvC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;CAClE,CAAC"}
package/lib/components/ScalableContainer/useLogic.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ import type { ScalableContainerProps } from './types';
2
+ type UseLogicParams = Pick<ScalableContainerProps, 'initialScale' | 'minScale' | 'maxScale' | 'onScaleChanged' | 'onPositionChanged'>;
3
+ export declare function useLogic({ initialScale, minScale, maxScale, onScaleChanged, onPositionChanged, }: UseLogicParams): {
4
+ contentStyle: {
5
+ transform: string;
6
+ transition: string;
7
+ };
8
+ cursor: string;
9
+ handlePointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
10
+ handlePointerEnd: (event: React.PointerEvent<HTMLDivElement>) => void;
11
+ handlePointerMove: (event: React.PointerEvent<HTMLDivElement>) => void;
12
+ handleTouchEnd: () => void;
13
+ handleTouchMove: (event: React.TouchEvent<HTMLDivElement>) => void;
14
+ handleTouchStart: (event: React.TouchEvent<HTMLDivElement>) => void;
15
+ modifierKey: string;
16
+ reset: () => void;
17
+ showOverlay: boolean;
18
+ viewportRef: import("react").RefObject<HTMLDivElement | null>;
19
+ zoomIn: () => void;
20
+ zoomOut: () => void;
21
+ };
22
+ export {};
23
+ //# sourceMappingURL=useLogic.d.ts.map
package/lib/components/ScalableContainer/useLogic.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useLogic.d.ts","sourceRoot":"","sources":["../../../src/components/ScalableContainer/useLogic.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEX,sBAAsB,EACtB,MAAM,SAAS,CAAC;AAOjB,KAAK,cAAc,GAAG,IAAI,CACzB,sBAAsB,EACpB,cAAc,GACd,UAAU,GACV,UAAU,GACV,gBAAgB,GAChB,mBAAmB,CACrB,CAAC;AAuBF,wBAAgB,QAAQ,CAAC,EACxB,YAAgB,EAChB,QAAc,EACd,QAAY,EACZ,cAAc,EACd,iBAAiB,GACjB,EAAE,cAAc;;;;;;+BAqDP,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;8BAyClC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;+BAnBlC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC;;6BAmDlC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;8BAbhC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;;;;;;;EAmGzC"}
package/lib/components/Sidebar/styles.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/styles.css.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACX,qBAAqB,EACrB,wBAAwB,EACxB,wBAAwB,EACxB,MAAM,SAAS,CAAC;AAcjB,eAAO,MAAM,OAAO,QASlB,CAAC;AAEH,eAAO,MAAM,cAAc,QAQzB,CAAC;AAMH,eAAO,MAAM,GAAG,QAKd,CAAC;AAqBH,eAAO,MAAM,SAAS,QAcpB,CAAC;AAwDH,eAAO,MAAM,aAAa,QAOxB,CAAC;AAEH,eAAO,MAAM,KAAK,QAMhB,CAAC;AAQH,eAAO,MAAM,aAAa,QAOxB,CAAC;AAEH,eAAO,MAAM,WAAW,QAKtB,CAAC;AAEH,eAAO,MAAM,cAAc,QAUzB,CAAC;AAEH,eAAO,MAAM,OAAO,QAGlB,CAAC;AAEH,eAAO,MAAM,IAAI,QA8Bf,CAAC;AAoDH,eAAO,MAAM,KAAK,QAOhB,CAAC;AAwBH,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,MAAM,QAKjB,CAAC;AAEH,eAAO,MAAM,MAAM,QAKjB,CAAC;AAEH,eAAO,MAAM,SAAS,QAMpB,CAAC;AAEH,eAAO,MAAM,OAAO,QAOlB,CAAC;AAMH,eAAO,MAAM,KAAK,QAOhB,CAAC;AAEH,eAAO,MAAM,UAAU,QAiBrB,CAAC;AAaH,eAAO,MAAM,WAAW,QAwCtB,CAAC;AAYH,eAAO,MAAM,YAAY,QAGvB,CAAC;AAEH,eAAO,MAAM,IAAI,QASf,CAAC;AAEH,eAAO,MAAM,QAAQ,QAEnB,CAAC;AAEH,eAAO,MAAM,UAAU,QA+CrB,CAAC;AAEH,eAAO,MAAM,kBAAkB,0CAc7B,CAAC;AAEH,eAAO,MAAM,eAAe,uCAe1B,CAAC;AA+BH,eAAO,MAAM,UAAU,QAyCrB,CAAC;AA2CH,eAAO,MAAM,SAAS,QAgBpB,CAAC;AA0BH,eAAO,MAAM,YAAY,QAOvB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAInB,CAAC;AAEH,eAAO,MAAM,YAAY,QAGvB,CAAC;AAEH,eAAO,MAAM,YAAY,QAIvB,CAAC;AAEH,eAAO,MAAM,OAAO,QAUlB,CAAC;AAMH,eAAO,MAAM,WAAW,QAEtB,CAAC;AAEH,eAAO,MAAM,aAAa,QAoCxB,CAAC;AAEH,eAAO,MAAM,kBAAkB,0CAS7B,CAAC"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/styles.css.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACX,qBAAqB,EACrB,wBAAwB,EACxB,wBAAwB,EACxB,MAAM,SAAS,CAAC;AAcjB,eAAO,MAAM,OAAO,QAUlB,CAAC;AAEH,eAAO,MAAM,cAAc,QAQzB,CAAC;AAMH,eAAO,MAAM,GAAG,QAKd,CAAC;AAqBH,eAAO,MAAM,SAAS,QAcpB,CAAC;AAwDH,eAAO,MAAM,aAAa,QAOxB,CAAC;AAEH,eAAO,MAAM,KAAK,QAMhB,CAAC;AAQH,eAAO,MAAM,aAAa,QAOxB,CAAC;AAEH,eAAO,MAAM,WAAW,QAKtB,CAAC;AAEH,eAAO,MAAM,cAAc,QAUzB,CAAC;AAEH,eAAO,MAAM,OAAO,QAGlB,CAAC;AAEH,eAAO,MAAM,IAAI,QA8Bf,CAAC;AAoDH,eAAO,MAAM,KAAK,QAOhB,CAAC;AAwBH,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,MAAM,QAKjB,CAAC;AAEH,eAAO,MAAM,MAAM,QAKjB,CAAC;AAEH,eAAO,MAAM,SAAS,QAMpB,CAAC;AAEH,eAAO,MAAM,OAAO,QAOlB,CAAC;AAMH,eAAO,MAAM,KAAK,QAOhB,CAAC;AAEH,eAAO,MAAM,UAAU,QAiBrB,CAAC;AAaH,eAAO,MAAM,WAAW,QAwCtB,CAAC;AAYH,eAAO,MAAM,YAAY,QAGvB,CAAC;AAEH,eAAO,MAAM,IAAI,QASf,CAAC;AAEH,eAAO,MAAM,QAAQ,QAEnB,CAAC;AAEH,eAAO,MAAM,UAAU,QA+CrB,CAAC;AAEH,eAAO,MAAM,kBAAkB,0CAc7B,CAAC;AAEH,eAAO,MAAM,eAAe,uCAe1B,CAAC;AA+BH,eAAO,MAAM,UAAU,QAyCrB,CAAC;AA2CH,eAAO,MAAM,SAAS,QAgBpB,CAAC;AA0BH,eAAO,MAAM,YAAY,QAOvB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAInB,CAAC;AAEH,eAAO,MAAM,YAAY,QAGvB,CAAC;AAEH,eAAO,MAAM,YAAY,QAIvB,CAAC;AAEH,eAAO,MAAM,OAAO,QAUlB,CAAC;AAMH,eAAO,MAAM,WAAW,QAEtB,CAAC;AAEH,eAAO,MAAM,aAAa,QAoCxB,CAAC;AAEH,eAAO,MAAM,kBAAkB,0CAS7B,CAAC"}
package/lib/components/index.d.ts CHANGED
@@ -42,6 +42,7 @@ export * from './Placeholder';
42
42
  export * from './Popover';
43
43
  export * from './RadioGroup';
44
44
  export * from './RangeInput';
45
+ export * from './ScalableContainer';
45
46
  export * from './ScrollTopButton';
46
47
  export * from './Select';
47
48
  export * from './Sheet';
package/lib/components/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}
package/lib/index.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
2
  import { Accordion, Checkbox } from "@base-ui/react";
3
3
  import clsx_0, { clsx } from "clsx";
4
- import { ArrowDownNarrowWide, ArrowDownUp, ArrowDownWideNarrow, ArrowLeft, ArrowRight, Calendar1, Check, CheckIcon, ChevronDown, ChevronDownIcon, ChevronLeft, ChevronRight, ChevronRightIcon, ChevronUp, CircleCheck, CircleIcon, Copy, Ellipsis as external_lucide_react_Ellipsis, EllipsisVertical, Info, Loader, Minus, MoreHorizontalIcon, OctagonAlert, PanelLeftIcon, TriangleAlert, XIcon } from "lucide-react";
4
+ import { ArrowDownNarrowWide, ArrowDownUp, ArrowDownWideNarrow, ArrowLeft, ArrowRight, Calendar1, Check, CheckIcon, ChevronDown, ChevronDownIcon, ChevronLeft, ChevronRight, ChevronRightIcon, ChevronUp, CircleCheck, CircleIcon, Copy, Ellipsis as external_lucide_react_Ellipsis, EllipsisVertical, Info, Loader, Minus, MoreHorizontalIcon, OctagonAlert, PanelLeftIcon, RotateCcwIcon, TriangleAlert, XIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
5
5
  import { AlertDialog } from "@base-ui/react/alert-dialog";
6
6
  import { Button } from "@base-ui/react/button";
7
7
  import react, { Component as external_react_Component, createContext, createElement, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
@@ -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)
@@ -3949,11 +3953,16 @@ var Header_styles_css_content = 'style__nvcxbd4';
3949
3953
  var Header_styles_css_root = 'style__nvcxbd0';
3950
3954
  var sidebarTriggerContainer = 'style__nvcxbd2';
3951
3955
  var titleContainer = 'style__nvcxbd3';
3952
- const Header_Header_Header = ({ actions, className, title, children, sidebarTrigger })=>{
3956
+ const Header_Header_Header = ({ actions, className, title, children, sidebarTrigger, htmlTitle })=>{
3953
3957
  useEffect(()=>{
3958
+ if (htmlTitle) {
3959
+ document.title = htmlTitle;
3960
+ return;
3961
+ }
3954
3962
  if (title) document.title = title;
3955
3963
  }, [
3956
- title
3964
+ title,
3965
+ htmlTitle
3957
3966
  ]);
3958
3967
  return /*#__PURE__*/ jsxs("header", {
3959
3968
  className: clsx(Header_styles_css_root, PAGE_HEADER_CLASSNAME, className),
@@ -4524,6 +4533,279 @@ function RangeInput({ min, max, onChange, minValue, maxValue, width = 150, unit
4524
4533
  ]
4525
4534
  });
4526
4535
  }
4536
+ var ScalableContainer_styles_css_content = 'style__uxh2ml3';
4537
+ var ScalableContainer_styles_css_overlay = 'style__uxh2ml2';
4538
+ var toolbar = 'style__uxh2ml1';
4539
+ var ScalableContainer_styles_css_viewport = 'style__uxh2ml0';
4540
+ const DEFAULT_POSITION = {
4541
+ x: 0,
4542
+ y: 0
4543
+ };
4544
+ const OVERLAY_TIMEOUT = 1500;
4545
+ const ZOOM_FACTOR = 1.5;
4546
+ const WHEEL_ZOOM_FACTOR = 0.05;
4547
+ function clampScale(value, minScale, maxScale) {
4548
+ return Math.max(minScale, Math.min(maxScale, value));
4549
+ }
4550
+ function getDistance(firstTouch, secondTouch) {
4551
+ const deltaX = firstTouch.clientX - secondTouch.clientX;
4552
+ const deltaY = firstTouch.clientY - secondTouch.clientY;
4553
+ return Math.sqrt(deltaX * deltaX + deltaY * deltaY);
4554
+ }
4555
+ function shouldSkipDragStart(target) {
4556
+ if (!(target instanceof Element)) return false;
4557
+ return Boolean(target.closest('button, a, input, textarea, select, label, path, summary, [role="button"], [contenteditable="true"]'));
4558
+ }
4559
+ function ScalableContainer_useLogic_useLogic({ initialScale = 1, minScale = 0.1, maxScale = 4, onScaleChanged, onPositionChanged }) {
4560
+ const initialClampedScale = clampScale(initialScale, minScale, maxScale);
4561
+ const [scale, setScaleState] = useState(initialClampedScale);
4562
+ const [position, setPositionState] = useState(DEFAULT_POSITION);
4563
+ const [isDragging, setIsDragging] = useState(false);
4564
+ const [showOverlay, setShowOverlay] = useState(false);
4565
+ const scaleRef = useRef(initialClampedScale);
4566
+ const positionRef = useRef(DEFAULT_POSITION);
4567
+ const dragStartRef = useRef(DEFAULT_POSITION);
4568
+ const activePointersRef = useRef(new Map());
4569
+ const initialPinchDistanceRef = useRef(0);
4570
+ const initialPinchScaleRef = useRef(initialClampedScale);
4571
+ const overlayTimeoutRef = useRef(void 0);
4572
+ const viewportRef = useRef(null);
4573
+ const setScale = useCallback((value)=>{
4574
+ const nextScale = clampScale(value, minScale, maxScale);
4575
+ scaleRef.current = nextScale;
4576
+ setScaleState(nextScale);
4577
+ onScaleChanged?.(nextScale);
4578
+ }, [
4579
+ maxScale,
4580
+ minScale,
4581
+ onScaleChanged
4582
+ ]);
4583
+ const setPosition = useCallback((nextPosition)=>{
4584
+ positionRef.current = nextPosition;
4585
+ setPositionState(nextPosition);
4586
+ onPositionChanged?.(nextPosition);
4587
+ }, [
4588
+ onPositionChanged
4589
+ ]);
4590
+ const zoomIn = useCallback(()=>{
4591
+ setScale(scaleRef.current * ZOOM_FACTOR);
4592
+ }, [
4593
+ setScale
4594
+ ]);
4595
+ const zoomOut = useCallback(()=>{
4596
+ setScale(scaleRef.current / ZOOM_FACTOR);
4597
+ }, [
4598
+ setScale
4599
+ ]);
4600
+ const reset = useCallback(()=>{
4601
+ setScale(initialScale);
4602
+ setPosition(DEFAULT_POSITION);
4603
+ }, [
4604
+ initialScale,
4605
+ setPosition,
4606
+ setScale
4607
+ ]);
4608
+ const handlePointerDown = useCallback((event)=>{
4609
+ if ('mouse' === event.pointerType && 0 !== event.button) return;
4610
+ if (shouldSkipDragStart(event.target)) return;
4611
+ event.currentTarget.setPointerCapture(event.pointerId);
4612
+ activePointersRef.current.set(event.pointerId, {
4613
+ x: event.clientX,
4614
+ y: event.clientY
4615
+ });
4616
+ if (1 === activePointersRef.current.size) {
4617
+ setIsDragging(true);
4618
+ dragStartRef.current = {
4619
+ x: event.clientX - positionRef.current.x,
4620
+ y: event.clientY - positionRef.current.y
4621
+ };
4622
+ }
4623
+ }, []);
4624
+ const handlePointerMove = useCallback((event)=>{
4625
+ if (!activePointersRef.current.has(event.pointerId)) return;
4626
+ activePointersRef.current.set(event.pointerId, {
4627
+ x: event.clientX,
4628
+ y: event.clientY
4629
+ });
4630
+ if (1 === activePointersRef.current.size) setPosition({
4631
+ x: event.clientX - dragStartRef.current.x,
4632
+ y: event.clientY - dragStartRef.current.y
4633
+ });
4634
+ }, [
4635
+ setPosition
4636
+ ]);
4637
+ const handlePointerEnd = useCallback((event)=>{
4638
+ activePointersRef.current.delete(event.pointerId);
4639
+ const remainingPointer = activePointersRef.current.values().next().value;
4640
+ if (remainingPointer) {
4641
+ dragStartRef.current = {
4642
+ x: remainingPointer.x - positionRef.current.x,
4643
+ y: remainingPointer.y - positionRef.current.y
4644
+ };
4645
+ setIsDragging(true);
4646
+ } else setIsDragging(false);
4647
+ }, []);
4648
+ const handleTouchStart = useCallback((event)=>{
4649
+ if (2 !== event.touches.length) return;
4650
+ initialPinchDistanceRef.current = getDistance(event.touches[0], event.touches[1]);
4651
+ initialPinchScaleRef.current = scaleRef.current;
4652
+ }, []);
4653
+ const handleTouchMove = useCallback((event)=>{
4654
+ if (2 !== event.touches.length || 0 === initialPinchDistanceRef.current) return;
4655
+ event.preventDefault();
4656
+ const distance = getDistance(event.touches[0], event.touches[1]);
4657
+ setScale(initialPinchScaleRef.current * (distance / initialPinchDistanceRef.current));
4658
+ }, [
4659
+ setScale
4660
+ ]);
4661
+ const handleTouchEnd = useCallback(()=>{
4662
+ initialPinchDistanceRef.current = 0;
4663
+ }, []);
4664
+ const handleWheel = useCallback((event)=>{
4665
+ const hasModifier = event.metaKey || event.ctrlKey;
4666
+ if (hasModifier) {
4667
+ event.preventDefault();
4668
+ setShowOverlay(false);
4669
+ setScale(scaleRef.current - event.deltaY * WHEEL_ZOOM_FACTOR);
4670
+ } else {
4671
+ setShowOverlay(true);
4672
+ clearTimeout(overlayTimeoutRef.current);
4673
+ overlayTimeoutRef.current = setTimeout(()=>{
4674
+ setShowOverlay(false);
4675
+ }, OVERLAY_TIMEOUT);
4676
+ }
4677
+ }, [
4678
+ setScale
4679
+ ]);
4680
+ useEffect(()=>{
4681
+ const viewport = viewportRef.current;
4682
+ if (!viewport) return;
4683
+ viewport.addEventListener('wheel', handleWheel, {
4684
+ passive: false
4685
+ });
4686
+ return ()=>{
4687
+ viewport.removeEventListener('wheel', handleWheel);
4688
+ };
4689
+ }, [
4690
+ handleWheel
4691
+ ]);
4692
+ useEffect(()=>()=>{
4693
+ clearTimeout(overlayTimeoutRef.current);
4694
+ }, []);
4695
+ const transform = useMemo(()=>`translate(${position.x}px, ${position.y}px) scale(${scale})`, [
4696
+ position,
4697
+ scale
4698
+ ]);
4699
+ const modifierKey = useMemo(()=>{
4700
+ if ("u" < typeof navigator) return 'Ctrl';
4701
+ return /Mac/i.test(navigator.userAgent) ? '⌘' : 'Ctrl';
4702
+ }, []);
4703
+ return {
4704
+ contentStyle: {
4705
+ transform,
4706
+ transition: isDragging ? 'none' : 'transform 0.1s ease-out'
4707
+ },
4708
+ cursor: isDragging ? 'grabbing' : 'grab',
4709
+ handlePointerDown,
4710
+ handlePointerEnd,
4711
+ handlePointerMove,
4712
+ handleTouchEnd,
4713
+ handleTouchMove,
4714
+ handleTouchStart,
4715
+ modifierKey,
4716
+ reset,
4717
+ showOverlay,
4718
+ viewportRef,
4719
+ zoomIn,
4720
+ zoomOut
4721
+ };
4722
+ }
4723
+ function ScalableContainer({ initialScale = 1, minScale = 0.1, maxScale = 4, showToolbar = false, onScaleChanged, onPositionChanged, onWheel, className, children, style, ...props }) {
4724
+ const { contentStyle, cursor, handlePointerDown, handlePointerEnd, handlePointerMove, handleTouchEnd, handleTouchMove, handleTouchStart, modifierKey, reset, showOverlay, viewportRef, zoomIn, zoomOut } = ScalableContainer_useLogic_useLogic({
4725
+ initialScale,
4726
+ minScale,
4727
+ maxScale,
4728
+ onScaleChanged,
4729
+ onPositionChanged
4730
+ });
4731
+ return /*#__PURE__*/ jsxs("div", {
4732
+ ref: viewportRef,
4733
+ "data-slot": "scalable-container",
4734
+ className: clsx(ScalableContainer_styles_css_viewport, className),
4735
+ style: {
4736
+ ...style,
4737
+ cursor
4738
+ },
4739
+ onWheel: onWheel,
4740
+ ...props,
4741
+ children: [
4742
+ showToolbar && /*#__PURE__*/ jsxs(ButtonGroup, {
4743
+ orientation: "vertical",
4744
+ className: toolbar,
4745
+ "aria-label": "Управление масштабом",
4746
+ children: [
4747
+ /*#__PURE__*/ jsx(Button_Button, {
4748
+ type: "button",
4749
+ onClick: zoomIn,
4750
+ size: "iconSmall",
4751
+ title: "Увеличить",
4752
+ "aria-label": "Увеличить",
4753
+ variant: "outline",
4754
+ children: /*#__PURE__*/ jsx(ZoomInIcon, {
4755
+ size: 16
4756
+ })
4757
+ }),
4758
+ /*#__PURE__*/ jsx(Button_Button, {
4759
+ type: "button",
4760
+ onClick: zoomOut,
4761
+ size: "iconSmall",
4762
+ title: "Уменьшить",
4763
+ "aria-label": "Уменьшить",
4764
+ variant: "outline",
4765
+ children: /*#__PURE__*/ jsx(ZoomOutIcon, {
4766
+ size: 16
4767
+ })
4768
+ }),
4769
+ /*#__PURE__*/ jsx(Button_Button, {
4770
+ type: "button",
4771
+ onClick: reset,
4772
+ size: "iconSmall",
4773
+ title: "Сбросить",
4774
+ "aria-label": "Сбросить",
4775
+ variant: "outline",
4776
+ children: /*#__PURE__*/ jsx(RotateCcwIcon, {
4777
+ size: 16
4778
+ })
4779
+ })
4780
+ ]
4781
+ }),
4782
+ /*#__PURE__*/ jsxs("div", {
4783
+ "data-slot": "scalable-container-overlay",
4784
+ className: ScalableContainer_styles_css_overlay,
4785
+ "data-visible": showOverlay,
4786
+ "aria-hidden": !showOverlay,
4787
+ children: [
4788
+ "Используйте ",
4789
+ modifierKey,
4790
+ " + колесо для масштабирования."
4791
+ ]
4792
+ }),
4793
+ /*#__PURE__*/ jsx("div", {
4794
+ "data-slot": "scalable-container-content",
4795
+ className: ScalableContainer_styles_css_content,
4796
+ style: contentStyle,
4797
+ onPointerDown: handlePointerDown,
4798
+ onPointerMove: handlePointerMove,
4799
+ onPointerUp: handlePointerEnd,
4800
+ onPointerCancel: handlePointerEnd,
4801
+ onTouchStart: handleTouchStart,
4802
+ onTouchMove: handleTouchMove,
4803
+ onTouchEnd: handleTouchEnd,
4804
+ children: children
4805
+ })
4806
+ ]
4807
+ });
4808
+ }
4527
4809
  var ScrollTopButton_styles_css_button = 'style__1ou2vjc0';
4528
4810
  var styles_css_visible = 'style__1ou2vjc1';
4529
4811
  function ScrollTopButton({ onClick, variant = 'outline', ...props }) {
@@ -5237,7 +5519,9 @@ function Sidebar_Trigger({ className, onClick, children, ...props }) {
5237
5519
  ...props,
5238
5520
  children: children ?? /*#__PURE__*/ jsxs(Fragment, {
5239
5521
  children: [
5240
- /*#__PURE__*/ jsx(PanelLeftIcon, {}),
5522
+ /*#__PURE__*/ jsx(PanelLeftIcon, {
5523
+ size: 16
5524
+ }),
5241
5525
  /*#__PURE__*/ jsx("span", {
5242
5526
  className: styles_css_visuallyHidden,
5243
5527
  children: "Toggle Sidebar"
@@ -5700,4 +5984,4 @@ const ToggleGroup = ({ value, onChange, options, size, className, label, multipl
5700
5984
  ]
5701
5985
  });
5702
5986
  };
5703
- 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, Select_Select as Select, Sheet, Sidebar_Sidebar as Sidebar, SliderInput, Slider_Slider as Slider, Spinner, Switch_Switch as Switch, 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 };
5987
+ 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, ScalableContainer, ScrollTopButton, Select_Select as Select, Sheet, Sidebar_Sidebar as Sidebar, SliderInput, Slider_Slider as Slider, Spinner, Switch_Switch as Switch, 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 };
package/lib/stories/Autocomplete.stories.d.ts CHANGED
@@ -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;
package/lib/stories/Autocomplete.stories.d.ts.map CHANGED
@@ -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,EAAE,MAAM,cAAc,CAAC;wBAmCvC,IAAI,CAAC,OAAO,YAAY,CAAC;AAP9B,wBAO+B;AAE/B,wBAAgB,OAAO,gCAatB;AAED,wBAAgB,KAAK,gCA0BpB;AAED,wBAAgB,UAAU,gCAWzB;AAED,wBAAgB,eAAe,gCAsB9B;AAED,wBAAgB,mBAAmB,gCA6BlC;AAED,wBAAgB,YAAY,gCAiD3B"}
package/lib/stories/DashboardLayout.stories.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DashboardLayout.stories.d.ts","sourceRoot":"","sources":["../../src/stories/DashboardLayout.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AASA,wBAOyC;AAOzC,eAAO,MAAM,OAAO,mCAsBnB,CAAC"}
1
+ {"version":3,"file":"DashboardLayout.stories.d.ts","sourceRoot":"","sources":["../../src/stories/DashboardLayout.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AASA,wBAOyC;AAOzC,eAAO,MAAM,OAAO,mCA4BnB,CAAC"}
package/lib/stories/ScalableContainer.stories.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import { ScalableContainer } from '../components/index.ts';
2
+ declare const _default: {
3
+ title: string;
4
+ component: typeof ScalableContainer;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ tags: string[];
9
+ };
10
+ export default _default;
11
+ export declare function Basic(): import("react").JSX.Element;
12
+ export declare function WithToolbar(): import("react").JSX.Element;
13
+ export declare function InsideScrollablePage(): import("react").JSX.Element;
14
+ //# sourceMappingURL=ScalableContainer.stories.d.ts.map
package/lib/stories/ScalableContainer.stories.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScalableContainer.stories.d.ts","sourceRoot":"","sources":["../../src/stories/ScalableContainer.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;;;;;;;;;AAGjD,wBAO2C;AAqB3C,wBAAgB,KAAK,gCAYpB;AAED,wBAAgB,WAAW,gCA2B1B;AAED,wBAAgB,oBAAoB,gCAoBnC"}
package/lib/styles.css CHANGED
@@ -927,6 +927,21 @@ img, picture, video, canvas, svg {
927
927
  width: auto;
928
928
  }
929
929
 
930
+ .style__1udu12r6[data-size="small"] {
931
+ height: calc(var(--spacing-6) + var(--spacing-1));
932
+ min-height: calc(var(--spacing-6) + var(--spacing-1));
933
+ }
934
+
935
+ .style__1udu12r6[data-size="medium"] {
936
+ height: var(--spacing-8);
937
+ min-height: var(--spacing-8);
938
+ }
939
+
940
+ .style__1udu12r6[data-size="large"] {
941
+ height: calc(var(--spacing-8) + var(--spacing-1));
942
+ min-height: calc(var(--spacing-8) + var(--spacing-1));
943
+ }
944
+
930
945
  .style__1udu12r6:has([data-slot="combobox-clear"]) .style__1udu12r2 {
931
946
  display: none;
932
947
  }
@@ -1063,6 +1078,21 @@ img, picture, video, canvas, svg {
1063
1078
  box-shadow: 0 0 0 3px color-mix(in oklch, var(--colors-error) 20%, transparent);
1064
1079
  }
1065
1080
 
1081
+ .style__1udu12rg[data-size="small"] {
1082
+ min-height: calc(var(--spacing-6) + var(--spacing-1));
1083
+ padding-block: 0;
1084
+ }
1085
+
1086
+ .style__1udu12rg[data-size="medium"] {
1087
+ min-height: var(--spacing-8);
1088
+ padding-block: var(--spacing-1);
1089
+ }
1090
+
1091
+ .style__1udu12rg[data-size="large"] {
1092
+ min-height: calc(var(--spacing-8) + var(--spacing-1));
1093
+ padding-block: var(--spacing-1);
1094
+ }
1095
+
1066
1096
  .style__1udu12rh {
1067
1097
  width: fit-content;
1068
1098
  height: var(--spacing-5);
@@ -3895,9 +3925,8 @@ a.outline__1af895x4:hover {
3895
3925
 
3896
3926
  .style__1hr0uh00 {
3897
3927
  scroll-behavior: smooth;
3898
- scrollbar-gutter: stable;
3899
3928
  height: auto;
3900
- padding: var(--spacing-4);
3929
+ padding: var(--spacing-2);
3901
3930
  grid-area: content;
3902
3931
  overflow: auto;
3903
3932
  }
@@ -3924,35 +3953,49 @@ a.outline__1af895x4:hover {
3924
3953
  }
3925
3954
 
3926
3955
  .style__nvcxbd0 {
3927
- padding: var(--spacing-4);
3956
+ padding: var(--spacing-2);
3957
+ padding-top: var(--spacing-4);
3928
3958
  grid-area: header;
3929
3959
  grid-template-columns: auto auto 1fr auto;
3930
3960
  grid-template-areas: "trigger title content actions";
3931
3961
  align-items: center;
3932
- padding-bottom: 0;
3933
3962
  display: grid;
3934
3963
  }
3935
3964
 
3965
+ .style__nvcxbd0 > div {
3966
+ align-items: center;
3967
+ display: flex;
3968
+ }
3969
+
3936
3970
  .style__nvcxbd1 {
3937
3971
  justify-content: flex-end;
3938
- align-items: center;
3939
3972
  column-gap: var(--spacing-2);
3940
- padding-left: var(--spacing-2);
3941
3973
  grid-area: actions;
3942
- display: flex;
3974
+ }
3975
+
3976
+ .style__nvcxbd1:not(:empty) {
3977
+ padding-left: var(--spacing-2);
3943
3978
  }
3944
3979
 
3945
3980
  .style__nvcxbd2 {
3946
- padding-right: var(--spacing-2);
3947
3981
  grid-area: trigger;
3948
3982
  }
3949
3983
 
3984
+ .style__nvcxbd2:not(:empty) {
3985
+ padding-right: var(--spacing-2);
3986
+ }
3987
+
3950
3988
  .style__nvcxbd3 {
3951
- padding-inline: var(--spacing-2);
3989
+ column-gap: var(--spacing-2);
3952
3990
  grid-area: title;
3953
3991
  }
3954
3992
 
3993
+ .style__nvcxbd3:not(:empty) {
3994
+ padding-right: var(--spacing-2);
3995
+ }
3996
+
3955
3997
  .style__nvcxbd4 {
3998
+ column-gap: var(--spacing-2);
3956
3999
  grid-area: content;
3957
4000
  }
3958
4001
 
@@ -4264,6 +4307,58 @@ a.outline__1af895x4:hover {
4264
4307
  }
4265
4308
  }
4266
4309
 
4310
+ .style__uxh2ml0 {
4311
+ touch-action: none;
4312
+ width: 100%;
4313
+ height: 100%;
4314
+ position: relative;
4315
+ overflow: hidden;
4316
+ }
4317
+
4318
+ .style__uxh2ml1 {
4319
+ top: 50%;
4320
+ right: var(--spacing-1);
4321
+ z-index: 1;
4322
+ opacity: .5;
4323
+ transition: opacity .2s ease-in-out;
4324
+ position: absolute;
4325
+ transform: translateY(-50%);
4326
+ }
4327
+
4328
+ .style__uxh2ml1:hover {
4329
+ opacity: 1;
4330
+ }
4331
+
4332
+ .style__uxh2ml2 {
4333
+ bottom: var(--spacing-4);
4334
+ z-index: 10;
4335
+ padding: var(--spacing-2) var(--spacing-4);
4336
+ border-radius: var(--borderRadius-sm);
4337
+ background-color: var(--colors-background-tooltip);
4338
+ color: var(--colors-foreground-primary);
4339
+ font-size: var(--fontSize-sm);
4340
+ opacity: 0;
4341
+ pointer-events: none;
4342
+ transition: opacity .2s ease-in-out;
4343
+ position: absolute;
4344
+ left: 50%;
4345
+ transform: translateX(-50%);
4346
+ }
4347
+
4348
+ .style__uxh2ml2[data-visible="true"] {
4349
+ opacity: 1;
4350
+ }
4351
+
4352
+ .style__uxh2ml3 {
4353
+ -webkit-user-select: none;
4354
+ user-select: none;
4355
+ justify-content: center;
4356
+ align-items: center;
4357
+ display: flex;
4358
+ position: absolute;
4359
+ inset: 0;
4360
+ }
4361
+
4267
4362
  .style__1ou2vjc0 {
4268
4363
  bottom: var(--spacing-5);
4269
4364
  width: 40px;
@@ -4840,6 +4935,7 @@ a.outline__1af895x4:hover {
4840
4935
 
4841
4936
  .style__1xiua9n1 {
4842
4937
  width: 100%;
4938
+ height: 100%;
4843
4939
  min-height: 100svh;
4844
4940
  display: flex;
4845
4941
  }
@@ -4946,7 +5042,7 @@ a.outline__1af895x4:hover {
4946
5042
 
4947
5043
  .style__1xiua9n2[data-variant="floating"] .style__1xiua9n6 {
4948
5044
  border: 1px solid var(--colors-border);
4949
- border-radius: var(--borderRadius-lg);
5045
+ border-radius: var(--borderRadius-md);
4950
5046
  box-shadow: var(--elevation-1);
4951
5047
  }
4952
5048
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@max-ts/kit",
3
- "version": "1.9.0",
3
+ "version": "1.10.1",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./lib/index.mjs",
6
6
  "types": "./lib/index.d.ts",