@sikka/hawa 0.1.2 → 0.1.3-next

package/dist/index.d.mts

@@ -0,0 +1,15 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "neoBrutalism" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "xl" | "default" | "heightless" | "icon" | "smallIcon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    isLoading?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, ButtonProps, buttonVariants };

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "neoBrutalism" | null | undefined;
+    size?: "xs" | "sm" | "lg" | "xl" | "default" | "heightless" | "icon" | "smallIcon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    isLoading?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, ButtonProps, buttonVariants };

package/dist/index.js

@@ -0,0 +1,246 @@
+"use strict";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = function(target, all) {
+    for(var name in all)__defProp(target, name, {
+        get: all[name],
+        enumerable: true
+    });
+};
+var __copyProps = function(to, from, except, desc) {
+    if (from && typeof from === "object" || typeof from === "function") {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            var _loop = function() {
+                var key = _step.value;
+                if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+                    get: function() {
+                        return from[key];
+                    },
+                    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+                });
+            };
+            for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+    }
+    return to;
+};
+var __toESM = function(mod, isNodeMode, target) {
+    return target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(// If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+        value: mod,
+        enumerable: true
+    }) : target, mod);
+};
+var __toCommonJS = function(mod) {
+    return __copyProps(__defProp({}, "__esModule", {
+        value: true
+    }), mod);
+};
+// components/index.tsx
+var components_exports = {};
+__export(components_exports, {
+    Button: function() {
+        return Button;
+    },
+    buttonVariants: function() {
+        return buttonVariants;
+    }
+});
+module.exports = __toCommonJS(components_exports);
+// components/elements/Button.tsx
+var React2 = __toESM(require("react"));
+var import_class_variance_authority = require("class-variance-authority");
+// components/util.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn() {
+    for(var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++){
+        inputs[_key] = arguments[_key];
+    }
+    return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+// components/elements/Loading.tsx
+var import_react = __toESM(require("react"));
+var import_clsx2 = __toESM(require("clsx"));
+var Loading = function(_param) {
+    var _param_design = _param.design, design = _param_design === void 0 ? "spinner" : _param_design, _param_size = _param.size, size = _param_size === void 0 ? "sm" : _param_size, color = _param.color, props = _object_without_properties(_param, [
+        "design",
+        "size",
+        "color"
+    ]);
+    var sizeStyles = {
+        button: "h-4 w-4",
+        xs: "h-1 w-1",
+        sm: "h-6 w-6",
+        normal: "h-8 w-8",
+        lg: "h-14 w-14",
+        xl: "h-24 w-24"
+    };
+    var animationStyles = {
+        pulse: "animate-in fade-in duration-1000",
+        bounce: "animate-bounce"
+    };
+    switch(design.split("-")[0]){
+        case "dots":
+            return /* @__PURE__ */ import_react.default.createElement("div", {
+                className: "flex flex-row gap-2"
+            }, /* @__PURE__ */ import_react.default.createElement("div", {
+                className: (0, import_clsx2.default)("animate-bounce rounded-full delay-100 repeat-infinite", size === "button" ? "h-2 w-2" : sizeStyles[size], animationStyles[design.split("-")[1]], color ? color : "bg-primary")
+            }), /* @__PURE__ */ import_react.default.createElement("div", {
+                className: (0, import_clsx2.default)("animate-bounce rounded-full delay-200 repeat-infinite", size === "button" ? "h-2 w-2" : sizeStyles[size], animationStyles[design.split("-")[1]], color ? color : "bg-primary")
+            }), /* @__PURE__ */ import_react.default.createElement("div", {
+                className: (0, import_clsx2.default)("animate-bounce rounded-full delay-300 repeat-infinite", size === "button" ? "h-2 w-2" : sizeStyles[size], animationStyles[design.split("-")[1]], color ? color : "bg-primary")
+            }));
+        default:
+            return /* @__PURE__ */ import_react.default.createElement("div", {
+                className: "flex flex-row gap-x-3"
+            }, /* @__PURE__ */ import_react.default.createElement("div", {
+                "aria-label": "Loading...",
+                role: "status"
+            }, /* @__PURE__ */ import_react.default.createElement("svg", {
+                className: (0, import_clsx2.default)(sizeStyles[size], "animate-spin"),
+                viewBox: "3 3 18 18"
+            }, /* @__PURE__ */ import_react.default.createElement("path", {
+                className: "fill-primary/20",
+                d: "M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z"
+            }), /* @__PURE__ */ import_react.default.createElement("path", {
+                className: color ? color : "fill-primary",
+                d: "M16.9497 7.05015C14.2161 4.31648 9.78392 4.31648 7.05025 7.05015C6.65973 7.44067 6.02656 7.44067 5.63604 7.05015C5.24551 6.65962 5.24551 6.02646 5.63604 5.63593C9.15076 2.12121 14.8492 2.12121 18.364 5.63593C18.7545 6.02646 18.7545 6.65962 18.364 7.05015C17.9734 7.44067 17.3403 7.44067 16.9497 7.05015Z"
+            }))));
+    }
+};
+// components/elements/Button.tsx
+var buttonVariants = (0, import_class_variance_authority.cva)("inline-flex items-center justify-center select-none rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90",
+            light: "bg-primary/20 text-primary hover:bg-primary/40",
+            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+            outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 hover:underline",
+            neoBrutalism: "cursor-pointer transition-all uppercase font-mono  dark:bg-black font-bold py-2 px-4 rounded border-2 border-primary shadow-color-primary transition-[transform_50ms, box-shadow_50ms] active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
+        },
+        size: {
+            default: "h-10 px-4 py-2",
+            heightless: "px-4 py-4",
+            xs: "h-fit py-1 text-[10px] px-2 ",
+            sm: "h-9 text-[11px] rounded-md px-3",
+            lg: "h-11 rounded-md px-8",
+            xl: "h-14 rounded-md px-10",
+            icon: "h-10 w-10",
+            smallIcon: "h-7 w-7"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default"
+    }
+});
+var Button = React2.forwardRef(function(_param, ref) {
+    var className = _param.className, variant = _param.variant, size = _param.size, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, isLoading = _param.isLoading, children = _param.children, props = _object_without_properties(_param, [
+        "className",
+        "variant",
+        "size",
+        "asChild",
+        "isLoading",
+        "children"
+    ]);
+    var Comp = "button";
+    var loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "bg-primary" : "bg-primary-foreground";
+    return /* @__PURE__ */ React2.createElement(Comp, _object_spread({
+        className: cn(buttonVariants({
+            variant: variant,
+            size: size,
+            className: className
+        })),
+        ref: ref
+    }, props), isLoading ? /* @__PURE__ */ React2.createElement(Loading, {
+        design: "dots-pulse",
+        color: loadingColor,
+        size: size === "sm" ? "xs" : "button"
+    }) : children);
+});
+Button.displayName = "Button";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+    Button: Button,
+    buttonVariants: buttonVariants
+});

package/dist/index.mjs

@@ -0,0 +1,157 @@
+// components/elements/Button.tsx
+import * as React2 from "react";
+import { cva } from "class-variance-authority";
+
+// components/util.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// components/elements/Loading.tsx
+import React from "react";
+import clsx2 from "clsx";
+var Loading = ({
+  design = "spinner",
+  size = "sm",
+  color,
+  ...props
+}) => {
+  let sizeStyles = {
+    button: "h-4 w-4",
+    xs: "h-1 w-1",
+    sm: "h-6 w-6",
+    normal: "h-8 w-8",
+    lg: "h-14 w-14",
+    xl: "h-24 w-24"
+  };
+  let animationStyles = {
+    pulse: "animate-in fade-in duration-1000",
+    bounce: "animate-bounce"
+  };
+  switch (design.split("-")[0]) {
+    case "dots":
+      return /* @__PURE__ */ React.createElement("div", { className: "flex flex-row gap-2" }, /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: clsx2(
+            "animate-bounce rounded-full delay-100 repeat-infinite",
+            size === "button" ? "h-2 w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "bg-primary"
+          )
+        }
+      ), /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: clsx2(
+            "animate-bounce rounded-full delay-200 repeat-infinite",
+            size === "button" ? "h-2 w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "bg-primary"
+          )
+        }
+      ), /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: clsx2(
+            "animate-bounce rounded-full delay-300 repeat-infinite",
+            size === "button" ? "h-2 w-2" : sizeStyles[size],
+            animationStyles[design.split("-")[1]],
+            color ? color : "bg-primary"
+          )
+        }
+      ));
+    default:
+      return /* @__PURE__ */ React.createElement("div", { className: "flex flex-row gap-x-3" }, /* @__PURE__ */ React.createElement("div", { "aria-label": "Loading...", role: "status" }, /* @__PURE__ */ React.createElement(
+        "svg",
+        {
+          className: clsx2(sizeStyles[size], "animate-spin"),
+          viewBox: "3 3 18 18"
+        },
+        /* @__PURE__ */ React.createElement(
+          "path",
+          {
+            className: "fill-primary/20",
+            d: "M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z"
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "path",
+          {
+            className: color ? color : "fill-primary",
+            d: "M16.9497 7.05015C14.2161 4.31648 9.78392 4.31648 7.05025 7.05015C6.65973 7.44067 6.02656 7.44067 5.63604 7.05015C5.24551 6.65962 5.24551 6.02646 5.63604 5.63593C9.15076 2.12121 14.8492 2.12121 18.364 5.63593C18.7545 6.02646 18.7545 6.65962 18.364 7.05015C17.9734 7.44067 17.3403 7.44067 16.9497 7.05015Z"
+          }
+        )
+      )));
+  }
+};
+
+// components/elements/Button.tsx
+var buttonVariants = cva(
+  "inline-flex items-center justify-center select-none rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        light: "bg-primary/20 text-primary hover:bg-primary/40",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+        neoBrutalism: "cursor-pointer transition-all uppercase font-mono  dark:bg-black font-bold py-2 px-4 rounded border-2 border-primary shadow-color-primary transition-[transform_50ms, box-shadow_50ms] active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        heightless: "px-4 py-4",
+        xs: "h-fit py-1 text-[10px] px-2 ",
+        sm: "h-9 text-[11px] rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        xl: "h-14 rounded-md px-10",
+        icon: "h-10 w-10",
+        smallIcon: "h-7 w-7"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React2.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    asChild = false,
+    isLoading,
+    children,
+    ...props
+  }, ref) => {
+    const Comp = "button";
+    const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "bg-primary" : "bg-primary-foreground";
+    return /* @__PURE__ */ React2.createElement(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      },
+      isLoading ? /* @__PURE__ */ React2.createElement(
+        Loading,
+        {
+          design: "dots-pulse",
+          color: loadingColor,
+          size: size === "sm" ? "xs" : "button"
+        }
+      ) : children
+    );
+  }
+);
+Button.displayName = "Button";
+export {
+  Button,
+  buttonVariants
+};

