@trsys-tech/matrix-library 0.6.3-canary-4 → 0.6.3-canary-6

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 (22) hide show
  1. package/dist/badge.es.js +19 -25
  2. package/dist/badge.es.js.map +1 -1
  3. package/dist/components/badge/Badge.d.ts +41 -112
  4. package/dist/components/badge/Badge.d.ts.map +1 -1
  5. package/dist/components/form-time-picker/FormTimePicker.d.ts +3 -2
  6. package/dist/components/form-time-picker/FormTimePicker.d.ts.map +1 -1
  7. package/dist/components/icon-botton/IconButton.d.ts.map +1 -1
  8. package/dist/components/status/Status.d.ts +151 -0
  9. package/dist/components/status/Status.d.ts.map +1 -0
  10. package/dist/formtimepicker.es.js +18 -9
  11. package/dist/formtimepicker.es.js.map +1 -1
  12. package/dist/iconbutton.es.js +9 -9
  13. package/dist/iconbutton.es.js.map +1 -1
  14. package/dist/index.d.ts +1 -0
  15. package/dist/index.d.ts.map +1 -1
  16. package/dist/index.es.js +249 -248
  17. package/dist/multiselect.es.js +37 -37
  18. package/dist/multiselect.es.js.map +1 -1
  19. package/dist/status.es.js +34 -0
  20. package/dist/status.es.js.map +1 -0
  21. package/package.json +1 -1
  22. package/dist/styles.css +0 -1
package/dist/badge.es.js CHANGED
@@ -1,34 +1,28 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import { tv as i } from "tailwind-variants";
3
- import { cn as t } from "./utils.es.js";
4
- const g = i({
5
- base: "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent",
1
+ import { jsx as p } from "react/jsx-runtime";
2
+ import s from "react";
3
+ import { Slot as n } from "@radix-ui/react-slot";
4
+ import { tv as d } from "tailwind-variants";
5
+ import { cn as f } from "./utils.es.js";
6
+ const x = d({
7
+ base: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm text-xs font-medium",
6
8
  variants: {
7
9
  variant: {
8
- primary: "bg-primary text-primary-foreground hover:bg-primary-600",
9
- secondary: "bg-secondary text-secondary-foreground hover:bg-secondary-600",
10
- outline: "border border-primary text-primary hover:bg-primary-50",
11
- danger: "bg-danger text-danger-foreground hover:bg-danger-600",
12
- success: "bg-success text-success-foreground hover:bg-success-600",
13
- warning: "bg-warning text-warning-foreground hover:bg-warning-600",
14
- info: "bg-info text-info-foreground hover:bg-info-600",
15
- "primary-inverse": "bg-primary-100 text-primary-700 hover:bg-primary-50",
16
- "success-inverse": "bg-success-300 text-success-700 hover:bg-success-200",
17
- "danger-inverse": "bg-danger-300 text-danger-600 hover:bg-danger-200",
18
- "warning-inverse": "bg-warning-300 text-warning-800 hover:bg-warning-200",
19
- "info-inverse": "bg-info-300 text-info-700 hover:bg-info-200",
20
- "purple-inverse": "bg-purple-200 text-purple-500 hover:bg-purple-100",
21
- "coral-inverse": "bg-coral-300 text-coral-600 hover:bg-coral-200",
22
- "turquoise-inverse": "bg-turquoise-200 text-turquoise-600 hover:bg-turquoise-100",
23
- "lime-inverse": "bg-lime-300 text-lime-700 hover:bg-lime-200",
24
- "gray-inverse": "bg-gray-300 text-text-500 hover:bg-gray-200"
10
+ primary: "bg-primary-25 text-primary-300 border border-primary-300",
11
+ outline: "bg-gray-0 text-primary-300 border border-primary-300"
12
+ },
13
+ size: {
14
+ sm: "px-2 h-6",
15
+ md: "px-4 h-8",
16
+ lg: "px-6 h-10 text-sm rounded-md"
25
17
  }
26
18
  },
27
19
  defaultVariants: {
28
- variant: "primary"
20
+ variant: "primary",
21
+ size: "md"
29
22
  }
30
- }), u = ({ className: r, variant: e, ...n }) => /* @__PURE__ */ o("div", { className: t(g({ variant: e }), r), ...n });
23
+ }), l = s.forwardRef(({ className: r, variant: e, asChild: a = !1, children: t, size: m, ...i }, o) => /* @__PURE__ */ p(a ? n : "span", { className: f(x({ variant: e, size: m, className: r })), ref: o, ...i, children: t }));
24
+ l.displayName = "Badge";
31
25
  export {
32
- u as Badge
26
+ l as Badge
33
27
  };
34
28
  //# sourceMappingURL=badge.es.js.map
