@dimasbaguspm/versaur 0.0.17 → 0.0.19

package/dist/js/modal-FqewbVts.js

@@ -1,150 +0,0 @@
-import { j as o, c as d, a as p } from "./index-C1uJQB34.js";
-import { forwardRef as s, useEffect as u, useRef as x, useState as y } from "react";
-const E = s(
-  ({ className: e, ...t }, a) => /* @__PURE__ */ o.jsx(
-    "div",
-    {
-      ref: a,
-      className: d("px-6 pt-6 pb-2 text-lg font-semibold", e),
-      ...t
-    }
-  )
-), M = s(
-  ({ className: e, ...t }, a) => /* @__PURE__ */ o.jsx(
-    "div",
-    {
-      ref: a,
-      className: d("px-6 py-4  flex justify-end gap-2", e),
-      ...t
-    }
-  )
-), R = s(
-  ({ className: e, ...t }, a) => /* @__PURE__ */ o.jsx("div", { ref: a, className: d("px-6 py-2", e), ...t })
-), k = s(
-  ({ onOverlayClick: e, ...t }, a) => /* @__PURE__ */ o.jsx(
-    "div",
-    {
-      ref: a,
-      role: "presentation",
-      tabIndex: -1,
-      "aria-modal": "true",
-      onClick: e,
-      ...t
-    }
-  )
-), N = p(
-  "fixed inset-0 z-60 transition-opacity duration-300 bg-foreground/30 backdrop-blur-md flex items-center justify-center transition-opacity duration-200 ease-in-out",
-  {
-    variants: {
-      placement: {
-        top: "items-start",
-        center: "items-center"
-      }
-    },
-    defaultVariants: {
-      placement: "center"
-    }
-  }
-), V = p(
-  [
-    "bg-white rounded-lg shadow-xl relative",
-    "flex flex-col",
-    "outline-none",
-    "mx-4",
-    "transition-all duration-200 ease-in-out "
-  ],
-  {
-    variants: {
-      size: {
-        sm: "w-[20rem] max-w-sm",
-        // 20rem, 320px
-        md: "w-[28rem] max-w-md",
-        // 28rem, 448px
-        lg: "w-[36rem] max-w-lg",
-        // 36rem, 576px
-        "fit-content": "w-fit max-w-full"
-        // Fit content, no max width
-      },
-      placement: {
-        top: "mt-4",
-        center: ""
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      placement: "center"
-    }
-  }
-);
-function A(e, t) {
-  u(() => {
-    if (t && e.current) {
-      const a = e.current.querySelectorAll(
-        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-      );
-      a.length && a[0].focus();
-    }
-  }, [t, e]);
-}
-function F(e, t) {
-  u(() => {
-    if (!e) return;
-    const a = (n) => {
-      n.key === "Escape" && t();
-    };
-    return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
-  }, [e, t]);
-}
-const I = 200, T = ({
-  isOpen: e,
-  onOpenChange: t,
-  size: a = "md",
-  placement: n = "center",
-  children: v,
-  disableOverlayClose: b,
-  disableEscClose: w,
-  ...g
-}) => {
-  const r = x(null), i = x(null), [j, f] = y(e), [m, l] = y(!1);
-  return u(() => {
-    if (e)
-      f(!0), l(!1), r.current = document.activeElement;
-    else if (j) {
-      l(!0);
-      const c = setTimeout(() => {
-        f(!1), l(!1), r.current && r.current.focus();
-      }, I);
-      return () => clearTimeout(c);
-    }
-  }, [e]), F(e && !w, () => {
-    t && t(!1);
-  }), A(i, e), /* @__PURE__ */ o.jsx(
-    k,
-    {
-      ref: i,
-      className: `${N({ placement: n })} transition-opacity duration-200 ease-in-out ` + (e && !m ? "opacity-100" : "opacity-0 pointer-events-none"),
-      onOverlayClick: (c) => {
-        c.target === i.current && !b && t && t(!1);
-      },
-      placement: n,
-      children: /* @__PURE__ */ o.jsx(
-        "div",
-        {
-          className: `${V({ size: a, placement: n })} transition-all duration-200 ease-in-out ` + (e && !m ? "opacity-100 scale-100" : "opacity-0 scale-95 pointer-events-none"),
-          role: "dialog",
-          ...g,
-          tabIndex: 0,
-          "aria-hidden": !e,
-          children: v
-        }
-      )
-    }
-  );
-}, D = Object.assign(T, {
-  Header: E,
-  Body: R,
-  Footer: M
-});
-export {
-  D as M
-};

package/dist/types/forms/calculator-input/calculator-input.atoms.d.ts

@@ -1,11 +0,0 @@
-import { CalculatorInputProps } from './types';
-/**
- * CalculatorInputField is the input field for CalculatorInput
- */
-export interface CalculatorInputFieldProps extends Omit<CalculatorInputProps, 'onChange'> {
-    onChange: (value: number | '') => void;
-    onClick?: React.MouseEventHandler<HTMLInputElement>;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    readOnly?: boolean;
-}
-export declare const CalculatorInputField: import('react').ForwardRefExoticComponent<CalculatorInputFieldProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/types/forms/calculator-input/calculator-input.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { CalculatorInputProps } from './types';
-/**
- * CalculatorInput is an input field with a modal calculator picker
- */
-export declare const CalculatorInput: FC<CalculatorInputProps & {
-    headerLabel?: string;
-}>;

package/dist/types/forms/calculator-input/index.d.ts

@@ -1 +0,0 @@
-export * from './calculator-input';

package/dist/types/forms/calculator-input/types.d.ts

@@ -1,51 +0,0 @@
-import { CalculatorProps } from '../../primitive/calculator';
-import { ModalRootProps } from '../../overlays/modal';
-/**
- * Props for CalculatorInput component
- */
-export interface CalculatorInputProps extends Omit<CalculatorProps, 'value' | 'onChange'> {
-    /**
-     * The value of the input (number or empty string)
-     */
-    value: number | '';
-    /**
-     * Called when the value changes
-     */
-    onChange: (value: number | '') => void;
-    /**
-     * Label text to display above the input
-     */
-    label?: React.ReactNode;
-    /**
-     * Helper text to display below the input
-     */
-    helperText?: React.ReactNode;
-    /**
-     * Error message for invalid state
-     */
-    error?: React.ReactNode;
-    /**
-     * Placeholder text for the input
-     */
-    placeholder?: string;
-    /**
-     * If true, disables the input
-     */
-    disabled?: boolean;
-    /**
-     * Modal props for customizing the modal behavior
-     */
-    modalProps?: Partial<ModalRootProps>;
-    /**
-     * Optional: ARIA label for dialog
-     */
-    'aria-label'?: string;
-    /**
-     * Optional: ARIA labelledby for dialog
-     */
-    'aria-labelledby'?: string;
-    /**
-     * Optional: ARIA describedby for dialog
-     */
-    'aria-describedby'?: string;
-}

package/dist/types/forms/time-picker-input/time-picker-input.atoms.d.ts

@@ -1,15 +0,0 @@
-import { default as React } from 'react';
-export interface TimeFieldProps {
-    value: string;
-    onChange: (val: string) => void;
-    label: string;
-    'aria-label'?: string;
-    disabled?: boolean;
-}
-export declare const TimeField: React.FC<TimeFieldProps>;
-export interface AmPmSegmentProps {
-    value: 'AM' | 'PM';
-    onChange: (val: 'AM' | 'PM') => void;
-    disabled?: boolean;
-}
-export declare const AmPmSegment: React.FC<AmPmSegmentProps>;