crowui-pr 1.1.0

package/dist/DateAndTimePickerFooter-qv4keBrK.cjs

@@ -0,0 +1 @@
+"use strict";const p=require("./clsx-C11secjj.cjs"),d=require("./PickerWrapper-B14f_Y-E.cjs"),l=require("react/jsx-runtime"),u=require("./Button/index.cjs");function w({props:s,standaloneMode:r,formatValue:o}){const{value:t,wrapperClassName:i}=s,e={...s};s?.mode!==r&&(e.dropdownType==="drawer"?e.drawerProps={...e.drawerProps,containerClassName:p.clsx("crow:!p-0",e.drawerProps?.containerClassName)}:e.popoverClassName=p.clsx("crow:!p-0 crow:max-h-max",e.popoverClassName),e.customInput||(e.inputProps={...e.inputProps,value:e.inputProps?.value??o(t)}));const c=s?.mode===r?"div":d.PickerWrapper,n=s?.mode!==r?e:{className:i};return{Wrapper:c,wrapperProps:n}}const P=s=>{const{primaryButton:r,secondaryButton:o,className:t}=s,{toggleWrapperVisibility:i}=d.usePickerWrapperContext(),e=!!r,c=!!o,n=a=>{r&&typeof r.onClick=="function"&&r.onClick(a),i()},m=a=>{o&&typeof o.onClick=="function"&&o.onClick(a)};return l.jsxs("div",{className:p.clsx("crow:flex crow:items-center crow:border-t crow:border-gray-200 crow:gap-4",c?"crow:justify-between":"crow:justify-end",t),children:[c&&l.jsx(u,{type:"button",variant:"text",size:"small",isFullWidth:e,...o,onClick:m,children:o?.children??"اعمال"}),e&&l.jsx(u,{type:"button",size:"small",isFullWidth:c,...r,onClick:n,children:r?.children??"اعمال"})]})};exports.DateAndTimePickerFooter=P;exports.useDateAndTimePickerWrapper=w;

package/dist/Divider/index.cjs

@@ -0,0 +1 @@
+"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),s=require("../clsx-C11secjj.cjs");;/* empty css                   */const w={white:"crow:border-gray-100",gray:"crow:border-gray-200",primary:"crow:border-primary-300",success:"crow:border-success-400",error:"crow:border-error-300",warning:"crow:border-warning-400"},i={solid:"crow:border-solid",dashed:"crow:border-dashed",dotted:"crow:border-dotted"},l={horizontal:{thin:"crow:w-full crow:border-t crow:border-t-[1px]",thick:"crow:w-full crow:border-t crow:border-t-4"},vertical:{thin:"crow:h-full crow:border-l crow:border-l-[1px]",thick:"crow:h-full crow:border-l crow:border-l-4"}},b=({type:r,size:o="thin",color:e="gray",style:c="solid",className:d})=>t.jsx("div",{className:s.clsx(l[r][o],w[e],i[c],d)});module.exports=b;

package/dist/Divider/index.d.ts

@@ -0,0 +1,15 @@
+interface DividerProps {
+    /** Orientation of the divider line. */
+    type: 'horizontal' | 'vertical';
+    /** Line weight. @default 'thin' */
+    size?: 'thin' | 'thick';
+    /** Border color. @default 'gray' */
+    color?: 'white' | 'gray' | 'primary' | 'success' | 'error' | 'warning';
+    /** Border style. @default 'solid' */
+    style?: 'solid' | 'dashed' | 'dotted';
+    /** Extra class names on the divider element. */
+    className?: string;
+}
+declare const Divider: ({ type, size, color, style, className, }: DividerProps) => import("react").JSX.Element;
+export default Divider;
+//# sourceMappingURL=index.d.ts.map

package/dist/Divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Divider/index.tsx"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAE1B,UAAU,YAAY;IACpB,uCAAuC;IACvC,IAAI,EAAE,YAAY,GAAG,UAAU,CAAC;IAChC,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACvE,qCAAqC;IACrC,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACtC,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA+BD,QAAA,MAAM,OAAO,GAAI,0CAMd,YAAY,gCAMd,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/Divider/index.mjs

@@ -0,0 +1,38 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as w } from "../clsx-OuTLNxxd.js";
+import '../assets/styles.css';/* empty css                 */
+const i = {
+  white: "crow:border-gray-100",
+  gray: "crow:border-gray-200",
+  primary: "crow:border-primary-300",
+  success: "crow:border-success-400",
+  error: "crow:border-error-300",
+  warning: "crow:border-warning-400"
+}, s = {
+  solid: "crow:border-solid",
+  dashed: "crow:border-dashed",
+  dotted: "crow:border-dotted"
+}, l = {
+  horizontal: {
+    thin: "crow:w-full crow:border-t crow:border-t-[1px]",
+    thick: "crow:w-full crow:border-t crow:border-t-4"
+  },
+  vertical: {
+    thin: "crow:h-full crow:border-l crow:border-l-[1px]",
+    thick: "crow:h-full crow:border-l crow:border-l-4"
+  }
+}, h = ({
+  type: r,
+  size: o = "thin",
+  color: c = "gray",
+  style: e = "solid",
+  className: d
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: w(l[r][o], i[c], s[e], d)
+  }
+);
+export {
+  h as default
+};