package/package.json

@@ -1,124 +1,57 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.1.2",
-  "description": "SaaS Oriented UI Kit",
-  "main": "lib/index.js",
-  "module": "es/index.es.js",
-  "author": {
-    "name": "Sikka Software",
-    "email": "contact@sikka.io",
-    "url": "http://sikka.io"
-  },
-  "license": "MIT",
-  "keywords": [
-    "ui",
-    "kit",
-    "saas",
-    "kit",
-    "tailwind",
-    "hawa"
+  "version": "0.1.3-next",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    },
+    "./dist/style.css": "./dist/index.css"
+  },
+  "files": [
+    "dist/**"
   ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/sikka-software/hawa.git"
-  },
-  "bugs": {
-    "url": "https://github.com/sikka-software/hawa/issues",
-    "email": "hawa@sikka.io"
-  },
-  "homepage": "https://hawa.style",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "start": "start-storybook -p 6006 -s public",
-    "storybook": "start-storybook -p 6006 -s public",
-    "generate-css": "postcss src/tailwind.css -o src/styles.css && mkdir -p dist && cp src/styles.css dist/",
-    "deploy-storybook": "storybook-to-ghpages",
-    "build-storybook": "build-storybook -o ./docs/documentation",
-    "build-lib": "rollup -c",
-    "build:styles": " node tools/build-styles",
-    "chromatic": "npx chromatic --project-token=chpt_9c33d11ef14064f --output-dir ./docs/documentation"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.12.10",
-    "@babel/preset-react": "^7.12.10",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^21.0.1",
-    "@rollup/plugin-node-resolve": "^11.1.1",
-    "@rollup/plugin-terser": "^0.4.3",
-    "@storybook/addon-actions": "^6.5.8",
-    "@storybook/addon-docs": "^6.5.8",
-    "@storybook/addon-essentials": "^6.5.8",
-    "@storybook/addon-links": "^6.5.8",
-    "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addons": "^6.5.8",
-    "@storybook/api": "^7.3.2",
-    "@storybook/builder-webpack5": "^6.5.13",
-    "@storybook/manager-webpack5": "^6.5.13",
-    "@storybook/react": "^6.5.8",
-    "@storybook/storybook-deployer": "^2.8.11",
-    "@storybook/theming": "^6.5.8",
-    "@swc/core": "^1.3.53",
-    "@types/react": "^18.0.25",
-    "@types/react-dom": "^18.0.9",
-    "babel-loader": "^8.2.2",
-    "chromatic": "^6.22.0",
-    "framer-motion": "^4.1.7",
-    "html-webpack-plugin": "^5.5.0",
-    "postcss": "^8.4.18",
-    "postcss-cli": "^10.0.0",
-    "postcss-focus-visible": "^7.1.0",
-    "prettier": "^2.7.1",
-    "prettier-plugin-tailwindcss": "^0.1.13",
-    "qs": "^6.10.3",
-    "react": "^18.2.0",
-    "react-color": "^2.19.3",
-    "react-dnd": "^15.1.2",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.28.0",
-    "react-phone-input-2": "^2.15.1",
-    "react-select": "^5.7.4",
-    "react-transition-group": "^4.4.2",
-    "rollup": "^2.38.4",
-    "rollup-plugin-cleaner": "^1.0.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.0",
-    "rollup-plugin-swc": "^0.2.1",
-    "rollup-plugin-typescript2": "^0.34.1",
-    "storybook-dark-mode": "^3.0.1",
-    "tailwindcss": "^3.3.3",
-    "tailwindcss-animate": "^1.0.6",
-    "tinycolor2": "^1.4.2",
-    "tslib": "^2.4.1",
-    "typescript": "^4.8.4",
-    "webpack": "^5.75.0"
-  },
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "resolutions": {
-    "@storybook/react-docgen-typescript-plugin": "npm:react-docgen-typescript-plugin@1.0.2",
-    "@storybook/react/webpack": "^5",
-    "@storybook/core-common/webpack": "^5",
-    "@storybook/core-server/webpack": "^5",
-    "@storybook/builder-webpack5/webpack": "^5",
-    "@storybook/manager-webpack5/webpack": "^5"
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build-lib": "tsup components/index.tsx --format cjs,esm --dts",
+    "build-css": "postcss styles/globals.css -o dist/index.css"
   },
   "dependencies": {
-    "@radix-ui/react-dropdown-menu": "^2.0.5",
-    "@radix-ui/react-label": "^2.0.2",
+    "@types/node": "20.8.0",
+    "@types/react": "18.2.23",
+    "@types/react-dom": "18.2.8",
+    "autoprefixer": "10.4.16",
     "class-variance-authority": "^0.7.0",
-    "clsx": "^1.2.1",
-    "cmdk": "^0.2.0",
-    "react": "^18.2.0",
-    "react-dropzone": "^12.0.4",
-    "react-hook-form": "^7.28.0",
-    "react-icons": "^4.10.1",
-    "react-select": "^5.3.2",
-    "slate": "^0.94.1",
-    "slate-react": "^0.97.1",
-    "tailwind-merge": "^1.14.0"
+    "clsx": "^2.0.0",
+    "eslint": "8.50.0",
+    "eslint-config-next": "13.5.3",
+    "next": "13.5.3",
+    "postcss": "^8.4.31",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "tailwind-merge": "^1.14.0",
+    "tailwindcss": "3.3.3",
+    "typescript": "5.2.2"
   },
-  "readme": "ERROR: No README data found!",
-  "_id": "@sikka/hawa@0.0.285"
+  "devDependencies": {
+    "@storybook/addon-essentials": "^7.4.5",
+    "@storybook/addon-interactions": "^7.4.5",
+    "@storybook/addon-links": "^7.4.5",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/blocks": "^7.4.5",
+    "@storybook/nextjs": "^7.4.5",
+    "@storybook/react": "^7.4.5",
+    "@storybook/testing-library": "^0.2.1",
+    "eslint-plugin-storybook": "^0.6.14",
+    "postcss-cli": "^10.1.0",
+    "storybook": "^7.4.5",
+    "tailwindcss-animate": "^1.0.7",
+    "tsup": "^7.2.0"
+  }
 }