@sikka/hawa 0.26.29 → 0.26.30

package/dist/chunk-R4HAAT6R.mjs

@@ -0,0 +1,131 @@
+import {
+  Label,
+  Skeleton,
+  cn
+} from "./chunk-D36MPDGE.mjs";
+
+// elements/input/Input.tsx
+import React, { forwardRef } from "react";
+var Input = forwardRef(
+  ({
+    margin = "none",
+    width = "full",
+    preview = false,
+    forceHideHelperText = false,
+    labelProps,
+    placeholder,
+    showCount,
+    inputProps,
+    countPosition = "bottom",
+    ...props
+  }, ref) => {
+    var _a;
+    let marginStyles = {
+      none: "hawa-mb-0",
+      normal: "hawa-mb-3",
+      large: "hawa-mb-5"
+    };
+    let widthStyles = {
+      small: "hawa-w-full hawa-max-w-2xs",
+      normal: "hawa-w-1/2",
+      full: "hawa-w-full",
+      auto: ""
+    };
+    let defaultStyle = "hawa-flex hawa-max-h-fit hawa-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-gap-0";
+    let defaultInputStyle = "hawa-block hawa-w-full hawa-rounded hawa-border hawa-transition-all hawa-bg-background hawa-p-3 hawa-text-sm ";
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: cn(
+          defaultStyle,
+          marginStyles[margin],
+          widthStyles[width],
+          props.containerClassName,
+          "hawa-w-full hawa-gap-2"
+        )
+      },
+      props.label && /* @__PURE__ */ React.createElement(Label, { ...labelProps }, props.label),
+      props.isLoading ? /* @__PURE__ */ React.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React.createElement(React.Fragment, null, !props.hideSeparator && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-absolute hawa-top-[22px] hawa-h-[0.8px] hawa-w-full hawa-bg-gray-200 hawa-transition-all dark:hawa-bg-gray-800",
+            preview ? "hawa-opacity-100" : "hawa-opacity-0"
+          )
+        }
+      ), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ React.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-absolute hawa-end-3 hawa-top-1/2 hawa--translate-y-1/2",
+            (_a = props.endIconProps) == null ? void 0 : _a.className
+          )
+        },
+        props.endIcon
+      ), /* @__PURE__ */ React.createElement(
+        "input",
+        {
+          required: true,
+          dir: props.dir,
+          type: props.type,
+          value: props.value,
+          onChange: props.onChange,
+          autoComplete: props.autoComplete,
+          defaultValue: props.defaultValue,
+          placeholder,
+          disabled: props.disabled || preview,
+          style: { height: 40 },
+          ...inputProps,
+          className: cn(
+            defaultInputStyle,
+            " focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-0 dark:hawa-text-white",
+            {
+              "hawa-pe-9": props.endIcon,
+              "hawa-ps-9": props.startIcon,
+              "hawa-pe-[60px]": countPosition === "center"
+            },
+            preview && "hawa-border-transparent hawa-bg-transparent hawa-px-0",
+            inputProps == null ? void 0 : inputProps.className
+          )
+        }
+      )), !forceHideHelperText && /* @__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
+      ), !props.disabled && forceHideHelperText && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-absolute hawa-end-0 hawa-top-[47px] hawa-z-20 hawa-translate-y-1/2 hawa-rounded hawa-bg-background hawa-text-start  hawa-text-xs hawa-text-helper-color hawa-drop-shadow-md hawa-transition-all",
+            props.helperText ? "hawa-border hawa-p-1" : "hawa-border-none hawa-p-0"
+          )
+        },
+        props.helperText
+      ), showCount && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: cn(
+            "hawa-absolute hawa-translate-y-1/2 hawa-text-start hawa-text-xs hawa-transition-all",
+            {
+              "hawa-end-0 hawa-top-[62px]": countPosition === "bottom",
+              "hawa-bottom-[62px] hawa-end-0": countPosition === "top",
+              "hawa-end-2": countPosition === "center"
+            }
+          )
+        },
+        props.value ? String(props.value).length : 0,
+        "/",
+        props.maxLength
+      )))
+    );
+  }
+);
+
+export {
+  Input
+};

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/chunk-ZS3FB3PO.mjs

@@ -0,0 +1,12 @@
+// elements/stopPropagationWrapper/StopPropagationWrapper.tsx
+import React from "react";
+var StopPropagationWrapper = (props) => {
+  const handleClick = (e) => {
+    e.stopPropagation();
+  };
+  return /* @__PURE__ */ React.createElement("div", { onClick: handleClick }, props.children);
+};
+
+export {
+  StopPropagationWrapper
+};

package/dist/codeBlock/index.d.mts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+import { HighlightProps } from 'prism-react-renderer';
+
+type CodeBlockTypes = {
+    /** 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;
+    lineNumbers?: boolean;
+    forcedDarkMode?: boolean;
+    className?: string;
+};
+declare const CodeBlock: FC<CodeBlockTypes>;
+
+export { CodeBlock };

package/dist/codeBlock/index.d.ts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+import { HighlightProps } from 'prism-react-renderer';
+
+type CodeBlockTypes = {
+    /** 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;
+    lineNumbers?: boolean;
+    forcedDarkMode?: boolean;
+    className?: string;
+};
+declare const CodeBlock: FC<CodeBlockTypes>;
+
+export { CodeBlock };