package/dist/Drawer/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";require('../assets/styles.css');const r=require("react/jsx-runtime"),u=require("../clsx-C11secjj.cjs"),i=require("react");;/* empty css                   */const z=require("react-dom"),F=require("../IconCloseRemove-DwCc4o3b.cjs"),T=require("../focusTrap-Br2GlOg-.cjs"),I=require("../isBrowser-Bczqv-hd.cjs"),h=150;let m=0,y;function $({position:o,padding:c=0,item:s}){return o==="center"?"auto":s==="width"?o==="bottom"||o==="top"?`calc(100% - ${c*2}px)`:"auto":o==="bottom"||o==="top"?"auto":`calc(100% - ${c*2}px)`}function M({position:o,padding:c=0}){const s="crow:rounded-2xl";if(c>0||o==="center")return s;switch(o){case"bottom":return`${s} crow:rounded-b-none`;case"left":return`${s} crow:rounded-l-none`;case"right":return`${s} crow:rounded-r-none`;case"top":return`${s} crow:rounded-t-none`;default:return s}}const H=o=>{const{open:c,onClose:s,persist:x,position:t="bottom",children:q,className:D,maskClassName:B,containerClassName:L,padding:n=8,width:A,header:e,footer:p,containerElement:g,havePopover:N}=o,[l,j]=i.useState(!1),[v,C]=i.useState(c),w=g??(I.isBrowser()?document?.body:null),d=i.useRef(null),E=i.useId(),R=i.useRef(null);function k(){w&&(y&&clearTimeout(y),y=setTimeout(()=>{m>0?w.classList.add("crow:overflow-hidden","crow:relative"):w.classList.remove("crow:overflow-hidden","crow:relative")},h))}function O(){m===0&&k(),m++,C(!0),setTimeout(()=>{j(!0)},h)}function f(a=!0){j(!1),setTimeout(()=>{m=Math.max(0,m-1),k(),C(!1),a&&s()},h)}if(i.useEffect(()=>{c?(I.isBrowser()&&(R.current=document.activeElement),O(),setTimeout(()=>{(d.current?T.getFocusableElements(d.current):[])[0]?.focus()},h+50)):(l||v)&&(f(!1),R.current?.focus())},[c]),i.useEffect(()=>{if(!c)return;function a(b){if(b.key==="Escape"&&!x){f();return}b.key==="Tab"&&d.current&&T.trapFocus(d.current,b)}return document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[c,x]),i.useEffect(()=>()=>{f(!1)},[]),!v||!w)return;const P=e?Object.values(e).some(a=>!!a):!1,S=t==="center"?{top:"50%",left:"50%",transform:`translate(-50%, -50%) scale(${l?1:.95})`}:{top:t!=="bottom"?n??0:"unset",bottom:t!=="top"?n??0:"unset",left:t!=="right"?n??0:"unset",right:t!=="left"?n??0:"unset"};return z.createPortal(r.jsx("div",{className:u.clsx("crow:bg-black/40 crow:top-0 crow:left-0 crow:z-50 crow:opacity-0 crow:overflow-hidden crow:cursor-default crow:transition-opacity crow:duration-300 crow:ease-in-out",{"crow:opacity-100":l,"crow:w-full crow:h-full":v},g?"crow:absolute":"crow:fixed",B),onClick:()=>x?null:f(),children:r.jsx("div",{className:u.clsx("crow:absolute crow:z-10 crow:opacity-0 crow:transition crow:duration-300 crow:ease-in-out crow:flex crow:justify-center",{"crow:opacity-100":l,"crow:translate-y-full":!l&&t==="bottom","crow:-translate-y-full":!l&&t==="top","crow:translate-x-full":!l&&t==="right","crow:-translate-x-full":!l&&t==="left"},D),style:{...S,maxHeight:`calc(100svh - ${n*2}px)`,maxWidth:`calc(100vw - ${n*2}px)`,width:$({position:t,padding:n,item:"width"}),height:$({position:t,padding:n,item:"height"})},children:r.jsxs("div",{ref:d,role:"dialog","aria-modal":"true","aria-labelledby":e?.title?E:void 0,className:u.clsx("crow:flex crow:flex-col crow:bg-surface crow:divide-y crow:divide-gray-200 crow:divide-solid",!N&&"crow:overflow-x-hidden",M({position:t,padding:n})),style:{width:A??"100%"},onClick:a=>a.stopPropagation(),children:[e&&P&&r.jsxs("div",{className:u.clsx("crow:h-16 crow:relative crow:shrink-0",e?.containerClassName),children:[e.actionElement?r.jsx("div",{className:"crow:absolute crow:top-1/2 crow:-translate-y-1/2 crow:right-4 crow:[&>svg]:w-6 crow:[&_svg]:h-6 crow:text-gray-600",children:e.actionElement}):null,e.title?r.jsxs("div",{className:"crow:flex crow:flex-col crow:absolute crow:top-1/2 crow:right-1/2 crow:-translate-y-1/2 crow:translate-x-1/2 crow:text-center",children:[r.jsx("span",{id:E,className:"crow:font-h6-bold crow:text-gray-800",children:e.title}),e.description?r.jsx("span",{className:"crow:font-caption-regular crow:text-gray-500",children:e.description}):null]}):null,e.haveCloseIcon&&r.jsx("button",{onClick:()=>f(),"aria-label":e.closeIconAriaLabel??"بستن",className:"crow:absolute crow:top-1/2 crow:-translate-y-1/2 crow:left-4",children:r.jsx(F.IconCloseRemove,{width:24,height:24,className:"crow:text-gray-600"})})]}),r.jsx("div",{className:u.clsx("crow:p-4",!N&&"crow:overflow-y-auto",L),children:q}),p?.element?r.jsx("div",{className:u.clsx("crow:p-4 crow:mt-auto",p.containerClassName),children:p.element}):null]})})}),w)};module.exports=H;

