crowui-pr 1.1.0

package/dist/Form/Select/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";require('../../assets/styles.css');const t=require("react/jsx-runtime"),p=require("../../clsx-C11secjj.cjs"),M=require("../../index-Djgl0aBZ.cjs"),c=require("react"),_=require("../../IconSearch-BeVs-gUu.cjs"),H=require("../Checkbox/index.cjs"),V=require("../../Button/index.cjs"),F=require("../../PickerWrapper-B14f_Y-E.cjs"),$=require("../../Chip/index.cjs");;/* empty css                      */function z({label:n,isMultiple:s,isActive:o,disabled:a}){return s?t.jsx(H,{checked:o,label:n,readOnly:!0,disabled:a}):n}const D=n=>{const{option:s,onClick:o,value:a,mode:u,optionCellClassName:f,optionCell:r}=n;function l(){return Array.isArray(a)?a.includes(s.value):s.value===a}return t.jsx("button",{type:"button",onClick:o,className:p.clsx("crow:w-full crow:text-start crow:px-3 crow:disabled:cursor-not-allowed crow:py-3 crow:font-p1-regular crow:disabled:bg-gray-50 crow:transition",l()?"crow:bg-primary-50 crow:text-primary-500":"crow:text-gray-700 crow:disabled:text-gray-400",f),disabled:s.disabled,children:r?r(s,l()):z({label:s.label,isMultiple:u==="multiple",isActive:l(),disabled:s.disabled??!1})})},E=c.memo(D),U=20,G=n=>{const{options:s,mode:o="single",afterOptions:a,beforeOptions:u,onChange:f,searchable:r=!0,separateSelectedOptions:l=!0,optionsTitle:w="عنوان‌ها",value:d,optionCellClassName:v,emptyContent:R="نتیجه‌ای یافت نشد !",showClearButtonOnEmpty:B=!0}=n,[x,O]=c.useState(""),[h,L]=c.useState(0),m=c.useRef(null),N=c.useRef(null),{toggleWrapperVisibility:k}=F.usePickerWrapperContext(),S=p.clsx("crow:border-t crow:border-solid crow:border-gray-100",(!r&&!u||o==="multiple"&&l)&&"crow:first-of-type:border-t-0",!!a&&"crow:last-of-type:border-b");let b;const g=r;typeof r=="boolean"?b=r:b=Object.keys(r).length>0;const j=c.useMemo(()=>{if(!Array.isArray(s))throw new Error("options should be array");return x?s?.filter(e=>e.label.includes(x)):s},[x,s]),C=c.useMemo(()=>o==="multiple"&&l?s?.filter(e=>d.includes(e.value))??[]:[],[s,d]),q=c.useMemo(()=>{let e=j;o==="multiple"&&l&&(e=e?.filter(I=>!d.includes(I.value)));const i=Math.min(h+U,e?.length??0);return e?.slice(h,i)},[j,h,d]),y=m?.current?.children[0]?.clientHeight??50,W=((j?.length??0)-(o==="multiple"?C.length??0:0))*y,P=c.useCallback(()=>{const e=m?.current?.parentElement;if(!e)return;const i=e.scrollTop,I=m.current.offsetTop,A=Math.floor((i-I)/y);L(A>=0?A:0)},[y]);c.useEffect(()=>{const e=m.current?.parentElement;if(e)return e.addEventListener("scroll",P),()=>e.removeEventListener("scroll",P)},[P]),c.useEffect(()=>{!b||g.autoFocus===!1||!N.current||setTimeout(()=>{N.current?.focus()},300)},[]);const T=c.useCallback(e=>{if(typeof f=="function")if(o==="multiple"){const i=[...d??[]];i.includes(e)?i.splice(i.indexOf(e),1):i.push(e),f(i)}else f(e),k()},[d,f,o,k]);return t.jsxs(t.Fragment,{children:[b&&t.jsx(M.Input,{ref:N,id:"search-input",wrapperClassName:p.clsx("crow:sticky crow:top-0 crow:pt-3 crow:right-0 crow:bg-surface crow:z-10 crow:px-3",u?"crow:pb-2":"crow:pb-3",g?.wrapperClassName),placeholder:g?.placeholder??"جستجوی عنوان",value:x,onChange:e=>O(e.currentTarget.value),rightIcon:g?.rightIcon??t.jsx(_.IconSearch,{width:20,height:20}),...typeof r=="object"?r:{}}),u,o==="multiple"&&l&&C.length>0&&t.jsxs(t.Fragment,{children:[t.jsx("p",{className:"crow:font-p2-regular crow:text-gray-400 crow:px-3 crow:py-2",children:`${w}‌ی انتخاب شده`}),C.map(e=>t.jsx(E,{onClick:()=>T(e.value),option:e,optionCellClassName:p.clsx(S,v),...n},e.value))]}),t.jsxs(t.Fragment,{children:[o==="multiple"&&l&&t.jsx("p",{className:"crow:font-p2-regular crow:text-gray-400 crow:px-3 crow:py-2",children:w}),t.jsx("div",{ref:m,className:"crow:relative",style:{height:W},children:q?.map((e,i)=>t.jsx("div",{className:p.clsx("crow:absolute crow:w-full",S),style:{top:`${(h+i)*y}px`},children:t.jsx(E,{onClick:()=>T(e.value),option:e,...n})},e.value))}),!q?.length&&!C.length&&t.jsxs("div",{className:"crow:text-center crow:flex crow:flex-col crow:items-center crow:mt-2",children:[t.jsx("p",{className:"crow:text-gray-500 crow:font-p3-medium",children:R}),B&&t.jsx(V,{type:"button",className:"crow:mt-1",variant:"text",size:"small",onClick:()=>O(""),children:"پاک کردن"})]})]}),a]})};function J(n,s){if(!Array.isArray(n))return s.find(o=>o.value===n)?.label??""}const K=n=>{const{searchable:s=!0,value:o,options:a}=n,u=Array.isArray(o)&&o.length>0;function f(){return n.inputProps?.prefix?n.inputProps.prefix:u?o.map(l=>t.jsx($,{label:a.find(w=>w.value===l)?.label,clickable:!0,leftIcon:t.jsx(M.IconCloseSquare,{}),onClick:w=>{w.stopPropagation();const d=o.filter(v=>v!==l);n.onChange?.(d)}},l)):null}const r={...n};return r.dropdownType==="popover"&&!s&&(r.popoverClassName=p.clsx("crow:pt-3",r.popoverClassName)),r.dropdownType==="drawer"&&(r.drawerProps={...r.drawerProps,containerClassName:p.clsx(s?"crow:!pt-0":"crow:!pt-3",r.drawerProps?.containerClassName)}),r.customInput||(r.inputProps={...r.inputProps,value:J(o,a),prefix:f(),prefixClassName:u?p.clsx("crow:flex crow:items-center flex crow:flex-wrap crow:gap-2 crow:w-full",r.inputProps?.prefixClassName):r.inputProps?.prefixClassName,className:u?"crow:hidden":r.inputProps?.className,containerClassName:u?p.clsx("crow:items-baseline",r.inputProps?.containerClassName):r.inputProps?.containerClassName}),t.jsx(F.PickerWrapper,{...r,children:t.jsx(G,{...n})})};module.exports=K;

