@sikka/hawa 0.26.22 → 0.26.24

package/README.md

@@ -67,7 +67,7 @@ npm install @sikka/hawa
 
 ## Contributing
 
-Please see our [contributing.md](/contributing.md).
+Please see our [contributing.md](/CONTRIBUTING.md).
 
 
 

package/dist/alert/index.d.mts

@@ -18,6 +18,7 @@ type AlertTypes = {
             variant: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost";
         }
     ];
+    /** Removes the close button */
     persistent?: boolean;
     icon?: any;
     className?: any;

package/dist/alert/index.d.ts

@@ -18,6 +18,7 @@ type AlertTypes = {
             variant: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost";
         }
     ];
+    /** Removes the close button */
     persistent?: boolean;
     icon?: any;
     className?: any;

package/dist/blocks/index.mjs

@@ -42,6 +42,7 @@ import {
   Tooltip,
   cn
 } from "../chunk-MQUAGP7K.mjs";
+import "../chunk-ZFXKCRJC.mjs";
 
 // blocks/auth/LoginForm.tsx
 import React2, { useState } from "react";

package/dist/carousel/index.d.mts

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import { D as DirectionType } from '../commonTypes-2k6FnHw5.mjs';
 import { EmblaOptionsType } from 'embla-carousel';
 
 type CarouselProps = {
@@ -7,6 +8,7 @@ type CarouselProps = {
     autoplay?: boolean;
     autoplayInterval?: number;
     options?: EmblaOptionsType;
+    direction?: DirectionType;
 };
 declare const Carousel: React__default.FC<CarouselProps>;
 

package/dist/carousel/index.d.ts

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import { D as DirectionType } from '../commonTypes-2k6FnHw5.js';
 import { EmblaOptionsType } from 'embla-carousel';
 
 type CarouselProps = {
@@ -7,6 +8,7 @@ type CarouselProps = {
     autoplay?: boolean;
     autoplayInterval?: number;
     options?: EmblaOptionsType;
+    direction?: DirectionType;
 };
 declare const Carousel: React__default.FC<CarouselProps>;
 

package/dist/carousel/index.js

@@ -36,7 +36,6 @@ module.exports = __toCommonJS(carousel_exports);
 
 // elements/carousel/Carousel.tsx
 var import_react = __toESM(require("react"));
-var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
 
 // util/index.ts
 var import_clsx = require("clsx");
@@ -46,16 +45,19 @@ function cn(...inputs) {
 }
 
 // elements/carousel/Carousel.tsx
+var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
 var Carousel = ({
   items,
   showArrows,
   options,
   autoplay,
+  direction = "ltr",
   autoplayInterval = 3e3,
   ...props
 }) => {
   const [emblaRef, emblaApi] = (0, import_embla_carousel_react.default)({
     ...options,
+    direction,
     loop: autoplay ? true : (options == null ? void 0 : options.loop) || false
   });
   const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
@@ -94,6 +96,7 @@ var Carousel = ({
   ))))), /* @__PURE__ */ import_react.default.createElement(
     Dots,
     {
+      direction,
       itemsLength: length,
       selectedIndex,
       onDotClick: (index) => emblaApi == null ? void 0 : emblaApi.scrollTo(index)
@@ -108,22 +111,34 @@ var Carousel = ({
     }
   ));
 };
-var Dots = ({ onDotClick, itemsLength, selectedIndex }) => {
+var Dots = ({
+  onDotClick,
+  itemsLength,
+  selectedIndex,
+  direction
+}) => {
   const arr = new Array(itemsLength).fill(0);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "hawa-z-50 hawa-my-2 hawa-flex hawa-justify-center hawa-gap-1" }, arr.map((_, index) => {
-    const selected = index === selectedIndex;
-    return /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        key: index,
-        onClick: () => onDotClick(index),
-        className: cn(
-          "hawa-h-2 hawa-rounded-full hawa-bg-primary hawa-transition-all hawa-duration-300 hover:hawa-cursor-pointer",
-          !selected ? "hawa-w-2 hawa-opacity-50" : "hawa-w-6 hawa-opacity-100"
-        )
-      }
-    );
-  }));
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      dir: direction,
+      className: "hawa-z-50 hawa-my-2 hawa-flex hawa-justify-center hawa-gap-1"
+    },
+    arr.map((_, index) => {
+      const selected = index === selectedIndex;
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          key: index,
+          onClick: () => onDotClick(index),
+          className: cn(
+            "hawa-h-2 hawa-rounded-full hawa-bg-primary hawa-transition-all hawa-duration-300 hover:hawa-cursor-pointer",
+            !selected ? "hawa-w-2 hawa-opacity-50" : "hawa-w-6 hawa-opacity-100"
+          )
+        }
+      );
+    })
+  );
 };
 var CarouselControls = (props) => {
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ import_react.default.createElement(

package/dist/carousel/index.mjs

@@ -10,11 +10,13 @@ var Carousel = ({
   showArrows,
   options,
   autoplay,
+  direction = "ltr",
   autoplayInterval = 3e3,
   ...props
 }) => {
   const [emblaRef, emblaApi] = useEmblaCarousel({
     ...options,
+    direction,
     loop: autoplay ? true : (options == null ? void 0 : options.loop) || false
   });
   const [selectedIndex, setSelectedIndex] = useState(0);
@@ -53,6 +55,7 @@ var Carousel = ({
   ))))), /* @__PURE__ */ React.createElement(
     Dots,
     {
+      direction,
       itemsLength: length,
       selectedIndex,
       onDotClick: (index) => emblaApi == null ? void 0 : emblaApi.scrollTo(index)
@@ -67,22 +70,34 @@ var Carousel = ({
     }
   ));
 };
