@sikka/hawa 0.8.4-next → 0.8.6-next

package/dist/index.css

@@ -808,6 +808,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-isolate {
   isolation: isolate;
 }
+.hawa-z-0 {
+  z-index: 0;
+}
 .hawa-z-10 {
   z-index: 10;
 }
@@ -1252,9 +1255,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-max-w-2xs {
   max-width: 250px;
 }
-.hawa-max-w-4xl {
-  max-width: 56rem;
-}
 .hawa-max-w-\[200px\] {
   max-width: 200px;
 }
@@ -1552,15 +1552,6 @@ input[type="number"]::-webkit-inner-spin-button,
   margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
 }
-.hawa-divide-y > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-y-reverse: 0;
-  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
-}
-.hawa-divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
-}
 .hawa-overflow-auto {
   overflow: auto;
 }
@@ -1588,9 +1579,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-whitespace-nowrap {
   white-space: nowrap;
 }
-.hawa-whitespace-break-spaces {
-  white-space: break-spaces;
-}
 .hawa-rounded {
   border-radius: var(--radius);
 }
@@ -1796,10 +1784,6 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity));
 }
-.hawa-bg-gray-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
-}
 .hawa-bg-gray-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(107 114 128 / var(--tw-bg-opacity));
@@ -2004,10 +1988,6 @@ input[type="number"]::-webkit-inner-spin-button,
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }
-.hawa-px-6 {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-}
 .hawa-px-8 {
   padding-left: 2rem;
   padding-right: 2rem;
@@ -2125,6 +2105,10 @@ input[type="number"]::-webkit-inner-spin-button,
   font-size: 1.875rem;
   line-height: 2.25rem;
 }
+.hawa-text-4xl {
+  font-size: 2.25rem;
+  line-height: 2.5rem;
+}
 .hawa-text-5xl {
   font-size: 3rem;
   line-height: 1;
@@ -2195,6 +2179,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-leading-4 {
   line-height: 1rem;
 }
+.hawa-leading-6 {
+  line-height: 1.5rem;
+}
 .hawa-leading-none {
   line-height: 1;
 }
@@ -2204,9 +2191,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-tracking-tight {
   letter-spacing: -0.025em;
 }
-.hawa-tracking-wider {
-  letter-spacing: 0.05em;
-}
 .hawa-tracking-widest {
   letter-spacing: 0.1em;
 }

package/dist/index.d.mts

@@ -161,6 +161,7 @@ type CodeBlockTypes = {
     code?: string;
     lineNumbers?: boolean;
     forcedDarkMode?: boolean;
+    className?: string;
 };
 declare const CodeBlock: FC<CodeBlockTypes>;
 

package/dist/index.d.ts

@@ -161,6 +161,7 @@ type CodeBlockTypes = {
     code?: string;
     lineNumbers?: boolean;
     forcedDarkMode?: boolean;
+    className?: string;
 };
 declare const CodeBlock: FC<CodeBlockTypes>;
 

package/dist/index.js

@@ -1298,11 +1298,12 @@ function useClipboard() {
 // components/elements/CodeBlock.tsx
 var import_prism_react_renderer = require("prism-react-renderer");
 var CodeBlock = function(_param) {
-    var tabs = _param.tabs, code = _param.code, fileName = _param.fileName, _param_language = _param.language, language = _param_language === void 0 ? "javascript" : _param_language, _param_width = _param.// default to JavaScript if no language is provided
+    var tabs = _param.tabs, code = _param.code, fileName = _param.fileName, className = _param.className, _param_language = _param.language, language = _param_language === void 0 ? "javascript" : _param_language, _param_width = _param.// default to JavaScript if no language is provided
     width, width = _param_width === void 0 ? "full" : _param_width, props = _object_without_properties(_param, [
         "tabs",
         "code",
         "fileName",
+        "className",
         "language",
         "width"
     ]);
@@ -1317,7 +1318,7 @@ var CodeBlock = function(_param) {
         xs: "hawa-w-full hawa-max-w-xs"
     };
     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")
+        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", className)
     }, 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", {
@@ -1334,14 +1335,14 @@ 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));
-    })), /* @__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("div", {
+        className: cn("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,
         code: tabs ? tabs[selectedTab].code : code || "",
         language: language
     }, function(param) {
-        var className = param.className, style = param.style, tokens = param.tokens, getLineProps = param.getLineProps, getTokenProps = param.getTokenProps;
+        var className2 = param.className, style = param.style, tokens = param.tokens, getLineProps = param.getLineProps, getTokenProps = param.getTokenProps;
         return /* @__PURE__ */ import_react8.default.createElement("pre", {
             className: "hawa-min-h-[37.75px] hawa-w-full hawa-overflow-auto hawa-p-4 hawa-text-foreground hawa-font-mono"
         }, tokens.map(function(line, i) {
@@ -1360,7 +1361,7 @@ var CodeBlock = function(_param) {
             }));
         }));
     }), /* @__PURE__ */ import_react8.default.createElement("div", {
-        className: "hawa-absolute hawa-right-0 hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-p-2"
+        className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-p-2"
     }, /* @__PURE__ */ import_react8.default.createElement(Tooltip, {
         open: clipboard.copied,
         side: "left",
@@ -1391,7 +1392,7 @@ var CodeBlock = function(_param) {
         ry: "2"
     }), /* @__PURE__ */ import_react8.default.createElement("path", {
         d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
-    }))))))));
+    })))))));
 };
 // components/elements/Checkbox.tsx
 var React11 = __toESM(require("react"));