package/dist/Form/Select/index.d.ts

@@ -0,0 +1,4 @@
+import { SelectProps } from './types';
+declare const Select: <T>(props: SelectProps<T>) => import("react").JSX.Element;
+export default Select;
+//# sourceMappingURL=index.d.ts.map

package/dist/Form/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAA0B,MAAM,SAAS,CAAC;AAKnE,OAAO,kBAAkB,CAAC;AAQ1B,QAAA,MAAM,MAAM,GAAI,CAAC,EAAG,OAAO,WAAW,CAAC,CAAC,CAAC,gCAwDxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Form/Select/index.mjs

@@ -0,0 +1,234 @@
+"use client";
+import { jsx as l, jsxs as x, Fragment as k } from "react/jsx-runtime";
+import { c as p } from "../../clsx-OuTLNxxd.js";
+import { I as q, a as D } from "../../index-1uytR4Ez.js";
+import { memo as U, useState as L, useRef as H, useMemo as S, useCallback as R, useEffect as V } from "react";
+import { I as G } from "../../IconSearch-aShj2vmu.js";
+import J from "../Checkbox/index.mjs";
+import K from "../../Button/index.mjs";
+import { u as Q, P as X } from "../../PickerWrapper-BUpw1NG2.js";
+import Y from "../../Chip/index.mjs";
+import '../../assets/styles.css';/* empty css                    */
+function Z({
+  label: n,
+  isMultiple: t,
+  isActive: o,
+  disabled: a
+}) {
+  return t ? /* @__PURE__ */ l(
+    J,
+    {
+      checked: o,
+      label: n,
+      readOnly: !0,
+      disabled: a
+    }
+  ) : n;
+}
+const ee = (n) => {
+  const { option: t, onClick: o, value: a, mode: i, optionCellClassName: u, optionCell: r } = n;
+  function s() {
+    return Array.isArray(a) ? a.includes(t.value) : t.value === a;
+  }
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      type: "button",
+      onClick: o,
+      className: p(
+        "crow:w-full crow:text-start crow:px-3 crow:disabled:cursor-not-allowed crow:py-3 crow:font-p1-regular crow:disabled:bg-gray-50 crow:transition",
+        s() ? "crow:bg-primary-50 crow:text-primary-500" : "crow:text-gray-700 crow:disabled:text-gray-400",
+        u
+      ),
+      disabled: t.disabled,
+      children: r ? r(t, s()) : Z({
+        label: t.label,
+        isMultiple: i === "multiple",
+        isActive: s(),
+        disabled: t.disabled ?? !1
+      })
+    }
+  );
+}, W = U(ee), re = 20, te = (n) => {
+  const {
+    options: t,
+    mode: o = "single",
+    afterOptions: a,
+    beforeOptions: i,
+    onChange: u,
+    searchable: r = !0,
+    separateSelectedOptions: s = !0,
+    optionsTitle: m = "عنوان‌ها",
+    value: f,
+    optionCellClassName: v,
+    emptyContent: $ = "نتیجه‌ای یافت نشد !",
+    showClearButtonOnEmpty: z = !0
+  } = n, [w, T] = L(""), [h, F] = L(0), d = H(null), N = H(null), { toggleWrapperVisibility: A } = Q(), E = p(
+    "crow:border-t crow:border-solid crow:border-gray-100",
+    (!r && !i || o === "multiple" && s) && "crow:first-of-type:border-t-0",
+    !!a && "crow:last-of-type:border-b"
+  );
+  let b;
+  const g = r;
+  typeof r == "boolean" ? b = r : b = Object.keys(r).length > 0;
+  const P = S(() => {
+    if (!Array.isArray(t))
+      throw new Error("options should be array");
+    return w ? t?.filter((e) => e.label.includes(w)) : t;
+  }, [w, t]), y = S(() => o === "multiple" && s ? t?.filter((e) => f.includes(e.value)) ?? [] : [], [t, f]), M = S(() => {
+    let e = P;
+    o === "multiple" && s && (e = e?.filter((O) => !f.includes(O.value)));
+    const c = Math.min(h + re, e?.length ?? 0);
+    return e?.slice(h, c);
+  }, [P, h, f]), C = d?.current?.children[0]?.clientHeight ?? 50, _ = ((P?.length ?? 0) - (o === "multiple" ? y.length ?? 0 : 0)) * C, I = R(() => {
+    const e = d?.current?.parentElement;
+    if (!e) return;
+    const c = e.scrollTop, O = d.current.offsetTop, B = Math.floor((c - O) / C);
+    F(B >= 0 ? B : 0);
+  }, [C]);
+  V(() => {
+    const e = d.current?.parentElement;
+    if (e)
+      return e.addEventListener("scroll", I), () => e.removeEventListener("scroll", I);
+  }, [I]), V(() => {
+    !b || g.autoFocus === !1 || !N.current || setTimeout(() => {
+      N.current?.focus();
+    }, 300);
+  }, []);
+  const j = R(
+    (e) => {
+      if (typeof u == "function")
+        if (o === "multiple") {
+          const c = [...f ?? []];
+          c.includes(e) ? c.splice(c.indexOf(e), 1) : c.push(e), u(c);
+        } else
+          u(e), A();
+    },
+    [f, u, o, A]
+  );
+  return /* @__PURE__ */ x(k, { children: [
+    b && /* @__PURE__ */ l(
+      q,
+      {
+        ref: N,
+        id: "search-input",
+        wrapperClassName: p(
+          "crow:sticky crow:top-0 crow:pt-3 crow:right-0 crow:bg-surface crow:z-10 crow:px-3",
+          i ? "crow:pb-2" : "crow:pb-3",
+          g?.wrapperClassName
+        ),
+        placeholder: g?.placeholder ?? "جستجوی عنوان",
+        value: w,
+        onChange: (e) => T(e.currentTarget.value),
+        rightIcon: g?.rightIcon ?? /* @__PURE__ */ l(
+          G,
+          {
+            width: 20,
+            height: 20
+          }
+        ),
+        ...typeof r == "object" ? r : {}
+      }
+    ),
+    i,
+    o === "multiple" && s && y.length > 0 && /* @__PURE__ */ x(k, { children: [
+      /* @__PURE__ */ l("p", { className: "crow:font-p2-regular crow:text-gray-400 crow:px-3 crow:py-2", children: `${m}‌ی انتخاب شده` }),
+      y.map((e) => /* @__PURE__ */ l(
+        W,
+        {
+          onClick: () => j(e.value),
+          option: e,
+          optionCellClassName: p(E, v),
+          ...n
+        },
+        e.value
+      ))
+    ] }),
+    /* @__PURE__ */ x(k, { children: [
+      o === "multiple" && s && /* @__PURE__ */ l("p", { className: "crow:font-p2-regular crow:text-gray-400 crow:px-3 crow:py-2", children: m }),
+      /* @__PURE__ */ l(
+        "div",
+        {
+          ref: d,
+          className: "crow:relative",
+          style: { height: _ },
+          children: M?.map((e, c) => /* @__PURE__ */ l(
+            "div",
+            {
+              className: p("crow:absolute crow:w-full", E),
+              style: { top: `${(h + c) * C}px` },
+              children: /* @__PURE__ */ l(
+                W,
+                {
+                  onClick: () => j(e.value),
+                  option: e,
+                  ...n
+                }
+              )
+            },
+            e.value
+          ))
+        }
+      ),
+      !M?.length && !y.length && /* @__PURE__ */ x("div", { className: "crow:text-center crow:flex crow:flex-col crow:items-center crow:mt-2", children: [
+        /* @__PURE__ */ l("p", { className: "crow:text-gray-500 crow:font-p3-medium", children: $ }),
+        z && /* @__PURE__ */ l(
+          K,
+          {
+            type: "button",
+            className: "crow:mt-1",
+            variant: "text",
+            size: "small",
+            onClick: () => T(""),
+            children: "پاک کردن"
+          }
+        )
+      ] })
+    ] }),
+    a
+  ] });
+};
+function oe(n, t) {
+  if (!Array.isArray(n))
+    return t.find((o) => o.value === n)?.label ?? "";
+}
+const de = (n) => {
+  const { searchable: t = !0, value: o, options: a } = n, i = Array.isArray(o) && o.length > 0;
+  function u() {
+    return n.inputProps?.prefix ? n.inputProps.prefix : i ? o.map((s) => /* @__PURE__ */ l(
+      Y,
+      {
+        label: a.find((m) => m.value === s)?.label,
+        clickable: !0,
+        leftIcon: /* @__PURE__ */ l(D, {}),
+        onClick: (m) => {
+          m.stopPropagation();
+          const f = o.filter((v) => v !== s);
+          n.onChange?.(f);
+        }
+      },
+      s
+    )) : null;
+  }
+  const r = { ...n };
+  return r.dropdownType === "popover" && !t && (r.popoverClassName = p("crow:pt-3", r.popoverClassName)), r.dropdownType === "drawer" && (r.drawerProps = {
+    ...r.drawerProps,
+    containerClassName: p(
+      t ? "crow:!pt-0" : "crow:!pt-3",
+      r.drawerProps?.containerClassName
+    )
+  }), r.customInput || (r.inputProps = {
+    ...r.inputProps,
+    value: oe(o, a),
+    prefix: u(),
+    prefixClassName: i ? p(
+      "crow:flex crow:items-center flex crow:flex-wrap crow:gap-2 crow:w-full",
+      r.inputProps?.prefixClassName
+    ) : r.inputProps?.prefixClassName,
+    className: i ? "crow:hidden" : r.inputProps?.className,
+    containerClassName: i ? p("crow:items-baseline", r.inputProps?.containerClassName) : r.inputProps?.containerClassName
+  }), /* @__PURE__ */ l(X, { ...r, children: /* @__PURE__ */ l(te, { ...n }) });
+};
+export {
+  de as default
+};

package/dist/Form/Select/types.d.ts

@@ -0,0 +1,46 @@
+import { ReactNode } from 'react';
+import { InputProps } from '../Input';
+import { PickerWrapperProps } from '../Wrappers/PickerWrapper/type';
+export type Option<T> = {
+    /** Underlying value used for selection and comparison. */
+    value: T;
+    /** Human-readable label shown in the dropdown. */
+    label: string;
+    /** When true, the option is shown but cannot be selected. @default false */
+    disabled?: boolean;
+};
+type SelectPropsBase<T> = {
+    /** List of selectable options. */
+    options: Option<T>[];
+    /** Pass `true` for a default search input, or an `InputProps` object to customise it. @default false */
+    searchable?: boolean | Omit<InputProps, 'onChange'>;
+    /** Custom render function for each option row. Receives the option and whether it is currently active. */
+    optionCell?: (option: Option<T>, isActive: boolean) => ReactNode;
+    /** Extra class names on each option cell wrapper. */
+    optionCellClassName?: string;
+    /** Content rendered above the options list inside the dropdown. */
+    beforeOptions?: ReactNode;
+    /** Content rendered below the options list inside the dropdown. */
+    afterOptions?: ReactNode;
+    /** Shown when `options` is empty. */
+    emptyContent?: ReactNode;
+    /** Shows a "clear" button when no option is selected. @default false */
+    showClearButtonOnEmpty?: boolean;
+};
+export type SelectWithSingleMode<T> = {
+    mode?: 'single';
+    value: T;
+    onChange: (value: T) => void;
+    optionsTitle?: never;
+    separateSelectedOptions?: never;
+};
+export type SelectWithMultipleMode<T> = {
+    mode: 'multiple';
+    value: T[];
+    onChange: (value: T[]) => void;
+    optionsTitle?: string;
+    separateSelectedOptions?: boolean;
+};
+export type SelectProps<T> = SelectPropsBase<T> & PickerWrapperProps & (SelectWithSingleMode<T> | SelectWithMultipleMode<T>);
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/Form/Select/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IACtB,0DAA0D;IAC1D,KAAK,EAAE,CAAC,CAAC;IACT,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,kCAAkC;IAClC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,wGAAwG;IACxG,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACpD,0GAA0G;IAC1G,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC;IACjE,qDAAqD;IACrD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mEAAmE;IACnE,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,mEAAmE;IACnE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,qCAAqC;IACrC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,wEAAwE;IACxE,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,uBAAuB,CAAC,EAAE,KAAK,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;IACtC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAC7C,kBAAkB,GAClB,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist/Form/Switch/index.cjs

