shad-m 1.0.0

package/dist/components/input-otp.js

@@ -0,0 +1,84 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var inputOtp = require('input-otp');
+var lucideReact = require('lucide-react');
+var React = require('react');
+var utils = require('@/lib/utils');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const InputOTPErrorContext = React__namespace.createContext(false);
+const InputOTPDisabledContext = React__namespace.createContext(false);
+const InputOTP = React__namespace.forwardRef(({ className, containerClassName, error, disabled, children, ...otpProps }, ref) => /* @__PURE__ */ jsxRuntime.jsx(InputOTPErrorContext.Provider, { value: !!error, children: /* @__PURE__ */ jsxRuntime.jsx(InputOTPDisabledContext.Provider, { value: !!disabled, children: /* @__PURE__ */ jsxRuntime.jsx(
+  inputOtp.OTPInput,
+  {
+    ref,
+    disabled,
+    containerClassName: utils.cn("flex items-center gap-2", containerClassName),
+    className: utils.cn("disabled:cursor-not-allowed", className),
+    ...otpProps,
+    children
+  }
+) }) }));
+InputOTP.displayName = "InputOTP";
+const InputOTPGroup = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn("flex items-center gap-3", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+const InputOTPSlot = React__namespace.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React__namespace.useContext(inputOtp.OTPInputContext);
+  const slot = inputOTPContext.slots[index];
+  const char = slot?.char;
+  const hasFakeCaret = slot?.hasFakeCaret;
+  const isActive = slot?.isActive;
+  const hasError = React__namespace.useContext(InputOTPErrorContext);
+  const isDisabled = React__namespace.useContext(InputOTPDisabledContext);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: utils.cn(
+        "relative flex h-10 w-10 items-center justify-center rounded-lg border text-lg font-normal transition-all",
+        "border-border bg-white",
+        isActive && !isDisabled && "border-blue-500",
+        char && "border-ink-300s",
+        hasError && "!border-red-500",
+        !isDisabled && "focus-within:border-blue-500",
+        isDisabled && "text-ink-300s cursor-not-allowed",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && !isDisabled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-caret-blink bg-ink-400s h-5 w-px duration-1000" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+const InputOTPSeparator = React__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Dot, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+exports.InputOTP = InputOTP;
+exports.InputOTPGroup = InputOTPGroup;
+exports.InputOTPSeparator = InputOTPSeparator;
+exports.InputOTPSlot = InputOTPSlot;
+//# sourceMappingURL=input-otp.js.map
+//# sourceMappingURL=input-otp.js.map

package/dist/components/input-otp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/input-otp.tsx"],"names":["React","jsx","OTPInput","cn","OTPInputContext","jsxs","Dot"],"mappings":"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","file":"input-otp.js","sourcesContent":["'use client';\n\nimport { OTPInput, OTPInputContext } from 'input-otp';\nimport { Dot } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n// Create a context to pass error and disabled states to slots\nconst InputOTPErrorContext = React.createContext<boolean>(false);\nconst InputOTPDisabledContext = React.createContext<boolean>(false);\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  Omit<React.ComponentPropsWithoutRef<typeof OTPInput>, 'render'> & {\n    error?: boolean;\n    disabled?: boolean;\n    children: React.ReactNode;\n  }\n>(({ className, containerClassName, error, disabled, children, ...otpProps }, ref) => (\n  <InputOTPErrorContext.Provider value={!!error}>\n    <InputOTPDisabledContext.Provider value={!!disabled}>\n      <OTPInput\n        ref={ref}\n        disabled={disabled}\n        containerClassName={cn('flex items-center gap-2', containerClassName)}\n        className={cn('disabled:cursor-not-allowed', className)}\n        {...otpProps}\n      >\n        {children}\n      </OTPInput>\n    </InputOTPDisabledContext.Provider>\n  </InputOTPErrorContext.Provider>\n));\nInputOTP.displayName = 'InputOTP';\n\nconst InputOTPGroup = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center gap-3', className)} {...props} />\n));\nInputOTPGroup.displayName = 'InputOTPGroup';\n\nconst InputOTPSlot = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'> & { index: number }\n>(({ index, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext);\n  const slot = inputOTPContext.slots[index];\n  const char = slot?.char;\n  const hasFakeCaret = slot?.hasFakeCaret;\n  const isActive = slot?.isActive;\n\n  // Get error and disabled states from our custom contexts\n  const hasError = React.useContext(InputOTPErrorContext);\n  const isDisabled = React.useContext(InputOTPDisabledContext);\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'relative flex h-10 w-10 items-center justify-center rounded-lg border text-lg font-normal transition-all',\n        'border-border bg-white',\n        isActive && !isDisabled && 'border-blue-500',\n        char && 'border-ink-300s',\n        hasError && '!border-red-500',\n        !isDisabled && 'focus-within:border-blue-500',\n        isDisabled && 'text-ink-300s cursor-not-allowed',\n        className,\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && !isDisabled && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-ink-400s h-5 w-px duration-1000\" />\n        </div>\n      )}\n    </div>\n  );\n});\nInputOTPSlot.displayName = 'InputOTPSlot';\n\nconst InputOTPSeparator = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <Dot />\n  </div>\n));\nInputOTPSeparator.displayName = 'InputOTPSeparator';\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n"]}

package/dist/components/input-otp.mjs

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { OTPInput, OTPInputContext } from 'input-otp';
+import { Dot } from 'lucide-react';
+import * as React from 'react';
+import { cn } from '@/lib/utils';
+
+const InputOTPErrorContext = React.createContext(false);
+const InputOTPDisabledContext = React.createContext(false);
+const InputOTP = React.forwardRef(({ className, containerClassName, error, disabled, children, ...otpProps }, ref) => /* @__PURE__ */ jsx(InputOTPErrorContext.Provider, { value: !!error, children: /* @__PURE__ */ jsx(InputOTPDisabledContext.Provider, { value: !!disabled, children: /* @__PURE__ */ jsx(
+  OTPInput,
+  {
+    ref,
+    disabled,
+    containerClassName: cn("flex items-center gap-2", containerClassName),
+    className: cn("disabled:cursor-not-allowed", className),
+    ...otpProps,
+    children
+  }
+) }) }));
+InputOTP.displayName = "InputOTP";
+const InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-3", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+const InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React.useContext(OTPInputContext);
+  const slot = inputOTPContext.slots[index];
+  const char = slot?.char;
+  const hasFakeCaret = slot?.hasFakeCaret;
+  const isActive = slot?.isActive;
+  const hasError = React.useContext(InputOTPErrorContext);
+  const isDisabled = React.useContext(InputOTPDisabledContext);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "relative flex h-10 w-10 items-center justify-center rounded-lg border text-lg font-normal transition-all",
+        "border-border bg-white",
+        isActive && !isDisabled && "border-blue-500",
+        char && "border-ink-300s",
+        hasError && "!border-red-500",
+        !isDisabled && "focus-within:border-blue-500",
+        isDisabled && "text-ink-300s cursor-not-allowed",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && !isDisabled && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "animate-caret-blink bg-ink-400s h-5 w-px duration-1000" }) })
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+const InputOTPSeparator = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx(Dot, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+//# sourceMappingURL=input-otp.mjs.map
+//# sourceMappingURL=input-otp.mjs.map

package/dist/components/input-otp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/input-otp.tsx"],"names":[],"mappings":"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","file":"input-otp.mjs","sourcesContent":["'use client';\n\nimport { OTPInput, OTPInputContext } from 'input-otp';\nimport { Dot } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\n// Create a context to pass error and disabled states to slots\nconst InputOTPErrorContext = React.createContext<boolean>(false);\nconst InputOTPDisabledContext = React.createContext<boolean>(false);\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  Omit<React.ComponentPropsWithoutRef<typeof OTPInput>, 'render'> & {\n    error?: boolean;\n    disabled?: boolean;\n    children: React.ReactNode;\n  }\n>(({ className, containerClassName, error, disabled, children, ...otpProps }, ref) => (\n  <InputOTPErrorContext.Provider value={!!error}>\n    <InputOTPDisabledContext.Provider value={!!disabled}>\n      <OTPInput\n        ref={ref}\n        disabled={disabled}\n        containerClassName={cn('flex items-center gap-2', containerClassName)}\n        className={cn('disabled:cursor-not-allowed', className)}\n        {...otpProps}\n      >\n        {children}\n      </OTPInput>\n    </InputOTPDisabledContext.Provider>\n  </InputOTPErrorContext.Provider>\n));\nInputOTP.displayName = 'InputOTP';\n\nconst InputOTPGroup = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center gap-3', className)} {...props} />\n));\nInputOTPGroup.displayName = 'InputOTPGroup';\n\nconst InputOTPSlot = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'> & { index: number }\n>(({ index, className, ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext);\n  const slot = inputOTPContext.slots[index];\n  const char = slot?.char;\n  const hasFakeCaret = slot?.hasFakeCaret;\n  const isActive = slot?.isActive;\n\n  // Get error and disabled states from our custom contexts\n  const hasError = React.useContext(InputOTPErrorContext);\n  const isDisabled = React.useContext(InputOTPDisabledContext);\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'relative flex h-10 w-10 items-center justify-center rounded-lg border text-lg font-normal transition-all',\n        'border-border bg-white',\n        isActive && !isDisabled && 'border-blue-500',\n        char && 'border-ink-300s',\n        hasError && '!border-red-500',\n        !isDisabled && 'focus-within:border-blue-500',\n        isDisabled && 'text-ink-300s cursor-not-allowed',\n        className,\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && !isDisabled && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"animate-caret-blink bg-ink-400s h-5 w-px duration-1000\" />\n        </div>\n      )}\n    </div>\n  );\n});\nInputOTPSlot.displayName = 'InputOTPSlot';\n\nconst InputOTPSeparator = React.forwardRef<\n  React.ElementRef<'div'>,\n  React.ComponentPropsWithoutRef<'div'>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <Dot />\n  </div>\n));\nInputOTPSeparator.displayName = 'InputOTPSeparator';\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n"]}

package/dist/components/input.d.ts

@@ -0,0 +1,150 @@
+import { TrackingPropsType } from '@/lib/types';
+import * as React from 'react';
+export interface InputLayoutProps extends TrackingPropsType {
+    disabled?: boolean;
+    isError?: boolean;
+    className?: string;
+    addonBefore?: React.ReactNode;
+    addonAfter?: React.ReactNode;
+    addonBeforeClassName?: string;
+    addonAfterClassName?: string;
+    label?: string;
+    isRequired?: boolean;
+    buttonIcon?: React.ReactNode;
+    showRemoveIcon?: boolean;
+    onClearValue?: () => void;
+    buttonIconClassName?: string;
+    classButton?: string;
+    classLabel?: string;
+    children: (params: {
+        iconAreaWidth?: number;
+    }) => React.ReactNode;
+    size?: 'default' | 'lg';
+    isTextarea?: boolean;
+}
+export default function DsInputLayout({ className, showRemoveIcon, disabled, isError, addonAfter, addonBefore, addonBeforeClassName, addonAfterClassName, trackingData, trackingIndex, trackingName, label, isRequired, buttonIcon, onClearValue, buttonIconClassName, children, classButton, classLabel, size, isTextarea, }: InputLayoutProps): import("react/jsx-runtime").JSX.Element;
+interface TrackingData {
+    [key: string]: any;
+    identity?: string;
+    object_name?: string;
+    object_type?: 'input_field';
+    input_text?: string;
+}
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'children' | 'size'> {
+    disabled?: boolean;
+    isError?: boolean;
+    className?: string;
+    addonBefore?: React.ReactNode;
+    addonAfter?: React.ReactNode;
+    addonBeforeClassName?: string;
+    addonAfterClassName?: string;
+    label?: string;
+    isRequired?: boolean;
+    buttonIcon?: React.ReactNode;
+    showRemoveIcon?: boolean;
+    onClearValue?: () => void;
+    buttonIconClassName?: string;
+    classButton?: string;
+    classLabel?: string;
+    size?: 'default' | 'lg';
+    inputClassName?: string;
+    trackingInputName?: string;
+    helpText?: React.ReactNode;
+    errorText?: React.ReactNode;
+    helpTextClassName?: string;
+    errorTextClassName?: string;
+    wrapperClassName?: string;
+    trackingData?: TrackingData;
+    trackingIndex?: number;
+    trackingName?: string;
+    trackingClearName?: string;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export interface InputCurrencyProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'children' | 'size' | 'value'> {
+    disabled?: boolean;
+    isError?: boolean;
+    className?: string;
+    addonBefore?: React.ReactNode;
+    addonAfter?: React.ReactNode;
+    addonBeforeClassName?: string;
+    addonAfterClassName?: string;
+    label?: string;
+    isRequired?: boolean;
+    buttonIcon?: React.ReactNode;
+    showRemoveIcon?: boolean;
+    onClearValue?: () => void;
+    buttonIconClassName?: string;
+    classButton?: string;
+    classLabel?: string;
+    size?: 'default' | 'lg';
+    inputClassName?: string;
+    trackingInputName?: string;
+    helpText?: React.ReactNode;
+    errorText?: React.ReactNode;
+    helpTextClassName?: string;
+    errorTextClassName?: string;
+    wrapperClassName?: string;
+    trackingData?: TrackingData;
+    trackingIndex?: number;
+    trackingName?: string;
+    trackingClearName?: string;
+    currency?: string;
+    allowLeadingZeros?: boolean;
+    showVietnameseText?: boolean;
+    vietnameseTextUnit?: string;
+    vietnameseTextClassName?: string;
+    onValueChange?: (values: {
+        value: string;
+        floatValue?: number;
+        formattedValue: string;
+    }) => void;
+    getInputRef?: (el: HTMLInputElement) => void;
+    renderText?: (value: string, props: any) => React.ReactNode;
+    valueIsNumericString?: boolean;
+    maxIntegerLength?: number;
+    value?: number | '';
+}
+declare const InputCurrency: React.ForwardRefExoticComponent<InputCurrencyProps & React.RefAttributes<HTMLInputElement>>;
+export interface InputNumberProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'children' | 'size' | 'value' | 'onChange'> {
+    disabled?: boolean;
+    isError?: boolean;
+    className?: string;
+    addonBefore?: React.ReactNode;
+    addonAfter?: React.ReactNode;
+    addonBeforeClassName?: string;
+    addonAfterClassName?: string;
+    label?: string;
+    isRequired?: boolean;
+    buttonIcon?: React.ReactNode;
+    showRemoveIcon?: boolean;
+    onClearValue?: () => void;
+    buttonIconClassName?: string;
+    classButton?: string;
+    classLabel?: string;
+    size?: 'default' | 'lg';
+    inputClassName?: string;
+    trackingInputName?: string;
+    helpText?: React.ReactNode;
+    errorText?: React.ReactNode;
+    helpTextClassName?: string;
+    errorTextClassName?: string;
+    wrapperClassName?: string;
+    trackingData?: TrackingData;
+    trackingIndex?: number;
+    trackingName?: string;
+    trackingClearName?: string;
+    value: number | '';
+    onChange: (value: number | '') => void;
+    allowDecimals?: boolean;
+    decimalScale?: number;
+    fixedDecimalScale?: boolean;
+    allowNegative?: boolean;
+    allowLeadingZeros?: boolean;
+    getInputRef?: (el: HTMLInputElement) => void;
+    renderText?: (value: string, props: any) => React.ReactNode;
+    valueIsNumericString?: boolean;
+    maxIntegerLength?: number;
+}
+declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<HTMLInputElement>>;
+export { Input, InputCurrency, InputNumber };
+//# sourceMappingURL=input.d.ts.map

package/dist/components/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"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"}