@sikka/hawa 0.30.30-next → 0.31.0-next

package/dist/commonTypes-eIwARo5g.d.mts

@@ -0,0 +1,4 @@
+type PositionType = "top" | "bottom" | "right" | "left";
+type RadiusType = "full" | "inherit" | "none";
+
+export type { PositionType as P, RadiusType as R };

package/dist/commonTypes-eIwARo5g.d.ts

@@ -0,0 +1,4 @@
+type PositionType = "top" | "bottom" | "right" | "left";
+type RadiusType = "full" | "inherit" | "none";
+
+export type { PositionType as P, RadiusType as R };

package/dist/index.css

@@ -3574,13 +3574,39 @@ body {
 .hawa-group.success .group-\[\.success\]\:hawa-border-muted\/40 {
   border-color: hsl(var(--muted) / 0.4);
 }
+.hawa-group.toaster .group-\[\.toaster\]\:hawa-border-border {
+  border-color: hsl(var(--border));
+}
 .hawa-group.warning .group-\[\.warning\]\:hawa-border-muted\/40 {
   border-color: hsl(var(--muted) / 0.4);
 }
+.hawa-group.toast .group-\[\.toast\]\:hawa-bg-muted {
+  background-color: hsl(var(--muted));
+}
+.hawa-group.toast .group-\[\.toast\]\:hawa-bg-primary {
+  background-color: hsl(var(--primary));
+}
+.hawa-group.toaster .group-\[\.toaster\]\:hawa-bg-background {
+  background-color: hsl(var(--background));
+}
 .hawa-group.destructive .group-\[\.destructive\]\:hawa-text-red-300 {
   --tw-text-opacity: 1;
   color: rgb(252 165 165 / var(--tw-text-opacity));
 }
+.hawa-group.toast .group-\[\.toast\]\:hawa-text-muted-foreground {
+  color: hsl(var(--muted-foreground));
+}
+.hawa-group.toast .group-\[\.toast\]\:hawa-text-primary-foreground {
+  color: hsl(var(--primary-foreground));
+}
+.hawa-group.toaster .group-\[\.toaster\]\:hawa-text-foreground {
+  color: hsl(var(--foreground));
+}
+.hawa-group.toaster .group-\[\.toaster\]\:hawa-shadow-lg {
+  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .hawa-group.error .group-\[\.error\]\:hover\:hawa-border-error\/30:hover {
   border-color: hsl(var(--error) / 0.3);
 }

package/dist/sonner/index.d.mts

@@ -0,0 +1,11 @@
+import * as React$1 from 'react';
+import { D as DirectionType } from '../commonTypes-2k6FnHw5.mjs';
+import { toast, Toaster } from 'sonner';
+
+type SonnerProps = React.ComponentProps<typeof Toaster> & {
+    direction?: DirectionType;
+};
+declare const Sonner: ({ ...props }: SonnerProps) => React$1.JSX.Element;
+declare const createSonner: typeof toast;
+
+export { Sonner, createSonner };

package/dist/sonner/index.d.ts

@@ -0,0 +1,11 @@
+import * as React$1 from 'react';
+import { D as DirectionType } from '../commonTypes-2k6FnHw5.js';
+import { toast, Toaster } from 'sonner';
+
+type SonnerProps = React.ComponentProps<typeof Toaster> & {
+    direction?: DirectionType;
+};
+declare const Sonner: ({ ...props }: SonnerProps) => React$1.JSX.Element;
+declare const createSonner: typeof toast;
+
+export { Sonner, createSonner };

package/dist/sonner/index.js

@@ -0,0 +1,56 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// elements/sonner/index.ts
+var sonner_exports = {};
+__export(sonner_exports, {
+  Sonner: () => Sonner,
+  createSonner: () => createSonner
+});
+module.exports = __toCommonJS(sonner_exports);
+
+// elements/sonner/Sonner.tsx
+var import_sonner = require("sonner");
+var Sonner = ({ ...props }) => {
+  return /* @__PURE__ */ React.createElement(
+    import_sonner.Toaster,
+    {
+      dir: props.direction,
+      position: props.direction === "rtl" ? "bottom-left" : "bottom-right",
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast group-[.toaster]:hawa-bg-background group-[.toaster]:hawa-text-foreground group-[.toaster]:hawa-border-border group-[.toaster]:hawa-shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton: "group-[.toast]:hawa-bg-primary group-[.toast]:hawa-text-primary-foreground",
+          cancelButton: "group-[.toast]:hawa-bg-muted group-[.toast]:hawa-text-muted-foreground"
+        }
+      },
+      ...props
+    }
+  );
+};
+var createSonner = import_sonner.toast;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Sonner,
+  createSonner
+});
+//# sourceMappingURL=index.js.map

package/dist/sonner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../elements/sonner/index.ts","../../elements/sonner/Sonner.tsx"],"sourcesContent":["export * from \"./Sonner\";\n","import { DirectionType } from \"@_types/commonTypes\";\nimport { Toaster as SonnerToaster, toast, ToastT } from \"sonner\";\n\ntype SonnerProps = React.ComponentProps<typeof SonnerToaster> & {\n  direction?: DirectionType;\n};\n\nconst Sonner = ({ ...props }: SonnerProps) => {\n  return (\n    <SonnerToaster\n      // theme={theme as SonnerProps[\"theme\"]}\n\n      dir={props.direction}\n      position={props.direction === \"rtl\" ? \"bottom-left\" : \"bottom-right\"}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            \"group toast group-[.toaster]:hawa-bg-background group-[.toaster]:hawa-text-foreground group-[.toaster]:hawa-border-border group-[.toaster]:hawa-shadow-lg\",\n          description: \"group-[.toast]:text-muted-foreground\",\n          actionButton:\n            \"group-[.toast]:hawa-bg-primary group-[.toast]:hawa-text-primary-foreground\",\n          cancelButton:\n            \"group-[.toast]:hawa-bg-muted group-[.toast]:hawa-text-muted-foreground\",\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nconst createSonner: typeof toast = toast;\n\nexport { Sonner, createSonner };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,oBAAwD;AAMxD,IAAM,SAAS,CAAC,EAAE,GAAG,MAAM,MAAmB;AAC5C,SACE;AAAA,IAAC,cAAAA;AAAA,IAAA;AAAA,MAGC,KAAK,MAAM;AAAA,MACX,UAAU,MAAM,cAAc,QAAQ,gBAAgB;AAAA,MACtD,WAAU;AAAA,MACV,cAAc;AAAA,QACZ,YAAY;AAAA,UACV,OACE;AAAA,UACF,aAAa;AAAA,UACb,cACE;AAAA,UACF,cACE;AAAA,QACJ;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAM,eAA6B;","names":["SonnerToaster"]}

package/dist/sonner/index.mjs

@@ -0,0 +1,29 @@
+"use client";
+
+// elements/sonner/Sonner.tsx
+import { Toaster as SonnerToaster, toast } from "sonner";
+var Sonner = ({ ...props }) => {
+  return /* @__PURE__ */ React.createElement(
+    SonnerToaster,
+    {
+      dir: props.direction,
+      position: props.direction === "rtl" ? "bottom-left" : "bottom-right",
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast group-[.toaster]:hawa-bg-background group-[.toaster]:hawa-text-foreground group-[.toaster]:hawa-border-border group-[.toaster]:hawa-shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton: "group-[.toast]:hawa-bg-primary group-[.toast]:hawa-text-primary-foreground",
+          cancelButton: "group-[.toast]:hawa-bg-muted group-[.toast]:hawa-text-muted-foreground"
+        }
+      },
+      ...props
+    }
+  );
+};
+var createSonner = toast;
+export {
+  Sonner,
+  createSonner
+};
+//# sourceMappingURL=index.mjs.map

package/dist/sonner/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../elements/sonner/Sonner.tsx"],"sourcesContent":["import { DirectionType } from \"@_types/commonTypes\";\nimport { Toaster as SonnerToaster, toast, ToastT } from \"sonner\";\n\ntype SonnerProps = React.ComponentProps<typeof SonnerToaster> & {\n  direction?: DirectionType;\n};\n\nconst Sonner = ({ ...props }: SonnerProps) => {\n  return (\n    <SonnerToaster\n      // theme={theme as SonnerProps[\"theme\"]}\n\n      dir={props.direction}\n      position={props.direction === \"rtl\" ? \"bottom-left\" : \"bottom-right\"}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            \"group toast group-[.toaster]:hawa-bg-background group-[.toaster]:hawa-text-foreground group-[.toaster]:hawa-border-border group-[.toaster]:hawa-shadow-lg\",\n          description: \"group-[.toast]:text-muted-foreground\",\n          actionButton:\n            \"group-[.toast]:hawa-bg-primary group-[.toast]:hawa-text-primary-foreground\",\n          cancelButton:\n            \"group-[.toast]:hawa-bg-muted group-[.toast]:hawa-text-muted-foreground\",\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nconst createSonner: typeof toast = toast;\n\nexport { Sonner, createSonner };\n"],"mappings":";;;AACA,SAAS,WAAW,eAAe,aAAqB;AAMxD,IAAM,SAAS,CAAC,EAAE,GAAG,MAAM,MAAmB;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MAGC,KAAK,MAAM;AAAA,MACX,UAAU,MAAM,cAAc,QAAQ,gBAAgB;AAAA,MACtD,WAAU;AAAA,MACV,cAAc;AAAA,QACZ,YAAY;AAAA,UACV,OACE;AAAA,UACF,aAAa;AAAA,UACb,cACE;AAAA,UACF,cACE;AAAA,QACJ;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAM,eAA6B;","names":[]}

package/dist/switch/index.d.mts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
-
-type RadiusType = "full" | "inherit" | "none";
+import { R as RadiusType } from '../commonTypes-2k6FnHw5.mjs';
 
 interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
     size?: "default" | "sm" | "lg";

package/dist/switch/index.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
-
-type RadiusType = "full" | "inherit" | "none";
+import { R as RadiusType } from '../commonTypes-2k6FnHw5.js';
 
 interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
     size?: "default" | "sm" | "lg";

package/dist/tabs/index.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { R as RadiusType } from '../commonTypes-MeUyaBib.mjs';
+import { R as RadiusType } from '../commonTypes-eIwARo5g.mjs';
 
 type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
 type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {

package/dist/tabs/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { R as RadiusType } from '../commonTypes-MeUyaBib.js';
+import { R as RadiusType } from '../commonTypes-eIwARo5g.js';
 
 type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
 type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {

package/dist/textarea/index.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { P as PositionType } from '../commonTypes-MeUyaBib.mjs';
+import { P as PositionType } from '../commonTypes-eIwARo5g.mjs';
 
 type LabelProps = {
     hint?: React.ReactNode;

package/dist/textarea/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { P as PositionType } from '../commonTypes-MeUyaBib.js';
+import { P as PositionType } from '../commonTypes-eIwARo5g.js';
 
 type LabelProps = {
     hint?: React.ReactNode;

package/dist/toast/index.d.mts

@@ -2,7 +2,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
-import { D as DirectionType } from '../commonTypes-MeUyaBib.mjs';
+import { D as DirectionType } from '../commonTypes-_11epZYh.mjs';
 
 declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
 declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;

package/dist/toast/index.d.ts

@@ -2,7 +2,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
-import { D as DirectionType } from '../commonTypes-MeUyaBib.js';
+import { D as DirectionType } from '../commonTypes-_11epZYh.js';
 
 declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
 declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;

package/dist/toaster/index.d.mts

@@ -1,27 +1,9 @@
-import * as React from 'react';
 import React__default from 'react';
 import { D as DirectionType } from '../commonTypes-_11epZYh.mjs';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as ToastPrimitives from '@radix-ui/react-toast';
-import { VariantProps } from 'class-variance-authority';
-
-declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-    severity?: "info" | "warning" | "error" | "success" | "none" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & {
-    direction?: DirectionType | undefined;
-} & React.RefAttributes<HTMLLIElement>>;
-declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
-type ToastActionElement = React.ReactElement<typeof ToastAction>;
-type ToasterToastProps = ToastProps & {
-    id: string;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    severity?: "info" | "warning" | "error" | "success" | "none";
-    action?: ToastActionElement;
-    size?: "default" | "sm";
-};
+import { ToasterToastProps } from '../toast/index.mjs';
+import 'class-variance-authority/types';
+import '@radix-ui/react-toast';
+import 'class-variance-authority';
 
 type ToasterProps = {
     direction?: DirectionType;

package/dist/toaster/index.d.ts

@@ -1,27 +1,9 @@
-import * as React from 'react';
 import React__default from 'react';
 import { D as DirectionType } from '../commonTypes-_11epZYh.js';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as ToastPrimitives from '@radix-ui/react-toast';
-import { VariantProps } from 'class-variance-authority';
-
-declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | null | undefined;
-    severity?: "info" | "warning" | "error" | "success" | "none" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & {
-    direction?: DirectionType | undefined;
-} & React.RefAttributes<HTMLLIElement>>;
-declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
-type ToastActionElement = React.ReactElement<typeof ToastAction>;
-type ToasterToastProps = ToastProps & {
-    id: string;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    severity?: "info" | "warning" | "error" | "success" | "none";
-    action?: ToastActionElement;
-    size?: "default" | "sm";
-};
+import { ToasterToastProps } from '../toast/index.js';
+import 'class-variance-authority/types';
+import '@radix-ui/react-toast';
+import 'class-variance-authority';
 
 type ToasterProps = {
     direction?: DirectionType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.30.30-next",
+  "version": "0.31.0-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",
@@ -80,6 +80,7 @@
     "react-hook-form": "^7.51.2",
     "react-select": "^5.8.0",
     "signature_pad": "^4.2.0",
+    "sonner": "^1.2.3",
     "tailwind-merge": "^2.2.2",
     "tailwind-variants": "^0.2.1",
     "trim-canvas": "^0.1.2",
@@ -89,7 +90,7 @@
     "@babel/preset-react": "^7.24.1",
     "@sikka/alam": "^0.0.4",
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^14.2.2",
+    "@testing-library/react": "^14.3.0",
     "@types/jest": "^29.5.12",
     "@types/react": "^18.2.74",
     "@types/react-dom": "^18.2.24",

package/dist/commonTypes-MeUyaBib.d.mts

@@ -1,5 +0,0 @@
-type DirectionType = "rtl" | "ltr";
-type PositionType = "top" | "bottom" | "right" | "left";
-type RadiusType = "full" | "inherit" | "none";
-
-export type { DirectionType as D, PositionType as P, RadiusType as R };

package/dist/commonTypes-MeUyaBib.d.ts

@@ -1,5 +0,0 @@
-type DirectionType = "rtl" | "ltr";
-type PositionType = "top" | "bottom" | "right" | "left";
-type RadiusType = "full" | "inherit" | "none";
-
-export type { DirectionType as D, PositionType as P, RadiusType as R };