package/dist/Drawer/index.d.ts

@@ -0,0 +1,52 @@
+import { CSSProperties, FC, ReactNode } from 'react';
+export interface DrawerProps {
+    /** Whether the drawer is visible. */
+    open: boolean;
+    /** Called when the user closes the drawer (backdrop click, close button, Escape key). */
+    onClose: () => void;
+    /** When true, clicking the backdrop does not close the drawer. @default false */
+    persist?: boolean;
+    /** Edge the drawer slides in from; `'center'` renders a centered dialog. @default 'right' */
+    position?: 'bottom' | 'top' | 'right' | 'left' | 'center';
+    /** Extra class names on the panel surface. */
+    className?: string;
+    /** Extra class names on the backdrop overlay. */
+    maskClassName?: string;
+    /** Extra class names on the container wrapping header + content + footer. */
+    containerClassName?: string;
+    /** Inner padding (px) of the drawer panel. @default 0 */
+    padding?: number;
+    /** Explicit panel width; applies to `'left'` and `'right'` positions. */
+    width?: CSSProperties['width'];
+    /** Optional header bar configuration. */
+    header?: {
+        /** Heading text. */
+        title?: string;
+        /** Subheading text below the title. */
+        description?: string;
+        /** Shows a close (✕) icon button. @default true */
+        haveCloseIcon?: boolean;
+        /** Aria-label for the close icon (for accessibility). */
+        closeIconAriaLabel?: string;
+        /** Extra node rendered in the header's trailing area. */
+        actionElement?: ReactNode;
+        /** Extra class names on the header row. */
+        containerClassName?: string;
+    };
+    /** Optional footer bar configuration. */
+    footer?: {
+        /** Content rendered inside the footer. */
+        element?: ReactNode;
+        /** Extra class names on the footer row. */
+        containerClassName?: string;
+    };
+    /** Drawer body content. */
+    children?: ReactNode | undefined;
+    /** DOM element to portal into; defaults to `document.body`. */
+    containerElement?: Element | null;
+    /** Enables popover z-index layering for nested drawers. @default false */
+    havePopover?: boolean;
+}
+declare const Drawer: FC<DrawerProps>;
+export default Drawer;
+//# sourceMappingURL=index.d.ts.map

package/dist/Drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,EAAE,EACP,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,kBAAkB,CAAC;AAU1B,MAAM,WAAW,WAAW;IAC1B,qCAAqC;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,yFAAyF;IACzF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC1D,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,yCAAyC;IACzC,MAAM,CAAC,EAAE;QACP,oBAAoB;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,uCAAuC;QACvC,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,mDAAmD;QACnD,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,yDAAyD;QACzD,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,yDAAyD;QACzD,aAAa,CAAC,EAAE,SAAS,CAAC;QAC1B,2CAA2C;QAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,yCAAyC;IACzC,MAAM,CAAC,EAAE;QACP,0CAA0C;QAC1C,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,2CAA2C;QAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACjC,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,0EAA0E;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA4CD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA+M3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Drawer/index.mjs

@@ -0,0 +1,200 @@
+"use client";
+import { jsx as l, jsxs as y } from "react/jsx-runtime";
+import { c as i } from "../clsx-OuTLNxxd.js";
+import { useState as D, useRef as R, useId as H, useEffect as g } from "react";
+import '../assets/styles.css';/* empty css                 */
+import { createPortal as _ } from "react-dom";
+import { I as K } from "../IconCloseRemove-BPEWBqGA.js";
+import { g as U, t as W } from "../focusTrap-ikiXakRP.js";
+import { i as L } from "../isBrowser-Bkqg1t1y.js";
+const m = 150;
+let f = 0, x;
+function j({
+  position: o,
+  padding: r = 0,
+  item: c
+}) {
+  return o === "center" ? "auto" : c === "width" ? o === "bottom" || o === "top" ? `calc(100% - ${r * 2}px)` : "auto" : o === "bottom" || o === "top" ? "auto" : `calc(100% - ${r * 2}px)`;
+}
+function q({
+  position: o,
+  padding: r = 0
+}) {
+  const c = "crow:rounded-2xl";
+  if (r > 0 || o === "center") return c;
+  switch (o) {
+    case "bottom":
+      return `${c} crow:rounded-b-none`;
+    case "left":
+      return `${c} crow:rounded-l-none`;
+    case "right":
+      return `${c} crow:rounded-r-none`;
+    case "top":
+      return `${c} crow:rounded-t-none`;
+    default:
+      return c;
+  }
+}
+const te = (o) => {
+  const {
+    open: r,
+    onClose: c,
+    persist: h,
+    position: t = "bottom",
+    children: A,
+    className: O,
+    maskClassName: P,
+    containerClassName: z,
+    padding: a = 8,
+    width: B,
+    header: e,
+    footer: p,
+    containerElement: N,
+    havePopover: C
+  } = o, [s, k] = D(!1), [v, E] = D(r), u = N ?? (L() ? document?.body : null), w = R(null), I = H(), T = R(null);
+  function $() {
+    u && (x && clearTimeout(x), x = setTimeout(() => {
+      f > 0 ? u.classList.add("crow:overflow-hidden", "crow:relative") : u.classList.remove("crow:overflow-hidden", "crow:relative");
+    }, m));
+  }
+  function F() {
+    f === 0 && $(), f++, E(!0), setTimeout(() => {
+      k(!0);
+    }, m);
+  }
+  function d(n = !0) {
+    k(!1), setTimeout(() => {
+      f = Math.max(0, f - 1), $(), E(!1), n && c();
+    }, m);
+  }
+  if (g(() => {
+    r ? (L() && (T.current = document.activeElement), F(), setTimeout(() => {
+      (w.current ? U(w.current) : [])[0]?.focus();
+    }, m + 50)) : (s || v) && (d(!1), T.current?.focus());
+  }, [r]), g(() => {
+    if (!r) return;
+    function n(b) {
+      if (b.key === "Escape" && !h) {
+        d();
+        return;
+      }
+      b.key === "Tab" && w.current && W(w.current, b);
+    }
+    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+  }, [r, h]), g(() => () => {
+    d(!1);
+  }, []), !v || !u) return;
+  const M = e ? Object.values(e).some((n) => !!n) : !1, S = t === "center" ? {
+    top: "50%",
+    left: "50%",
+    transform: `translate(-50%, -50%) scale(${s ? 1 : 0.95})`
+  } : {
+    top: t !== "bottom" ? a ?? 0 : "unset",
+    bottom: t !== "top" ? a ?? 0 : "unset",
+    left: t !== "right" ? a ?? 0 : "unset",
+    right: t !== "left" ? a ?? 0 : "unset"
+  };
+  return _(
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: i(
+          "crow:bg-black/40 crow:top-0 crow:left-0 crow:z-50 crow:opacity-0 crow:overflow-hidden crow:cursor-default crow:transition-opacity crow:duration-300 crow:ease-in-out",
+          { "crow:opacity-100": s, "crow:w-full crow:h-full": v },
+          N ? "crow:absolute" : "crow:fixed",
+          P
+        ),
+        onClick: () => h ? null : d(),
+        children: /* @__PURE__ */ l(
+          "div",
+          {
+            className: i(
+              "crow:absolute crow:z-10 crow:opacity-0 crow:transition crow:duration-300 crow:ease-in-out crow:flex crow:justify-center",
+              {
+                "crow:opacity-100": s,
+                "crow:translate-y-full": !s && t === "bottom",
+                "crow:-translate-y-full": !s && t === "top",
+                "crow:translate-x-full": !s && t === "right",
+                "crow:-translate-x-full": !s && t === "left"
+              },
+              O
+            ),
+            style: {
+              ...S,
+              maxHeight: `calc(100svh - ${a * 2}px)`,
+              maxWidth: `calc(100vw - ${a * 2}px)`,
+              width: j({ position: t, padding: a, item: "width" }),
+              height: j({ position: t, padding: a, item: "height" })
+            },
+            children: /* @__PURE__ */ y(
+              "div",
+              {
+                ref: w,
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-labelledby": e?.title ? I : void 0,
+                className: i(
+                  "crow:flex crow:flex-col crow:bg-surface crow:divide-y crow:divide-gray-200 crow:divide-solid",
+                  !C && "crow:overflow-x-hidden",
+                  q({ position: t, padding: a })
+                ),
+                style: { width: B ?? "100%" },
+                onClick: (n) => n.stopPropagation(),
+                children: [
+                  e && M && /* @__PURE__ */ y(
+                    "div",
+                    {
+                      className: i("crow:h-16 crow:relative crow:shrink-0", e?.containerClassName),
+                      children: [
+                        e.actionElement ? /* @__PURE__ */ l("div", { className: "crow:absolute crow:top-1/2 crow:-translate-y-1/2 crow:right-4 crow:[&>svg]:w-6 crow:[&_svg]:h-6 crow:text-gray-600", children: e.actionElement }) : null,
+                        e.title ? /* @__PURE__ */ y("div", { className: "crow:flex crow:flex-col crow:absolute crow:top-1/2 crow:right-1/2 crow:-translate-y-1/2 crow:translate-x-1/2 crow:text-center", children: [
+                          /* @__PURE__ */ l(
+                            "span",
+                            {
+                              id: I,
+                              className: "crow:font-h6-bold crow:text-gray-800",
+                              children: e.title
+                            }
+                          ),
+                          e.description ? /* @__PURE__ */ l("span", { className: "crow:font-caption-regular crow:text-gray-500", children: e.description }) : null
+                        ] }) : null,
+                        e.haveCloseIcon && /* @__PURE__ */ l(
+                          "button",
+                          {
+                            onClick: () => d(),
+                            "aria-label": e.closeIconAriaLabel ?? "بستن",
+                            className: "crow:absolute crow:top-1/2 crow:-translate-y-1/2 crow:left-4",
+                            children: /* @__PURE__ */ l(
+                              K,
+                              {
+                                width: 24,
+                                height: 24,
+                                className: "crow:text-gray-600"
+                              }
+                            )
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ l(
+                    "div",
+                    {
+                      className: i("crow:p-4", !C && "crow:overflow-y-auto", z),
+                      children: A
+                    }
+                  ),
+                  p?.element ? /* @__PURE__ */ l("div", { className: i("crow:p-4 crow:mt-auto", p.containerClassName), children: p.element }) : null
+                ]
+              }
+            )
+          }
+        )
+      }
+    ),
+    u
+  );
+};
+export {
+  te as default
+};

package/dist/EmptyState/index.cjs

@@ -0,0 +1 @@
+"use strict";require('../assets/styles.css');const c=require("react/jsx-runtime"),o=require("../clsx-C11secjj.cjs");;/* empty css                   */const n=e=>c.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...e,children:[c.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M4.872 4.888C4.3 5.606 4 6.734 4 8.342v7.313c0 1.53.449 2.653 1.19 3.393.743.74 1.87 1.19 3.405 1.19h7.296c1.53 0 2.654-.449 3.394-1.19s1.189-1.863 1.189-3.393v-.005L20.5 11v-.002c0-1.647-.305-2.71-.862-3.362-.534-.625-1.43-1.02-2.993-1.02h-2.656a2.9 2.9 0 0 1-2.308-1.155v-.001l-.857-1.139a1.39 1.39 0 0 0-1.111-.556H7.838c-1.526 0-2.422.442-2.966 1.124m-1.173-.934c.911-1.144 2.309-1.69 4.139-1.69h1.875a2.89 2.89 0 0 1 2.31 1.155l.856 1.138c.263.349.676.556 1.114.557h2.652c1.8 0 3.206.46 4.134 1.547C21.684 7.721 22 9.224 22 10.999v.004l-.026 4.652v.002c0 1.823-.541 3.365-1.628 4.452-1.087 1.088-2.63 1.628-4.455 1.628H8.595c-1.829 0-3.375-.54-4.464-1.627S2.5 17.48 2.5 15.655V8.342c0-1.743.316-3.28 1.199-4.388",clipRule:"evenodd"}),c.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"m14.634 13.361 1.741 1.805a.75.75 0 0 0 1.08-1.041l-1.861-1.929a1.344 1.344 0 0 0-1.993.064l-2.216 2.616-1.006-1.121a1.345 1.345 0 0 0-1.976-.027l-1.361 1.435a.75.75 0 0 0 1.088 1.032l1.245-1.312 1.014 1.128a1.345 1.345 0 0 0 2.025-.028zM7.938 10.635a.938.938 0 1 1 1.876 0 .938.938 0 0 1-1.876 0",clipRule:"evenodd"})]}),i={sm:{container:"crow:py-6 crow:px-4 crow:gap-2",icon:"crow:w-10 crow:h-10",title:"crow:font-h6-bold",description:"crow:font-p3-regular"},md:{container:"crow:py-10 crow:px-6 crow:gap-3",icon:"crow:w-14 crow:h-14",title:"crow:font-h5-bold",description:"crow:font-p2-regular"},lg:{container:"crow:py-16 crow:px-8 crow:gap-4",icon:"crow:w-20 crow:h-20",title:"crow:font-h4-bold",description:"crow:font-p1-regular"}},x=({icon:e,title:s,description:l,action:t,size:a="md",className:w})=>{const r=i[a];return c.jsxs("div",{role:"status",className:o.clsx("crow:flex crow:flex-col crow:items-center crow:text-center crow:max-w-md crow:mx-auto",r.container,w),children:[c.jsx("span",{className:o.clsx("crow:text-gray-400 crow:dark:text-gray-500",r.icon),children:e??c.jsx(n,{className:"crow:w-full crow:h-full"})}),c.jsxs("div",{className:"crow:flex crow:flex-col crow:gap-1",children:[c.jsx("p",{className:o.clsx("crow:text-gray-900 crow:dark:text-gray-50",r.title),children:s}),l&&c.jsx("p",{className:o.clsx("crow:text-gray-500 crow:dark:text-gray-400",r.description),children:l})]}),t&&c.jsx("div",{className:"crow:mt-2",children:t})]})};module.exports=x;

package/dist/EmptyState/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { EmptyStateProps } from './types';
+export type { EmptyStateProps } from './types';
+declare const EmptyState: FC<EmptyStateProps>;
+export default EmptyState;
+//# sourceMappingURL=index.d.ts.map

package/dist/EmptyState/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/EmptyState/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG/C,OAAO,kBAAkB,CAAC;AAE1B,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAiCnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/EmptyState/index.mjs

@@ -0,0 +1,84 @@
+import { jsxs as l, jsx as c } from "react/jsx-runtime";
+import { c as o } from "../clsx-OuTLNxxd.js";
+import '../assets/styles.css';/* empty css                 */
+const s = (e) => /* @__PURE__ */ l(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ...e,
+    children: [
+      /* @__PURE__ */ c(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M4.872 4.888C4.3 5.606 4 6.734 4 8.342v7.313c0 1.53.449 2.653 1.19 3.393.743.74 1.87 1.19 3.405 1.19h7.296c1.53 0 2.654-.449 3.394-1.19s1.189-1.863 1.189-3.393v-.005L20.5 11v-.002c0-1.647-.305-2.71-.862-3.362-.534-.625-1.43-1.02-2.993-1.02h-2.656a2.9 2.9 0 0 1-2.308-1.155v-.001l-.857-1.139a1.39 1.39 0 0 0-1.111-.556H7.838c-1.526 0-2.422.442-2.966 1.124m-1.173-.934c.911-1.144 2.309-1.69 4.139-1.69h1.875a2.89 2.89 0 0 1 2.31 1.155l.856 1.138c.263.349.676.556 1.114.557h2.652c1.8 0 3.206.46 4.134 1.547C21.684 7.721 22 9.224 22 10.999v.004l-.026 4.652v.002c0 1.823-.541 3.365-1.628 4.452-1.087 1.088-2.63 1.628-4.455 1.628H8.595c-1.829 0-3.375-.54-4.464-1.627S2.5 17.48 2.5 15.655V8.342c0-1.743.316-3.28 1.199-4.388",
+          clipRule: "evenodd"
+        }
+      ),
+      /* @__PURE__ */ c(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "m14.634 13.361 1.741 1.805a.75.75 0 0 0 1.08-1.041l-1.861-1.929a1.344 1.344 0 0 0-1.993.064l-2.216 2.616-1.006-1.121a1.345 1.345 0 0 0-1.976-.027l-1.361 1.435a.75.75 0 0 0 1.088 1.032l1.245-1.312 1.014 1.128a1.345 1.345 0 0 0 2.025-.028zM7.938 10.635a.938.938 0 1 1 1.876 0 .938.938 0 0 1-1.876 0",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), d = {
+  sm: {
+    container: "crow:py-6 crow:px-4 crow:gap-2",
+    icon: "crow:w-10 crow:h-10",
+    title: "crow:font-h6-bold",
+    description: "crow:font-p3-regular"
+  },
+  md: {
+    container: "crow:py-10 crow:px-6 crow:gap-3",
+    icon: "crow:w-14 crow:h-14",
+    title: "crow:font-h5-bold",
+    description: "crow:font-p2-regular"
+  },
+  lg: {
+    container: "crow:py-16 crow:px-8 crow:gap-4",
+    icon: "crow:w-20 crow:h-20",
+    title: "crow:font-h4-bold",
+    description: "crow:font-p1-regular"
+  }
+}, x = ({
+  icon: e,
+  title: w,
+  description: t,
+  action: a,
+  size: n = "md",
+  className: i
+}) => {
+  const r = d[n];
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      role: "status",
+      className: o(
+        "crow:flex crow:flex-col crow:items-center crow:text-center crow:max-w-md crow:mx-auto",
+        r.container,
+        i
+      ),
+      children: [
+        /* @__PURE__ */ c("span", { className: o("crow:text-gray-400 crow:dark:text-gray-500", r.icon), children: e ?? /* @__PURE__ */ c(s, { className: "crow:w-full crow:h-full" }) }),
+        /* @__PURE__ */ l("div", { className: "crow:flex crow:flex-col crow:gap-1", children: [
+          /* @__PURE__ */ c("p", { className: o("crow:text-gray-900 crow:dark:text-gray-50", r.title), children: w }),
+          t && /* @__PURE__ */ c("p", { className: o("crow:text-gray-500 crow:dark:text-gray-400", r.description), children: t })
+        ] }),
+        a && /* @__PURE__ */ c("div", { className: "crow:mt-2", children: a })
+      ]
+    }
+  );
+};
+export {
+  x as default
+};

package/dist/EmptyState/types.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export interface EmptyStateProps {
+    /** Icon or illustration rendered above the title. Falls back to a default illustration when omitted. */
+    icon?: ReactNode;
+    /** Main heading text (required). */
+    title: string;
+    /** Supporting copy rendered below the title. */
+    description?: string;
+    /** Action slot rendered below the description, e.g. a `<Button />`. */
+    action?: ReactNode;
+    /** Controls spacing and typography scale. @default 'md' */
+    size?: 'sm' | 'md' | 'lg';
+    /** Extra class names on the root element. */
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/EmptyState/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/EmptyState/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC9B,wGAAwG;IACxG,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/EmptyState/variants.d.ts

@@ -0,0 +1,8 @@
+import { EmptyStateProps } from './types';
+export declare const sizeClassNames: Record<Required<EmptyStateProps>['size'], {
+    container: string;
+    icon: string;
+    title: string;
+    description: string;
+}>;
+//# sourceMappingURL=variants.d.ts.map

package/dist/EmptyState/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../src/components/EmptyState/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,cAAc,EAAE,MAAM,CACjC,QAAQ,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,EACjC;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAoBxE,CAAC"}

package/dist/FieldBottomInfo-C0Di4WWj.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),c=require("./clsx-C11secjj.cjs"),i=l=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...l,children:[e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.25 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.5 12a9.75 9.75 0 0 1 9.75-9.75A9.75 9.75 0 0 1 22 12c0 5.384-4.365 9.75-9.75 9.75S2.5 17.384 2.5 12",clipRule:"evenodd"}),e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.25 7.541a.75.75 0 0 1 .75.75v.063a.75.75 0 0 1-1.5 0v-.063a.75.75 0 0 1 .75-.75m.006 3.103a.75.75 0 0 1 .75.75v4.3a.75.75 0 0 1-1.5 0v-4.3a.75.75 0 0 1 .75-.75",clipRule:"evenodd"})]}),a=l=>{const{errorMessage:r,hintMessage:t,extraHelper:o,disabled:s,className:n}=l;return e.jsxs("div",{className:c.clsx("crow:flex crow:font-p3-regular",{"crow:justify-between":(r??t)&&o,"crow:justify-start":(r??t)&&!o,"crow:justify-end":!(r??t)&&o,"crow:text-gray-400":s},r?"crow:text-error-500":"crow:text-primary-500",n),children:[(r||t)&&e.jsxs("div",{className:c.clsx("crow:flex crow:items-center crow:gap-2 crow:font-light",{"crow:text-gray-400":s}),children:[e.jsx(i,{width:16,height:16}),e.jsx("span",{children:r??t})]}),o]})};exports.FieldBottomInfo=a;exports.IconInfoCircleOutline=i;

