@vkzstudio/muza-ui 1.0.31 → 1.0.33

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 (71) hide show
  1. package/dist/components/ButtonArrow/ButtonArrow.d.ts +20 -0
  2. package/dist/components/ButtonArrow/ButtonArrow.d.ts.map +1 -0
  3. package/dist/components/ButtonArrow/ButtonArrow.js +63 -0
  4. package/dist/components/ButtonArrow/ButtonArrow.stories.d.ts +37 -0
  5. package/dist/components/ButtonArrow/ButtonArrow.stories.d.ts.map +1 -0
  6. package/dist/components/ButtonArrow/index.d.ts +2 -0
  7. package/dist/components/ButtonArrow/index.d.ts.map +1 -0
  8. package/dist/components/DataTable/DataTable.js +1 -1
  9. package/dist/components/ExpandableTable/ExpandableTable.d.ts +17 -1
  10. package/dist/components/ExpandableTable/ExpandableTable.d.ts.map +1 -1
  11. package/dist/components/ExpandableTable/ExpandableTable.js +273 -192
  12. package/dist/components/ExpandableTable/ExpandableTable.stories.d.ts +3 -1
  13. package/dist/components/ExpandableTable/ExpandableTable.stories.d.ts.map +1 -1
  14. package/dist/components/ExpandableTable/Table.d.ts +3 -7
  15. package/dist/components/ExpandableTable/Table.d.ts.map +1 -1
  16. package/dist/components/ExpandableTable/Table.js +52 -59
  17. package/dist/components/FileUpload/FileItem.d.ts +5 -2
  18. package/dist/components/FileUpload/FileItem.d.ts.map +1 -1
  19. package/dist/components/FileUpload/FileItem.js +91 -69
  20. package/dist/components/FileUpload/FileUpload.d.ts +12 -2
  21. package/dist/components/FileUpload/FileUpload.d.ts.map +1 -1
  22. package/dist/components/FileUpload/FileUpload.js +94 -91
  23. package/dist/components/FileUpload/FileUpload.stories.d.ts +1 -0
  24. package/dist/components/FileUpload/FileUpload.stories.d.ts.map +1 -1
  25. package/dist/components/Flex/Flex.d.ts +1 -1
  26. package/dist/components/Flex/Flex.d.ts.map +1 -1
  27. package/dist/components/Flex/Flex.js +47 -44
  28. package/dist/components/Input/Input.d.ts +2 -2
  29. package/dist/components/Input/Input.d.ts.map +1 -1
  30. package/dist/components/Input/Input.js +47 -46
  31. package/dist/components/Input/Input.stories.d.ts.map +1 -1
  32. package/dist/components/MultiSelect/MultiSelect.d.ts +1 -1
  33. package/dist/components/MultiSelect/MultiSelect.d.ts.map +1 -1
  34. package/dist/components/MultiSelect/MultiSelect.stories.d.ts.map +1 -1
  35. package/dist/components/Pagination/Pagination.d.ts +61 -0
  36. package/dist/components/Pagination/Pagination.d.ts.map +1 -0
  37. package/dist/components/Pagination/Pagination.js +213 -0
  38. package/dist/components/Pagination/Pagination.stories.d.ts +12 -0
  39. package/dist/components/Pagination/Pagination.stories.d.ts.map +1 -0
  40. package/dist/components/Pagination/index.d.ts +2 -0
  41. package/dist/components/Pagination/index.d.ts.map +1 -0
  42. package/dist/components/ReorderableTable/ReorderableTable.js +13 -13
  43. package/dist/components/Searchbar/Searchbar.d.ts +1 -1
  44. package/dist/components/Searchbar/Searchbar.d.ts.map +1 -1
  45. package/dist/components/Searchbar/Searchbar.stories.d.ts.map +1 -1
  46. package/dist/components/Select/Select.d.ts +1 -1
  47. package/dist/components/Select/Select.d.ts.map +1 -1
  48. package/dist/components/Select/Select.stories.d.ts.map +1 -1
  49. package/dist/components/Select/utils.d.ts +1 -1
  50. package/dist/components/Select/utils.d.ts.map +1 -1
  51. package/dist/components/Select/utils.js +5 -4
  52. package/dist/components/Typography/Typography.d.ts.map +1 -1
  53. package/dist/components/Typography/Typography.js +1 -2
  54. package/dist/components/index.d.ts +2 -0
  55. package/dist/components/index.d.ts.map +1 -1
  56. package/dist/index.js +223 -218
  57. package/dist/muza-ui.css +1 -1
  58. package/dist/styles/animations.css +0 -20
  59. package/dist/styles/token-colors.css +1 -0
  60. package/dist/styles/token-sizes.css +30 -6
  61. package/dist/translations/locales/cs.d.ts.map +1 -1
  62. package/dist/translations/locales/cs.js +10 -0
  63. package/dist/translations/locales/en.d.ts.map +1 -1
  64. package/dist/translations/locales/en.js +10 -0
  65. package/dist/translations/locales/sk.d.ts.map +1 -1
  66. package/dist/translations/locales/sk.js +10 -0
  67. package/dist/translations/types.d.ts +22 -0
  68. package/dist/translations/types.d.ts.map +1 -1
  69. package/dist/utils/cn.d.ts.map +1 -1
  70. package/dist/utils/cn.js +8 -1
  71. package/package.json +1 -1
