@sikka/hawa 0.23.2-next → 0.23.7-next

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 (145) hide show
  1. package/dist/accordion/index.js +30 -2399
  2. package/dist/accordion/index.mjs +19 -461
  3. package/dist/alert/index.mjs +0 -1
  4. package/dist/appStores/index.js +75 -0
  5. package/dist/appStores/index.mjs +38 -0
  6. package/dist/avatar/index.mjs +118 -3
  7. package/dist/backToTop/index.mjs +102 -4
  8. package/dist/badge/index.js +127 -0
  9. package/dist/badge/index.mjs +84 -0
  10. package/dist/blocks/auth/index.js +1173 -3092
  11. package/dist/blocks/auth/index.mjs +16 -10
  12. package/dist/blocks/feedback/index.js +864 -2913
  13. package/dist/blocks/feedback/index.mjs +14 -8
  14. package/dist/blocks/index.js +5714 -5316
  15. package/dist/blocks/index.mjs +390 -45
  16. package/dist/blocks/misc/index.js +634 -2409
  17. package/dist/blocks/misc/index.mjs +14 -8
  18. package/dist/blocks/pricing/index.js +522 -524
  19. package/dist/blocks/pricing/index.mjs +1861 -45
  20. package/dist/breadcrumb/index.js +63 -0
  21. package/dist/breadcrumb/index.mjs +26 -0
  22. package/dist/card/index.mjs +83 -8
  23. package/dist/checkbox/index.mjs +138 -3
  24. package/dist/chip/index.js +129 -0
  25. package/dist/chip/index.mjs +8 -0
  26. package/dist/{chunk-X6PCWJYD.mjs → chunk-2R2QPJT7.mjs} +761 -1104
  27. package/dist/chunk-677VOLD4.mjs +464 -0
  28. package/dist/chunk-72HYR6WB.mjs +88 -0
  29. package/dist/chunk-A25EXELT.mjs +131 -0
  30. package/dist/{chunk-OE27DSIY.mjs → chunk-F6TKEDDP.mjs} +2 -4
  31. package/dist/{chunk-YFC2GSJ6.mjs → chunk-P2O6R3S6.mjs} +66 -5
  32. package/dist/{chunk-GXXX5UB4.mjs → chunk-QGKW5R5F.mjs} +59 -20
  33. package/dist/chunk-TR56G3NM.mjs +2350 -0
  34. package/dist/chunk-UAVBFK53.mjs +346 -0
  35. package/dist/combobox/index.mjs +153 -7
  36. package/dist/dataTable/index.mjs +355 -8
  37. package/dist/elements/index.js +800 -1148
  38. package/dist/elements/index.mjs +1 -11
  39. package/dist/fileDropzone/index.mjs +226 -4
  40. package/dist/index.js +1721 -1721
  41. package/dist/index.mjs +1663 -1663
  42. package/dist/layout/index.js +493 -510
  43. package/dist/layout/index.mjs +1 -1
  44. package/dist/loading/index.mjs +0 -1
  45. package/dist/logos/index.mjs +204 -3
  46. package/dist/navigationMenu/index.mjs +155 -13
  47. package/dist/phoneInput/index.js +2074 -0
  48. package/dist/phoneInput/index.mjs +1776 -0
  49. package/dist/pinInput/index.js +130 -0
  50. package/dist/pinInput/index.mjs +88 -0
  51. package/dist/progress/index.js +71 -0
  52. package/dist/progress/index.mjs +29 -0
  53. package/dist/radio/index.mjs +202 -4
  54. package/dist/scrollArea/index.js +90 -0
  55. package/dist/scrollArea/index.mjs +47 -0
  56. package/dist/select/index.mjs +1 -1
  57. package/dist/sheet/index.mjs +137 -12
  58. package/dist/sortButton/index.mjs +40 -4
  59. package/dist/stopPropagationWrapper/index.js +48 -0
  60. package/dist/stopPropagationWrapper/index.mjs +11 -0
  61. package/dist/switch/index.mjs +79 -3
  62. package/dist/tabs/index.js +1 -1
  63. package/dist/tabs/index.mjs +68 -6
  64. package/dist/textarea/index.mjs +54 -4
  65. package/package.json +2 -2
  66. package/dist/Chip-DJ6ThZc_.d.ts +0 -21
  67. package/dist/Chip-eal8vwDz.d.mts +0 -21
  68. package/dist/accordion/index.d.mts +0 -42
  69. package/dist/accordion/index.d.ts +0 -42
  70. package/dist/alert/index.d.mts +0 -28
  71. package/dist/alert/index.d.ts +0 -28
  72. package/dist/avatar/index.d.mts +0 -15
  73. package/dist/avatar/index.d.ts +0 -15
  74. package/dist/backToTop/index.d.mts +0 -15
  75. package/dist/backToTop/index.d.ts +0 -15
  76. package/dist/button/index.d.mts +0 -16
  77. package/dist/button/index.d.ts +0 -16
  78. package/dist/card/index.d.mts +0 -17
  79. package/dist/card/index.d.ts +0 -17
  80. package/dist/checkbox/index.d.mts +0 -20
  81. package/dist/checkbox/index.d.ts +0 -20
  82. package/dist/chunk-BK5WF7UO.mjs +0 -231
  83. package/dist/chunk-CXWYC6FS.mjs +0 -360
  84. package/dist/chunk-D2USGMDT.mjs +0 -208
  85. package/dist/chunk-DX4SLF2L.mjs +0 -45
  86. package/dist/chunk-ENNSA4VR.mjs +0 -5566
  87. package/dist/chunk-GXSYCLZZ.mjs +0 -158
  88. package/dist/chunk-IQPGAHUR.mjs +0 -107
  89. package/dist/chunk-POT2IP62.mjs +0 -123
  90. package/dist/chunk-TWDZB2VH.mjs +0 -151
  91. package/dist/chunk-VBTYVVA7.mjs +0 -93
  92. package/dist/chunk-VCGW5DIP.mjs +0 -170
  93. package/dist/chunk-X3SMPIA3.mjs +0 -0
  94. package/dist/chunk-XA646BZ2.mjs +0 -143
  95. package/dist/chunk-ZCUUQ5VV.mjs +0 -84
  96. package/dist/combobox/index.d.mts +0 -32
  97. package/dist/combobox/index.d.ts +0 -32
  98. package/dist/command/index.d.mts +0 -48
  99. package/dist/command/index.d.ts +0 -48
  100. package/dist/commonTypes-gbO4hPli.d.mts +0 -7
  101. package/dist/commonTypes-gbO4hPli.d.ts +0 -7
  102. package/dist/dataTable/index.d.mts +0 -39
  103. package/dist/dataTable/index.d.ts +0 -39
  104. package/dist/dialog/index.d.mts +0 -57
  105. package/dist/dialog/index.d.ts +0 -57
  106. package/dist/dropdownMenu/index.d.mts +0 -95
  107. package/dist/dropdownMenu/index.d.ts +0 -95
  108. package/dist/fileDropzone/index.d.mts +0 -37
  109. package/dist/fileDropzone/index.d.ts +0 -37
  110. package/dist/input/index.d.mts +0 -36
  111. package/dist/input/index.d.ts +0 -36
  112. package/dist/label/index.d.mts +0 -12
  113. package/dist/label/index.d.ts +0 -12
  114. package/dist/loading/index.d.mts +0 -15
  115. package/dist/loading/index.d.ts +0 -15
  116. package/dist/logos/index.d.mts +0 -27
  117. package/dist/logos/index.d.ts +0 -27
  118. package/dist/navigationMenu/index.d.mts +0 -39
  119. package/dist/navigationMenu/index.d.ts +0 -39
  120. package/dist/popover/index.d.mts +0 -23
  121. package/dist/popover/index.d.ts +0 -23
  122. package/dist/radio/index.d.mts +0 -28
  123. package/dist/radio/index.d.ts +0 -28
  124. package/dist/select/index.d.mts +0 -43
  125. package/dist/select/index.d.ts +0 -43
  126. package/dist/sheet/index.d.mts +0 -30
  127. package/dist/sheet/index.d.ts +0 -30
  128. package/dist/skeleton/index.d.mts +0 -10
  129. package/dist/skeleton/index.d.ts +0 -10
  130. package/dist/sortButton/index.d.mts +0 -10
  131. package/dist/sortButton/index.d.ts +0 -10
  132. package/dist/splitButton/index.d.mts +0 -15
  133. package/dist/splitButton/index.d.ts +0 -15
  134. package/dist/switch/index.d.mts +0 -12
  135. package/dist/switch/index.d.ts +0 -12
  136. package/dist/table/index.d.mts +0 -21
  137. package/dist/table/index.d.ts +0 -21
  138. package/dist/tabs/index.d.mts +0 -16
  139. package/dist/tabs/index.d.ts +0 -16
  140. package/dist/textarea/index.d.mts +0 -17
  141. package/dist/textarea/index.d.ts +0 -17
  142. package/dist/tooltip/index.d.mts +0 -26
  143. package/dist/tooltip/index.d.ts +0 -26
  144. /package/dist/{chunk-A7OPD7H7.mjs → chunk-B6UCD4GP.mjs} +0 -0
  145. /package/dist/{chunk-O2ALK7UE.mjs → chunk-Z4M72OD3.mjs} +0 -0
