@sikka/hawa 0.26.28 → 0.26.29

package/dist/interfaceSettings/index.js

@@ -1,420 +0,0 @@
-"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);
-
-// elements/interfaceSettings/index.ts
-var interfaceSettings_exports = {};
-__export(interfaceSettings_exports, {
-  InterfaceSettings: () => InterfaceSettings
-});
-module.exports = __toCommonJS(interfaceSettings_exports);
-
-// elements/interfaceSettings/InterfaceSettings.tsx
-var import_react3 = __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/radio/Radio.tsx
-var import_react2 = __toESM(require("react"));
-
-// elements/label/Label.tsx
-var React2 = __toESM(require("react"));
-
-// 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(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var TooltipArrow = import_react.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react.default.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
-TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
-var Tooltip = ({
-  side,
-  open,
-  content,
-  children,
-  defaultOpen,
-  onOpenChange,
-  triggerProps,
-  contentProps,
-  providerProps,
-  delayDuration = 300,
-  ...props
-}) => {
-  return /* @__PURE__ */ import_react.default.createElement(
-    TooltipPrimitive.TooltipProvider,
-    {
-      delayDuration,
-      ...providerProps
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      TooltipPrimitive.Root,
-      {
-        open,
-        defaultOpen,
-        onOpenChange,
-        ...props
-      },
-      /* @__PURE__ */ import_react.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
-    )
-  );
-};
-
-// 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",
-  {
-    ref,
-    className: cn(
-      "hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70",
-      className
-    ),
-    ...props
-  },
-  children,
-  required && /* @__PURE__ */ React2.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React2.createElement(
-  Tooltip,
-  {
-    content: hint,
-    side: hintSide,
-    triggerProps: {
-      tabIndex: -1,
-      onClick: (event) => event.preventDefault()
-    }
-  },
-  /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    },
-    /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ React2.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-    /* @__PURE__ */ React2.createElement("path", { d: "M12 17h.01" })
-  ))
-)));
-Label.displayName = "Label";
-
-// elements/radio/Radio.tsx
-var Radio = ({
-  design = "default",
-  width = "default",
-  size = "default",
-  orientation = "horizontal",
-  name,
-  labelProps,
-  tabsContainerClassName,
-  onChange,
-  ...props
-}) => {
-  var _a, _b, _c;
-  const [selectedOption, setSelectedOption] = (0, import_react2.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] = import_react2.default.useState(
-    null
-  );
-  const parentRef = (0, import_react2.useRef)(null);
-  (0, import_react2.useEffect)(() => {
-    var _a2;
-    const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
-    if (parentNode) {
-      const dir = window.getComputedStyle(parentNode).direction;
-      setParentDirection(dir);
-    }
-  });
-  const handleChange = (opt) => {
-    setSelectedOption(opt.value);
-    if (onChange) {
-      onChange(opt.value);
-    } else {
-      console.log("onChange was not provided");
-    }
-  };
-  switch (design) {
-    case "tabs":
-      return /* @__PURE__ */ import_react2.default.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__ */ import_react2.default.createElement(
-          "li",
-          {
-            "aria-current": "page",
-            onClick: () => handleChange(opt),
-            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__ */ import_react2.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react2.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react2.default.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__ */ import_react2.default.createElement(
-          "input",
-          {
-            disabled: opt.disabled,
-            id: opt.value.toString(),
-            type: "radio",
-            value: opt.value,
-            name,
-            onChange: () => handleChange(opt)
-          }
-        ),
-        /* @__PURE__ */ import_react2.default.createElement(
-          "label",
-          {
-            htmlFor: opt.value.toString(),
-            className: cn(
-              "hawa-ml-2 hawa-w-full hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium hawa-text-black dark:hawa-text-white",
-              opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
-            )
-          },
-          opt.label
-        )
-      ))));
-    case "cards":
-      return /* @__PURE__ */ import_react2.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react2.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react2.default.createElement(
-        "input",
-        {
-          type: "radio",
-          id: opt.value.toString(),
-          name,
-          value: opt.value.toString(),
-          className: "hawa-peer hawa-hidden",
-          required: true,
-          disabled: opt.disabled
-        }
-      ), /* @__PURE__ */ import_react2.default.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__ */ import_react2.default.createElement("div", { className: "hawa-block  hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react2.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
-      ))));
-    default:
-      return /* @__PURE__ */ import_react2.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react2.default.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ import_react2.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react2.default.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__ */ import_react2.default.createElement(
-          "input",
-          {
-            disabled: opt.disabled,
-            id: opt.value.toString(),
-            type: "radio",
-            value: opt.value,
-            name,
-            onChange: () => handleChange(opt)
-          }
-        ),
-        /* @__PURE__ */ import_react2.default.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__ */ import_react2.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
-      ));
-  }
-};
-
-// elements/interfaceSettings/InterfaceSettings.tsx
-var InterfaceSettings = ({
-  orientation = "horizontal",
-  width = "default",
-  handleColorMode,
-  handleLanguage,
-  ...props
-}) => {
-  const [color, setColor] = (0, import_react3.useState)(props.currentColorMode);
-  const [language, setLanguage] = (0, import_react3.useState)(props.currentLanguage);
-  let orientationStyle = {
-    horizontal: "hawa-flex hawa-flex-row hawa-justify-between",
-    vertical: "hawa-flex hawa-flex-col hawa-items-center hawa-gap-2"
-  };
-  return /* @__PURE__ */ import_react3.default.createElement("div", { className: cn(orientationStyle[orientation]) }, /* @__PURE__ */ import_react3.default.createElement(
-    Radio,
-    {
-      width,
-      defaultValue: language,
-      onChange: (e) => {
-        if (handleLanguage) {
-          handleLanguage(e.value);
-        }
-        setLanguage(e);
-      },
-      design: "tabs",
-      options: [
-        { value: "ar", label: "\u0639\u0631\u0628\u064A" },
-        { value: "en", label: "English" }
-      ]
-    }
-  ), /* @__PURE__ */ import_react3.default.createElement(
-    Radio,
-    {
-      width,
-      defaultValue: color,
-      onChange: (e) => {
-        if (handleColorMode) {
-          handleColorMode(e.value);
-        }
-        setColor(e);
-      },
-      design: "tabs",
-      options: [
-        {
-          value: "light",
-          label: /* @__PURE__ */ import_react3.default.createElement(
-            "svg",
-            {
-              width: "15",
-              height: "15",
-              viewBox: "0 0 15 15",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-rotate-0 hawa-scale-100 hawa-transition-all dark:hawa--rotate-90"
-            },
-            /* @__PURE__ */ import_react3.default.createElement(
-              "path",
-              {
-                d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
-                fill: "currentColor"
-              }
-            )
-          )
-        },
-        {
-          value: "dark",
-          label: /* @__PURE__ */ import_react3.default.createElement(
-            "svg",
-            {
-              xmlns: "http://www.w3.org/2000/svg",
-              width: "24",
-              height: "24",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              className: "hawa-h-[1.2rem] hawa-w-[1.2rem]  hawa-transition-all dark:hawa-rotate-0 dark:hawa-scale-100"
-            },
-            /* @__PURE__ */ import_react3.default.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
-          )
-        }
-      ]
-    }
-  ));
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  InterfaceSettings
-});