@@ -0,0 +1,20 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import * as React from 'react';
3
+ declare const buttonArrowVariants: (props?: ({
4
+ size?: "default" | "sm" | null | undefined;
5
+ direction?: "left" | "right" | null | undefined;
6
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
+ /**
8
+ * Props for the {@link ButtonArrow} component.
9
+ *
10
+ * A circular arrow button used for directional navigation (e.g. pagination, carousels).
11
+ */
12
+ export interface ButtonArrowProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Omit<VariantProps<typeof buttonArrowVariants>, 'direction' | 'size'> {
13
+ /** Arrow direction. Controls which icon is rendered. @default 'left' */
14
+ direction?: 'left' | 'right';
15
+ /** Button size. `'default'` = 40px, `'sm'` = 32px. @default 'default' */
16
+ size?: 'default' | 'sm';
17
+ }
18
+ declare const ButtonArrow: React.ForwardRefExoticComponent<ButtonArrowProps & React.RefAttributes<HTMLButtonElement>>;
19
+ export { ButtonArrow, buttonArrowVariants };
20
+ //# sourceMappingURL=ButtonArrow.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonArrow.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonArrow/ButtonArrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,mBAAmB;;;8EAyCxB,CAAA;AAED;;;;GAIG;AACH,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,IAAI,CAAC,YAAY,CAAC,OAAO,mBAAmB,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACtE,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,yEAAyE;IACzE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CACxB;AAED,QAAA,MAAM,WAAW,4FAehB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAA"}
@@ -0,0 +1,63 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import * as i from "react";
3
+ import { cva as c } from "class-variance-authority";
4
+ import { cn as d } from "../../utils/cn.js";
5
+ import { AltArrowLeftOutline as a, AltArrowRightOutline as b } from "@solar-icons/react-perf";
6
+ const l = c(
7
+ [
8
+ "inline-flex items-center justify-center",
9
+ "rounded-full border",
10
+ "cursor-pointer transition-colors",
11
+ "focus-visible-default",
12
+ // Default state
13
+ "border-comp-button-invert-ghost-stroke-def",
14
+ "bg-comp-button-secondary-bg-def",
15
+ "text-comp-button-secondary-text-def",
16
+ // Hover
17
+ "hover:border-comp-button-invert-ghost-stroke-hover",
18
+ "hover:bg-comp-button-secondary-bg-hover",
19
+ "hover:text-comp-button-secondary-text-hover",
20
+ // Focus-visible
21
+ "focus-visible:bg-comp-button-secondary-bg-focused",
22
+ "focus-visible:text-comp-button-secondary-text-focused",
23
+ "focus-visible:border-comp-button-invert-ghost-stroke-focused",
24
+ // Disabled
25
+ "disabled:pointer-events-none",
26
+ "disabled:cursor-not-allowed",
27
+ "disabled:border-comp-button-invert-ghost-stroke-def",
28
+ "disabled:bg-comp-button-arrow-disabled",
29
+ "disabled:text-comp-button-primary-text-def"
30
+ ],
31
+ {
32
+ variants: {
33
+ size: {
34
+ default: "size-comp-button-arrow-bg-size-def",
35
+ sm: "size-comp-button-arrow-bg-size-sm"
36
+ },
37
+ direction: {
38
+ left: "",
39
+ right: ""
40
+ }
41
+ },
42
+ defaultVariants: {
43
+ size: "default",
44
+ direction: "left"
45
+ }
46
+ }
47
+ ), u = i.forwardRef(
48
+ ({ className: e, direction: o = "left", size: r = "default", ...s }, n) => /* @__PURE__ */ t(
49
+ "button",
50
+ {
51
+ type: "button",
52
+ className: d(l({ size: r, direction: o, className: e })),
53
+ ref: n,
54
+ ...s,
55
+ children: o === "left" ? /* @__PURE__ */ t(a, { className: "size-icon-small" }) : /* @__PURE__ */ t(b, { className: "size-icon-small" })
56
+ }
57
+ )
58
+ );
59
+ u.displayName = "ButtonArrow";
60
+ export {
61
+ u as ButtonArrow,
62
+ l as buttonArrowVariants
63
+ };
@@ -0,0 +1,37 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: import('react').ForwardRefExoticComponent<import('./ButtonArrow').ButtonArrowProps & import('react').RefAttributes<HTMLButtonElement>>;
5
+ tags: string[];
6
+ parameters: {
7
+ layout: string;
8
+ docs: {
9
+ description: {
10
+ component: string;
11
+ };
12
+ };
13
+ design: {
14
+ type: string;
15
+ url: string;
16
+ };
17
+ };
18
+ argTypes: {
19
+ direction: {
20
+ control: "select";
21
+ options: string[];
22
+ };
23
+ size: {
24
+ control: "select";
25
+ options: string[];
26
+ };
27
+ disabled: {
28
+ description: string;
29
+ control: "boolean";
30
+ };
31
+ };
32
+ };
33
+ export default meta;
34
+ type Story = StoryObj<typeof meta>;
35
+ export declare const Default: Story;
36
+ export declare const AllVariants: Story;
37
+ //# sourceMappingURL=ButtonArrow.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonArrow.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonArrow/ButtonArrow.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+B0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAyBzB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './ButtonArrow';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonArrow/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}
@@ -4,7 +4,7 @@ import { cva as b } from "class-variance-authority";
4
4
  import { cn as i } from "../../utils/cn.js";
5
5
  import { typographyVariants as h, Typography as y } from "../Typography/Typography.js";
6
6
  const u = b(
7
- "h-comp-table-h border-y border-stroke-base-secondary px-2xl transition-colors",
7
+ "h-comp-table-h-def border-y border-stroke-base-secondary px-2xl transition-colors",
8
8
  {
9
9
  variants: {
10
10
  variant: {
@@ -74,6 +74,22 @@ export interface ExpandableTableProps<T> {
74
74
  * @see IExpandableTableRowSection
75
75
  */
76
76
  expandableRowSections?: IExpandableTableRowSection<T>[] | ((row: T) => IExpandableTableRowSection<T>[]);
77
+ /**
78
+ * Custom CSS classes for internal elements.
79
+ *
80
+ * @example
81
+ * ```tsx
82
+ * classNames={{ expandedContentGrid: 'md:grid-cols-[200px_1fr]' }}
83
+ * ```
84
+ */
85
+ classNames?: Partial<{
86
+ /** Custom class for the expanded content grid container (overrides default `md:grid-cols-[auto_1fr]`). */
87
+ expandedContentGrid: string;
88
+ /** Custom class for each section's wrapper div (default uses `md:grid-cols-subgrid`). */
89
+ sectionTitle: string;
90
+ /** Custom class for the cells container div within each section (default uses `md:grid-cols-subgrid`). */
91
+ cellsWrap: string;
92
+ }>;
77
93
  }
78
- export declare const ExpandableTable: <T>({ data, columns, expandableRowSections, }: ExpandableTableProps<T>) => import("react/jsx-runtime").JSX.Element;
94
+ export declare const ExpandableTable: <T>({ data, columns, expandableRowSections, classNames, }: ExpandableTableProps<T>) => import("react/jsx-runtime").JSX.Element;
79
95
  //# sourceMappingURL=ExpandableTable.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ExpandableTable.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableTable/ExpandableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAA;AAgBnE;;;GAGG;AACH,MAAM,WAAW,OAAO,CAAC,CAAC;IACxB,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,iDAAiD;IACjD,KAAK,EAAE,SAAS,CAAA;IAChB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,CAAA;IACrD;;;;OAIG;IACH,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACvC;AAED;;;GAGG;AACH,MAAM,WAAW,uBAAuB,CAAC,CAAC;IACxC,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,KAAK,EAAE,SAAS,CAAA;IAChB,kGAAkG;IAClG,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,CAAA;CACtD;AAED;;;;GAIG;AACH,MAAM,WAAW,0BAA0B,CAAC,CAAC;IAC3C,yDAAyD;IACzD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4FAA4F;IAC5F,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAA;CACpC;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,sEAAsE;IACtE,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,sFAAsF;IACtF,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACrB;;;;;;;;;;;;;OAaG;IACH,qBAAqB,CAAC,EAClB,0BAA0B,CAAC,CAAC,CAAC,EAAE,GAC/B,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;CAClD;AAgCD,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,2CAIjC,oBAAoB,CAAC,CAAC,CAAC,4CA6SzB,CAAA"}
1
+ {"version":3,"file":"ExpandableTable.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableTable/ExpandableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAgBd;;;GAGG;AACH,MAAM,WAAW,OAAO,CAAC,CAAC;IACxB,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,iDAAiD;IACjD,KAAK,EAAE,SAAS,CAAA;IAChB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,CAAA;IACrD;;;;OAIG;IACH,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACvC;AAED;;;GAGG;AACH,MAAM,WAAW,uBAAuB,CAAC,CAAC;IACxC,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,KAAK,EAAE,SAAS,CAAA;IAChB,kGAAkG;IAClG,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,CAAA;CACtD;AAED;;;;GAIG;AACH,MAAM,WAAW,0BAA0B,CAAC,CAAC;IAC3C,yDAAyD;IACzD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4FAA4F;IAC5F,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAA;CACpC;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,sEAAsE;IACtE,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,sFAAsF;IACtF,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACrB;;;;;;;;;;;;;OAaG;IACH,qBAAqB,CAAC,EAClB,0BAA0B,CAAC,CAAC,CAAC,EAAE,GAC/B,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IACjD;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;QACnB,0GAA0G;QAC1G,mBAAmB,EAAE,MAAM,CAAA;QAC3B,yFAAyF;QACzF,YAAY,EAAE,MAAM,CAAA;QACpB,0GAA0G;QAC1G,SAAS,EAAE,MAAM,CAAA;KAClB,CAAC,CAAA;CACH;AAgCD,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,uDAKjC,oBAAoB,CAAC,CAAC,CAAC,4CAuXzB,CAAA"}