@@ -1,16 +1,141 @@
1
1
  import {
2
- Sheet,
3
- SheetClose,
4
- SheetContent,
5
- SheetDescription,
6
- SheetFooter,
7
- SheetHeader,
8
- SheetOverlay,
9
- SheetPortal,
10
- SheetTitle,
11
- SheetTrigger
12
- } from "../chunk-TWDZB2VH.mjs";
13
- import "../chunk-TE3BKEXL.mjs";
2
+ cn
3
+ } from "../chunk-TE3BKEXL.mjs";
4
+
5
+ // components/elements/sheet/Sheet.tsx
6
+ import * as React from "react";
7
+ import * as SheetPrimitive from "@radix-ui/react-dialog";
8
+ import { cva } from "class-variance-authority";
9
+ var Sheet = SheetPrimitive.Root;
10
+ var SheetTrigger = SheetPrimitive.Trigger;
11
+ var SheetClose = SheetPrimitive.Close;
12
+ var SheetPortal = SheetPrimitive.Portal;
13
+ var SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
14
+ SheetPrimitive.Overlay,
15
+ {
16
+ className: cn(
17
+ "hawa-fixed hawa-inset-0 hawa-z-50 hawa-bg-background/80 hawa-backdrop-blur-sm data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0",
18
+ className
19
+ ),
20
+ ...props,
21
+ ref
22
+ }
23
+ ));
24
+ var sheetVariants = cva(
25
+ "hawa-fixed hawa-z-50 hawa-gap-4 hawa-bg-background hawa-p-2 hawa-shadow-lg hawa-transition hawa-ease-in-out data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-duration-300 data-[state=open]:hawa-duration-300",
26
+ {
27
+ variants: {
28
+ side: {
29
+ top: "hawa-inset-x-0 hawa-top-0 hawa-border-b data-[state=closed]:hawa-slide-out-to-top data-[state=open]:hawa-slide-in-from-top",
30
+ bottom: "hawa-inset-x-0 hawa-bottom-0 hawa-border-t data-[state=closed]:hawa-slide-out-to-bottom data-[state=open]:hawa-slide-in-from-bottom",
31
+ left: "hawa-inset-y-0 hawa-left-0 hawa-h-full hawa-w-3/4 hawa-border-r data-[state=closed]:hawa-slide-out-to-left data-[state=open]:hawa-slide-in-from-left sm:hawa-max-w-sm",
32
+ right: "hawa-inset-y-0 hawa-right-0 hawa-h-full hawa-w-3/4 hawa-border-l data-[state=closed]:hawa-slide-out-to-right data-[state=open]:hawa-slide-in-from-right sm:hawa-max-w-sm"
33
+ }
34
+ },
35
+ defaultVariants: {
36
+ side: "right"
37
+ }
38
+ }
39
+ );
40
+ var SheetContent = React.forwardRef(
41
+ ({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React.createElement(SheetPortal, null, /* @__PURE__ */ React.createElement(SheetOverlay, null), /* @__PURE__ */ React.createElement(
42
+ SheetPrimitive.Content,
43
+ {
44
+ ref,
45
+ className: cn(sheetVariants({ side }), className),
46
+ onPointerDownOutside: (e) => {
47
+ if (persist) {
48
+ e.preventDefault();
49
+ }
50
+ },
51
+ ...props
52
+ },
53
+ children,
54
+ !hideCloseButton && /* @__PURE__ */ React.createElement(
55
+ SheetPrimitive.Close,
56
+ {
57
+ className: cn(
58
+ "hawa-absolute hawa-rounded-sm hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-secondary",
59
+ {
60
+ "hawa-right-4 hawa-top-4": side === "left" || side === "bottom",
61
+ "hawa-left-4 hawa-top-4": side === "right",
62
+ "hawa-bottom-4 hawa-right-4": side === "top"
63
+ }
64
+ )
65
+ },
66
+ /* @__PURE__ */ React.createElement(
67
+ "svg",
68
+ {
69
+ "aria-label": "Close Icon",
70
+ "aria-hidden": "true",
71
+ className: "hawa-h-5 hawa-w-5",
72
+ fill: "currentColor",
73
+ viewBox: "0 0 20 20"
74
+ },
75
+ /* @__PURE__ */ React.createElement(
76
+ "path",
77
+ {
78
+ fillRule: "evenodd",
79
+ d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
80
+ clipRule: "evenodd"
81
+ }
82
+ )
83
+ ),
84
+ /* @__PURE__ */ React.createElement("span", { className: "hawa-sr-only" }, "Close")
85
+ )
86
+ ))
87
+ );
88
+ var SheetHeader = ({
89
+ className,
90
+ ...props
91
+ }) => /* @__PURE__ */ React.createElement(
92
+ "div",
93
+ {
94
+ className: cn(
95
+ "hawa-flex hawa-flex-col hawa-space-y-2 hawa-text-center sm:hawa-text-left",
96
+ className
97
+ ),
98
+ ...props
99
+ }
100
+ );
101
+ var SheetFooter = ({
102
+ className,
103
+ ...props
104
+ }) => /* @__PURE__ */ React.createElement(
105
+ "div",
106
+ {
107
+ className: cn(
108
+ "hawa-flex hawa-flex-col-reverse sm:hawa-flex-row sm:hawa-justify-end sm:hawa-space-x-2",
109
+ className
110
+ ),
111
+ ...props
112
+ }
113
+ );
114
+ var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
115
+ SheetPrimitive.Title,
116
+ {
117
+ ref,
118
+ className: cn(
119
+ "hawa-text-lg hawa-font-semibold hawa-text-foreground",
120
+ className
121
+ ),
122
+ ...props
123
+ }
124
+ ));
125
+ var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
126
+ SheetPrimitive.Description,
127
+ {
128
+ ref,
129
+ className: cn("hawa-text-sm hawa-text-muted-foreground", className),
130
+ ...props
131
+ }
132
+ ));
133
+ SheetDescription.displayName = SheetPrimitive.Description.displayName;
134
+ SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
135
+ SheetContent.displayName = SheetPrimitive.Content.displayName;
136
+ SheetHeader.displayName = "SheetHeader";
137
+ SheetFooter.displayName = "SheetFooter";
138
+ SheetTitle.displayName = SheetPrimitive.Title.displayName;
14
139
  export {
15
140
  Sheet,
16
141
  SheetClose,
@@ -1,9 +1,45 @@
1
1
  import {
2
- SortButton
3
- } from "../chunk-DX4SLF2L.mjs";
4
- import "../chunk-SYB66JGL.mjs";
2
+ Button
3
+ } from "../chunk-SYB66JGL.mjs";
5
4
  import "../chunk-PUQV6URH.mjs";