-var Dots = ({ onDotClick, itemsLength, selectedIndex }) => {
+var Dots = ({
+  onDotClick,
+  itemsLength,
+  selectedIndex,
+  direction
+}) => {
   const arr = new Array(itemsLength).fill(0);
-  return /* @__PURE__ */ React.createElement("div", { className: "hawa-z-50 hawa-my-2 hawa-flex hawa-justify-center hawa-gap-1" }, arr.map((_, index) => {
-    const selected = index === selectedIndex;
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        key: index,
-        onClick: () => onDotClick(index),
-        className: cn(
-          "hawa-h-2 hawa-rounded-full hawa-bg-primary hawa-transition-all hawa-duration-300 hover:hawa-cursor-pointer",
-          !selected ? "hawa-w-2 hawa-opacity-50" : "hawa-w-6 hawa-opacity-100"
-        )
-      }
-    );
-  }));
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      dir: direction,
+      className: "hawa-z-50 hawa-my-2 hawa-flex hawa-justify-center hawa-gap-1"
+    },
+    arr.map((_, index) => {
+      const selected = index === selectedIndex;
+      return /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          key: index,
+          onClick: () => onDotClick(index),
+          className: cn(
+            "hawa-h-2 hawa-rounded-full hawa-bg-primary hawa-transition-all hawa-duration-300 hover:hawa-cursor-pointer",
+            !selected ? "hawa-w-2 hawa-opacity-50" : "hawa-w-6 hawa-opacity-100"
+          )
+        }
+      );
+    })
+  );
 };
 var CarouselControls = (props) => {
   return /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ React.createElement(

package/dist/checkbox/index.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { R as RadiusType } from '../commonTypes-PBumfOBg.mjs';
+import { R as RadiusType } from '../commonTypes-2k6FnHw5.mjs';
 
 type CheckBoxTypes = {
     id: string;

package/dist/checkbox/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { R as RadiusType } from '../commonTypes-PBumfOBg.js';
+import { R as RadiusType } from '../commonTypes-2k6FnHw5.js';
 
 type CheckBoxTypes = {
     id: string;

package/dist/chip/index.d.mts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { R as RadiusType } from '../commonTypes-PBumfOBg.mjs';
+import { R as RadiusType } from '../commonTypes-2k6FnHw5.mjs';
 
 type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
 type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {

package/dist/chip/index.d.ts

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { R as RadiusType } from '../commonTypes-PBumfOBg.js';
+import { R as RadiusType } from '../commonTypes-2k6FnHw5.js';
 
 type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
 type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {

package/dist/chunk-ZFXKCRJC.mjs

@@ -0,0 +1,11 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined")
+    return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+export {
+  __require
+};

package/dist/codeBlock/index.d.mts

@@ -1,8 +1,9 @@
 import { FC } from 'react';
+import { HighlightProps } from 'prism-react-renderer';
 
 type CodeBlockTypes = {
     /** Specifies the programming language for syntax highlighting.*/
-    language?: string;
+    language?: HighlightProps["language"];
     /** Defines the width of the code block.*/
     width?: "full" | "md" | "sm";
     /** Array of tabs each containing a title and code content.*/

package/dist/codeBlock/index.d.ts

@@ -1,8 +1,9 @@
 import { FC } from 'react';
+import { HighlightProps } from 'prism-react-renderer';
 
 type CodeBlockTypes = {
     /** Specifies the programming language for syntax highlighting.*/
-    language?: string;
+    language?: HighlightProps["language"];
     /** Defines the width of the code block.*/
     width?: "full" | "md" | "sm";
     /** Array of tabs each containing a title and code content.*/

package/dist/codeBlock/index.js

@@ -36,6 +36,15 @@ module.exports = __toCommonJS(codeBlock_exports);
 
 // elements/codeBlock/CodeBlock.tsx
 var import_react4 = __toESM(require("react"));
+
+// 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));
+}
+
+// elements/codeBlock/CodeBlock.tsx
 var import_prism_react_renderer = require("prism-react-renderer");
 
 // hooks/useClipboard.ts
@@ -64,13 +73,6 @@ function useClipboard({ timeout = 2e3 } = {}) {
   return { copy, reset, error, copied };
 }
 
-// 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));
-}
-
 // elements/button/Button.tsx
 var React2 = __toESM(require("react"));
 var import_class_variance_authority = require("class-variance-authority");
@@ -376,6 +378,8 @@ var Tooltip = ({
 };
 
 // elements/codeBlock/CodeBlock.tsx
+(typeof global !== "undefined" ? global : window).Prism = import_prism_react_renderer.Prism;
+require("prismjs/components/prism-bash");
 var CodeBlock = ({
   tabs,
   code,
@@ -388,8 +392,7 @@ var CodeBlock = ({
 }) => {
   const clipboard = useClipboard();
   const [selectedTab, setSelectedTab] = (0, import_react4.useState)(0);
-  const isDarkMode = props.forcedDarkMode || document.body.classList.contains("dark");
-  const theme = isDarkMode ? import_prism_react_renderer.themes.vsDark : import_prism_react_renderer.themes.vsLight;
+  const theme = import_prism_react_renderer.themes.oceanicNext;
   let widthStyles = {
     full: "hawa-w-full",
     md: "hawa-w-full hawa-max-w-md",
@@ -409,15 +412,15 @@ var CodeBlock = ({
       "div",
       {
         className: cn(
-          "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t  hawa-p-2 hawa-py-0.5 hawa-pb-0 hawa-font-mono hawa-text-foreground dark:hawa-bg-muted",
-          fileName && tabs ? "hawa-bg-gray-300 dark:hawa-bg-muted/50" : "hawa-bg-gray-200"
+          "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-2 hawa-py-0.5 hawa-pb-0 hawa-font-mono hawa-text-foreground",
+          fileName && tabs ? "hawa-bg-primary/10" : "hawa-bg-primary/15"
         )
       },
       /* @__PURE__ */ import_react4.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]"
+            "hawa-font-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
@@ -427,7 +430,8 @@ var CodeBlock = ({
       "div",
       {
         className: cn(
-          "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-bg-gray-200 hawa-p-2  hawa-pb-0 hawa-font-mono hawa-text-foreground dark:hawa-bg-muted",
+          // hawa-bg-gray-300 dark:hawa-bg-red-600
+          "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t  hawa-p-1 hawa-bg-primary/15 hawa-pb-0 hawa-font-mono hawa-text-foreground",
           tabs && fileName && "hawa-rounded-t-none"
         )
       },
@@ -444,7 +448,7 @@ var CodeBlock = ({
           {
             onClick: () => setSelectedTab(i),
             className: cn(
-              "hawa-mb-1 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]  hawa-transition-all hover:hawa-bg-muted-foreground/20"
+              "hawa-mb-0.5 hawa-w-full hawa-max-w-[52px] hawa-cursor-pointer hawa-rounded-inner hawa-p-2 hawa-py-0.5 hawa-text-center hawa-text-[0.7rem]  hawa-transition-all hover:hawa-bg-muted-foreground/20"
             )
           },
           tab.title
@@ -455,7 +459,7 @@ var CodeBlock = ({
       "div",
       {
         className: cn(
-          "hawa-flex hawa-w-full hawa-flex-row hawa-items-start hawa-justify-between hawa-border 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-items-start hawa-justify-between hawa-border hawa-bg-gray-700 hawa-p-0 hawa-text-left hawa-text-sm sm:hawa-text-base ",
           tabs || fileName ? "hawa-rounded-b hawa-rounded-t-none" : "hawa-rounded"
         )
       },
@@ -484,12 +488,12 @@ var CodeBlock = ({
             size: "icon",
             onClick: () => clipboard.copy(tabs ? tabs[selectedTab].code : code),
             variant: "outline",
-            className: "hawa-text-foreground hawa-opacity-50 sm:hawa-opacity-100"
+            className: "hawa-text-gray-200 hawa-opacity-50 "
           },
           /* @__PURE__ */ import_react4.default.createElement(
             "svg",
             {
-              "aria-label": "Copy Icon",
+              "aria-label": "Copy",
               stroke: "currentColor",
               fill: "none",
               strokeWidth: "2",

package/dist/codeBlock/index.mjs

@@ -2,10 +2,17 @@ import {
   Tooltip,
   cn
 } from "../chunk-2R7F2GL7.mjs";
+import {
+  __require
+} from "../chunk-ZFXKCRJC.mjs";
 
 // elements/codeBlock/CodeBlock.tsx
 import React3, { useState as useState2 } from "react";
-import { Highlight, themes } from "prism-react-renderer";
+import {
+  Highlight,
+  themes,
+  Prism
+} from "prism-react-renderer";
 
 // hooks/useClipboard.ts
 import { useState } from "react";
@@ -287,6 +294,8 @@ var Button = React2.forwardRef(
 Button.displayName = "Button";
 
 // elements/codeBlock/CodeBlock.tsx
+(typeof global !== "undefined" ? global : window).Prism = Prism;
+__require("prismjs/components/prism-bash");
 var CodeBlock = ({
   tabs,
   code,
@@ -299,8 +308,7 @@ var CodeBlock = ({
 }) => {
   const clipboard = useClipboard();
   const [selectedTab, setSelectedTab] = useState2(0);
-  const isDarkMode = props.forcedDarkMode || document.body.classList.contains("dark");
-  const theme = isDarkMode ? themes.vsDark : themes.vsLight;
+  const theme = themes.oceanicNext;
   let widthStyles = {
     full: "hawa-w-full",
     md: "hawa-w-full hawa-max-w-md",
@@ -320,15 +328,15 @@ var CodeBlock = ({
       "div",
       {
         className: cn(
-          "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t  hawa-p-2 hawa-py-0.5 hawa-pb-0 hawa-font-mono hawa-text-foreground dark:hawa-bg-muted",
-          fileName && tabs ? "hawa-bg-gray-300 dark:hawa-bg-muted/50" : "hawa-bg-gray-200"
+          "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-2 hawa-py-0.5 hawa-pb-0 hawa-font-mono hawa-text-foreground",
+          fileName && tabs ? "hawa-bg-primary/10" : "hawa-bg-primary/15"
         )
       },
       /* @__PURE__ */ React3.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]"
+            "hawa-font-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
@@ -338,7 +346,8 @@ var CodeBlock = ({
       "div",
       {
         className: cn(
-          "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-bg-gray-200 hawa-p-2  hawa-pb-0 hawa-font-mono hawa-text-foreground dark:hawa-bg-muted",
+          // hawa-bg-gray-300 dark:hawa-bg-red-600
+          "hawa-flex hawa-flex-row hawa-gap-2 hawa-rounded-t  hawa-p-1 hawa-bg-primary/15 hawa-pb-0 hawa-font-mono hawa-text-foreground",
           tabs && fileName && "hawa-rounded-t-none"
         )
       },
@@ -355,7 +364,7 @@ var CodeBlock = ({
           {
             onClick: () => setSelectedTab(i),
             className: cn(
-              "hawa-mb-1 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]  hawa-transition-all hover:hawa-bg-muted-foreground/20"
+              "hawa-mb-0.5 hawa-w-full hawa-max-w-[52px] hawa-cursor-pointer hawa-rounded-inner hawa-p-2 hawa-py-0.5 hawa-text-center hawa-text-[0.7rem]  hawa-transition-all hover:hawa-bg-muted-foreground/20"
             )
           },
           tab.title
@@ -366,7 +375,7 @@ var CodeBlock = ({
       "div",
       {
         className: cn(
-          "hawa-flex hawa-w-full hawa-flex-row hawa-items-start hawa-justify-between hawa-border 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-items-start hawa-justify-between hawa-border hawa-bg-gray-700 hawa-p-0 hawa-text-left hawa-text-sm sm:hawa-text-base ",
           tabs || fileName ? "hawa-rounded-b hawa-rounded-t-none" : "hawa-rounded"
         )
       },
@@ -395,12 +404,12 @@ var CodeBlock = ({
             size: "icon",
             onClick: () => clipboard.copy(tabs ? tabs[selectedTab].code : code),
             variant: "outline",
-            className: "hawa-text-foreground hawa-opacity-50 sm:hawa-opacity-100"
+            className: "hawa-text-gray-200 hawa-opacity-50 "
           },
           /* @__PURE__ */ React3.createElement(
             "svg",
             {
-              "aria-label": "Copy Icon",
+              "aria-label": "Copy",
               stroke: "currentColor",
               fill: "none",
               strokeWidth: "2",

package/dist/collapsible/index.mjs

@@ -1,3 +1,5 @@
+import "../chunk-ZFXKCRJC.mjs";
+
 // elements/collapsible/Collapsible.tsx
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 var Collapsible = CollapsiblePrimitive.Root;

package/dist/colorPicker/index.mjs

@@ -3,6 +3,7 @@ import {
   calculateLuminance,
   cn
 } from "../chunk-2R7F2GL7.mjs";
+import "../chunk-ZFXKCRJC.mjs";
 
 // elements/colorPicker/ColorPicker.tsx
 import React3, {

package/dist/commonTypes-2k6FnHw5.d.mts

@@ -0,0 +1,4 @@
+type DirectionType = "rtl" | "ltr";
+type RadiusType = "full" | "inherit" | "none";
+
+export type { DirectionType as D, RadiusType as R };

package/dist/commonTypes-2k6FnHw5.d.ts

@@ -0,0 +1,4 @@
+type DirectionType = "rtl" | "ltr";
+type RadiusType = "full" | "inherit" | "none";
+
+export type { DirectionType as D, RadiusType as R };

package/dist/elements/index.d.mts

@@ -22,6 +22,7 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SliderPrimitive from '@radix-ui/react-slider';
+import { HighlightProps } from 'prism-react-renderer';
 import { EmblaOptionsType } from 'embla-carousel';
 export { d as Toast, h as ToastAction, a as ToastActionElement, g as ToastClose, f as ToastDescription, T as ToastProps, b as ToastProvider, e as ToastTitle, c as ToastViewport } from '../Toast-VBd4UvlM.mjs';
 import '@radix-ui/react-dropdown-menu';
@@ -259,6 +260,7 @@ type AlertTypes = {
             variant: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost";
         }
     ];
+    /** Removes the close button */
     persistent?: boolean;
     icon?: any;
     className?: any;
@@ -718,7 +720,7 @@ declare const ScrollIndicator: FC<ScrollIndicatorProps>;
 
 type CodeBlockTypes = {
     /** Specifies the programming language for syntax highlighting.*/
-    language?: string;
+    language?: HighlightProps["language"];
     /** Defines the width of the code block.*/
     width?: "full" | "md" | "sm";
     /** Array of tabs each containing a title and code content.*/
@@ -742,6 +744,7 @@ type CarouselProps = {
     autoplay?: boolean;
     autoplayInterval?: number;
     options?: EmblaOptionsType;
+    direction?: DirectionType;
 };
 declare const Carousel: React__default.FC<CarouselProps>;
 

package/dist/elements/index.d.ts

@@ -22,6 +22,7 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as SliderPrimitive from '@radix-ui/react-slider';
+import { HighlightProps } from 'prism-react-renderer';
 import { EmblaOptionsType } from 'embla-carousel';
 export { d as Toast, h as ToastAction, a as ToastActionElement, g as ToastClose, f as ToastDescription, T as ToastProps, b as ToastProvider, e as ToastTitle, c as ToastViewport } from '../Toast-pOd4uGZz.js';
 import '@radix-ui/react-dropdown-menu';
@@ -259,6 +260,7 @@ type AlertTypes = {
             variant: "outline" | "link" | "default" | "destructive" | "secondary" | "ghost";
         }
     ];
+    /** Removes the close button */
     persistent?: boolean;
     icon?: any;
     className?: any;
@@ -718,7 +720,7 @@ declare const ScrollIndicator: FC<ScrollIndicatorProps>;
 
 type CodeBlockTypes = {
     /** Specifies the programming language for syntax highlighting.*/
-    language?: string;
+    language?: HighlightProps["language"];
     /** Defines the width of the code block.*/
     width?: "full" | "md" | "sm";
     /** Array of tabs each containing a title and code content.*/
@@ -742,6 +744,7 @@ type CarouselProps = {
     autoplay?: boolean;
     autoplayInterval?: number;
     options?: EmblaOptionsType;
+    direction?: DirectionType;
 };
 declare const Carousel: React__default.FC<CarouselProps>;