@sikka/hawa 0.30.18-next → 0.30.20-next

package/dist/elements/index.d.mts

@@ -770,20 +770,13 @@ type ScrollIndicatorProps = {
 };
 declare const ScrollIndicator: FC<ScrollIndicatorProps>;
 
-type CodeBlockTypes = {
+type CodeBlockTypesBase = {
     /** Specifies the programming language for syntax highlighting.*/
     language?: HighlightProps["language"];
     /** Defines the width of the code block.*/
     width?: "full" | "md" | "sm";
-    /** Array of tabs each containing a title and code content.*/
-    tabs?: {
-        title: string;
-        code: string;
-    }[];
     /** Name of the file being displayed.   */
     fileName?: string;
-    /** Code content to be displayed within the code block.*/
-    code: string;
     /** line numbers for code block   */
     lineNumbers?: boolean;
     /** Wrap text in code block */
@@ -798,6 +791,34 @@ type CodeBlockTypes = {
         codeBlockContainer?: string;
     };
 };
+/**
+ * Type for when tabs are provided. In this case, the code property is optional.
+ * Do not provide the "code" prop if "tabs" exists.
+ */
+type CodeBlockTypesWithTabs = CodeBlockTypesBase & {
+    /** Array of tabs each containing a title and code content.*/
+    tabs: {
+        title: string;
+        code: string;
+    }[];
+    /** Code content to be displayed within the code block.*/
+    code?: string;
+};
+/**
+ * Type for when tabs are not provided. In this case, the code property is required.
+ * You must provide the "code" prop if "tabs" does not exist.
+ */
+type CodeBlockTypesWithoutTabs = CodeBlockTypesBase & {
+    /** Array of tabs each containing a title and code content.*/
+    tabs?: never;
+    /** Code content to be displayed within the code block.*/
+    code: string;
+};
+/**
+ * Either provide "tabs" prop (in which case "code" is optional),
+ * or do not provide "tabs" (in which case "code" is required).
+ */
+type CodeBlockTypes = CodeBlockTypesWithTabs | CodeBlockTypesWithoutTabs;
 declare const CodeBlock: FC<CodeBlockTypes>;
 
 type CarouselProps = {

package/dist/elements/index.d.ts

@@ -770,20 +770,13 @@ type ScrollIndicatorProps = {
 };
 declare const ScrollIndicator: FC<ScrollIndicatorProps>;
 
-type CodeBlockTypes = {
+type CodeBlockTypesBase = {
     /** Specifies the programming language for syntax highlighting.*/
     language?: HighlightProps["language"];
     /** Defines the width of the code block.*/
     width?: "full" | "md" | "sm";
-    /** Array of tabs each containing a title and code content.*/
-    tabs?: {
-        title: string;
-        code: string;
-    }[];
     /** Name of the file being displayed.   */
     fileName?: string;
-    /** Code content to be displayed within the code block.*/
-    code: string;
     /** line numbers for code block   */
     lineNumbers?: boolean;
     /** Wrap text in code block */
@@ -798,6 +791,34 @@ type CodeBlockTypes = {
         codeBlockContainer?: string;
     };
 };
+/**
+ * Type for when tabs are provided. In this case, the code property is optional.
+ * Do not provide the "code" prop if "tabs" exists.
+ */
+type CodeBlockTypesWithTabs = CodeBlockTypesBase & {
+    /** Array of tabs each containing a title and code content.*/
+    tabs: {
+        title: string;
+        code: string;
+    }[];
+    /** Code content to be displayed within the code block.*/
+    code?: string;
+};
+/**
+ * Type for when tabs are not provided. In this case, the code property is required.
+ * You must provide the "code" prop if "tabs" does not exist.
+ */
+type CodeBlockTypesWithoutTabs = CodeBlockTypesBase & {
+    /** Array of tabs each containing a title and code content.*/
+    tabs?: never;
+    /** Code content to be displayed within the code block.*/
+    code: string;
+};
+/**
+ * Either provide "tabs" prop (in which case "code" is optional),
+ * or do not provide "tabs" (in which case "code" is required).
+ */
+type CodeBlockTypes = CodeBlockTypesWithTabs | CodeBlockTypesWithoutTabs;
 declare const CodeBlock: FC<CodeBlockTypes>;
 
 type CarouselProps = {

package/dist/elements/index.js

@@ -1847,7 +1847,7 @@ var DialogContent = React14.forwardRef(({ className, children, persist, hideClos
     },
     ref,
     className: cn(
-      "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full",
+      "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] hawa-rounded md:hawa-w-full",
       className
     ),
     ...props

package/dist/elements/index.mjs

@@ -395,7 +395,7 @@ var DialogContent = React6.forwardRef(({ className, children, persist, hideClose
     },
     ref,
     className: cn(
-      "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full",
+      "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] hawa-rounded md:hawa-w-full",
       className
     ),
     ...props

package/dist/index.d.mts

@@ -971,20 +971,13 @@ type ScrollIndicatorProps = {
 };
 declare const ScrollIndicator: FC<ScrollIndicatorProps>;
 
-type CodeBlockTypes = {
+type CodeBlockTypesBase = {
     /** Specifies the programming language for syntax highlighting.*/
     language?: HighlightProps["language"];
     /** Defines the width of the code block.*/
     width?: "full" | "md" | "sm";
-    /** Array of tabs each containing a title and code content.*/
-    tabs?: {
-        title: string;
-        code: string;
-    }[];
     /** Name of the file being displayed.   */
     fileName?: string;
-    /** Code content to be displayed within the code block.*/
-    code: string;
     /** line numbers for code block   */
     lineNumbers?: boolean;
     /** Wrap text in code block */
@@ -999,6 +992,34 @@ type CodeBlockTypes = {
         codeBlockContainer?: string;
     };
 };
+/**
+ * Type for when tabs are provided. In this case, the code property is optional.
+ * Do not provide the "code" prop if "tabs" exists.
+ */
+type CodeBlockTypesWithTabs = CodeBlockTypesBase & {
+    /** Array of tabs each containing a title and code content.*/
+    tabs: {
+        title: string;
+        code: string;
+    }[];
+    /** Code content to be displayed within the code block.*/
+    code?: string;
+};
+/**
+ * Type for when tabs are not provided. In this case, the code property is required.
+ * You must provide the "code" prop if "tabs" does not exist.
+ */
+type CodeBlockTypesWithoutTabs = CodeBlockTypesBase & {
+    /** Array of tabs each containing a title and code content.*/
+    tabs?: never;
+    /** Code content to be displayed within the code block.*/
+    code: string;
+};
+/**
+ * Either provide "tabs" prop (in which case "code" is optional),
+ * or do not provide "tabs" (in which case "code" is required).
+ */
+type CodeBlockTypes = CodeBlockTypesWithTabs | CodeBlockTypesWithoutTabs;
 declare const CodeBlock: FC<CodeBlockTypes>;
 
 type CarouselProps = {

package/dist/index.d.ts

@@ -971,20 +971,13 @@ type ScrollIndicatorProps = {
 };
 declare const ScrollIndicator: FC<ScrollIndicatorProps>;
 
-type CodeBlockTypes = {
+type CodeBlockTypesBase = {
     /** Specifies the programming language for syntax highlighting.*/
     language?: HighlightProps["language"];
     /** Defines the width of the code block.*/
     width?: "full" | "md" | "sm";
-    /** Array of tabs each containing a title and code content.*/
-    tabs?: {
-        title: string;
-        code: string;
-    }[];
     /** Name of the file being displayed.   */
     fileName?: string;
-    /** Code content to be displayed within the code block.*/
-    code: string;
     /** line numbers for code block   */
     lineNumbers?: boolean;
     /** Wrap text in code block */
@@ -999,6 +992,34 @@ type CodeBlockTypes = {
         codeBlockContainer?: string;
     };
 };
+/**
+ * Type for when tabs are provided. In this case, the code property is optional.
+ * Do not provide the "code" prop if "tabs" exists.
+ */
+type CodeBlockTypesWithTabs = CodeBlockTypesBase & {
+    /** Array of tabs each containing a title and code content.*/
+    tabs: {
+        title: string;
+        code: string;
+    }[];
+    /** Code content to be displayed within the code block.*/
+    code?: string;
+};
+/**
+ * Type for when tabs are not provided. In this case, the code property is required.
+ * You must provide the "code" prop if "tabs" does not exist.
+ */
+type CodeBlockTypesWithoutTabs = CodeBlockTypesBase & {
+    /** Array of tabs each containing a title and code content.*/
+    tabs?: never;
+    /** Code content to be displayed within the code block.*/
+    code: string;
+};
+/**
+ * Either provide "tabs" prop (in which case "code" is optional),
+ * or do not provide "tabs" (in which case "code" is required).
+ */
+type CodeBlockTypes = CodeBlockTypesWithTabs | CodeBlockTypesWithoutTabs;
 declare const CodeBlock: FC<CodeBlockTypes>;
 
 type CarouselProps = {

package/dist/index.js

@@ -1914,7 +1914,7 @@ var DialogContent = React14.forwardRef(({ className, children, persist, hideClos
     },
     ref,
     className: cn(
-      "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full",
+      "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] hawa-rounded md:hawa-w-full",
       className
     ),
     ...props

package/dist/index.mjs

@@ -1679,7 +1679,7 @@ var DialogContent = React14.forwardRef(({ className, children, persist, hideClos
     },
     ref,
     className: cn(
-      "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] sm:hawa-rounded md:hawa-w-full",
+      "hawa-fixed hawa-left-[50%] hawa-top-[50%] hawa-z-50 hawa-grid hawa-w-full hawa-max-w-lg hawa-translate-x-[-50%] hawa-translate-y-[-50%] hawa-gap-4 hawa-border hawa-bg-background hawa-p-6 hawa-shadow-lg hawa-transition-all hawa-duration-200 data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0 data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-95 data-[state=closed]:hawa-slide-out-to-left-1/2 data-[state=closed]:hawa-slide-out-to-top-[48%] data-[state=open]:hawa-slide-in-from-left-1/2 data-[state=open]:hawa-slide-in-from-top-[48%] hawa-rounded md:hawa-w-full",
       className
     ),
     ...props

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.30.18-next",
+  "version": "0.30.20-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",
@@ -65,23 +65,23 @@
     "@tanstack/table-core": "^8.13.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
-    "cmdk": "^0.2.1",
+    "cmdk": "^1.0.0",
     "embla-carousel-auto-height": "^8.0.0",
     "embla-carousel-react": "^8.0.0",
     "eslint": "^8.57.0",
-    "eslint-config-next": "^14.1.2",
-    "libphonenumber-js": "^1.10.57",
+    "eslint-config-next": "^14.1.3",
+    "libphonenumber-js": "^1.10.58",
     "prism-react-renderer": "^2.3.1",
     "prismjs": "^1.29.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-dropzone": "^14.2.3",
     "react-headless-pagination": "^1.1.5",
-    "react-hook-form": "^7.51.0",
+    "react-hook-form": "^7.51.1",
     "react-select": "^5.8.0",
-    "signature_pad": "^4.1.7",
-    "tailwind-merge": "^2.2.1",
-    "tailwind-variants": "^0.2.0",
+    "signature_pad": "^4.2.0",
+    "tailwind-merge": "^2.2.2",
+    "tailwind-variants": "^0.2.1",
     "trim-canvas": "^0.1.2",
     "zod": "^3.22.4"
   },
@@ -91,16 +91,16 @@
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.1",
     "@types/jest": "^29.5.12",
-    "@types/react": "^18.2.63",
-    "@types/react-dom": "^18.2.20",
+    "@types/react": "^18.2.67",
+    "@types/react-dom": "^18.2.22",
     "autoprefixer": "^10.4.18",
     "boxen": "^7.1.1",
     "chalk": "^5.3.0",
     "embla-carousel": "8.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "lucide-react": "^0.344.0",
-    "postcss": "^8.4.35",
+    "lucide-react": "^0.359.0",
+    "postcss": "^8.4.36",
     "postcss-cli": "^11.0.0",
     "postcss-import": "^16.0.1",
     "tailwindcss": "^3.4.1",