6
- import "../chunk-TE3BKEXL.mjs";
5
+ import {
6
+ cn
7
+ } from "../chunk-TE3BKEXL.mjs";
8
+
9
+ // components/elements/sortButton/SortButton.tsx
10
+ import React from "react";
11
+ var SortButton = (props) => {
12
+ return /* @__PURE__ */ React.createElement(
13
+ Button,
14
+ {
15
+ variant: "ghost",
16
+ centered: false,
17
+ className: cn(
18
+ "hawa-flex hawa-w-full hawa-flex-row hawa-items-start hawa-justify-start hawa-gap-2 hawa-text-start",
19
+ props.condensed && "hawa-h-6"
20
+ ),
21
+ onClick: props.onSort
22
+ },
23
+ props.label,
24
+ /* @__PURE__ */ React.createElement(
25
+ "svg",
26
+ {
27
+ xmlns: "http://www.w3.org/2000/svg",
28
+ viewBox: "0 0 24 24",
29
+ fill: "none",
30
+ stroke: "currentColor",
31
+ strokeWidth: "2",
32
+ strokeLinecap: "round",
33
+ strokeLinejoin: "round",
34
+ className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-icon"
35
+ },
36
+ /* @__PURE__ */ React.createElement("path", { d: "m21 16-4 4-4-4" }),
37
+ /* @__PURE__ */ React.createElement("path", { d: "M17 20V4" }),
38
+ /* @__PURE__ */ React.createElement("path", { d: "m3 8 4-4 4 4" }),
39
+ /* @__PURE__ */ React.createElement("path", { d: "M7 4v16" })
40
+ )
41
+ );
42
+ };
7
43
  export {
8
44
  SortButton
9
45
  };
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+ var __create = Object.create;
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
11
+ };
12
+ var __copyProps = (to, from, except, desc) => {
13
+ if (from && typeof from === "object" || typeof from === "function") {
14
+ for (let key of __getOwnPropNames(from))
15
+ if (!__hasOwnProp.call(to, key) && key !== except)
16
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
+ }
18
+ return to;
19
+ };
20
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
25
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
+ mod
27
+ ));
28
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
+
30
+ // components/elements/stopPropagationWrapper/index.ts
31
+ var stopPropagationWrapper_exports = {};
32
+ __export(stopPropagationWrapper_exports, {
33
+ StopPropagationWrapper: () => StopPropagationWrapper
34
+ });
35
+ module.exports = __toCommonJS(stopPropagationWrapper_exports);
36
+
37
+ // components/elements/stopPropagationWrapper/StopPropagationWrapper.tsx
38
+ var import_react = __toESM(require("react"));
39
+ var StopPropagationWrapper = (props) => {
40
+ const handleClick = (e) => {
41
+ e.stopPropagation();
42
+ };
43
+ return /* @__PURE__ */ import_react.default.createElement("div", { onClick: handleClick }, props.children);
44
+ };
45
+ // Annotate the CommonJS export names for ESM import in node:
46
+ 0 && (module.exports = {
47
+ StopPropagationWrapper
48
+ });
@@ -0,0 +1,11 @@
1
+ // components/elements/stopPropagationWrapper/StopPropagationWrapper.tsx
2
+ import React from "react";
3
+ var StopPropagationWrapper = (props) => {
4
+ const handleClick = (e) => {
5
+ e.stopPropagation();
6
+ };
7
+ return /* @__PURE__ */ React.createElement("div", { onClick: handleClick }, props.children);
8
+ };
9
+ export {
10
+ StopPropagationWrapper
11
+ };
@@ -1,7 +1,83 @@
1
1
  import {
2
- Switch
3
- } from "../chunk-ZCUUQ5VV.mjs";
4
- import "../chunk-TE3BKEXL.mjs";
2
+ cn
3
+ } from "../chunk-TE3BKEXL.mjs";
4
+
5
+ // components/elements/switch/Switch.tsx
6
+ import * as React from "react";
7
+ import * as SwitchPrimitives from "@radix-ui/react-switch";
8
+ var Switch = React.forwardRef(
9
+ ({ className, size = "default", roundedness = "inherit", label, ...props }, ref) => {
10
+ const [parentDirection, setParentDirection] = React.useState(
11
+ null
12
+ );
13
+ const parentRef = React.useRef(null);
14
+ React.useEffect(() => {
15
+ var _a;
16
+ const parentNode = (_a = parentRef.current) == null ? void 0 : _a.parentNode;
17
+ if (parentNode) {
18
+ const dir = window.getComputedStyle(parentNode).direction;
19
+ setParentDirection(dir);
20
+ }
21
+ });
22
+ const rootSize = {
23
+ default: "hawa-h-[25px] hawa-w-[42px]",
24
+ sm: "hawa-h-[20px] hawa-w-[37px]",
25
+ lg: "hawa-h-[30px] hawa-w-[47px]"
26
+ };
27
+ const thumbSize = {
28
+ default: "hawa-h-[21px] hawa-w-[21px]",
29
+ sm: "hawa-h-[16px] hawa-w-[16px]",
30
+ lg: "hawa-h-[26px] hawa-w-[26px]"
31
+ };
32
+ const rootRoundednessStyles = {
33
+ none: "hawa-rounded-none",
34
+ full: "hawa-rounded-full",
35
+ inherit: "hawa-rounded"
36
+ };
37
+ const thumbRoundednessStyles = {
38
+ none: "hawa-rounded-none",
39
+ full: "hawa-rounded-full",
40
+ inherit: "hawa-rounded-inner"
41
+ };
42
+ return /* @__PURE__ */ React.createElement(
43
+ "div",
44
+ {
45
+ className: "hawa-flex hawa-flex-row hawa-items-center",
46
+ ref: parentRef
47
+ },
48
+ /* @__PURE__ */ React.createElement(
49
+ SwitchPrimitives.Root,
50
+ {
51
+ className: cn(
52
+ "data-[state=unchecked]:hawa-bg-primary/20",
53
+ "data-[state=checked]:hawa-bg-primary",
54
+ "hawa-relative hawa-cursor-pointer hawa-rounded hawa-outline-none",
55
+ rootRoundednessStyles[roundedness],
56
+ className,
57
+ rootSize[size]
58
+ ),
59
+ ...props,
60
+ ref
61
+ },
62
+ /* @__PURE__ */ React.createElement(
63
+ SwitchPrimitives.Thumb,
64
+ {
65
+ className: cn(
66
+ thumbSize[size],
67
+ "hawa-block hawa-rounded hawa-transition-transform hawa-duration-100 hawa-will-change-transform",
68
+ "data-[state=checked]:hawa-bg-primary-foreground",
69
+ "hawa-bg-white dark:hawa-bg-background",
70
+ thumbRoundednessStyles[roundedness],
71
+ parentDirection === "rtl" ? "hawa--translate-x-0.5 data-[state=checked]:hawa--translate-x-[19px]" : "hawa-translate-x-0.5 data-[state=checked]:hawa-translate-x-[19px]"
72
+ )
73
+ }
74
+ )
75
+ ),
76
+ label && /* @__PURE__ */ React.createElement("span", { className: "hawa-mx-2 hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label)
77
+ );
78
+ }
79
+ );
80
+ Switch.displayName = SwitchPrimitives.Root.displayName;
5
81
  export {
6
82
  Switch
7
83
  };
@@ -48,7 +48,7 @@ function cn(...inputs) {
48
48
  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
49
49
  }
50
50
 
51
- // components/elements/Chip.tsx
51
+ // components/elements/chip/Chip.tsx
52
52
  var import_react = __toESM(require("react"));
53
53
  var Chip = import_react.default.forwardRef(
54
54
  ({
@@ -1,10 +1,72 @@
1
1
  import {
2
- Tabs,
3
- TabsContent,
4
- TabsList,
5
- TabsTrigger
6
- } from "../chunk-GXXX5UB4.mjs";
7
- import "../chunk-TE3BKEXL.mjs";
2
+ Chip
3
+ } from "../chunk-72HYR6WB.mjs";
4
+ import {
5
+ cn
6
+ } from "../chunk-TE3BKEXL.mjs";
7
+
8
+ // components/elements/tabs/Tabs.tsx
9
+ import * as React from "react";
10
+ import * as TabsPrimitive from "@radix-ui/react-tabs";
11
+ var TabsContext = React.createContext({ orientation: "vertical" });
12
+ var Tabs = React.forwardRef(({ className, orientation, ...props }, ref) => /* @__PURE__ */ React.createElement(
13
+ TabsPrimitive.Root,
14
+ {
15
+ ref,
16
+ className: cn(
17
+ "hawa-flex hawa-gap-2",
18
+ orientation === "vertical" ? "hawa-flex-row" : "hawa-flex-col",
19
+ className
20
+ ),
21
+ ...props
22
+ },
23
+ /* @__PURE__ */ React.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
24
+ ));
25
+ Tabs.displayName = TabsPrimitive.Root.displayName;
26
+ var TabsList = React.forwardRef(({ className, ...props }, ref) => {
27
+ const { orientation } = React.useContext(TabsContext);
28
+ return /* @__PURE__ */ React.createElement(
29
+ TabsPrimitive.List,
30
+ {
31
+ ref,
32
+ className: cn(
33
+ "hawa-flex hawa-w-fit hawa-flex-wrap hawa-items-center hawa-justify-start hawa-gap-1 hawa-rounded hawa-border hawa-bg-muted hawa-p-1 hawa-text-muted-foreground dark:hawa-border-primary/10",
34
+ orientation === "vertical" ? "hawa-flex-col" : "hawa-flex-row",
35
+ className
36
+ ),
37
+ ...props
38
+ }
39
+ );
40
+ });
41
+ TabsList.displayName = TabsPrimitive.List.displayName;
42
+ var TabsTrigger = React.forwardRef(({ className, chipProps, ...props }, ref) => {
43
+ return /* @__PURE__ */ React.createElement(
44
+ TabsPrimitive.Trigger,
45
+ {
46
+ ref,
47
+ className: cn(
48
+ "hawa-inline-flex hawa-w-full hawa-flex-1 hawa-select-none hawa-items-center hawa-justify-center hawa-gap-2 hawa-whitespace-nowrap hawa-rounded hawa-border hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-all focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[state=active]:hawa-bg-primary data-[state=active]:hawa-text-primary-foreground data-[state=active]:hawa-shadow-sm dark:hawa-border-primary/10",
49
+ className
50
+ ),
51
+ ...props
52
+ },
53
+ props.children,
54
+ chipProps && /* @__PURE__ */ React.createElement(Chip, { ...chipProps })
55
+ );
56
+ });
57
+ TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
58
+ var TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
59
+ TabsPrimitive.Content,
60
+ {
61
+ ref,
62
+ className: cn(
63
+ "hawa-ring-offset-hawa-background hawa-w-full focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2",
64
+ className
65
+ ),
66
+ ...props
67
+ }
68
+ ));
69
+ TabsContent.displayName = TabsPrimitive.Content.displayName;
8
70
  export {
9
71
  Tabs,
10
72
  TabsContent,
@@ -1,9 +1,59 @@
1
1
  import {
2
- Textarea
3
- } from "../chunk-OE27DSIY.mjs";
4
- import "../chunk-Z3JCNSB3.mjs";
2
+ Label
3
+ } from "../chunk-Z3JCNSB3.mjs";
5
4
  import "../chunk-VFP56EVG.mjs";
6
- import "../chunk-TE3BKEXL.mjs";
5
+ import {
6
+ cn
7
+ } from "../chunk-TE3BKEXL.mjs";
8
+
9
+ // components/elements/textarea/Textarea.tsx
10
+ import * as React from "react";
11
+ var Textarea = React.forwardRef(
12
+ ({
13
+ className,
14
+ labelProps,
15
+ showCount,
16
+ forceHideHelperText,
17
+ textareaProps,
18
+ countPosition = "bottom",
19
+ ...props
20
+ }, ref) => {
21
+ return /* @__PURE__ */ React.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React.createElement(
22
+ "textarea",
23
+ {
24
+ className: cn(
25
+ "hawa-flex hawa-min-h-[40px] hawa-w-full hawa-rounded-md hawa-border hawa-border-input hawa-bg-background hawa-px-3 hawa-py-2 hawa-text-sm hawa-ring-offset-background placeholder:hawa-text-gray-400 placeholder:hawa-text-muted-foreground focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50",
26
+ className
27
+ ),
28
+ ref,
29
+ ...textareaProps
30
+ }
31
+ ), /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React.createElement(
32
+ "p",
33
+ {
34
+ className: cn(
35
+ "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
36
+ props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
37
+ )
38
+ },
39
+ props.helperText
40
+ ), showCount && /* @__PURE__ */ React.createElement(
41
+ "div",
42
+ {
43
+ className: cn(
44
+ " hawa-text-start hawa-text-xs hawa-transition-all ",
45
+ {
46
+ "hawa-absolute hawa-bottom-[80px] hawa-end-0 hawa-translate-y-1/2": countPosition === "top"
47
+ }
48
+ )
49
+ },
50
+ (textareaProps == null ? void 0 : textareaProps.value) ? String(textareaProps == null ? void 0 : textareaProps.value).length : 0,
51
+ "/",
52
+ textareaProps == null ? void 0 : textareaProps.maxLength
53
+ )));
54
+ }
55
+ );
56
+ Textarea.displayName = "Textarea";
7
57
  export {
8
58
  Textarea
9
59
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.23.2-next",
3
+ "version": "0.23.7-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",
@@ -53,7 +53,7 @@
53
53
  "test": "jest",
54
54
  "storybook": "storybook dev -p 6006",
55
55
  "build-storybook": "storybook build",
56
- "build-lib": "tsup --dts",
56
+ "build-lib": "tsup",
57
57
  "build:all": "tsup --name 'Build All'",
58
58
  "build:core": "tsup --name 'Build Core'",
59
59
  "build:blocks": "tsup --name 'Build Blocks'",
@@ -1,21 +0,0 @@
1
- import React__default from 'react';
2
- import { R as RadiusType } from './commonTypes-gbO4hPli.js';
3
-
4
- type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
5
- type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
6
- /** The text inside the chip */
7
- label: string;
8
- /** The small icon before the chip label */
9
- icon?: JSX.Element;
10
- /** The color of the chip, must be a tailwind color */
11
- color?: ChipColors;
12
- /** The size of the chip */
13
- size?: "small" | "normal" | "large";
14
- /** Enable/Disable the dot before the label of the chip */
15
- dot?: boolean;
16
- /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
17
- dotType?: "available" | "unavailable";
18
- radius?: RadiusType;
19
- };
20
-
21
- export type { ChipTypes as C };
@@ -1,21 +0,0 @@
1
- import React__default from 'react';
2
- import { R as RadiusType } from './commonTypes-gbO4hPli.mjs';
3
-
4
- type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
5
- type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
6
- /** The text inside the chip */
7
- label: string;
8
- /** The small icon before the chip label */
9
- icon?: JSX.Element;
10
- /** The color of the chip, must be a tailwind color */
11
- color?: ChipColors;
12
- /** The size of the chip */
13
- size?: "small" | "normal" | "large";
14
- /** Enable/Disable the dot before the label of the chip */
15
- dot?: boolean;
16
- /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
17
- dotType?: "available" | "unavailable";
18
- radius?: RadiusType;
19
- };
20
-
21
- export type { ChipTypes as C };
@@ -1,42 +0,0 @@
1
- import * as React from 'react';
2
- import * as AccordionPrimitive from '@radix-ui/react-accordion';
3
- import '../dataTable/index.mjs';
4
- import { C as ChipTypes } from '../Chip-eal8vwDz.mjs';
5
- import { RowData } from '@tanstack/react-table';
6
- import '../commonTypes-gbO4hPli.mjs';
7
-
8
- declare module "@tanstack/table-core" {
9
- interface ColumnMeta<TData extends RowData, TValue> {
10
- padding?: "condensed" | "default" | "noPadding";
11
- }
12
- }
13
-
14
- type AccordionItemProps = {
15
- trigger: string;
16
- content: string;
17
- disabled?: boolean;
18
- chip?: ChipTypes;
19
- };
20
- type AccordionProps = {
21
- items: AccordionItemProps[];
22
- itemClassNames?: string;
23
- triggerclassNames?: string;
24
- contentclassNames?: string;
25
- design?: "default" | "separated";
26
- } & React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
27
- declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
28
-
29
- declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
30
-
31
- declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
32
- unstyled?: boolean | undefined;
33
- hideArrow?: boolean | undefined;
34
- } & React.RefAttributes<HTMLButtonElement>>;
35
-
36
- declare const AccordionRoot: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
37
-
38
- declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
39
- unstyled?: boolean | undefined;
40
- } & React.RefAttributes<HTMLDivElement>>;
41
-
42
- export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger };
@@ -1,42 +0,0 @@
1
- import * as React from 'react';
2
- import * as AccordionPrimitive from '@radix-ui/react-accordion';
3
- import '../dataTable/index.js';
4
- import { C as ChipTypes } from '../Chip-DJ6ThZc_.js';
5
- import { RowData } from '@tanstack/react-table';
6
- import '../commonTypes-gbO4hPli.js';
7
-
8
- declare module "@tanstack/table-core" {
9
- interface ColumnMeta<TData extends RowData, TValue> {
10
- padding?: "condensed" | "default" | "noPadding";
11
- }
12
- }
13
-
14
- type AccordionItemProps = {
15
- trigger: string;
16
- content: string;
17
- disabled?: boolean;
18
- chip?: ChipTypes;
19
- };
20
- type AccordionProps = {
21
- items: AccordionItemProps[];
22
- itemClassNames?: string;
23
- triggerclassNames?: string;
24
- contentclassNames?: string;
25
- design?: "default" | "separated";
26
- } & React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
27
- declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
28
-
29
- declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
30
-
31
- declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
32
- unstyled?: boolean | undefined;
33
- hideArrow?: boolean | undefined;
34
- } & React.RefAttributes<HTMLButtonElement>>;
35
-
36
- declare const AccordionRoot: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
37
-
38
- declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
39
- unstyled?: boolean | undefined;
40
- } & React.RefAttributes<HTMLDivElement>>;
41
-
42
- export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionRoot, AccordionTrigger };