package/dist/badge.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"badge.es.js","sources":["../src/components/badge/Badge.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst badgeVariants = tv({\r\n base: \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent\",\r\n variants: {\r\n variant: {\r\n primary: \"bg-primary text-primary-foreground hover:bg-primary-600\",\r\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary-600\",\r\n outline: \"border border-primary text-primary hover:bg-primary-50\",\r\n danger: \"bg-danger text-danger-foreground hover:bg-danger-600\",\r\n success: \"bg-success text-success-foreground hover:bg-success-600\",\r\n warning: \"bg-warning text-warning-foreground hover:bg-warning-600\",\r\n info: \"bg-info text-info-foreground hover:bg-info-600\",\r\n \"primary-inverse\": \"bg-primary-100 text-primary-700 hover:bg-primary-50\",\r\n \"success-inverse\": \"bg-success-300 text-success-700 hover:bg-success-200\",\r\n \"danger-inverse\": \"bg-danger-300 text-danger-600 hover:bg-danger-200\",\r\n \"warning-inverse\": \"bg-warning-300 text-warning-800 hover:bg-warning-200\",\r\n \"info-inverse\": \"bg-info-300 text-info-700 hover:bg-info-200\",\r\n \"purple-inverse\": \"bg-purple-200 text-purple-500 hover:bg-purple-100\",\r\n \"coral-inverse\": \"bg-coral-300 text-coral-600 hover:bg-coral-200\",\r\n \"turquoise-inverse\": \"bg-turquoise-200 text-turquoise-600 hover:bg-turquoise-100\",\r\n \"lime-inverse\": \"bg-lime-300 text-lime-700 hover:bg-lime-200\",\r\n \"gray-inverse\": \"bg-gray-300 text-text-500 hover:bg-gray-200\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"primary\",\r\n },\r\n});\r\n\r\nexport type BadgeVariant = VariantProps<typeof badgeVariants>[\"variant\"];\r\n\r\ninterface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {\r\n variant?: BadgeVariant;\r\n}\r\n\r\nconst Badge: React.FC<BadgeProps> = ({ className, variant, ...props }) => {\r\n return <div className={cn(badgeVariants({ variant }), className)} {...props} />;\r\n};\r\n\r\nexport { Badge, type BadgeProps };\r\n"],"names":["badgeVariants","tv","Badge","className","variant","props","jsx","cn"],"mappings":";;;AAOA,MAAMA,IAAgBC,EAAG;AAAA,EACvB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,mBAAmB;AAAA,MACnB,mBAAmB;AAAA,MACnB,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,iBAAiB;AAAA,MACjB,qBAAqB;AAAA,MACrB,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,IAAA;AAAA,EAClB;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAQKC,IAA8B,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,QACrD,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGD,CAAS,GAAI,GAAGE,EAAA,CAAO;"}
1
+ {"version":3,"file":"badge.es.js","sources":["../src/components/badge/Badge.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst badgeVariants = tv({\r\n base: \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm text-xs font-medium\",\r\n variants: {\r\n variant: {\r\n primary: \"bg-primary-25 text-primary-300 border border-primary-300\",\r\n outline: \"bg-gray-0 text-primary-300 border border-primary-300\",\r\n },\r\n size: {\r\n sm: \"px-2 h-6\",\r\n md: \"px-4 h-8\",\r\n lg: \"px-6 h-10 text-sm rounded-md\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"primary\",\r\n size: \"md\",\r\n },\r\n});\r\n\r\ninterface BadgeProps extends React.ButtonHTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {\r\n asChild?: boolean;\r\n}\r\n\r\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(({ className, variant, asChild = false, children, size, ...props }, ref) => {\r\n const Comp = asChild ? Slot : \"span\";\r\n return (\r\n <Comp className={cn(badgeVariants({ variant, size, className }))} ref={ref} {...props}>\r\n {children}\r\n </Comp>\r\n );\r\n});\r\nBadge.displayName = \"Badge\";\r\n\r\nexport { Badge, type BadgeProps };\r\n"],"names":["badgeVariants","tv","Badge","React","className","variant","asChild","children","size","props","ref","jsx","Slot","cn"],"mappings":";;;;;AAQA,MAAMA,IAAgBC,EAAG;AAAA,EACvB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,IAEX,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAMKC,IAAQC,EAAM,WAAwC,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,SAAAC,IAAU,IAAO,UAAAC,GAAU,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAG5H,gBAAAC,EAFWL,IAAUM,IAAO,QAE3B,EAAK,WAAWC,EAAGb,EAAc,EAAE,SAAAK,GAAS,MAAAG,GAAM,WAAAJ,EAAA,CAAW,CAAC,GAAG,KAAAM,GAAW,GAAGD,GAC7E,UAAAF,GACH,CAEH;AACDL,EAAM,cAAc;"}
package/dist/components/badge/Badge.d.ts CHANGED
@@ -1,151 +1,80 @@
1
+ import { default as React } from 'react';
1
2
  import { VariantProps, TVReturnType } from 'tailwind-variants';
2
3
  import { TVConfig } from 'tailwind-variants/dist/config.js';
