@sikka/hawa 0.26.19-next → 0.26.20

package/dist/toaster/index.mjs

@@ -5,15 +5,15 @@ import {
   ToastProvider,
   ToastTitle,
   ToastViewport
-} from "../chunk-KNHT2UBG.mjs";
+} from "../chunk-KMCIHW76.mjs";
 import {
   cn
-} from "../chunk-TE3BKEXL.mjs";
+} from "../chunk-TWNGV3RE.mjs";
 
-// components/elements/toaster/Toaster.tsx
+// elements/toaster/Toaster.tsx
 import React2 from "react";
 
-// components/hooks/useToast.ts
+// hooks/useToast.ts
 import * as React from "react";
 var TOAST_LIMIT = 5;
 var TOAST_REMOVE_DELAY = 1e5;
@@ -127,7 +127,7 @@ function useToast() {
   };
 }
 
-// components/elements/toaster/Toaster.tsx
+// elements/toaster/Toaster.tsx
 function Toaster(props) {
   const { toasts } = useToast();
   let isRTL = props.direction === "rtl";

package/dist/tooltip/index.js

@@ -27,25 +27,25 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// components/elements/tooltip/index.ts
+// elements/tooltip/index.ts
 var tooltip_exports = {};
 __export(tooltip_exports, {
   Tooltip: () => Tooltip
 });
 module.exports = __toCommonJS(tooltip_exports);
 
-// components/elements/tooltip/Tooltip.tsx
+// elements/tooltip/Tooltip.tsx
 var import_react = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 
-// components/util.ts
+// util/index.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
-// components/elements/tooltip/Tooltip.tsx
+// elements/tooltip/Tooltip.tsx
 var TooltipContent = import_react.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react.default.createElement(
   TooltipPrimitive.Content,
   {

package/dist/tooltip/index.mjs

@@ -1,15 +1,15 @@
-// components/elements/tooltip/Tooltip.tsx
+// elements/tooltip/Tooltip.tsx
 import React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 
-// components/util.ts
+// util/index.ts
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-// components/elements/tooltip/Tooltip.tsx
+// elements/tooltip/Tooltip.tsx
 var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React.createElement(
   TooltipPrimitive.Content,
   {

package/dist/types/index.js

@@ -13,6 +13,6 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// components/types/index.ts
+// types/index.ts
 var types_exports = {};
 module.exports = __toCommonJS(types_exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.26.19-next",
+  "version": "0.26.20",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",
@@ -44,23 +44,6 @@
   "files": [
     "dist/**"
   ],
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start -p 3032",
-    "lint": "next lint",
-    "check": "tsc --noEmit",
-    "test": "jest",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "prebuild": "node pre-build.js",
-    "build-lib": "npm run prebuild && node build-library.js",
-    "build-lib-old": "tsup --dts",
-    "build-css": "postcss styles/globals.css -o dist/index.css",
-    "prepub": "npm run build-lib && npm run build-css",
-    "pub": "npm publish --tag next",
-    "chromatic": "npx chromatic --project-token=chpt_9c33d11ef14064f --output-dir ./storybook-static"
-  },
   "dependencies": {
     "@hookform/resolvers": "^3.3.3",
     "@radix-ui/react-accordion": "^1.1.2",
@@ -79,9 +62,7 @@
     "@radix-ui/react-toast": "^1.1.5",
     "@radix-ui/react-tooltip": "^1.0.7",
     "@tanstack/react-table": "^8.11.2",
-    "@types/node": "^20.10.6",
-    "@types/react": "^18.2.46",
-    "@types/react-dom": "^18.2.18",
+    "@tanstack/table-core": "^8.11.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "cmdk": "^0.2.0",
@@ -90,8 +71,6 @@
     "eslint": "^8.56.0",
     "eslint-config-next": "^14.0.4",
     "libphonenumber-js": "^1.10.53",
-    "next": "^14.0.4",
-    "next-themes": "^0.2.1",
     "prism-react-renderer": "^2.3.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -107,37 +86,32 @@
   "devDependencies": {
     "@babel/preset-react": "^7.23.3",
     "@sikka/alam": "^0.0.4",
-    "@storybook/addon-essentials": "^7.6.6",
-    "@storybook/addon-interactions": "^7.6.6",
-    "@storybook/addon-links": "^7.6.6",
-    "@storybook/addon-mdx-gfm": "^7.6.6",
-    "@storybook/blocks": "^7.6.6",
-    "@storybook/manager-api": "^7.6.6",
-    "@storybook/nextjs": "^7.6.6",
-    "@storybook/react": "^7.6.6",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.6.6",
     "@testing-library/jest-dom": "^6.1.6",
     "@testing-library/react": "^14.1.2",
-    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/jest": "^29.5.11",
+    "@types/react": "^18.2.46",
+    "@types/react-dom": "^18.2.18",
     "autoprefixer": "^10.4.16",
-    "eslint-plugin-storybook": "^0.6.15",
+    "embla-carousel": "8.0.0-rc18",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "lucide-react": "^0.303.0",
     "postcss": "^8.4.32",
     "postcss-cli": "^11.0.0",
     "postcss-import": "^15.1.0",
-    "prettier": "^3.1.1",
-    "prettier-plugin-tailwindcss": "^0.5.10",
-    "recharts": "^2.10.3",
-    "storybook": "^7.6.6",
-    "storybook-dark-mode": "^3.0.3",
     "tailwindcss": "^3.4.0",
     "tailwindcss-animate": "^1.0.7",
     "tsconfig-paths-webpack-plugin": "^4.1.0",
-    "tsup": "^8.0.1",
-    "typescript": "^5.3.3"
+    "tsup": "^8.0.1"
+  },
+  "scripts": {
+    "check": "tsc --noEmit",
+    "test": "jest",
+    "prebuild": "node ./util/pre-build.js",
+    "build-lib": "npm run prebuild && node ./util/build-library.js",
+    "build-lib-old": "tsup --dts",
+    "build-css": "postcss styles.css -o dist/index.css",
+    "prepub": "npm run build-lib && npm run build-css",
+    "pub": "npm publish --tag next"
   }
 }

package/README.md

@@ -1,107 +0,0 @@
-<p align="center">
-    <img src="https://res.cloudinary.com/dt8onsdfl/image/upload/v1694478376/hawa-logo-white-bg.jpg" alt="Hawa | هواء" />
-</p>
-
-<p align="center">
-  <a href="https://hawa.style/docs">Documentation</a> - 
-  <a href="https://github.com/sikka-software/Hawa/blob/main/CHANGELOG.md">Changelog</a>
-  <!-- <a href="https://hawa.style/roadmap">Roadmap</a> -->
-</p>
-
-<p align="center">
-  <a href="https://www.npmjs.com/package/@sikka/hawa">
-    <img src="https://img.shields.io/npm/v/@sikka/hawa.svg?style=flat&colorA=000000&colorB=1082c3" alt="npm"/>
-  </a>
-  <!-- <a href="https://www.npmjs.com/package/@sikka/hawa">
-    <img src="https://img.shields.io/npm/v/@sikka/hawa/beta.svg?style=flat&colorA=000000&colorB=ea7637" alt="@beta tag"/>
-  </a> -->
-  <a href="https://www.npmjs.com/package/@sikka/hawa">
-    <img src="https://img.shields.io/npm/v/@sikka/hawa/next.svg?style=flat&colorA=000000&colorB=ea7637" alt="@next tag"/>
-  </a>
-  <a href="https://www.npmjs.com/package/@sikka/hawa">
-    <img src="https://img.shields.io/npm/dt/@sikka/hawa.svg?style=flat&colorA=000000&colorB=000000" alt="npm"/>
-  </a>
-  <br />
-  <a href="https://github.com/sikka-software/Hawa/actions/workflows/hawa-main.yml">
-    <img src="https://github.com/sikka-software/Hawa/actions/workflows/hawa-main.yml/badge.svg" alt="@next tag"/>
-  </a>
-  <a href="https://github.com/sikka-software/Hawa/actions/workflows/hawa-beta.yml">
-    <img src="https://github.com/sikka-software/Hawa/actions/workflows/hawa-beta.yml/badge.svg" alt="@next tag"/>
-  </a>
-</p>
-
----
-
-<p style="font-size: 40px; font-weight: 500" align="center">Hawa | هــواء</p>
-<p align="center">Opinionated UI Kit for web apps and websites built with TailwindCSS</p>
-
----
-
-### Tools used
-
-- Styling: [Tailwind](https://tailwindcss.com/)
-- Headless UI: [Radix-UI](https://www.radix-ui.com/)
-- Forms: [react-hook-form](https://react-hook-form.com/)
-- Tables: [@tanstack/react-table](https://tanstack.com/table/v8)
-- Form Validation: [zod](https://zod.dev/)
-- Phone Validation: [libphonenumber-js](https://gitlab.com/catamphetamine/libphonenumber-js)
-- Carousel: [embla-carousel-react](https://www.embla-carousel.com/)
-- Combobox: [cmdk](https://github.com/pacocoursey/cmdk)
-
-## Install
-
-**Note:** Current npm tags 👇
-
-`@beta` is archived.
-
-`@next` only points to pre-releases.
-
-`@latest` for the latest stable release.
-
-```bash
-npm install @sikka/hawa
-```
-
-</br>
-
-# Contributing
-
-To contribute, clone this github repository and run the development server
-
-```js
-// To preview the components
-npm run storybook
-// To run the landing pages
-npm run dev
-```
-
-To build the library to /dist
-
-```
-npm run build-lib
-```
-
-To generate /dist/index.css
-
-```
-npm run build-css
-```
-
-</br>
-
-![Alt](https://repobeats.axiom.co/api/embed/0aa365b7bd1591de135582699d523de7b262eecb.svg "Repobeats analytics image")
-
-## License
-
-MIT © [SIKKA SOFTWARE](https://sikka.sa)
-
-<!--start: logo-->
-<p align="center">
-  <a href="https://sikka.io">
-    <img width="44" alt="Sikka" src="https://i.postimg.cc/8cK4tnKQ/sikka-symbol-black.png">
-  </a>
-</p>
-<p align="center">
-  <sub>An open source project by <a href="https://sikka.io">Sikka</a></sub>
-</p>
-<!--end: logo-->

package/dist/chunk-S36W2LDN.mjs

@@ -1,189 +0,0 @@
-// components/elements/colorPicker/ColorPicker.tsx
-import React3, {
-  useState,
-  useEffect
-} from "react";
-
-// components/util.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// components/elements/label/Label.tsx
-import * as React2 from "react";
-
-// components/elements/tooltip/Tooltip.tsx
-import React from "react";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var TooltipArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
-TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
-var Tooltip = ({
-  side,
-  open,
-  content,
-  children,
-  defaultOpen,
-  onOpenChange,
-  triggerProps,
-  contentProps,
-  providerProps,
-  delayDuration = 300,
-  ...props
-}) => {
-  return /* @__PURE__ */ React.createElement(
-    TooltipPrimitive.TooltipProvider,
-    {
-      delayDuration,
-      ...providerProps
-    },
-    /* @__PURE__ */ React.createElement(
-      TooltipPrimitive.Root,
-      {
-        open,
-        defaultOpen,
-        onOpenChange,
-        ...props
-      },
-      /* @__PURE__ */ React.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ React.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
-    )
-  );
-};
-
-// components/elements/label/Label.tsx
-var Label = React2.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React2.createElement(
-  "label",
-  {
-    ref,
-    className: cn(
-      "hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70",
-      className
-    ),
-    ...props
-  },
-  children,
-  required && /* @__PURE__ */ React2.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React2.createElement(
-  Tooltip,
-  {
-    content: hint,
-    side: hintSide,
-    triggerProps: {
-      tabIndex: -1,
-      onClick: (event) => event.preventDefault()
-    }
-  },
-  /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    },
-    /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ React2.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-    /* @__PURE__ */ React2.createElement("path", { d: "M12 17h.01" })
-  ))
-)));
-Label.displayName = "Label";
-
-// components/elements/colorPicker/ColorPicker.tsx
-var ColorPicker = ({
-  containerProps,
-  colorPickerProps,
-  textInputProps,
-  labelProps,
-  ...props
-}) => {
-  const [selectedColor, setSelectedColor] = useState(props.color);
-  useEffect(() => {
-    if (selectedColor && selectedColor[0] !== "#") {
-      setSelectedColor(`#${selectedColor}`);
-    }
-  }, [selectedColor]);
-  const handleTextInputChange = (e) => {
-    const inputElement = e.target;
-    let inputColor = inputElement.value;
-    if (inputColor[0] !== "#") {
-      inputColor = `#${inputColor}`;
-    }
-    const sanitizedInput = inputColor.replace(/[^a-fA-F0-9#]/g, "");
-    setSelectedColor(sanitizedInput);
-    if (props.handleChange) {
-      props.handleChange(e);
-    }
-  };
-  return /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React3.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React3.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ React3.createElement(
-    "div",
-    {
-      style: { height: 40, backgroundColor: selectedColor },
-      className: "hawa-rounded-bl-lg hawa-rounded-tl-lg hawa-border"
-    },
-    /* @__PURE__ */ React3.createElement(
-      "input",
-      {
-        type: "color",
-        value: selectedColor,
-        onChange: (e) => {
-          setSelectedColor(e.target.value);
-          if (props.handleChange) {
-            props.handleChange(e);
-          }
-        },
-        className: cn(
-          "hawa-mt-0 hawa-h-[38px] hawa-opacity-0",
-          props.colorPickerClassNames
-        ),
-        ...colorPickerProps
-      }
-    )
-  ), /* @__PURE__ */ React3.createElement("div", { className: "hawa-relative hawa-flex hawa-max-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ React3.createElement(
-    "input",
-    {
-      maxLength: 7,
-      type: "text",
-      onInput: handleTextInputChange,
-      value: selectedColor,
-      className: cn(
-        "hawa-block hawa-h-[40px] hawa-w-24 hawa-rounded hawa-rounded-l-none hawa-border hawa-border-l-0 hawa-border-l-transparent  hawa-bg-background hawa-p-2 hawa-text-sm hawa-transition-all"
-      ),
-      ...textInputProps
-    }
-  ))), /* @__PURE__ */ React3.createElement(
-    "p",
-    {
-      className: cn(
-        "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
-        props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
-      )
-    },
-    props.helperText
-  ));
-};
-
-export {
-  cn,
-  Tooltip,
-  Label,
-  ColorPicker
-};