@@ -5040,7 +5041,7 @@ var AccordionTrigger = React36.forwardRef(function(_param, ref) /* @__PURE__ */
         className: "hawa-flex"
     }, /* @__PURE__ */ React36.createElement(AccordionPrimitive.Trigger, _object_spread({
         ref: ref,
-        className: cn("hawa-flex hawa-bg-muted/50 hawa-flex-1 hover:hawa-bg-muted  hawa-items-center hawa-justify-between hawa-p-4 hawa-font-medium hawa-transition-all  [&[data-state=open]>svg]:hawa-rotate-180", className)
+        className: cn("hawa-flex hawa-bg-muted/50  hawa-flex-1 hover:hawa-bg-muted  hawa-items-center hawa-justify-between hawa-p-4 hawa-font-medium hawa-transition-all  [&[data-state=open]>svg]:hawa-rotate-180", className)
     }, props), children, /* @__PURE__ */ React36.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         width: "24",

package/dist/index.mjs

@@ -615,6 +615,7 @@ var CodeBlock = ({
   tabs,
   code,
   fileName,
+  className,
   language = "javascript",
   // default to JavaScript if no language is provided
   width = "full",
@@ -635,7 +636,8 @@ var CodeBlock = ({
     {
       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"
+        "hawa-w-full hawa-flex-col hawa-items-center hawa-rounded hawa-bg-background hawa-text-left hawa-text-white sm:hawa-text-base",
+        className
       )
     },
     fileName && /* @__PURE__ */ React10.createElement(
@@ -684,11 +686,11 @@ var CodeBlock = ({
         )
       ))
     ),
-    /* @__PURE__ */ React10.createElement("pre", null, /* @__PURE__ */ React10.createElement(
+    /* @__PURE__ */ React10.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 ",
+          "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"
         )
       },
@@ -699,9 +701,9 @@ var CodeBlock = ({
           code: tabs ? tabs[selectedTab].code : code || "",
           language
         },
-        ({ className, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React10.createElement("pre", { className: "hawa-min-h-[37.75px] hawa-w-full hawa-overflow-auto hawa-p-4 hawa-text-foreground hawa-font-mono" }, tokens.map((line, i) => /* @__PURE__ */ React10.createElement("div", { key: i, ...getLineProps({ line }) }, props.lineNumbers && /* @__PURE__ */ React10.createElement("span", { className: "hawa-mr-4" }, i + 1), line.map((token, key) => /* @__PURE__ */ React10.createElement("span", { key, ...getTokenProps({ token }) })))))
+        ({ className: className2, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React10.createElement("pre", { className: "hawa-min-h-[37.75px] hawa-w-full hawa-overflow-auto hawa-p-4 hawa-text-foreground hawa-font-mono" }, tokens.map((line, i) => /* @__PURE__ */ React10.createElement("div", { key: i, ...getLineProps({ line }) }, props.lineNumbers && /* @__PURE__ */ React10.createElement("span", { className: "hawa-mr-4" }, i + 1), line.map((token, key) => /* @__PURE__ */ React10.createElement("span", { key, ...getTokenProps({ token }) })))))
       ),
-      /* @__PURE__ */ React10.createElement("div", { className: "hawa-absolute hawa-right-0 hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-p-2" }, /* @__PURE__ */ React10.createElement(
+      /* @__PURE__ */ React10.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-p-2" }, /* @__PURE__ */ React10.createElement(
         Tooltip,
         {
           open: clipboard.copied,
@@ -734,7 +736,7 @@ var CodeBlock = ({
           )
         )
       ))
-    ))
+    )
   );
 };
 
@@ -4676,7 +4678,7 @@ var AccordionTrigger = React36.forwardRef(({ className, children, ...props }, re
   {
     ref,
     className: cn(
-      "hawa-flex hawa-bg-muted/50 hawa-flex-1 hover:hawa-bg-muted  hawa-items-center hawa-justify-between hawa-p-4 hawa-font-medium hawa-transition-all  [&[data-state=open]>svg]:hawa-rotate-180",
+      "hawa-flex hawa-bg-muted/50  hawa-flex-1 hover:hawa-bg-muted  hawa-items-center hawa-justify-between hawa-p-4 hawa-font-medium hawa-transition-all  [&[data-state=open]>svg]:hawa-rotate-180",
       className
     ),
     ...props

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.8.4-next",
+  "version": "0.8.6-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {