@sikka/hawa 0.23.2-next → 0.23.7-next

package/dist/pinInput/index.js

@@ -0,0 +1,130 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// components/elements/pinInput/index.ts
+var pinInput_exports = {};
+__export(pinInput_exports, {
+  PinInput: () => PinInput
+});
+module.exports = __toCommonJS(pinInput_exports);
+
+// components/elements/pinInput/PinInput.tsx
+var import_react = __toESM(require("react"));
+
+// components/util.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/pinInput/PinInput.tsx
+var PinInput = ({
+  label,
+  icon,
+  digits,
+  width = "normal",
+  getPins,
+  inputProps,
+  ...props
+}) => {
+  const [pin, setPin] = (0, import_react.useState)(Array.from(Array(digits)));
+  const handleKeyDown = (e, index) => {
+    let backTo = 0;
+    if (e.key === "Backspace") {
+      e.target.value.length === 0 ? backTo = index - 1 : backTo = index;
+      const previousInput = document.getElementById(`input-${backTo}`);
+      previousInput == null ? void 0 : previousInput.focus();
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    let unfilled = pin.includes(void 0);
+    if (!unfilled && getPins) {
+      getPins(pin);
+    }
+  });
+  const handleChange = (e, index) => {
+    if (!/^\d*$/.test(e.target.value)) {
+      const newPin = [...pin];
+      newPin[index] = "";
+      setPin(newPin);
+      return;
+    } else {
+      const newPin = [...pin];
+      newPin[index] = e.target.value;
+      setPin(newPin);
+      if (e.target.value.length === 1) {
+        const nextInput = document.getElementById(`input-${index + 1}`);
+        nextInput == null ? void 0 : nextInput.focus();
+      } else if (e.target.value.length === 0) {
+        const previousInput = document.getElementById(`input-${index - 1}`);
+        previousInput == null ? void 0 : previousInput.focus();
+      }
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
+      dir: "ltr"
+    },
+    pin.map((value, index) => /* @__PURE__ */ import_react.default.createElement(
+      "input",
+      {
+        key: index,
+        type: "text",
+        maxLength: 1,
+        value,
+        id: `input-${index}`,
+        pattern: "[0-9]*",
+        className: cn(
+          "hawa-h-10 hawa-rounded hawa-border hawa-bg-background hawa-text-center",
+          width === "full" ? "hawa-w-full" : "hawa-w-10"
+        ),
+        onChange: (e) => handleChange(e, index),
+        onKeyDown: (e) => handleKeyDown(e, index),
+        onFocus: (e) => e.target.select(),
+        ...inputProps
+      }
+    ))
+  ), /* @__PURE__ */ import_react.default.createElement(
+    "p",
+    {
+      className: cn(
+        "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+        props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+      )
+    },
+    props.helperText
+  ));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PinInput
+});

package/dist/pinInput/index.mjs

@@ -0,0 +1,88 @@
+import {
+  cn
+} from "../chunk-TE3BKEXL.mjs";
+
+// components/elements/pinInput/PinInput.tsx
+import React, { useEffect, useState } from "react";
+var PinInput = ({
+  label,
+  icon,
+  digits,
+  width = "normal",
+  getPins,
+  inputProps,
+  ...props
+}) => {
+  const [pin, setPin] = useState(Array.from(Array(digits)));
+  const handleKeyDown = (e, index) => {
+    let backTo = 0;
+    if (e.key === "Backspace") {
+      e.target.value.length === 0 ? backTo = index - 1 : backTo = index;
+      const previousInput = document.getElementById(`input-${backTo}`);
+      previousInput == null ? void 0 : previousInput.focus();
+    }
+  };
+  useEffect(() => {
+    let unfilled = pin.includes(void 0);
+    if (!unfilled && getPins) {
+      getPins(pin);
+    }
+  });
+  const handleChange = (e, index) => {
+    if (!/^\d*$/.test(e.target.value)) {
+      const newPin = [...pin];
+      newPin[index] = "";
+      setPin(newPin);
+      return;
+    } else {
+      const newPin = [...pin];
+      newPin[index] = e.target.value;
+      setPin(newPin);
+      if (e.target.value.length === 1) {
+        const nextInput = document.getElementById(`input-${index + 1}`);
+        nextInput == null ? void 0 : nextInput.focus();
+      } else if (e.target.value.length === 0) {
+        const previousInput = document.getElementById(`input-${index - 1}`);
+        previousInput == null ? void 0 : previousInput.focus();
+      }
+    }
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
+      dir: "ltr"
+    },
+    pin.map((value, index) => /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        key: index,
+        type: "text",
+        maxLength: 1,
+        value,
+        id: `input-${index}`,
+        pattern: "[0-9]*",
+        className: cn(
+          "hawa-h-10 hawa-rounded hawa-border hawa-bg-background hawa-text-center",
+          width === "full" ? "hawa-w-full" : "hawa-w-10"
+        ),
+        onChange: (e) => handleChange(e, index),
+        onKeyDown: (e) => handleKeyDown(e, index),
+        onFocus: (e) => e.target.select(),
+        ...inputProps
+      }
+    ))
+  ), /* @__PURE__ */ React.createElement(
+    "p",
+    {
+      className: cn(
+        "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+        props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+      )
+    },
+    props.helperText
+  ));
+};
+export {
+  PinInput
+};

package/dist/progress/index.js

@@ -0,0 +1,71 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// components/elements/progress/index.ts
+var progress_exports = {};
+__export(progress_exports, {
+  Progress: () => Progress
+});
+module.exports = __toCommonJS(progress_exports);
+
+// components/elements/progress/Progress.tsx
+var React = __toESM(require("react"));
+var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
+
+// components/util.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/progress/Progress.tsx
+var Progress = React.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "hawa-relative hawa-h-4 hawa-w-full hawa-overflow-hidden hawa-rounded hawa-bg-secondary",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(
+    ProgressPrimitive.Indicator,
+    {
+      className: "hawa-h-full hawa-w-full hawa-flex-1 hawa-bg-primary hawa-transition-all",
+      style: { transform: `translateX(-${100 - (value || 0)}%)` }
+    }
+  )
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Progress
+});

package/dist/progress/index.mjs

@@ -0,0 +1,29 @@
+import {
+  cn
+} from "../chunk-TE3BKEXL.mjs";
+
+// components/elements/progress/Progress.tsx
+import * as React from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+var Progress = React.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "hawa-relative hawa-h-4 hawa-w-full hawa-overflow-hidden hawa-rounded hawa-bg-secondary",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(
+    ProgressPrimitive.Indicator,
+    {
+      className: "hawa-h-full hawa-w-full hawa-flex-1 hawa-bg-primary hawa-transition-all",
+      style: { transform: `translateX(-${100 - (value || 0)}%)` }
+    }
+  )
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+export {
+  Progress
+};

package/dist/radio/index.mjs

@@ -1,9 +1,207 @@
 import {
-  Radio
-} from "../chunk-YFC2GSJ6.mjs";
-import "../chunk-Z3JCNSB3.mjs";
+  Label
+} from "../chunk-Z3JCNSB3.mjs";
 import "../chunk-VFP56EVG.mjs";
-import "../chunk-TE3BKEXL.mjs";
+import {
+  cn
+} from "../chunk-TE3BKEXL.mjs";
+
+// components/elements/radio/Radio.tsx
+import React, { useState, useRef, useEffect } from "react";
+var Radio = ({
+  design = "default",
+  width = "default",
+  size = "default",
+  orientation = "horizontal",
+  labelProps,
+  tabsContainerClassName,
+  ...props
+}) => {
+  var _a, _b, _c;
+  const [selectedOption, setSelectedOption] = useState(props.defaultValue);
+  let activeTabStyle = "hawa-inline-block hawa-w-full hawa-text-primary-foreground hawa-bg-primary  hawa-active dark:hawa-bg-primary";
+  let inactiveTabStyle = "hawa-inline-block hawa-w-full hawa-transition-all hover:hawa-bg-muted hawa-bg-primary-foreground dark:hover:hawa-text-white";
+  let orientationStyle = {
+    horizontal: "hawa-flex hawa-flex-row",
+    vertical: "hawa-flex hawa-flex-col"
+  };
+  let tabSizeStyle = {
+    default: "hawa-py-2 hawa-px-4 hawa-text-sm",
+    lg: "hawa-py-2 hawa-px-4",
+    sm: "hawa-p-1.5 hawa-text-xs",
+    xs: "hawa-p-1 hawa-text-[10px]"
+  };
+  let widthStyle = {
+    none: "",
+    default: "hawa-max-w-fit",
+    full: "hawa-w-full"
+  };
+  const [parentDirection, setParentDirection] = React.useState(
+    null
+  );
+  const parentRef = useRef(null);
+  useEffect(() => {
+    var _a2;
+    const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
+    if (parentNode) {
+      const dir = window.getComputedStyle(parentNode).direction;
+      setParentDirection(dir);
+    }
+  });
+  switch (design) {
+    case "tabs":
+      return /* @__PURE__ */ React.createElement(
+        "ul",
+        {
+          ref: parentRef,
+          className: cn(
+            props.options && ((_a = props.options) == null ? void 0 : _a.length) > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "",
+            "hawa-select-none hawa-whitespace-nowrap hawa-rounded hawa-border hawa-text-center hawa-font-medium",
+            orientationStyle[orientation],
+            widthStyle[width],
+            tabsContainerClassName
+          )
+        },
+        (_b = props.options) == null ? void 0 : _b.map((opt, o) => /* @__PURE__ */ React.createElement(
+          "li",
+          {
+            "aria-current": "page",
+            onClick: () => {
+              setSelectedOption(opt.value);
+              if (props.onChangeTab) {
+                props.onChangeTab(opt);
+              } else {
+                console.log("onChangeTab was not provided");
+              }
+            },
+            className: cn(
+              "hawa-w-full hawa-cursor-pointer ",
+              orientation === "horizontal" && parentDirection === "ltr" && "hawa-rounded-none first:hawa-rounded-l last:hawa-rounded-r",
+              orientation === "horizontal" && parentDirection === "rtl" && "hawa-rounded-none first:hawa-rounded-r last:hawa-rounded-l",
+              orientation === "vertical" && "hawa-rounded-none first:hawa-rounded-t last:hawa-rounded-b",
+              tabSizeStyle[size],
+              "hawa-last hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2 ",
+              selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
+            ),
+            key: o
+          },
+          opt.icon && opt.icon,
+          opt.label
+        ))
+      );
+    case "bordered":
+      return /* @__PURE__ */ React.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          key: i,
+          className: "hawa-rounded hawa-border hawa-border-gray-200 "
+        },
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: cn(
+              "radio-item radio-item-bordered hawa-flex hawa-items-center hawa-transition-all",
+              props.direction === "rtl" ? "margin-left right-19px" : "margin-right left-23px"
+            ),
+            key: i + 1
+          },
+          /* @__PURE__ */ React.createElement(
+            "input",
+            {
+              disabled: opt.disabled,
+              id: opt.value.toString(),
+              type: "radio",
+              value: opt.value,
+              name: "bordered-radio"
+            }
+          ),
+          /* @__PURE__ */ React.createElement(
+            "label",
+            {
+              htmlFor: opt.value.toString(),
+              className: cn(
+                "hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
+              )
+            },
+            opt.label
+          )
+        )
+      )));
+    case "cards":
+      return /* @__PURE__ */ React.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ React.createElement("li", { key: o }, /* @__PURE__ */ React.createElement(
+        "input",
+        {
+          type: "radio",
+          id: opt.value.toString(),
+          name: "cards-radio",
+          value: opt.value.toString(),
+          className: "hawa-peer hawa-hidden",
+          required: true,
+          disabled: opt.disabled
+        }
+      ), /* @__PURE__ */ React.createElement(
+        "label",
+        {
+          htmlFor: opt.value.toString(),
+          className: cn(
+            "hawa-inline-flex hawa-h-full hawa-w-full  hawa-items-center hawa-justify-between hawa-rounded-lg hawa-border hawa-border-gray-200 hawa-bg-white hawa-p-5 hawa-text-gray-500  peer-checked:hawa-border-primary peer-checked:hawa-text-primary dark:hawa-border-gray-700 dark:hawa-bg-gray-800 dark:hawa-text-gray-400  dark:peer-checked:hawa-text-primary",
+            opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-gray-100 hover:hawa-text-gray-600 dark:hover:hawa-bg-gray-700 dark:hover:hawa-text-gray-300"
+          )
+        },
+        /* @__PURE__ */ React.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ React.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ React.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
+      ))));
+    default:
+      return /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: cn(
+            "radio-item radio-item-default hawa-flex hawa-items-center hawa-transition-all",
+            props.direction === "rtl" ? "margin-left right-3px" : "margin-right left-3px"
+          ),
+          key: i + 1
+        },
+        /* @__PURE__ */ React.createElement(
+          "input",
+          {
+            disabled: opt.disabled,
+            id: opt.value.toString(),
+            type: "radio",
+            value: opt.value,
+            name: "default-radio",
+            onChange: () => {
+              setSelectedOption(opt.value);
+              if (props.onChangeTab) {
+                props.onChangeTab(opt);
+              } else {
+                console.log("onChangeTab was not provided");
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "label",
+          {
+            htmlFor: opt.value.toString(),
+            className: cn(
+              "hawa-text-sm hawa-font-medium  dark:hawa-text-white",
+              opt.disabled ? "hawa-text-gray-400" : "hawa-cursor-pointer hawa-text-gray-900"
+            )
+          },
+          opt.label
+        )
+      ))), /* @__PURE__ */ React.createElement(
+        "p",
+        {
+          className: cn(
+            "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
+            props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+          )
+        },
+        props.helperText
+      ));
+  }
+};
 export {
   Radio
 };

package/dist/scrollArea/index.js

@@ -0,0 +1,90 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// components/elements/scrollArea/index.ts
+var scrollArea_exports = {};
+__export(scrollArea_exports, {
+  ScrollArea: () => ScrollArea,
+  ScrollBar: () => ScrollBar
+});
+module.exports = __toCommonJS(scrollArea_exports);
+
+// components/elements/scrollArea/ScrollArea.tsx
+var React = __toESM(require("react"));
+var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
+
+// components/util.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/scrollArea/ScrollArea.tsx
+var ScrollArea = React.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React.createElement(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("hawa-relative hawa-overflow-hidden", className),
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
+  /* @__PURE__ */ React.createElement(ScrollBar, { orientation }),
+  /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Corner, null)
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React.createElement(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "hawa-flex hawa-touch-none hawa-select-none hawa-transition-colors",
+      orientation === "vertical" && "hawa-h-full hawa-w-2.5 hawa-border-l hawa-border-l-transparent hawa-p-[1px]",
+      orientation === "horizontal" && "hawa-h-2.5 hawa-border-t hawa-border-t-transparent hawa-p-[1px]",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(
+    ScrollAreaPrimitive.ScrollAreaThumb,
+    {
+      className: cn(
+        "hawa-relative hawa-rounded-full hawa-bg-border",
+        orientation === "vertical" && "hawa-flex-1"
+      )
+    }
+  )
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ScrollArea,
+  ScrollBar
+});

package/dist/scrollArea/index.mjs

@@ -0,0 +1,47 @@
+import {
+  cn
+} from "../chunk-TE3BKEXL.mjs";
+
+// components/elements/scrollArea/ScrollArea.tsx
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+var ScrollArea = React.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React.createElement(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("hawa-relative hawa-overflow-hidden", className),
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Viewport, { className: "hawa-h-full hawa-w-full hawa-rounded-[inherit]" }, children),
+  /* @__PURE__ */ React.createElement(ScrollBar, { orientation }),
+  /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Corner, null)
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React.createElement(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "hawa-flex hawa-touch-none hawa-select-none hawa-transition-colors",
+      orientation === "vertical" && "hawa-h-full hawa-w-2.5 hawa-border-l hawa-border-l-transparent hawa-p-[1px]",
+      orientation === "horizontal" && "hawa-h-2.5 hawa-border-t hawa-border-t-transparent hawa-p-[1px]",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(
+    ScrollAreaPrimitive.ScrollAreaThumb,
+    {
+      className: cn(
+        "hawa-relative hawa-rounded-full hawa-bg-border",
+        orientation === "vertical" && "hawa-flex-1"
+      )
+    }
+  )
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+export {
+  ScrollArea,
+  ScrollBar
+};

package/dist/select/index.mjs

@@ -1,6 +1,6 @@
 import {
   Select
-} from "../chunk-O2ALK7UE.mjs";
+} from "../chunk-Z4M72OD3.mjs";
 import "../chunk-6QJMQV2X.mjs";
 import "../chunk-Z3JCNSB3.mjs";
 import "../chunk-VFP56EVG.mjs";