package/dist/FieldBottomInfo-CA_chf0O.js

@@ -0,0 +1,76 @@
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { c as a } from "./clsx-OuTLNxxd.js";
+const n = (l) => /* @__PURE__ */ c(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ...l,
+    children: [
+      /* @__PURE__ */ t(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M12.25 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.5 12a9.75 9.75 0 0 1 9.75-9.75A9.75 9.75 0 0 1 22 12c0 5.384-4.365 9.75-9.75 9.75S2.5 17.384 2.5 12",
+          clipRule: "evenodd"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          fill: "currentColor",
+          fillRule: "evenodd",
+          d: "M12.25 7.541a.75.75 0 0 1 .75.75v.063a.75.75 0 0 1-1.5 0v-.063a.75.75 0 0 1 .75-.75m.006 3.103a.75.75 0 0 1 .75.75v4.3a.75.75 0 0 1-1.5 0v-4.3a.75.75 0 0 1 .75-.75",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+), f = (l) => {
+  const { errorMessage: e, hintMessage: r, extraHelper: o, disabled: i, className: s } = l;
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: a(
+        "crow:flex crow:font-p3-regular",
+        {
+          "crow:justify-between": (e ?? r) && o,
+          "crow:justify-start": (e ?? r) && !o,
+          "crow:justify-end": !(e ?? r) && o,
+          "crow:text-gray-400": i
+        },
+        e ? "crow:text-error-500" : "crow:text-primary-500",
+        s
+      ),
+      children: [
+        (e || r) && /* @__PURE__ */ c(
+          "div",
+          {
+            className: a("crow:flex crow:items-center crow:gap-2 crow:font-light", {
+              "crow:text-gray-400": i
+            }),
+            children: [
+              /* @__PURE__ */ t(
+                n,
+                {
+                  width: 16,
+                  height: 16
+                }
+              ),
+              /* @__PURE__ */ t("span", { children: e ?? r })
+            ]
+          }
+        ),
+        o
+      ]
+    }
+  );
+};
+export {
+  f as F,
+  n as I
+};

