@sikka/hawa 0.26.19-next → 0.26.20

package/dist/input/index.js

@@ -27,27 +27,27 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// components/elements/input/index.ts
+// elements/input/index.ts
 var input_exports = {};
 __export(input_exports, {
   Input: () => Input
 });
 module.exports = __toCommonJS(input_exports);
 
-// components/elements/input/Input.tsx
+// elements/input/Input.tsx
 var import_react3 = __toESM(require("react"));
 
-// components/util.ts
+// 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));
 }
 
-// components/elements/label/Label.tsx
+// elements/label/Label.tsx
 var React2 = __toESM(require("react"));
 
-// components/elements/tooltip/Tooltip.tsx
+// elements/tooltip/Tooltip.tsx
 var import_react = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var TooltipContent = import_react.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react.default.createElement(
@@ -98,7 +98,7 @@ var Tooltip = ({
   );
 };
 
-// components/elements/label/Label.tsx
+// elements/label/Label.tsx
 var Label = React2.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React2.createElement(
   "label",
   {
@@ -140,7 +140,7 @@ var Label = React2.forwardRef(({ className, hint, hintSide, required, children,
 )));
 Label.displayName = "Label";
 
-// components/elements/skeleton/Skeleton.tsx
+// elements/skeleton/Skeleton.tsx
 var import_react2 = __toESM(require("react"));
 function Skeleton({
   className,
@@ -167,7 +167,7 @@ function Skeleton({
   );
 }
 
-// components/elements/input/Input.tsx
+// elements/input/Input.tsx
 var Input = (0, import_react3.forwardRef)(
   ({
     margin = "none",

package/dist/input/index.mjs

@@ -1,12 +1,12 @@
 import {
   Label,
   cn
-} from "../chunk-WRZFWCOQ.mjs";
+} from "../chunk-TGZRVRLP.mjs";
 
-// components/elements/input/Input.tsx
+// elements/input/Input.tsx
 import React2, { forwardRef } from "react";
 
-// components/elements/skeleton/Skeleton.tsx
+// elements/skeleton/Skeleton.tsx
 import React from "react";
 function Skeleton({
   className,
@@ -33,7 +33,7 @@ function Skeleton({
   );
 }
 
-// components/elements/input/Input.tsx
+// elements/input/Input.tsx
 var Input = forwardRef(
   ({
     margin = "none",

package/dist/interfaceSettings/index.js

@@ -27,30 +27,30 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// components/elements/interfaceSettings/index.ts
+// elements/interfaceSettings/index.ts
 var interfaceSettings_exports = {};
 __export(interfaceSettings_exports, {
   InterfaceSettings: () => InterfaceSettings
 });
 module.exports = __toCommonJS(interfaceSettings_exports);
 
-// components/elements/interfaceSettings/InterfaceSettings.tsx
+// elements/interfaceSettings/InterfaceSettings.tsx
 var import_react3 = __toESM(require("react"));
 
-// components/util.ts
+// 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));
 }
 
-// components/elements/radio/Radio.tsx
+// elements/radio/Radio.tsx
 var import_react2 = __toESM(require("react"));
 
-// components/elements/label/Label.tsx
+// elements/label/Label.tsx
 var React2 = __toESM(require("react"));
 
-// components/elements/tooltip/Tooltip.tsx
+// elements/tooltip/Tooltip.tsx
 var import_react = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var TooltipContent = import_react.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react.default.createElement(
@@ -101,7 +101,7 @@ var Tooltip = ({
   );
 };
 
-// components/elements/label/Label.tsx
+// elements/label/Label.tsx
 var Label = React2.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React2.createElement(
   "label",
   {
@@ -143,7 +143,7 @@ var Label = React2.forwardRef(({ className, hint, hintSide, required, children,
 )));
 Label.displayName = "Label";
 
-// components/elements/radio/Radio.tsx
+// elements/radio/Radio.tsx
 var Radio = ({
   design = "default",
   width = "default",
@@ -329,7 +329,7 @@ var Radio = ({
   }
 };
 
-// components/elements/interfaceSettings/InterfaceSettings.tsx
+// elements/interfaceSettings/InterfaceSettings.tsx
 var InterfaceSettings = ({
   orientation = "horizontal",
   width = "default",

package/dist/interfaceSettings/index.mjs

@@ -1,12 +1,12 @@
 import {
   Label,
   cn
-} from "../chunk-WRZFWCOQ.mjs";
+} from "../chunk-TGZRVRLP.mjs";
 
-// components/elements/interfaceSettings/InterfaceSettings.tsx
+// elements/interfaceSettings/InterfaceSettings.tsx
 import React2, { useState as useState2 } from "react";
 
-// components/elements/radio/Radio.tsx
+// elements/radio/Radio.tsx
 import React, { useState, useRef, useEffect } from "react";
 var Radio = ({
   design = "default",
@@ -193,7 +193,7 @@ var Radio = ({
   }
 };
 
-// components/elements/interfaceSettings/InterfaceSettings.tsx
+// elements/interfaceSettings/InterfaceSettings.tsx
 var InterfaceSettings = ({
   orientation = "horizontal",
   width = "default",

package/dist/label/index.js

@@ -27,24 +27,24 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// components/elements/label/index.ts
+// elements/label/index.ts
 var label_exports = {};
 __export(label_exports, {
   Label: () => Label
 });
 module.exports = __toCommonJS(label_exports);
 
-// components/elements/label/Label.tsx
+// elements/label/Label.tsx
 var React2 = __toESM(require("react"));
 
-// components/util.ts
+// 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));
 }
 
-// components/elements/tooltip/Tooltip.tsx
+// elements/tooltip/Tooltip.tsx
 var import_react = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var TooltipContent = import_react.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react.default.createElement(
@@ -95,7 +95,7 @@ var Tooltip = ({
   );
 };
 
-// components/elements/label/Label.tsx
+// elements/label/Label.tsx
 var Label = React2.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React2.createElement(
   "label",
   {

package/dist/label/index.mjs

@@ -1,11 +1,11 @@
 import {
   cn
-} from "../chunk-TE3BKEXL.mjs";
+} from "../chunk-TWNGV3RE.mjs";
 
-// components/elements/label/Label.tsx
+// elements/label/Label.tsx
 import * as React2 from "react";
 
-// components/elements/tooltip/Tooltip.tsx
+// elements/tooltip/Tooltip.tsx
 import React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React.createElement(
@@ -56,7 +56,7 @@ var Tooltip = ({
   );
 };
 
-// components/elements/label/Label.tsx
+// elements/label/Label.tsx
 var Label = React2.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React2.createElement(
   "label",
   {

package/dist/layout/index.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { FC } from 'react';
-import { C as ChipColors } from '../Chip-hr2gRBJ-.mjs';
 import { D as DirectionType } from '../commonTypes-CKtkuNFH.mjs';
+import { C as ChipColors } from '../Chip-hr2gRBJ-.mjs';
 import { M as MenuItemType } from '../DropdownMenu-EUL-D3I3.mjs';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import '@radix-ui/react-dropdown-menu';

package/dist/layout/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { FC } from 'react';
-import { C as ChipColors } from '../Chip-H5BnuDdx.js';
 import { D as DirectionType } from '../commonTypes-CKtkuNFH.js';
+import { C as ChipColors } from '../Chip-H5BnuDdx.js';
 import { M as MenuItemType } from '../DropdownMenu-SPisqCzV.js';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import '@radix-ui/react-dropdown-menu';

package/dist/layout/index.js

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// components/layout/index.ts
+// layout/index.ts
 var layout_exports = {};
 __export(layout_exports, {
   AppLayout: () => AppLayout,
@@ -59,20 +59,20 @@ __export(layout_exports, {
 });
 module.exports = __toCommonJS(layout_exports);
 
-// components/layout/stats/Stats.tsx
+// layout/stats/Stats.tsx
 var import_react2 = __toESM(require("react"));
 
-// components/elements/card/Card.tsx
+// elements/card/Card.tsx
 var React = __toESM(require("react"));
 
-// components/util.ts
+// 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));
 }
 
-// components/elements/card/Card.tsx
+// elements/card/Card.tsx
 var Card = React.forwardRef(
   ({ className, variant = "default", clickable = false, ...props }, ref) => {
     let variantStyles = {
@@ -152,7 +152,7 @@ CardFooter.displayName = "CardFooter";
 CardTitle.displayName = "CardTitle";
 Card.displayName = "Card";
 
-// components/elements/skeleton/Skeleton.tsx
+// elements/skeleton/Skeleton.tsx
 var import_react = __toESM(require("react"));
 function Skeleton({
   className,
@@ -179,7 +179,7 @@ function Skeleton({
   );
 }
 
-// components/layout/stats/Stats.tsx
+// layout/stats/Stats.tsx
 var Stats = ({
   label,
   icon,
@@ -211,11 +211,11 @@ var Stats = ({
   ), chart && (isLoading ? /* @__PURE__ */ import_react2.default.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart)));
 };
 
-// components/layout/sidebar/Sidebar.tsx
+// layout/sidebar/Sidebar.tsx
 var React5 = __toESM(require("react"));
 var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
 
-// components/elements/chip/Chip.tsx
+// elements/chip/Chip.tsx
 var import_react3 = __toESM(require("react"));
 var Chip = import_react3.default.forwardRef(
   ({
@@ -296,7 +296,7 @@ var Chip = import_react3.default.forwardRef(
   }
 );
 
-// components/layout/sidebar/Sidebar.tsx
+// layout/sidebar/Sidebar.tsx
 var Accordion = AccordionPrimitive.Root;
 var triggerStyles = "hawa-flex hawa-flex-1 hawa-items-center hawa-duration-75 hawa-select-none hawa-cursor-pointer  hawa-rounded hawa-justify-between hawa-p-2 hawa-px-3 hawa-font-medium hawa-transition-all  [&[data-state=open]>svg]:hawa--rotate-90";
 var AccordionItem = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.createElement(AccordionPrimitive.Item, { ref, className: cn(className), ...props }));
@@ -502,22 +502,22 @@ var SidebarItem = ({
   }
 };
 
-// components/layout/copyrights/Copyrights.tsx
+// layout/copyrights/Copyrights.tsx
 var import_react4 = __toESM(require("react"));
 var Copyrights = (props) => {
   return /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-my-2 hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-1 hawa-text-xs hawa-text-gray-400" }, props.withLogo ? /* @__PURE__ */ import_react4.default.createElement("a", { href: props.onLogoClicked }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-cursor-pointer" }, /* @__PURE__ */ import_react4.default.createElement("image", { href: props.logoURL, width: 100, height: 50 }))) : null, /* @__PURE__ */ import_react4.default.createElement("div", null, props.version), props.credits ? props.credits : null);
 };
 
-// components/layout/navbar/Navbar.tsx
+// layout/navbar/Navbar.tsx
 var import_react5 = __toESM(require("react"));
 
-// components/elements/collapsible/Collapsible.tsx
+// elements/collapsible/Collapsible.tsx
 var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 
-// components/layout/navbar/Navbar.tsx
+// layout/navbar/Navbar.tsx
 var Navbar = ({
   backgroundColor,
   logo,
@@ -628,14 +628,14 @@ var Navbar = ({
   ));
 };
 
-// components/layout/appLayout/AppLayout.tsx
+// layout/appLayout/AppLayout.tsx
 var import_react8 = __toESM(require("react"));
 
-// components/elements/button/Button.tsx
+// elements/button/Button.tsx
 var React9 = __toESM(require("react"));
 var import_class_variance_authority = require("class-variance-authority");
 
-// components/elements/loading/Loading.tsx
+// elements/loading/Loading.tsx
 var import_react6 = __toESM(require("react"));
 var Loading = ({
   design = "spinner",
@@ -812,7 +812,7 @@ var Loading = ({
   }
 };
 
-// components/elements/button/Button.tsx
+// elements/button/Button.tsx
 var buttonVariants = (0, import_class_variance_authority.cva)(
   "hawa-inline-flex hawa-items-center  hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
   {
@@ -865,6 +865,7 @@ var Button = React9.forwardRef(
         className: cn(
           buttonVariants({ variant, size, className }),
           centered && "hawa-justify-center"
+          // "hawa-bg-red-500"
         ),
         ref,
         ...props
@@ -883,7 +884,7 @@ var Button = React9.forwardRef(
 );
 Button.displayName = "Button";
 
-// components/elements/dropdownMenu/DropdownMenu.tsx
+// elements/dropdownMenu/DropdownMenu.tsx
 var React10 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 var DropdownMenuRoot = DropdownMenuPrimitive.Root;
@@ -1211,7 +1212,7 @@ var DropdownMenu = ({
   );
 };
 
-// components/elements/tooltip/Tooltip.tsx
+// elements/tooltip/Tooltip.tsx
 var import_react7 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var TooltipContent = import_react7.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react7.default.createElement(
@@ -1262,7 +1263,7 @@ var Tooltip = ({
   );
 };
 
-// components/layout/appLayout/AppLayout.tsx
+// layout/appLayout/AppLayout.tsx
 var AppLayout = ({
   profileMenuWidth = "default",
   DrawerFooterActions,
@@ -1616,7 +1617,7 @@ var MenuIcon = () => /* @__PURE__ */ import_react8.default.createElement(
   )
 );
 
-// components/layout/appTopbar/AppTopbar.tsx
+// layout/appTopbar/AppTopbar.tsx
 var import_react9 = __toESM(require("react"));
 var AppTopbar = ({ ...props }) => {
   const isRTL = props.direction === "ltr";
@@ -1721,7 +1722,7 @@ var AppTopbar = ({ ...props }) => {
   );
 };
 
-// components/layout/appMenubar/AppMenubar.tsx
+// layout/appMenubar/AppMenubar.tsx
 var React14 = __toESM(require("react"));
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"));
 var MenubarMenu = MenubarPrimitive.Menu;
@@ -1924,7 +1925,7 @@ var MenubarShortcut = ({
 };
 MenubarShortcut.displayname = "MenubarShortcut";
 
-// components/layout/appTabs/AppTabs.tsx
+// layout/appTabs/AppTabs.tsx
 var import_react10 = __toESM(require("react"));
 var AppTabs = ({ tabs, className }) => {
   const [selectedIndex, setSelectedIndex] = (0, import_react10.useState)(0);
@@ -1968,10 +1969,10 @@ var AppTabs = ({ tabs, className }) => {
   );
 };
 
-// components/layout/docsLayout/DocsLayout.tsx
+// layout/docsLayout/DocsLayout.tsx
 var import_react14 = __toESM(require("react"));
 
-// components/elements/logos/Logos.tsx
+// elements/logos/Logos.tsx
 var import_react11 = __toESM(require("react"));
 var Logos = {
   hawa: (props) => /* @__PURE__ */ import_react11.default.createElement(
@@ -2176,7 +2177,7 @@ var Logos = {
   )
 };
 
-// components/elements/sheet/Sheet.tsx
+// elements/sheet/Sheet.tsx
 var React17 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_class_variance_authority2 = require("class-variance-authority");
@@ -2310,7 +2311,7 @@ SheetHeader.displayName = "SheetHeader";
 SheetFooter.displayName = "SheetFooter";
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
 
-// components/hooks/useBreakpoint.ts
+// hooks/useBreakpoint.ts
 var import_react12 = require("react");
 var useBreakpoint = () => {
   const [breakpoint, setBreakpoint] = (0, import_react12.useState)(null);
@@ -2329,7 +2330,7 @@ var useBreakpoint = () => {
   return breakpoint;
 };
 
-// components/layout/docsSidebar/DocsSidebar.tsx
+// layout/docsSidebar/DocsSidebar.tsx
 var import_react13 = __toESM(require("react"));
 var DocsSidebar = ({
   currentPage: propCurrentPage,
@@ -2392,7 +2393,7 @@ var DocsSidebar = ({
   );
 };
 
-// components/layout/docsLayout/DocsLayout.tsx
+// layout/docsLayout/DocsLayout.tsx
 var DocsLayout = ({
   direction = "ltr",
   drawerSize = "md",

package/dist/layout/index.mjs

@@ -1,11 +1,11 @@
 import {
   useBreakpoint
-} from "../chunk-FNVYY7ND.mjs";
+} from "../chunk-D22AALLE.mjs";
 import {
   Sheet,
   SheetContent,
   SheetTrigger
-} from "../chunk-W77KCP35.mjs";
+} from "../chunk-VQQ6MUX5.mjs";
 import {
   Button,
   Card,
@@ -17,9 +17,9 @@ import {
   Skeleton,
   Tooltip,
   cn
-} from "../chunk-3KMBSNM3.mjs";
+} from "../chunk-Z5SL5QTQ.mjs";
 
-// components/layout/stats/Stats.tsx
+// layout/stats/Stats.tsx
 import React from "react";
 var Stats = ({
   label,
@@ -52,7 +52,7 @@ var Stats = ({
   ), chart && (isLoading ? /* @__PURE__ */ React.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart)));
 };
 
-// components/layout/sidebar/Sidebar.tsx
+// layout/sidebar/Sidebar.tsx
 import * as React2 from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 var Accordion = AccordionPrimitive.Root;
@@ -260,22 +260,22 @@ var SidebarItem = ({
   }
 };
 
-// components/layout/copyrights/Copyrights.tsx
+// layout/copyrights/Copyrights.tsx
 import React3 from "react";
 var Copyrights = (props) => {
   return /* @__PURE__ */ React3.createElement("div", { className: "hawa-my-2 hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-1 hawa-text-xs hawa-text-gray-400" }, props.withLogo ? /* @__PURE__ */ React3.createElement("a", { href: props.onLogoClicked }, /* @__PURE__ */ React3.createElement("div", { className: "hawa-cursor-pointer" }, /* @__PURE__ */ React3.createElement("image", { href: props.logoURL, width: 100, height: 50 }))) : null, /* @__PURE__ */ React3.createElement("div", null, props.version), props.credits ? props.credits : null);
 };
 
-// components/layout/navbar/Navbar.tsx
+// layout/navbar/Navbar.tsx
 import React4, { useState } from "react";
 
-// components/elements/collapsible/Collapsible.tsx
+// elements/collapsible/Collapsible.tsx
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 
-// components/layout/navbar/Navbar.tsx
+// layout/navbar/Navbar.tsx
 var Navbar = ({
   backgroundColor,
   logo,
@@ -386,7 +386,7 @@ var Navbar = ({
   ));
 };
 
-// components/layout/appLayout/AppLayout.tsx
+// layout/appLayout/AppLayout.tsx
 import React5, { useEffect, useRef, useState as useState2 } from "react";
 var AppLayout = ({
   profileMenuWidth = "default",
@@ -741,7 +741,7 @@ var MenuIcon = () => /* @__PURE__ */ React5.createElement(
   )
 );
 
-// components/layout/appTopbar/AppTopbar.tsx
+// layout/appTopbar/AppTopbar.tsx
 import React6 from "react";
 var AppTopbar = ({ ...props }) => {
   const isRTL = props.direction === "ltr";
@@ -846,7 +846,7 @@ var AppTopbar = ({ ...props }) => {
   );
 };
 
-// components/layout/appMenubar/AppMenubar.tsx
+// layout/appMenubar/AppMenubar.tsx
 import * as React7 from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 var MenubarMenu = MenubarPrimitive.Menu;
@@ -1049,7 +1049,7 @@ var MenubarShortcut = ({
 };
 MenubarShortcut.displayname = "MenubarShortcut";
 
-// components/layout/appTabs/AppTabs.tsx
+// layout/appTabs/AppTabs.tsx
 import React8, { useState as useState3 } from "react";
 var AppTabs = ({ tabs, className }) => {
   const [selectedIndex, setSelectedIndex] = useState3(0);
@@ -1093,10 +1093,10 @@ var AppTabs = ({ tabs, className }) => {
   );
 };
 
-// components/layout/docsLayout/DocsLayout.tsx
+// layout/docsLayout/DocsLayout.tsx
 import React10, { useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";
 
-// components/layout/docsSidebar/DocsSidebar.tsx
+// layout/docsSidebar/DocsSidebar.tsx
 import React9 from "react";
 var DocsSidebar = ({
   currentPage: propCurrentPage,
@@ -1159,7 +1159,7 @@ var DocsSidebar = ({
   );
 };
 
-// components/layout/docsLayout/DocsLayout.tsx
+// layout/docsLayout/DocsLayout.tsx
 var DocsLayout = ({
   direction = "ltr",
   drawerSize = "md",

package/dist/loading/index.js

@@ -27,24 +27,24 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// components/elements/loading/index.ts
+// elements/loading/index.ts
 var loading_exports = {};
 __export(loading_exports, {
   Loading: () => Loading
 });
 module.exports = __toCommonJS(loading_exports);
 
-// components/elements/loading/Loading.tsx
+// elements/loading/Loading.tsx
 var import_react = __toESM(require("react"));
 
-// components/util.ts
+// 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));
 }
 
-// components/elements/loading/Loading.tsx
+// elements/loading/Loading.tsx
 var Loading = ({
   design = "spinner",
   size = "sm",

package/dist/loading/index.mjs

@@ -1,8 +1,8 @@
 import {
   cn
-} from "../chunk-TE3BKEXL.mjs";
+} from "../chunk-TWNGV3RE.mjs";
 
-// components/elements/loading/Loading.tsx
+// elements/loading/Loading.tsx
 import React from "react";
 var Loading = ({
   design = "spinner",

package/dist/logos/index.js

@@ -27,14 +27,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// components/elements/logos/index.ts
+// elements/logos/index.ts
 var logos_exports = {};
 __export(logos_exports, {
   Logos: () => Logos
 });
 module.exports = __toCommonJS(logos_exports);
 
-// components/elements/logos/Logos.tsx
+// elements/logos/Logos.tsx
 var import_react = __toESM(require("react"));
 var Logos = {
   hawa: (props) => /* @__PURE__ */ import_react.default.createElement(