@@ -0,0 +1 @@
+"use strict";require('../../assets/styles.css');const r=require("react/jsx-runtime"),c=require("../../clsx-C11secjj.cjs");;/* empty css                      */const s={large:{switch:"crow:w-11 crow:h-6",label:"crow:font-p1-medium",toggler:"crow:size-5"},small:{switch:"crow:w-9 crow:h-5",label:"crow:font-p2-medium",toggler:"crow:size-4"}},p=w=>{const{checked:o,onChange:i,isIntermediate:t,label:a,description:n,disabled:l,size:e="large",className:g,containerClassName:u}=w;return r.jsxs("button",{type:"button",className:c.clsx("crow:flex crow:gap-x-2 crow:group",l&&"crow:opacity-50",u),onClick:()=>i(!o),disabled:l,children:[r.jsx("div",{className:c.clsx("crow:relative crow:rounded-xl crow:transition","crow:group-hover:ring-4 crow:group-hover:ring-gray-100","crow:group-focus:ring-offset-1 crow:group-focus:ring-offset-white crow:group-focus:ring-4 crow:group-focus:ring-primary-300",o?"crow:bg-primary-500":"crow:bg-gray-300",s[e].switch,g),children:r.jsx("div",{className:c.clsx("crow:bg-white crow:rounded-full crow:transition-all crow:absolute crow:top-1/2 crow:-translate-y-1/2 crow:right-0.5 crow:left-0.5",{"crow:left-[calc(100%-2px)]":!o,"crow:!w-3 crow:!h-0.5 crow:left-1/2 crow:right-1/2 crow:translate-x-1/2":o&&t,"crow:right-[calc(100%-2px)] crow:translate-x-full":o&&!t},s[e].toggler)})}),r.jsxs("div",{className:"crow:space-y-1 crow:-mt-1",children:[r.jsx("div",{className:c.clsx(s[e].label,"crow:text-gray-700 crow:group-hover:text-primary-500 crow:transition-colors"),children:a}),r.jsx("div",{className:"crow:font-p3-regular crow:text-gray-500",children:n})]})]})};module.exports=p;

package/dist/Form/Switch/index.d.ts

@@ -0,0 +1,24 @@
+import { FC } from 'react';
+export interface SwitchProps {
+    /** Current on/off state. */
+    checked: boolean;
+    /** Called with the new boolean state when the user toggles the switch. */
+    onChange: (checked: SwitchProps['checked']) => void;
+    /** Shows an indeterminate (dash) state instead of on/off. @default false */
+    isIntermediate?: boolean;
+    /** Text label rendered beside the switch. */
+    label?: string;
+    /** Secondary description text below the label. */
+    description?: string;
+    /** Dims and blocks interaction. @default false */
+    disabled?: boolean;
+    /** Switch track size. @default 'large' */
+    size?: 'large' | 'small';
+    /** Extra class names on the root label element. */
+    containerClassName?: string;
+    /** Extra class names on the switch track. */
+    className?: string;
+}
+declare const Switch: FC<SwitchProps>;
+export default Switch;
+//# sourceMappingURL=index.d.ts.map