3
- import * as React from "react";
4
4
  declare const badgeVariants: TVReturnType<{
5
5
  variant: {
6
6
  primary: string;
7
- secondary: string;
8
7
  outline: string;
9
- danger: string;
10
- success: string;
11
- warning: string;
12
- info: string;
13
- "primary-inverse": string;
14
- "success-inverse": string;
15
- "danger-inverse": string;
16
- "warning-inverse": string;
17
- "info-inverse": string;
18
- "purple-inverse": string;
19
- "coral-inverse": string;
20
- "turquoise-inverse": string;
21
- "lime-inverse": string;
22
- "gray-inverse": string;
23
8
  };
24
- }, undefined, "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent", TVConfig<{
9
+ size: {
10
+ sm: string;
11
+ md: string;
12
+ lg: string;
13
+ };
14
+ }, undefined, "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm text-xs font-medium", TVConfig<{
25
15
  variant: {
26
16
  primary: string;
27
- secondary: string;
28
17
  outline: string;
29
- danger: string;
30
- success: string;
31
- warning: string;
32
- info: string;
33
- "primary-inverse": string;
34
- "success-inverse": string;
35
- "danger-inverse": string;
36
- "warning-inverse": string;
37
- "info-inverse": string;
38
- "purple-inverse": string;
39
- "coral-inverse": string;
40
- "turquoise-inverse": string;
41
- "lime-inverse": string;
42
- "gray-inverse": string;
18
+ };
19
+ size: {
20
+ sm: string;
21
+ md: string;
22
+ lg: string;
43
23
  };
44
24
  }, {
45
25
  variant: {
46
26
  primary: string;
47
- secondary: string;
48
27
  outline: string;
49
- danger: string;
50
- success: string;
51
- warning: string;
52
- info: string;
53
- "primary-inverse": string;
54
- "success-inverse": string;
55
- "danger-inverse": string;
56
- "warning-inverse": string;
57
- "info-inverse": string;
58
- "purple-inverse": string;
59
- "coral-inverse": string;
60
- "turquoise-inverse": string;
61
- "lime-inverse": string;
62
- "gray-inverse": string;
28
+ };
29
+ size: {
30
+ sm: string;
31
+ md: string;
32
+ lg: string;
63
33
  };
64
34
  }>, {
65
35
  variant: {
66
36
  primary: string;
67
- secondary: string;
68
37
  outline: string;
69
- danger: string;
70
- success: string;
71
- warning: string;
72
- info: string;
73
- "primary-inverse": string;
74
- "success-inverse": string;
75
- "danger-inverse": string;
76
- "warning-inverse": string;
77
- "info-inverse": string;
78
- "purple-inverse": string;
79
- "coral-inverse": string;
80
- "turquoise-inverse": string;
81
- "lime-inverse": string;
82
- "gray-inverse": string;
38
+ };
39
+ size: {
40
+ sm: string;
41
+ md: string;
42
+ lg: string;
83
43
  };
84
44
  }, undefined, TVReturnType<{
85
45
  variant: {
86
46
  primary: string;
87
- secondary: string;
88
47
  outline: string;
89
- danger: string;
90
- success: string;
91
- warning: string;
92
- info: string;
93
- "primary-inverse": string;
94
- "success-inverse": string;
95
- "danger-inverse": string;
96
- "warning-inverse": string;
97
- "info-inverse": string;
98
- "purple-inverse": string;
99
- "coral-inverse": string;
100
- "turquoise-inverse": string;
101
- "lime-inverse": string;
102
- "gray-inverse": string;
103
48
  };
104
- }, undefined, "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent", TVConfig<{
49
+ size: {
50
+ sm: string;
51
+ md: string;
52
+ lg: string;
53
+ };
54
+ }, undefined, "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-sm text-xs font-medium", TVConfig<{
105
55
  variant: {
106
56
  primary: string;
107
- secondary: string;
108
57
  outline: string;
109
- danger: string;
110
- success: string;
111
- warning: string;
112
- info: string;
113
- "primary-inverse": string;
114
- "success-inverse": string;
115
- "danger-inverse": string;
116
- "warning-inverse": string;
117
- "info-inverse": string;
118
- "purple-inverse": string;
119
- "coral-inverse": string;
120
- "turquoise-inverse": string;
121
- "lime-inverse": string;
122
- "gray-inverse": string;
58
+ };
59
+ size: {
60
+ sm: string;
61
+ md: string;
62
+ lg: string;
123
63
  };
124
64
  }, {
125
65
  variant: {
126
66
  primary: string;
127
- secondary: string;
128
67
  outline: string;
129
- danger: string;
130
- success: string;
131
- warning: string;
132
- info: string;
133
- "primary-inverse": string;
134
- "success-inverse": string;
135
- "danger-inverse": string;
136
- "warning-inverse": string;
137
- "info-inverse": string;
138
- "purple-inverse": string;
139
- "coral-inverse": string;
140
- "turquoise-inverse": string;
141
- "lime-inverse": string;
142
- "gray-inverse": string;
68
+ };
69
+ size: {
70
+ sm: string;
71
+ md: string;
72
+ lg: string;
143
73
  };
144
74
  }>, unknown, unknown, undefined>>;
145
- export type BadgeVariant = VariantProps<typeof badgeVariants>["variant"];
146
- interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
147
- variant?: BadgeVariant;
75
+ interface BadgeProps extends React.ButtonHTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
76
+ asChild?: boolean;
148
77
  }
149
- declare const Badge: React.FC<BadgeProps>;
78
+ declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
150
79
  export { Badge, type BadgeProps };
151
80
  //# sourceMappingURL=Badge.d.ts.map
package/dist/components/badge/Badge.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA0BjB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC;AAEzE,UAAU,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/D,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAE/B,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,CAAC"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAiBjB,CAAC;AAEH,UAAU,UAAW,SAAQ,KAAK,CAAC,oBAAoB,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IAC1G,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,KAAK,oFAOT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,CAAC"}
package/dist/components/form-time-picker/FormTimePicker.d.ts CHANGED
@@ -1,17 +1,18 @@
1
- import { FormItem } from '../form/Form';
2
1
  import { SlotProps } from '@radix-ui/react-slot';
