@sikka/hawa 0.7.0 → 0.7.2-next

package/dist/index.d.mts

@@ -218,7 +218,7 @@ declare const Radio: FC<RadioTypes>;
 
 interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
     className?: string;
-    animation?: "pulse" | "shimmer";
+    animation?: "none" | "pulse" | "shimmer";
 }
 declare function Skeleton({ className, animation, ...props }: SkeletonProps): React__default.JSX.Element;
 

package/dist/index.d.ts

@@ -218,7 +218,7 @@ declare const Radio: FC<RadioTypes>;
 
 interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
     className?: string;
-    animation?: "pulse" | "shimmer";
+    animation?: "none" | "pulse" | "shimmer";
 }
 declare function Skeleton({ className, animation, ...props }: SkeletonProps): React__default.JSX.Element;
 

package/dist/index.js

@@ -1299,8 +1299,12 @@ var CodeBlock = function(_param) {
     };
     return /* @__PURE__ */ import_react8.default.createElement("div", {
         className: cn(widthStyles[width], "hawa-w-full hawa-flex-col  hawa-items-center hawa-rounded hawa-bg-background hawa-text-left hawa-text-white sm:hawa-text-base")
-    }, tabs && /* @__PURE__ */ import_react8.default.createElement("div", {
-        className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-bg-gray-200 dark:hawa-bg-muted  hawa-p-2 hawa-pb-0 hawa-text-foreground hawa-font-mono "
+    }, fileName && /* @__PURE__ */ import_react8.default.createElement("div", {
+        className: cn("hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t  dark:hawa-bg-muted hawa-p-2 hawa-py-0.5 hawa-pb-0 hawa-text-foreground hawa-font-mono", fileName && tabs ? "hawa-bg-gray-300 dark:hawa-bg-muted/50" : "hawa-bg-gray-200")
+    }, /* @__PURE__ */ import_react8.default.createElement("div", {
+        className: cn("mono hawa-w-full hawa-max-w-[52px] hawa-rounded-inner hawa-p-1 hawa-py-0.5 hawa-text-center hawa-text-[0.75rem]")
+    }, fileName)), tabs && /* @__PURE__ */ import_react8.default.createElement("div", {
+        className: cn("hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-bg-gray-200 dark:hawa-bg-muted  hawa-p-2 hawa-pb-0 hawa-text-foreground hawa-font-mono", tabs && fileName && "hawa-rounded-t-none")
     }, tabs.map(function(tab, i) {
         return /* @__PURE__ */ import_react8.default.createElement("div", {
             key: i,
@@ -1311,11 +1315,7 @@ var CodeBlock = function(_param) {
             },
             className: cn("hawa-mb-1 hawa-transition-all hawa-w-full hawa-max-w-[52px] hawa-cursor-pointer hawa-rounded-inner hawa-p-2 hawa-py-1 hawa-text-center  hawa-text-[1rem] hover:hawa-bg-muted-foreground/20")
         }, tab.title));
-    })), fileName && /* @__PURE__ */ import_react8.default.createElement("div", {
-        className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-bg-gray-200 dark:hawa-bg-muted hawa-p-2 hawa-pb-0 hawa-text-foreground hawa-font-mono"
-    }, /* @__PURE__ */ import_react8.default.createElement("div", {
-        className: cn("hawa-mb-1 mono hawa-w-full hawa-max-w-[52px] hawa-rounded-inner hawa-p-2 hawa-py-1 hawa-text-center hawa-text-[1rem]")
-    }, fileName)), /* @__PURE__ */ import_react8.default.createElement("pre", null, /* @__PURE__ */ import_react8.default.createElement("div", {
+    })), /* @__PURE__ */ import_react8.default.createElement("pre", null, /* @__PURE__ */ import_react8.default.createElement("div", {
         className: cn("hawa-relative hawa-flex hawa-w-full hawa-flex-row hawa-border hawa-items-start hawa-justify-between hawa-bg-foreground/5 hawa-p-0 hawa-text-left hawa-text-sm sm:hawa-text-base ", tabs || fileName ? "hawa-rounded-b hawa-rounded-t-none" : "hawa-rounded")
     }, /* @__PURE__ */ import_react8.default.createElement(import_prism_react_renderer.Highlight, {
         theme: theme,
@@ -1849,8 +1849,16 @@ function Skeleton(_param) {
         "className",
         "animation"
     ]);
+    var animationStyles = {
+        none: "hawa-rounded hawa-bg-muted",
+        pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
+        shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
+    };
     return /* @__PURE__ */ import_react11.default.createElement("div", _object_spread({
-        className: cn(animation === "pulse" ? "hawa-animate-pulse hawa-rounded hawa-bg-muted" : "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10", className)
+        className: cn(animationStyles[animation], // animation === "pulse"
+        //   ? "hawa-animate-pulse hawa-rounded hawa-bg-muted"
+        //   : "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10",
+        className)
     }, props));
 }
 {}// components/elements/Chip.tsx
@@ -4327,7 +4335,7 @@ var Input = function(_param) {
     }, props.icon && /* @__PURE__ */ import_react17.default.createElement("div", {
         className: "hawa-absolute hawa-left-3 hawa-top-1/2 hawa--translate-y-1/2"
     }, props.icon), /* @__PURE__ */ import_react17.default.createElement("input", {
-        className: cn(defaultInputStyle, "hawa-text-black dark:hawa-text-white ", props.icon && "hawa-pl-10", "focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0", preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0", (_props_inputProps = props.inputProps) === null || _props_inputProps === void 0 ? void 0 : _props_inputProps.className),
+        className: cn(defaultInputStyle, "hawa-text-black dark:hawa-text-white", props.icon && "hawa-pl-10", "focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0", preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0", (_props_inputProps = props.inputProps) === null || _props_inputProps === void 0 ? void 0 : _props_inputProps.className),
         onChange: props.onChange,
         autoComplete: props.autoComplete,
         value: props.value,

package/dist/index.mjs

@@ -636,34 +636,52 @@ var CodeBlock = ({
         "hawa-w-full hawa-flex-col  hawa-items-center hawa-rounded hawa-bg-background hawa-text-left hawa-text-white sm:hawa-text-base"
       )
     },
-    tabs && /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-bg-gray-200 dark:hawa-bg-muted  hawa-p-2 hawa-pb-0 hawa-text-foreground hawa-font-mono " }, tabs.map((tab, i) => /* @__PURE__ */ React10.createElement(
+    fileName && /* @__PURE__ */ React10.createElement(
       "div",
       {
-        key: i,
         className: cn(
-          selectedTab === i ? " hawa-border-b-2 hawa-border-primary" : "hawa-bg-transparent"
+          "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t  dark:hawa-bg-muted hawa-p-2 hawa-py-0.5 hawa-pb-0 hawa-text-foreground hawa-font-mono",
+          fileName && tabs ? "hawa-bg-gray-300 dark:hawa-bg-muted/50" : "hawa-bg-gray-200"
         )
       },
       /* @__PURE__ */ React10.createElement(
         "div",
         {
-          onClick: () => setSelectedTab(i),
           className: cn(
-            "hawa-mb-1 hawa-transition-all hawa-w-full hawa-max-w-[52px] hawa-cursor-pointer hawa-rounded-inner hawa-p-2 hawa-py-1 hawa-text-center  hawa-text-[1rem] hover:hawa-bg-muted-foreground/20"
+            "mono hawa-w-full hawa-max-w-[52px] hawa-rounded-inner hawa-p-1 hawa-py-0.5 hawa-text-center hawa-text-[0.75rem]"
           )
         },
-        tab.title
+        fileName
       )
-    ))),
-    fileName && /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-bg-gray-200 dark:hawa-bg-muted hawa-p-2 hawa-pb-0 hawa-text-foreground hawa-font-mono" }, /* @__PURE__ */ React10.createElement(
+    ),
+    tabs && /* @__PURE__ */ React10.createElement(
       "div",
       {
         className: cn(
-          "hawa-mb-1 mono hawa-w-full hawa-max-w-[52px] hawa-rounded-inner hawa-p-2 hawa-py-1 hawa-text-center hawa-text-[1rem]"
+          "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-bg-gray-200 dark:hawa-bg-muted  hawa-p-2 hawa-pb-0 hawa-text-foreground hawa-font-mono",
+          tabs && fileName && "hawa-rounded-t-none"
         )
       },
-      fileName
-    )),
+      tabs.map((tab, i) => /* @__PURE__ */ React10.createElement(
+        "div",
+        {
+          key: i,
+          className: cn(
+            selectedTab === i ? " hawa-border-b-2 hawa-border-primary" : "hawa-bg-transparent"
+          )
+        },
+        /* @__PURE__ */ React10.createElement(
+          "div",
+          {
+            onClick: () => setSelectedTab(i),
+            className: cn(
+              "hawa-mb-1 hawa-transition-all hawa-w-full hawa-max-w-[52px] hawa-cursor-pointer hawa-rounded-inner hawa-p-2 hawa-py-1 hawa-text-center  hawa-text-[1rem] hover:hawa-bg-muted-foreground/20"
+            )
+          },
+          tab.title
+        )
+      ))
+    ),
     /* @__PURE__ */ React10.createElement("pre", null, /* @__PURE__ */ React10.createElement(
       "div",
       {
@@ -1266,11 +1284,19 @@ var Radio = ({
 // components/elements/Skeleton.tsx
 import React17 from "react";
 function Skeleton({ className, animation = "pulse", ...props }) {
+  const animationStyles = {
+    none: "hawa-rounded hawa-bg-muted",
+    pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
+    shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
+  };
   return /* @__PURE__ */ React17.createElement(
     "div",
     {
       className: cn(
-        animation === "pulse" ? "hawa-animate-pulse hawa-rounded hawa-bg-muted" : "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10",
+        animationStyles[animation],
+        // animation === "pulse"
+        //   ? "hawa-animate-pulse hawa-rounded hawa-bg-muted"
+        //   : "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10",
         className
       ),
       ...props
@@ -3907,7 +3933,7 @@ var Input = ({
       {
         className: cn(
           defaultInputStyle,
-          "hawa-text-black dark:hawa-text-white ",
+          "hawa-text-black dark:hawa-text-white",
           props.icon && "hawa-pl-10",
           "focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0",
           preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0",

package/package.json

@@ -1,85 +1,85 @@
-{
-  "name": "@sikka/hawa",
-  "version": "0.7.0",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js"
-    },
-    "./dist/style.css": "./dist/index.css"
-  },
-  "files": [
-    "dist/**"
-  ],
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start -p 3032",
-    "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",
-    "prepub": "npm run build-lib && npm run build-css",
-    "pub": "npm publish --tag next"
-  },
-  "dependencies": {
-    "@hookform/resolvers": "^3.3.1",
-    "@radix-ui/react-accordion": "^1.1.2",
-    "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-dropdown-menu": "^2.0.6",
-    "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-progress": "^1.0.3",
-    "@radix-ui/react-scroll-area": "^1.0.5",
-    "@radix-ui/react-slider": "^1.1.2",
-    "@radix-ui/react-switch": "^1.0.3",
-    "@radix-ui/react-tabs": "^1.0.4",
-    "@radix-ui/react-toast": "^1.1.5",
-    "@radix-ui/react-tooltip": "^1.0.7",
-    "@tanstack/react-table": "^8.10.3",
-    "@types/node": "20.8.0",
-    "@types/react": "18.2.23",
-    "@types/react-dom": "18.2.8",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.0.0",
-    "cmdk": "^0.2.0",
-    "eslint": "8.50.0",
-    "eslint-config-next": "13.5.3",
-    "next": "^13.5.4",
-    "next-themes": "^0.2.1",
-    "prism-react-renderer": "^2.1.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-dropzone": "^14.2.3",
-    "react-hook-form": "^7.47.0",
-    "react-select": "^5.7.7",
-    "tailwind-merge": "^1.14.0",
-    "typescript": "5.2.2",
-    "zod": "^3.22.3"
-  },
-  "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/manager-api": "^7.4.5",
-    "@storybook/nextjs": "^7.4.5",
-    "@storybook/react": "^7.4.5",
-    "@storybook/testing-library": "^0.2.1",
-    "autoprefixer": "^10.4.16",
-    "lucide-react": "^0.279.0",
-    "eslint-plugin-storybook": "^0.6.14",
-    "postcss": "^8.4.31",
-    "postcss-cli": "^10.1.0",
-    "postcss-import": "^15.1.0",
-    "storybook": "^7.4.5",
-    "storybook-dark-mode": "^3.0.1",
-    "tailwindcss": "^3.3.3",
-    "tailwindcss-animate": "^1.0.7",
-    "tsup": "^7.2.0"
-  }
-}
+{
+  "name": "@sikka/hawa",
+  "version": "0.7.2-next",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    },
+    "./dist/style.css": "./dist/index.css"
+  },
+  "files": [
+    "dist/**"
+  ],
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start -p 3032",
+    "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",
+    "prepub": "npm run build-lib && npm run build-css",
+    "pub": "npm publish --tag next"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^3.3.1",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-progress": "^1.0.3",
+    "@radix-ui/react-scroll-area": "^1.0.5",
+    "@radix-ui/react-slider": "^1.1.2",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "@tanstack/react-table": "^8.10.3",
+    "@types/node": "20.8.0",
+    "@types/react": "18.2.23",
+    "@types/react-dom": "18.2.8",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.0.0",
+    "cmdk": "^0.2.0",
+    "eslint": "8.50.0",
+    "eslint-config-next": "13.5.3",
+    "next": "^13.5.4",
+    "next-themes": "^0.2.1",
+    "prism-react-renderer": "^2.1.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-dropzone": "^14.2.3",
+    "react-hook-form": "^7.47.0",
+    "react-select": "^5.7.7",
+    "tailwind-merge": "^1.14.0",
+    "typescript": "5.2.2",
+    "zod": "^3.22.3"
+  },
+  "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/manager-api": "^7.4.5",
+    "@storybook/nextjs": "^7.4.5",
+    "@storybook/react": "^7.4.5",
+    "@storybook/testing-library": "^0.2.1",
+    "autoprefixer": "^10.4.16",
+    "lucide-react": "^0.279.0",
+    "eslint-plugin-storybook": "^0.6.14",
+    "postcss": "^8.4.31",
+    "postcss-cli": "^10.1.0",
+    "postcss-import": "^15.1.0",
+    "storybook": "^7.4.5",
+    "storybook-dark-mode": "^3.0.1",
+    "tailwindcss": "^3.3.3",
+    "tailwindcss-animate": "^1.0.7",
+    "tsup": "^7.2.0"
+  }
+}