package/dist/Form/Switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Switch/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,WAAW;IAC1B,4BAA4B;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,0EAA0E;IAC1E,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IACpD,4EAA4E;IAC5E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,mDAAmD;IACnD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkBD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA4D3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Form/Switch/index.mjs

@@ -0,0 +1,85 @@
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { c } from "../../clsx-OuTLNxxd.js";
+import '../../assets/styles.css';/* empty css                    */
+const t = {
+  large: {
+    switch: "crow:w-11 crow:h-6",
+    label: "crow:font-p1-medium",
+    toggler: "crow:size-5"
+  },
+  small: {
+    switch: "crow:w-9 crow:h-5",
+    label: "crow:font-p2-medium",
+    toggler: "crow:size-4"
+  }
+}, f = (i) => {
+  const {
+    checked: r,
+    onChange: s,
+    isIntermediate: a,
+    label: n,
+    description: g,
+    disabled: w,
+    size: e = "large",
+    className: p,
+    containerClassName: u
+  } = i;
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      type: "button",
+      className: c(
+        "crow:flex crow:gap-x-2 crow:group",
+        w && "crow:opacity-50",
+        u
+      ),
+      onClick: () => s(!r),
+      disabled: w,
+      children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: c(
+              "crow:relative crow:rounded-xl crow:transition",
+              "crow:group-hover:ring-4 crow:group-hover:ring-gray-100",
+              "crow:group-focus:ring-offset-1 crow:group-focus:ring-offset-white crow:group-focus:ring-4 crow:group-focus:ring-primary-300",
+              r ? "crow:bg-primary-500" : "crow:bg-gray-300",
+              t[e].switch,
+              p
+            ),
+            children: /* @__PURE__ */ o(
+              "div",
+              {
+                className: c(
+                  "crow:bg-white crow:rounded-full crow:transition-all crow:absolute crow:top-1/2 crow:-translate-y-1/2 crow:right-0.5 crow:left-0.5",
+                  {
+                    "crow:left-[calc(100%-2px)]": !r,
+                    "crow:!w-3 crow:!h-0.5 crow:left-1/2 crow:right-1/2 crow:translate-x-1/2": r && a,
+                    "crow:right-[calc(100%-2px)] crow:translate-x-full": r && !a
+                  },
+                  t[e].toggler
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ l("div", { className: "crow:space-y-1 crow:-mt-1", children: [
+          /* @__PURE__ */ o(
+            "div",
+            {
+              className: c(
+                t[e].label,
+                "crow:text-gray-700 crow:group-hover:text-primary-500 crow:transition-colors"
+              ),
+              children: n
+            }
+          ),
+          /* @__PURE__ */ o("div", { className: "crow:font-p3-regular crow:text-gray-500", children: g })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  f as default
+};

package/dist/Form/Textarea/index.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),n=require("../../clsx-C11secjj.cjs"),i=require("react"),w=require("../../omitObjects-CtiYo0hv.cjs"),x=require("../../TextFieldWrapper-BAK1sN1p.cjs"),u=i.forwardRef(function(e,s){const{dir:r="rtl",placeholderDir:c=r,className:l,...t}=e,a=w.omitObject(t,["labelAddon","labelContent","link","rightIcon","isError","errorMessage","hintMessage","wrapperClassName","showMaxLength","containerClassName"]);return o.jsx(x.TextFieldWrapper,{...e,children:o.jsx("textarea",{...a,ref:s,className:n.clsx("crow:bg-transparent crow:leading-normal crow:w-full crow:h-full crow:focus:outline-none crow:ss02 crow:flex-1 crow:resize-none",r==="rtl"?"crow:text-right":"crow:!text-left",c==="rtl"?"crow:placeholder:text-right":"crow:placeholder:text-left",l),rows:t.rows??5})})});module.exports=u;

package/dist/Form/Textarea/index.d.ts

@@ -0,0 +1,8 @@
+import { DetailedHTMLProps, TextareaHTMLAttributes } from 'react';
+import { TextFieldBaseProps } from '../Wrappers/TextFieldWrapper/TextFieldWrapper';
+/** Props for the Textarea component. Extends all standard textarea HTML attributes and TextFieldBaseProps. */
+export interface TextareaProps extends Omit<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'dir' | 'onClick'>, TextFieldBaseProps {
+}
+declare const Textarea: import('react').ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;
+//# sourceMappingURL=index.d.ts.map

package/dist/Form/Textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,iBAAiB,EAEtB,KAAK,sBAAsB,EAC5B,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AAGxF,8GAA8G;AAC9G,MAAM,WAAW,aACf,SAAQ,IAAI,CACR,iBAAiB,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC,EACnF,KAAK,GAAG,SAAS,CAClB,EACD,kBAAkB;CAAG;AAEzB,QAAA,MAAM,QAAQ,4HAiCZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/Form/Textarea/index.mjs

@@ -0,0 +1,36 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as n } from "../../clsx-OuTLNxxd.js";
+import { forwardRef as i } from "react";
+import { o as w } from "../../omitObjects-CxFrrlkX.js";
+import { T as m } from "../../TextFieldWrapper-ClTnwpWK.js";
+const u = i(function(r, a) {
+  const { dir: e = "rtl", placeholderDir: l = e, className: s, ...o } = r, c = w(o, [
+    "labelAddon",
+    "labelContent",
+    "link",
+    "rightIcon",
+    "isError",
+    "errorMessage",
+    "hintMessage",
+    "wrapperClassName",
+    "showMaxLength",
+    "containerClassName"
+  ]);
+  return /* @__PURE__ */ t(m, { ...r, children: /* @__PURE__ */ t(
+    "textarea",
+    {
+      ...c,
+      ref: a,
+      className: n(
+        "crow:bg-transparent crow:leading-normal crow:w-full crow:h-full crow:focus:outline-none crow:ss02 crow:flex-1 crow:resize-none",
+        e === "rtl" ? "crow:text-right" : "crow:!text-left",
+        l === "rtl" ? "crow:placeholder:text-right" : "crow:placeholder:text-left",
+        s
+      ),
+      rows: o.rows ?? 5
+    }
+  ) });
+});
+export {
+  u as default
+};

package/dist/Form/Timepicker/Body.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+declare const Body: FC;
+export default Body;
+//# sourceMappingURL=Body.d.ts.map

package/dist/Form/Timepicker/Body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/Body.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAA6B,MAAM,OAAO,CAAC;AAO3D,QAAA,MAAM,IAAI,EAAE,EA+DX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/Form/Timepicker/Footer.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+declare const Footer: FC;
+export default Footer;
+//# sourceMappingURL=Footer.d.ts.map

package/dist/Form/Timepicker/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,QAAA,MAAM,MAAM,EAAE,EAuCb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Form/Timepicker/GradientOverlay.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type GradientOverlayProps = {
+    position: 'top' | 'bottom';
+};
+declare const GradientOverlay: FC<GradientOverlayProps>;
+export default GradientOverlay;
+//# sourceMappingURL=GradientOverlay.d.ts.map

package/dist/Form/Timepicker/GradientOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/GradientOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,KAAK,oBAAoB,GAAG;IAAE,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAA;CAAE,CAAC;AAE3D,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAY7C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/Form/Timepicker/ScrollWheel.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ScrollWheelProps } from './types';
+declare const ScrollWheel: FC<ScrollWheelProps>;
+export default ScrollWheel;
+//# sourceMappingURL=ScrollWheel.d.ts.map

package/dist/Form/Timepicker/ScrollWheel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollWheel.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/ScrollWheel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAmCrC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/Form/Timepicker/TimeInput.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { TimeValue } from './types';
+import { InputProps } from '../Input';
+export interface ControlledTimeInputProps extends Omit<InputProps, 'onChange' | 'value'> {
+    value: TimeValue;
+    onChange: (value: TimeValue) => void;
+}
+declare const ControlledTimeInput: FC<ControlledTimeInputProps>;
+export default ControlledTimeInput;
+//# sourceMappingURL=TimeInput.d.ts.map

package/dist/Form/Timepicker/TimeInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeInput.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/TimeInput.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAuB,KAAK,EAAE,EAAsB,MAAM,OAAO,CAAC;AAGhF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAElD,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC;IACtF,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACtC;AAED,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAyGrD,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/Form/Timepicker/TimeInputs.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { TimeInputsProps } from './types';
+declare const TimeInputs: FC<TimeInputsProps>;
+export default TimeInputs;
+//# sourceMappingURL=TimeInputs.d.ts.map

package/dist/Form/Timepicker/TimeInputs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeInputs.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/TimeInputs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAmEnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/Form/Timepicker/TimeScrollWheels.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { TimeScrollWheelsProps } from './types';
+declare const TimeScrollWheels: FC<TimeScrollWheelsProps>;
+export default TimeScrollWheels;
+//# sourceMappingURL=TimeScrollWheels.d.ts.map

package/dist/Form/Timepicker/TimeScrollWheels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeScrollWheels.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/TimeScrollWheels.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiD/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/Form/Timepicker/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const editableIndices: number[];
+//# sourceMappingURL=constants.d.ts.map

package/dist/Form/Timepicker/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,UAAe,CAAC"}

package/dist/Form/Timepicker/context.d.ts

@@ -0,0 +1,12 @@
+import { FC, PropsWithChildren } from 'react';
+import { TimepickerProps } from './types';
+interface ITimePickerContext {
+    timePickerProps: TimepickerProps;
+}
+interface ContextProviderProps {
+    timePickerProps: TimepickerProps;
+}
+export declare const TimePickerProvider: FC<PropsWithChildren<ContextProviderProps>>;
+export declare const useTimePickerContext: () => ITimePickerContext;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/dist/Form/Timepicker/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Timepicker/context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,UAAU,kBAAkB;IAC1B,eAAe,EAAE,eAAe,CAAC;CAClC;AAED,UAAU,oBAAoB;IAC5B,eAAe,EAAE,eAAe,CAAC;CAClC;AASD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,CAY1E,CAAC;AAEF,eAAO,MAAM,oBAAoB,0BAAsC,CAAC"}

package/dist/Form/Timepicker/hooks/useCaret.d.ts

@@ -0,0 +1,5 @@
+export declare const useCaret: () => {
+    inputRef: import('react').RefObject<HTMLInputElement | null>;
+    setCaretToEditable: (pos: number, forward?: boolean) => void;
+};
+//# sourceMappingURL=useCaret.d.ts.map

package/dist/Form/Timepicker/hooks/useCaret.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCaret.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Timepicker/hooks/useCaret.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;8BAGc,MAAM;CAUxC,CAAC"}

package/dist/Form/Timepicker/hooks/useScrollWheel.d.ts

@@ -0,0 +1,5 @@
+export declare function useScrollWheel(items: number[], defaultValue: number | null | undefined, onValueChange: (val: number) => void): {
+    containerRef: import('react').RefObject<HTMLDivElement | null>;
+    itemRefs: import('react').RefObject<(HTMLDivElement | null)[]>;
+};
+//# sourceMappingURL=useScrollWheel.d.ts.map

package/dist/Form/Timepicker/hooks/useScrollWheel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollWheel.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Timepicker/hooks/useScrollWheel.ts"],"names":[],"mappings":"AAGA,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,EAAE,EACf,YAAY,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACvC,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI;;;EAsCrC"}

package/dist/Form/Timepicker/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const d=require("react/jsx-runtime"),x=require("react"),D=require("../../DateAndTimePickerFooter-qv4keBrK.cjs"),j=require("../../debounce-tddZRTF5.cjs"),N=require("../../clsx-C11secjj.cjs"),A=require("../../index-Djgl0aBZ.cjs"),H=x.createContext({timePickerProps:{value:new Date,onChange:()=>{}}}),$=e=>{const{children:t,timePickerProps:n}=e;return d.jsx(H.Provider,{value:{timePickerProps:n},children:t})},V=()=>x.useContext(H),R=[0,1,3,4],B=e=>e[0]?.getBoundingClientRect().height??64,E=(e,t,n,r,o="instant")=>{if(!e)return;const s=t.indexOf(n);s!==-1&&e.scrollTo({top:s*r(),behavior:o})},I=e=>{if(e.length!==2)return!1;const t=Number(e);return!Number.isNaN(t)&&t>=0&&t<=23},F=e=>{if(e.length!==2)return!1;const t=Number(e);return!Number.isNaN(t)&&t>=0&&t<=59},v=e=>{if(!e)return["-","-",":","-","-"];const t=e.hour==null?"--":String(e.hour).padStart(2,"0"),n=e.minute==null?"--":String(e.minute).padStart(2,"0");return[t.charAt(0)??"-",t.charAt(1)??"-",":",n.charAt(0)??"-",n.charAt(1)??"-"]},y=e=>{const t=`${e[0]??"-"}${e[1]??"-"}`,n=`${e[3]}${e[4]}`;return{hour:!t.includes("-")&&I(t)?Number(t):null,minute:!n.includes("-")&&F(n)?Number(n):null}},T=(e,t=!0)=>{const n=R.indexOf(e);if(n===-1)return t?R[0]:R[R.length-1]??0;const r=t?n+1:n-1;return r<0?R[0]:r>=R.length?R[R.length-1]??0:R[r]??0},q=(e,t,n)=>t===0?/[0-2]/.test(e):t===1?+`${n[0]==="-"?"0":n[0]}${e}`<=23:t===3?/[0-5]/.test(e):!0,W=()=>{const e=x.useRef(null);return{inputRef:e,setCaretToEditable:(n,r=!0)=>{const o=e.current;if(!o)return;const s=R.includes(n)?n:T(n,r);typeof s=="number"&&o.setSelectionRange(s,s+1)}}},K=e=>{const{value:t={hour:null,minute:null},onChange:n,disabled:r=!1,className:o,...s}=e,{inputRef:m,setCaretToEditable:i}=W(),[a,l]=x.useState(()=>v(t)),h=x.useRef(t);x.useEffect(()=>{(t.hour!==h.current.hour||t.minute!==h.current.minute)&&(h.current=t,l(v(t)))},[t]);const w=()=>{const c=m.current;if(!c)return;const f=c.selectionStart??0;R.includes(f)||i(f,!0)},S=(c,f)=>{const g=c==="ArrowRight";i(T(f,g),g)},p=(c,f)=>{const g=R.includes(f)?f:T(f,!1),u=[...a];u[g]="-",l(u),n(y(u));const C=c==="Backspace"?T(g,!1):T(g,!0);setTimeout(()=>i(C,c!=="Backspace"),0)},b=(c,f)=>{const g=R.includes(f)?f:T(f,!0),u=[...a];q(c,g,u)&&(u[g]=c,l(u),n(y(u)),setTimeout(()=>i(T(g,!0),!0),0))},P=c=>{if(c.preventDefault(),r)return;const f=m.current;if(!f)return;const g=f.selectionStart??0;if(["ArrowLeft","ArrowRight"].includes(c.key)){S(c.key,g);return}if(["Backspace","Delete"].includes(c.key)){p(c.key,g);return}/^\d$/.test(c.key)&&b(c.key,g)};return d.jsx(A.Input,{ref:m,dir:"ltr",className:o,value:a.join(""),onKeyDown:P,onFocus:w,disabled:r,inputMode:"numeric",pattern:"[0-9:]*",...s})},L=({timePickerProps:e,setActivePart:t,handleSingleTimeChange:n,handleRangeTimeChange:r})=>{const{acceptRange:o,value:s}=e,m=a=>({hour:a?.getHours()??0,minute:a?.getMinutes()??0}),i=o?[{key:"start",id:"from-time",label:"از ساعت",value:m(s?.start),className:"crow:w-1/2"},{key:"end",id:"to-time",label:"تا ساعت",value:m(s?.end),className:"crow:w-1/2"}]:[{key:"single",id:"time",label:"ساعت",value:m(s),className:void 0}];return d.jsx("div",{className:N.clsx(o&&"crow:flex crow:justify-between crow:gap-4 crow:mb-4"),children:i.map(({key:a,id:l,label:h,value:w,className:S})=>d.jsx(K,{id:l,value:w,labelContent:h,className:S,onFocus:()=>{o&&a!=="single"&&t(a)},onChange:p=>{typeof p.hour=="number"&&typeof p.minute=="number"&&(o&&a!=="single"?r(a,p.hour,p.minute):n(p.hour,p.minute))}},l))})},M=({position:e})=>d.jsx("div",{className:N.clsx("crow:absolute crow:left-0 crow:right-0 crow:h-12 crow:pointer-events-none","crow:from-[rgba(255,255,255,0.54)] crow:to-[rgba(255,255,255,0.90)]",e==="top"?"crow:bg-gradient-to-t crow:top-0":"crow:bg-gradient-to-b crow:bottom-0")});function O(e,t,n){const r=x.useRef(null),o=x.useRef([]),s=x.useRef(null),m=()=>B(o.current),i=(l=t??0,h="smooth")=>{E(r.current,e,l,m,h),s.current=l},a=l=>{const h=Math.round(l.scrollTop/m()),w=e[Math.max(0,Math.min(h,e.length-1))];w!=null&&w!==s.current&&(s.current=w,n(w))};return x.useEffect(()=>{const l=r.current;if(!l)return;const h=()=>a(l);return l.addEventListener("scroll",h),()=>l.removeEventListener("scroll",h)},[e]),x.useEffect(()=>{t!=null&&i()},[t]),{containerRef:r,itemRefs:o}}const k=e=>{const{items:t,defaultValue:n,onValueChange:r,className:o,formatValue:s=a=>String(a).padStart(2,"0")}=e,{containerRef:m,itemRefs:i}=O(t,n,r);return d.jsxs("div",{className:"crow:relative crow:h-28 crow:w-full",children:[d.jsx("div",{ref:m,className:N.clsx("crow:h-28 crow:w-full crow:py-10 crow:overflow-y-scroll crow:snap-y crow:snap-mandatory crow:scroll-smooth crow:no-scrollbar",o),children:t.map((a,l)=>d.jsx("div",{ref:h=>{i.current[l]=h},className:"crow:h-10 crow:flex crow:items-center crow:justify-center crow:snap-center crow:font-p1-regular",children:s(a)},a))}),d.jsx(M,{position:"top"}),d.jsx(M,{position:"bottom"})]})},_=e=>{const{timePickerProps:t,activePart:n,handleSingleTimeChange:r,handleRangeTimeChange:o}=e,{minuteStep:s=1,acceptRange:m,value:i}=t,a=Array.from({length:24},(u,C)=>C),l=Array.from({length:60},(u,C)=>C).filter(u=>u%s===0),h=u=>u.toString().padStart(2,"0"),w=u=>u.toString().padStart(2,"0"),S=u=>{if(m){const C=n==="start"?i?.start:i?.end;return C?C[u]():0}return i?i[u]():0},p=S("getHours"),b=S("getMinutes"),[P,c]=x.useState(b),[f,g]=x.useState(p);return x.useEffect(()=>{m?o(n,f,P):r(f,P)},[f,P]),d.jsxs("div",{className:"crow:flex crow:mt-2 crow:w-full crow:justify-center",children:[d.jsx(k,{items:l,defaultValue:b,onValueChange:u=>c(u),formatValue:w}),d.jsx(k,{items:a,defaultValue:p,onValueChange:u=>g(u),formatValue:h})]})},G=()=>{const{timePickerProps:e}=V(),{acceptRange:t,value:n,onChange:r}=e,[o,s]=x.useState("start"),m=x.useRef({acceptRange:t,value:n,onChange:r});m.current={acceptRange:t,value:n,onChange:r};const i=(w,S,p)=>{const b=new Date(w);return b.setHours(S),b.setMinutes(p),b.setSeconds(0),b.setMilliseconds(0),b},a=x.useMemo(()=>j.debounce((w,S)=>{const{value:p,onChange:b,acceptRange:P}=m.current;if(!p||P)return;const c=p;c.getHours()===w&&c.getMinutes()===S||b(i(c,w,S))},200),[]),l=x.useMemo(()=>j.debounce((w,S,p)=>{const{value:b,onChange:P,acceptRange:c}=m.current;if(!b||!c)return;const f=b,g=new Date(f[w]??new Date);g.getHours()===S&&g.getMinutes()===p||P({...f,[w]:i(g,S,p)})},200),[]),h={timePickerProps:e,handleSingleTimeChange:a,handleRangeTimeChange:l};return d.jsxs("div",{dir:"rtl",className:"crow:p-4 crow:ss02",children:[d.jsx(L,{setActivePart:s,...h}),d.jsx(_,{activePart:o,...h})]})},z=()=>{const{timePickerProps:e}=V(),{showSubmitButton:t=!0,showNowButton:n=!0,onSubmit:r,onChange:o,acceptRange:s}=e,m=()=>{if(s){const i=new Date;i.setHours(i.getHours()+1),o({start:new Date,end:i})}else o(new Date)};return d.jsx(D.DateAndTimePickerFooter,{...t&&{primaryButton:{onClick:r,children:"اعمال"}},...n&&{secondaryButton:{variant:"text",onClick:m,children:"رفتن به اکنون"}},className:"crow:p-4"})};function J(e){if(!e)return"";if(e instanceof Date){const t=e.getHours().toString().padStart(2,"0"),n=e.getMinutes().toString().padStart(2,"0");return`${t}:${n}`}if(e.start&&e.end){const t=e.start.getHours().toString().padStart(2,"0"),n=e.start.getMinutes().toString().padStart(2,"0"),r=e.end.getHours().toString().padStart(2,"0"),o=e.end.getMinutes().toString().padStart(2,"0");return`${t}:${n} - ${r}:${o}`}return""}const Q=e=>{const{showSubmitButton:t=!0,showNowButton:n=!0}=e,r=e.acceptRange===void 0?{...e,acceptRange:!1}:e,{Wrapper:o,wrapperProps:s}=D.useDateAndTimePickerWrapper({props:r,standaloneMode:"time",formatValue:J});return d.jsx(o,{...s,children:d.jsxs($,{timePickerProps:r,children:[d.jsx(G,{}),(t||n)&&d.jsx(z,{})]})})};module.exports=Q;