3
2
  import { Control, ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
4
3
  import { TimePickerProps } from '../date-picker/TimePicker';
4
+ import { FormItem } from '../form/Form';
5
5
  type FormTimePickerProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<ControllerProps<TFieldValues, TName>, "render"> & React.ComponentProps<typeof FormItem> & {
6
6
  label: string;
7
7
  control: Control<TFieldValues>;
8
8
  required?: boolean;
9
9
  readOnly?: boolean;
10
+ is24HourMode?: boolean;
10
11
  slotProps?: {
11
12
  formLabelProps?: React.HTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>;
12
13
  formMessageProps?: React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>;
13
14
  formControlProps?: Omit<SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>;
14
- datepickerProps?: TimePickerProps;
15
+ timepickerProps?: Partial<TimePickerProps>;
15
16
  };
16
17
  };
17
18
  declare const FormTimePicker: <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(props: FormTimePickerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
package/dist/components/form-time-picker/FormTimePicker.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/form-time-picker/FormTimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0B,QAAQ,EAA0B,MAAM,cAAc,CAAC;AACxF,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnF,OAAO,EAAc,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAExE,KAAK,mBAAmB,CAAC,YAAY,SAAS,WAAW,EAAE,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,IAAI,IAAI,CACtG,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,EACpC,QAAQ,CACT,GACC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE;QACV,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAChG,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QAC1G,gBAAgB,CAAC,EAAE,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QAChH,eAAe,CAAC,EAAE,eAAe,CAAC;KACnC,CAAC;CACH,CAAC;AAEJ,QAAA,MAAM,cAAc,GAAI,YAAY,SAAS,WAAW,EAAE,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,SAAS,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,4CA2B/I,CAAC;AACF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,CAAC"}
1
+ {"version":3,"file":"FormTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/form-time-picker/FormTimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnF,OAAO,EAAc,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAA0B,QAAQ,EAA0B,MAAM,cAAc,CAAC;AAExF,KAAK,mBAAmB,CAAC,YAAY,SAAS,WAAW,EAAE,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,IAAI,IAAI,CACtG,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,EACpC,QAAQ,CACT,GACC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE;QACV,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAChG,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QAC1G,gBAAgB,CAAC,EAAE,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QAChH,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;KAC5C,CAAC;CACH,CAAC;AAEJ,QAAA,MAAM,cAAc,GAAI,YAAY,SAAS,WAAW,EAAE,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,SAAS,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,4CAkC/I,CAAC;AACF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,CAAC"}
package/dist/components/icon-botton/IconButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/icon-botton/IconButton.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKrD,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAsBtB,CAAC;AAEH,UAAU,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACtH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,2FAUf,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAC"}
1
+ {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/icon-botton/IconButton.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAM,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKrD,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAuBtB,CAAC;AAEH,UAAU,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACtH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,2FAUf,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAC"}
package/dist/components/status/Status.d.ts ADDED
@@ -0,0 +1,151 @@
1
+ import { VariantProps, TVReturnType } from 'tailwind-variants';
2
+ import { TVConfig } from 'tailwind-variants/dist/config.js';
3
+ import * as React from "react";
4
+ declare const statusVariants: TVReturnType<{
5
+ variant: {
6
+ primary: string;
7
+ secondary: string;
8
+ outline: string;
9
+ danger: string;
10
+ success: string;
11
+ warning: string;
12
+ info: string;
13
+ "primary-inverse": string;
14
+ "success-inverse": string;
15
+ "danger-inverse": string;
16
+ "warning-inverse": string;
17
+ "info-inverse": string;
18
+ "purple-inverse": string;
19
+ "coral-inverse": string;
20
+ "turquoise-inverse": string;
21
+ "lime-inverse": string;
22
+ "gray-inverse": string;
23
+ };
24
+ }, undefined, "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent", TVConfig<{
25
+ variant: {
26
+ primary: string;
27
+ secondary: string;
28
+ outline: string;
29
+ danger: string;
30
+ success: string;
31
+ warning: string;
32
+ info: string;
33
+ "primary-inverse": string;
34
+ "success-inverse": string;
35
+ "danger-inverse": string;
36
+ "warning-inverse": string;
37
+ "info-inverse": string;
38
+ "purple-inverse": string;
39
+ "coral-inverse": string;
40
+ "turquoise-inverse": string;
41
+ "lime-inverse": string;
42
+ "gray-inverse": string;
43
+ };
44
+ }, {
45
+ variant: {
46
+ primary: string;
47
+ secondary: string;
48
+ outline: string;
49
+ danger: string;
50
+ success: string;
51
+ warning: string;
52
+ info: string;
53
+ "primary-inverse": string;
54
+ "success-inverse": string;
55
+ "danger-inverse": string;
56
+ "warning-inverse": string;
57
+ "info-inverse": string;
58
+ "purple-inverse": string;
59
+ "coral-inverse": string;
60
+ "turquoise-inverse": string;
61
+ "lime-inverse": string;
62
+ "gray-inverse": string;
63
+ };
64
+ }>, {
65
+ variant: {
66
+ primary: string;
67
+ secondary: string;
68
+ outline: string;
69
+ danger: string;
70
+ success: string;
71
+ warning: string;
72
+ info: string;
73
+ "primary-inverse": string;
74
+ "success-inverse": string;
75
+ "danger-inverse": string;
76
+ "warning-inverse": string;
77
+ "info-inverse": string;
78
+ "purple-inverse": string;
79
+ "coral-inverse": string;
80
+ "turquoise-inverse": string;
81
+ "lime-inverse": string;
82
+ "gray-inverse": string;
83
+ };
84
+ }, undefined, TVReturnType<{
85
+ variant: {
86
+ primary: string;
87
+ secondary: string;
88
+ outline: string;
89
+ danger: string;
90
+ success: string;
91
+ warning: string;
92
+ info: string;
93
+ "primary-inverse": string;
94
+ "success-inverse": string;
95
+ "danger-inverse": string;
96
+ "warning-inverse": string;
97
+ "info-inverse": string;
98
+ "purple-inverse": string;
99
+ "coral-inverse": string;
100
+ "turquoise-inverse": string;
101
+ "lime-inverse": string;
102
+ "gray-inverse": string;
103
+ };
104
+ }, undefined, "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent", TVConfig<{
105
+ variant: {
106
+ primary: string;
107
+ secondary: string;
108
+ outline: string;
109
+ danger: string;
110
+ success: string;
111
+ warning: string;
112
+ info: string;
113
+ "primary-inverse": string;
114
+ "success-inverse": string;
115
+ "danger-inverse": string;
116
+ "warning-inverse": string;
117
+ "info-inverse": string;
118
+ "purple-inverse": string;
119
+ "coral-inverse": string;
120
+ "turquoise-inverse": string;
121
+ "lime-inverse": string;
122
+ "gray-inverse": string;
123
+ };
124
+ }, {
125
+ variant: {
126
+ primary: string;
127
+ secondary: string;
128
+ outline: string;
129
+ danger: string;
130
+ success: string;
131
+ warning: string;
132
+ info: string;
133
+ "primary-inverse": string;
134
+ "success-inverse": string;
135
+ "danger-inverse": string;
136
+ "warning-inverse": string;
137
+ "info-inverse": string;
138
+ "purple-inverse": string;
139
+ "coral-inverse": string;
140
+ "turquoise-inverse": string;
141
+ "lime-inverse": string;
142
+ "gray-inverse": string;
143
+ };
144
+ }>, unknown, unknown, undefined>>;
145
+ export type StatusVariant = VariantProps<typeof statusVariants>["variant"];
146
+ interface StatusProps extends React.HTMLAttributes<HTMLDivElement> {
147
+ variant?: StatusVariant;
148
+ }
149
+ declare const Status: React.FC<StatusProps>;
150
+ export { Status, type StatusProps };
151
+ //# sourceMappingURL=Status.d.ts.map
package/dist/components/status/Status.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../../src/components/status/Status.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA0BlB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;AAE3E,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChE,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAEjC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,CAAC"}
package/dist/formtimepicker.es.js CHANGED
@@ -1,24 +1,33 @@
1
1
  import { jsx as r, jsxs as s } from "react/jsx-runtime";
2
- import { FormField as f, FormItem as g, FormLabel as h, FormControl as F, FormMessage as b } from "./form.es.js";
3
- import { TimePicker as x } from "./timepicker.es.js";
2
+ import { TimePicker as g } from "./timepicker.es.js";
3
+ import { FormField as h, FormItem as F, FormLabel as b, FormControl as x, FormMessage as C } from "./form.es.js";
4
4
  const j = (l) => {
5
- const { name: n, control: t, defaultValue: a, disabled: o, readOnly: i, rules: d, shouldUnregister: p, label: c, slotProps: e, required: u, ...P } = l;
5
+ const { name: n, control: t, defaultValue: i, disabled: o, readOnly: a, rules: d, shouldUnregister: p, label: c, slotProps: e, required: u, is24HourMode: P, ...f } = l;
6
6
  return /* @__PURE__ */ r(
7
- f,
7
+ h,
8
8
  {
9
9
  control: t,
10
10
  name: n,
11
- defaultValue: a,
11
+ defaultValue: i,
12
12
  disabled: o,
13
13
  rules: d,
14
14
  shouldUnregister: p,
15
- render: ({ field: m }) => /* @__PURE__ */ s(g, { ...P, children: [
16
- /* @__PURE__ */ s(h, { ...e?.formLabelProps ?? {}, children: [
15
+ render: ({ field: m }) => /* @__PURE__ */ s(F, { ...f, children: [
16
+ /* @__PURE__ */ s(b, { ...e?.formLabelProps ?? {}, children: [
17
17
  c,
18
18
  u && /* @__PURE__ */ r("span", { className: "text-danger text-sm leading-4", children: "*" })
19
19
  ] }),
20
- /* @__PURE__ */ r(F, { ...e?.formControlProps ?? {}, children: /* @__PURE__ */ r(x, { ...e?.datepickerProps ?? {}, time: m.value, onTimeChange: m.onChange, disabled: o || i }) }),
21
- /* @__PURE__ */ r(b, { ...e?.formMessageProps ?? {} })
20
+ /* @__PURE__ */ r(x, { ...e?.formControlProps ?? {}, children: /* @__PURE__ */ r(
21
+ g,
22
+ {
23
+ ...e?.timepickerProps ?? {},
24
+ time: m.value,
25
+ onTimeChange: m.onChange,
26
+ disabled: o || a,
27
+ is24HourMode: P
28
+ }
29
+ ) }),
30
+ /* @__PURE__ */ r(C, { ...e?.formMessageProps ?? {} })
22
31
  ] })
23
32
  }
24
33
  );
package/dist/formtimepicker.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"formtimepicker.es.js","sources":["../src/components/form-time-picker/FormTimePicker.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage } from \"../form/Form\";\r\nimport { SlotProps } from \"@radix-ui/react-slot\";\r\nimport { Control, ControllerProps, FieldPath, FieldValues } from \"react-hook-form\";\r\nimport { TimePicker, TimePickerProps } from \"../date-picker/TimePicker\";\r\n\r\ntype FormTimePickerProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<\r\n ControllerProps<TFieldValues, TName>,\r\n \"render\"\r\n> &\r\n React.ComponentProps<typeof FormItem> & {\r\n label: string;\r\n control: Control<TFieldValues>;\r\n required?: boolean;\r\n readOnly?: boolean;\r\n slotProps?: {\r\n formLabelProps?: React.HTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>;\r\n formMessageProps?: React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>;\r\n formControlProps?: Omit<SlotProps & React.RefAttributes<HTMLElement>, \"ref\"> & React.RefAttributes<HTMLElement>;\r\n datepickerProps?: TimePickerProps;\r\n };\r\n };\r\n\r\nconst FormTimePicker = <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(props: FormTimePickerProps<TFieldValues, TName>) => {\r\n const { name, control, defaultValue, disabled, readOnly, rules, shouldUnregister, label, slotProps, required, ...formItemProps } = props;\r\n\r\n return (\r\n <FormField\r\n control={control}\r\n name={name}\r\n defaultValue={defaultValue}\r\n disabled={disabled}\r\n rules={rules}\r\n shouldUnregister={shouldUnregister}\r\n render={({ field }) => {\r\n return (\r\n <FormItem {...formItemProps}>\r\n <FormLabel {...(slotProps?.formLabelProps ?? {})}>\r\n {label}\r\n {required && <span className=\"text-danger text-sm leading-4\">*</span>}\r\n </FormLabel>\r\n <FormControl {...(slotProps?.formControlProps ?? {})}>\r\n <TimePicker {...(slotProps?.datepickerProps ?? {})} time={field.value} onTimeChange={field.onChange} disabled={disabled || readOnly} />\r\n </FormControl>\r\n <FormMessage {...(slotProps?.formMessageProps ?? {})} />\r\n </FormItem>\r\n );\r\n }}\r\n />\r\n );\r\n};\r\nexport { FormTimePicker, type FormTimePickerProps };\r\n"],"names":["FormTimePicker","props","name","control","defaultValue","disabled","readOnly","rules","shouldUnregister","label","slotProps","required","formItemProps","jsx","FormField","field","jsxs","FormItem","FormLabel","FormControl","TimePicker","FormMessage"],"mappings":";;;AAwBA,MAAMA,IAAiB,CAA0EC,MAAoD;AACnJ,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,cAAAC,GAAc,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,kBAAAC,GAAkB,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,MAAkBX;AAEnI,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAX;AAAA,MACA,MAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAAC;AAAA,MACA,OAAAE;AAAA,MACA,kBAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAO,QAEP,gBAAAC,EAACC,GAAA,EAAU,GAAGL,GACZ,UAAA;AAAA,QAAA,gBAAAI,EAACE,GAAA,EAAW,GAAIR,GAAW,kBAAkB,CAAA,GAC1C,UAAA;AAAA,UAAAD;AAAA,UACAE,KAAY,gBAAAE,EAAC,QAAA,EAAK,WAAU,iCAAgC,UAAA,IAAA,CAAC;AAAA,QAAA,GAChE;AAAA,QACA,gBAAAA,EAACM,KAAa,GAAIT,GAAW,oBAAoB,IAC/C,UAAA,gBAAAG,EAACO,GAAA,EAAY,GAAIV,GAAW,mBAAmB,CAAA,GAAK,MAAMK,EAAM,OAAO,cAAcA,EAAM,UAAU,UAAUV,KAAYC,EAAA,CAAU,EAAA,CACvI;AAAA,0BACCe,GAAA,EAAa,GAAIX,GAAW,oBAAoB,CAAA,EAAC,CAAI;AAAA,MAAA,GACxD;AAAA,IAEJ;AAAA,EAAA;AAGN;"}
1
+ {"version":3,"file":"formtimepicker.es.js","sources":["../src/components/form-time-picker/FormTimePicker.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { SlotProps } from \"@radix-ui/react-slot\";\r\nimport { Control, ControllerProps, FieldPath, FieldValues } from \"react-hook-form\";\r\n\r\nimport { TimePicker, TimePickerProps } from \"../date-picker/TimePicker\";\r\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage } from \"../form/Form\";\r\n\r\ntype FormTimePickerProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<\r\n ControllerProps<TFieldValues, TName>,\r\n \"render\"\r\n> &\r\n React.ComponentProps<typeof FormItem> & {\r\n label: string;\r\n control: Control<TFieldValues>;\r\n required?: boolean;\r\n readOnly?: boolean;\r\n is24HourMode?: boolean;\r\n slotProps?: {\r\n formLabelProps?: React.HTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>;\r\n formMessageProps?: React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>;\r\n formControlProps?: Omit<SlotProps & React.RefAttributes<HTMLElement>, \"ref\"> & React.RefAttributes<HTMLElement>;\r\n timepickerProps?: Partial<TimePickerProps>;\r\n };\r\n };\r\n\r\nconst FormTimePicker = <TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(props: FormTimePickerProps<TFieldValues, TName>) => {\r\n const { name, control, defaultValue, disabled, readOnly, rules, shouldUnregister, label, slotProps, required, is24HourMode, ...formItemProps } =\r\n props;\r\n\r\n return (\r\n <FormField\r\n control={control}\r\n name={name}\r\n defaultValue={defaultValue}\r\n disabled={disabled}\r\n rules={rules}\r\n shouldUnregister={shouldUnregister}\r\n render={({ field }) => {\r\n return (\r\n <FormItem {...formItemProps}>\r\n <FormLabel {...(slotProps?.formLabelProps ?? {})}>\r\n {label}\r\n {required && <span className=\"text-danger text-sm leading-4\">*</span>}\r\n </FormLabel>\r\n <FormControl {...(slotProps?.formControlProps ?? {})}>\r\n <TimePicker\r\n {...(slotProps?.timepickerProps ?? {})}\r\n time={field.value}\r\n onTimeChange={field.onChange}\r\n disabled={disabled || readOnly}\r\n is24HourMode={is24HourMode}\r\n />\r\n </FormControl>\r\n <FormMessage {...(slotProps?.formMessageProps ?? {})} />\r\n </FormItem>\r\n );\r\n }}\r\n />\r\n );\r\n};\r\nexport { FormTimePicker, type FormTimePickerProps };\r\n"],"names":["FormTimePicker","props","name","control","defaultValue","disabled","readOnly","rules","shouldUnregister","label","slotProps","required","is24HourMode","formItemProps","jsx","FormField","field","jsxs","FormItem","FormLabel","FormControl","TimePicker","FormMessage"],"mappings":";;;AA0BA,MAAMA,IAAiB,CAA0EC,MAAoD;AACnJ,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,cAAAC,GAAc,UAAAC,GAAU,UAAAC,GAAU,OAAAC,GAAO,kBAAAC,GAAkB,OAAAC,GAAO,WAAAC,GAAW,UAAAC,GAAU,cAAAC,GAAc,GAAGC,MAC7HZ;AAEF,SACE,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAZ;AAAA,MACA,MAAAD;AAAA,MACA,cAAAE;AAAA,MACA,UAAAC;AAAA,MACA,OAAAE;AAAA,MACA,kBAAAC;AAAA,MACA,QAAQ,CAAC,EAAE,OAAAQ,QAEP,gBAAAC,EAACC,GAAA,EAAU,GAAGL,GACZ,UAAA;AAAA,QAAA,gBAAAI,EAACE,GAAA,EAAW,GAAIT,GAAW,kBAAkB,CAAA,GAC1C,UAAA;AAAA,UAAAD;AAAA,UACAE,KAAY,gBAAAG,EAAC,QAAA,EAAK,WAAU,iCAAgC,UAAA,IAAA,CAAC;AAAA,QAAA,GAChE;AAAA,0BACCM,GAAA,EAAa,GAAIV,GAAW,oBAAoB,CAAA,GAC/C,UAAA,gBAAAI;AAAA,UAACO;AAAA,UAAA;AAAA,YACE,GAAIX,GAAW,mBAAmB,CAAA;AAAA,YACnC,MAAMM,EAAM;AAAA,YACZ,cAAcA,EAAM;AAAA,YACpB,UAAUX,KAAYC;AAAA,YACtB,cAAAM;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,0BACCU,GAAA,EAAa,GAAIZ,GAAW,oBAAoB,CAAA,EAAC,CAAI;AAAA,MAAA,GACxD;AAAA,IAEJ;AAAA,EAAA;AAGN;"}
package/dist/iconbutton.es.js CHANGED
@@ -1,6 +1,6 @@
1
- import { jsxs as b, jsx as e } from "react/jsx-runtime";
2
- import f from "react";
3
- import { Slot as u, Slottable as m } from "@radix-ui/react-slot";
1
+ import { jsxs as f, jsx as t } from "react/jsx-runtime";
2
+ import b from "react";
3
+ import { Slot as m, Slottable as u } from "@radix-ui/react-slot";
4
4
  import { tv as p } from "tailwind-variants";
5
5
  import { cn as d } from "./utils.es.js";
6
6
  import { Spinner as v } from "@trsys-tech/matrix-icons";
@@ -8,8 +8,8 @@ const l = p({
8
8
  base: "inline-flex items-center justify-center gap-1 p-2 rounded-sm text-xs font-normal transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:bg-muted disabled:text-gray-500",
9
9
  variants: {
10
10
  variant: {
11
- table: "text-text hover:bg-primary-50 focus:bg-transparent focus:ring active:bg-primary-50 active:text-primary-700",
12
- toolbar: "text-primary hover:bg-primary-50 focus:bg-transparent focus:ring active:bg-primary-50 active:text-primary-700",
11
+ table: "text-text hover:bg-primary-50 focus:bg-transparent focus:ring focus:mtx-ring-primary-400 active:bg-primary-50 active:text-primary-700",
12
+ toolbar: "text-primary hover:bg-primary-50 focus:bg-transparent focus:ring focus:mtx-ring-primary-400 active:bg-primary-50 active:text-primary-700",
13
13
  form: "border border-gray-300 text-primary hover:border-none hover:bg-primary-50 focus:border-none focus:bg-transparent focus:ring active:border-none active:bg-primary-50 active:text-primary-700 disabled:border-none",
14
14
  danger: "text-danger hover:bg-danger-200 focus:bg-transparent focus:ring focus:ring-danger-400 active:bg-danger-300",
15
15
  warning: "text-warning hover:bg-warning-200 focus:bg-transparent focus:ring focus:ring-warning-400 active:bg-warning-300",
@@ -26,10 +26,10 @@ const l = p({
26
26
  variant: "table",
27
27
  size: "md"
28
28
  }
29
- }), B = f.forwardRef(
30
- ({ asChild: t, children: n, className: o, disabled: a, loading: r, variant: s, size: i, ...c }, g) => /* @__PURE__ */ b(t ? u : "button", { className: d(l({ variant: s, size: i, className: o })), disabled: a || r, ref: g, ...c, children: [
31
- r ? /* @__PURE__ */ e(v, {}) : null,
32
- /* @__PURE__ */ e(m, { children: n })
29
+ }), B = b.forwardRef(
30
+ ({ asChild: e, children: n, className: o, disabled: a, loading: r, variant: i, size: s, ...c }, g) => /* @__PURE__ */ f(e ? m : "button", { className: d(l({ variant: i, size: s, className: o })), disabled: a || r, ref: g, ...c, children: [
31
+ r ? /* @__PURE__ */ t(v, {}) : null,
32
+ /* @__PURE__ */ t(u, { children: n })
33
33
  ] })
34
34
  );
35
35
  export {
package/dist/iconbutton.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"iconbutton.es.js","sources":["../src/components/icon-botton/IconButton.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Slot, Slottable } from \"@radix-ui/react-slot\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Spinner } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst iconButtonVariants = tv({\r\n base: \"inline-flex items-center justify-center gap-1 p-2 rounded-sm text-xs font-normal transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:bg-muted disabled:text-gray-500\",\r\n variants: {\r\n variant: {\r\n table: \"text-text hover:bg-primary-50 focus:bg-transparent focus:ring active:bg-primary-50 active:text-primary-700\",\r\n toolbar: \"text-primary hover:bg-primary-50 focus:bg-transparent focus:ring active:bg-primary-50 active:text-primary-700\",\r\n form: \"border border-gray-300 text-primary hover:border-none hover:bg-primary-50 focus:border-none focus:bg-transparent focus:ring active:border-none active:bg-primary-50 active:text-primary-700 disabled:border-none\",\r\n danger: \"text-danger hover:bg-danger-200 focus:bg-transparent focus:ring focus:ring-danger-400 active:bg-danger-300\",\r\n warning: \"text-warning hover:bg-warning-200 focus:bg-transparent focus:ring focus:ring-warning-400 active:bg-warning-300\",\r\n success: \"text-success hover:bg-success-200 focus:bg-transparent focus:ring focus:ring-success-400 active:bg-success-300\",\r\n info: \"text-info hover:bg-info-200 focus:bg-transparent focus:ring focus:ring-info-400 active:bg-info-300\",\r\n },\r\n size: {\r\n md: \"h-8 w-8.5\",\r\n sm: \"h-6 w-6 p-1 [&>svg]:h-4 [&>svg]:w-4\",\r\n lg: \"h-10 w-10 [&>svg]:h-6 [&>svg]:w-6\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"table\",\r\n size: \"md\",\r\n },\r\n});\r\n\r\ninterface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {\r\n asChild?: boolean;\r\n loading?: boolean;\r\n}\r\n\r\nconst IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\r\n ({ asChild, children, className, disabled, loading, variant, size, ...props }, ref) => {\r\n const Comp = asChild ? Slot : \"button\";\r\n return (\r\n <Comp className={cn(iconButtonVariants({ variant, size, className }))} disabled={disabled || loading} ref={ref} {...props}>\r\n {loading ? <Spinner /> : null}\r\n <Slottable>{children}</Slottable>\r\n </Comp>\r\n );\r\n },\r\n);\r\n\r\nexport { IconButton, type IconButtonProps };\r\n"],"names":["iconButtonVariants","tv","IconButton","React","asChild","children","className","disabled","loading","variant","size","props","ref","Slot","cn","jsx","Spinner","Slottable"],"mappings":";;;;;;AASA,MAAMA,IAAqBC,EAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,IAER,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAOKC,IAAaC,EAAM;AAAA,EACvB,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,UAAAC,GAAU,SAAAC,GAAS,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GAASC,wBAChER,IAAUS,IAAO,UAE3B,EAAK,WAAWC,EAAGd,EAAmB,EAAE,SAAAS,GAAS,MAAAC,GAAM,WAAAJ,EAAA,CAAW,CAAC,GAAG,UAAUC,KAAYC,GAAS,KAAAI,GAAW,GAAGD,GACjH,UAAA;AAAA,IAAAH,IAAU,gBAAAO,EAACC,KAAQ,IAAK;AAAA,IACzB,gBAAAD,EAACE,KAAW,UAAAZ,EAAA,CAAS;AAAA,EAAA,GACvB;AAGN;"}
1
+ {"version":3,"file":"iconbutton.es.js","sources":["../src/components/icon-botton/IconButton.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Slot, Slottable } from \"@radix-ui/react-slot\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Spinner } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst iconButtonVariants = tv({\r\n base: \"inline-flex items-center justify-center gap-1 p-2 rounded-sm text-xs font-normal transition-colors focus-visible:outline-none disabled:pointer-events-none disabled:bg-muted disabled:text-gray-500\",\r\n variants: {\r\n variant: {\r\n table: \"text-text hover:bg-primary-50 focus:bg-transparent focus:ring focus:mtx-ring-primary-400 active:bg-primary-50 active:text-primary-700\",\r\n toolbar:\r\n \"text-primary hover:bg-primary-50 focus:bg-transparent focus:ring focus:mtx-ring-primary-400 active:bg-primary-50 active:text-primary-700\",\r\n form: \"border border-gray-300 text-primary hover:border-none hover:bg-primary-50 focus:border-none focus:bg-transparent focus:ring active:border-none active:bg-primary-50 active:text-primary-700 disabled:border-none\",\r\n danger: \"text-danger hover:bg-danger-200 focus:bg-transparent focus:ring focus:ring-danger-400 active:bg-danger-300\",\r\n warning: \"text-warning hover:bg-warning-200 focus:bg-transparent focus:ring focus:ring-warning-400 active:bg-warning-300\",\r\n success: \"text-success hover:bg-success-200 focus:bg-transparent focus:ring focus:ring-success-400 active:bg-success-300\",\r\n info: \"text-info hover:bg-info-200 focus:bg-transparent focus:ring focus:ring-info-400 active:bg-info-300\",\r\n },\r\n size: {\r\n md: \"h-8 w-8.5\",\r\n sm: \"h-6 w-6 p-1 [&>svg]:h-4 [&>svg]:w-4\",\r\n lg: \"h-10 w-10 [&>svg]:h-6 [&>svg]:w-6\",\r\n },\r\n },\r\n defaultVariants: {\r\n variant: \"table\",\r\n size: \"md\",\r\n },\r\n});\r\n\r\ninterface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {\r\n asChild?: boolean;\r\n loading?: boolean;\r\n}\r\n\r\nconst IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\r\n ({ asChild, children, className, disabled, loading, variant, size, ...props }, ref) => {\r\n const Comp = asChild ? Slot : \"button\";\r\n return (\r\n <Comp className={cn(iconButtonVariants({ variant, size, className }))} disabled={disabled || loading} ref={ref} {...props}>\r\n {loading ? <Spinner /> : null}\r\n <Slottable>{children}</Slottable>\r\n </Comp>\r\n );\r\n },\r\n);\r\n\r\nexport { IconButton, type IconButtonProps };\r\n"],"names":["iconButtonVariants","tv","IconButton","React","asChild","children","className","disabled","loading","variant","size","props","ref","Slot","cn","jsx","Spinner","Slottable"],"mappings":";;;;;;AASA,MAAMA,IAAqBC,EAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SACE;AAAA,MACF,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,IAER,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAOKC,IAAaC,EAAM;AAAA,EACvB,CAAC,EAAE,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,UAAAC,GAAU,SAAAC,GAAS,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GAASC,wBAChER,IAAUS,IAAO,UAE3B,EAAK,WAAWC,EAAGd,EAAmB,EAAE,SAAAS,GAAS,MAAAC,GAAM,WAAAJ,EAAA,CAAW,CAAC,GAAG,UAAUC,KAAYC,GAAS,KAAAI,GAAW,GAAGD,GACjH,UAAA;AAAA,IAAAH,IAAU,gBAAAO,EAACC,KAAQ,IAAK;AAAA,IACzB,gBAAAD,EAACE,KAAW,UAAAZ,EAAA,CAAS;AAAA,EAAA,GACvB;AAGN;"}
package/dist/index.d.ts CHANGED
@@ -46,6 +46,7 @@ export { Separator, type SeparatorProps } from './components/separator/Separator
46
46
  export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SheetPortal, SheetOverlay, type SheetCloseProps, type SheetContentProps, type SheetDescriptionProps, type SheetFooterProps, type SheetHeaderProps, type SheetOverlayProps, type SheetPortalProps, type SheetProps, type SheetTitleProps, type SheetTriggerProps, } from './components/sheet/Sheet';
47
47
  export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar, type SidebarProps, type SidebarContentProps, type SidebarFooterProps, type SidebarGroupProps, type SidebarGroupActionProps, type SidebarGroupContentProps, type SidebarGroupLabelProps, type SidebarHeaderProps, type SidebarInsetProps, type SidebarMenuProps, type SidebarMenuActionProps, type SidebarMenuBadgeProps, type SidebarMenuButtonProps, type SidebarMenuItemProps, type SidebarMenuSkeletonProps, type SidebarMenuSubProps, type SidebarMenuSubButtonProps, type SidebarMenuSubItemProps, type SidebarProviderProps, type SidebarRailProps, type SidebarSeparatorProps, type SidebarTriggerProps, } from './components/sidebar/Sidebar';
48
48
  export { Skeleton, type SkeletonProps } from './components/skeleton/Skeleton';
49
+ export { Status, type StatusProps } from './components/status/Status';
49
50
  export { Switch, type SwitchProps } from './components/switch/Switch';
50
51
  export { Tabs, TabsList, TabsTrigger, TabsContent, type TabsProps, type TabsListProps, type TabsTriggerProps, type TabsContentProps, } from './components/tabs/Tabs';
51
52
  export { TextField, type TextFieldProps } from './components/text-field/TextField';