package/dist/Form/Checkbox/index.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),a=require("../../clsx-C11secjj.cjs"),h=require("../../IconCheckmark-e4F7_KcG.cjs"),l=require("../../omitObjects-CtiYo0hv.cjs"),x=require("../../RadioCheckboxWrapper-BBzu2Ip6.cjs"),m=s=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:e.jsx("path",{fill:"currentColor",d:"M6 11a.75.75 0 0 0 0 1.5zm12 1.5a.75.75 0 0 0 0-1.5zm-12 0h12V11H6z"})}),d=s=>{const{className:t,isIndeterminate:c,...r}=s,i=l.omitObject(r,["label","isError","errorMessage","helperMessage","containerClassName"]);return e.jsx(x.RadioCheckboxWrapper,{...r,children:({inputClassName:o,checkedInputClassName:n})=>e.jsxs(e.Fragment,{children:[e.jsx("input",{...i,type:"checkbox",className:a.clsx("crow:rounded",o,t)}),e.jsx("div",{className:n,children:c?e.jsx(m,{width:16,height:16}):e.jsx(h.IconCheckmark,{width:16,height:16})})]})})};module.exports=d;

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

@@ -0,0 +1,8 @@
+import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+import { RadioCheckboxBaseUnionProps } from '../Wrappers/RadioCheckboxWrapper/RadioCheckboxWrapper';
+export type CheckboxProps = RadioCheckboxBaseUnionProps & Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'type'> & {
+    isIndeterminate?: boolean;
+};
+declare const Checkbox: (props: CheckboxProps) => import("react").JSX.Element;
+export default Checkbox;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAIpE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,uDAAuD,CAAC;AAGzG,MAAM,MAAM,aAAa,GAAG,2BAA2B,GACrD,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IACzF,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEJ,QAAA,MAAM,QAAQ,GAAI,OAAO,aAAa,gCAoCrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/Form/Checkbox/index.mjs

@@ -0,0 +1,57 @@
+import { jsx as e, jsxs as n, Fragment as m } from "react/jsx-runtime";
+import { c as h } from "../../clsx-OuTLNxxd.js";
+import { I as l } from "../../IconCheckmark-DDfqVvnj.js";
+import { o as p } from "../../omitObjects-CxFrrlkX.js";
+import { R as d } from "../../RadioCheckboxWrapper-BvSgv_ra.js";
+const g = (r) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ...r,
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M6 11a.75.75 0 0 0 0 1.5zm12 1.5a.75.75 0 0 0 0-1.5zm-12 0h12V11H6z"
+      }
+    )
+  }
+), k = (r) => {
+  const { className: s, isIndeterminate: t, ...o } = r, i = p(o, [
+    "label",
+    "isError",
+    "errorMessage",
+    "helperMessage",
+    "containerClassName"
+  ]);
+  return /* @__PURE__ */ e(d, { ...o, children: ({ inputClassName: a, checkedInputClassName: c }) => /* @__PURE__ */ n(m, { children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        ...i,
+        type: "checkbox",
+        className: h("crow:rounded", a, s)
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: c, children: t ? /* @__PURE__ */ e(
+      g,
+      {
+        width: 16,
+        height: 16
+      }
+    ) : /* @__PURE__ */ e(
+      l,
+      {
+        width: 16,
+        height: 16
+      }
+    ) })
+  ] }) });
+};
+export {
+  k as default
+};

package/dist/Form/Common/DateAndTimePickerFooter/DateAndTimePickerFooter.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ButtonProps } from '../../../Button';
+interface DateAndTimePickerFooterProps {
+    primaryButton?: ButtonProps;
+    secondaryButton?: ButtonProps;
+    className?: string;
+}
+declare const DateAndTimePickerFooter: FC<DateAndTimePickerFooterProps>;
+export default DateAndTimePickerFooter;
+//# sourceMappingURL=DateAndTimePickerFooter.d.ts.map