crowui-pr 1.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Chip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjF,OAAO,kBAAkB,CAAC;AAE1B,UAAU,aAAa;IACrB,0BAA0B;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,uDAAuD;IACvD,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC/C,+CAA+C;IAC/C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uFAAuF;IACvF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7F,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,MAAM,SAAS,GAAG,aAAa,GACnC,CACI,CAAC;IAAE,SAAS,EAAE,IAAI,CAAA;CAAE,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,GAC/D,CAAC;IAAE,SAAS,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC,CAC3D,CAAC;AA6HJ,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA+CvB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/Chip/index.mjs

@@ -0,0 +1,149 @@
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
+import { c as n } from "../clsx-OuTLNxxd.js";
+import { o as m } from "../omitObjects-CxFrrlkX.js";
+import v from "../Badge/index.mjs";
+import '../assets/styles.css';/* empty css                 */
+const l = {
+  primary: {
+    filled: "crow:text-primary-500 crow:hover:text-primary-500 crow:border-primary-100 crow:bg-primary-50",
+    base: "crow:bg-surface crow:text-gray-700 crow:hover:text-primary-500 crow:border-gray-200 crow:hover:border-gray-300",
+    active: "crow:!border-primary-500 crow:!text-primary-500"
+  },
+  gray: {
+    filled: "crow:text-gray-600 crow:hover:text-gray-600 crow:border-gray-200 crow:bg-gray-50",
+    base: "crow:bg-surface crow:text-gray-700 crow:hover:text-gray-600 crow:border-gray-200 crow:hover:border-gray-300",
+    active: "crow:!border-gray-500 crow:!text-gray-600"
+  },
+  success: {
+    filled: "crow:text-success-600 crow:hover:text-success-600 crow:border-success-100 crow:bg-success-50",
+    base: "crow:bg-surface crow:text-gray-700 crow:hover:text-success-600 crow:border-gray-200 crow:hover:border-success-200",
+    active: "crow:!border-success-500 crow:!text-success-600"
+  },
+  error: {
+    filled: "crow:text-error-500 crow:hover:text-error-500 crow:border-error-100 crow:bg-error-50",
+    base: "crow:bg-surface crow:text-gray-700 crow:hover:text-error-500 crow:border-gray-200 crow:hover:border-error-200",
+    active: "crow:!border-error-500 crow:!text-error-500"
+  },
+  warning: {
+    filled: "crow:text-warning-700 crow:hover:text-warning-700 crow:border-warning-100 crow:bg-warning-50",
+    base: "crow:bg-surface crow:text-gray-700 crow:hover:text-warning-700 crow:border-gray-200 crow:hover:border-warning-200",
+    active: "crow:!border-warning-500 crow:!text-warning-700"
+  },
+  sky: {
+    filled: "crow:text-sky-600 crow:hover:text-sky-600 crow:border-sky-100 crow:bg-sky-50",
+    base: "crow:bg-surface crow:text-gray-700 crow:hover:text-sky-600 crow:border-gray-200 crow:hover:border-sky-200",
+    active: "crow:!border-sky-500 crow:!text-sky-600"
+  },
+  violet: {
+    filled: "crow:text-violet-600 crow:hover:text-violet-600 crow:border-violet-100 crow:bg-violet-50",
+    base: "crow:bg-surface crow:text-gray-700 crow:hover:text-violet-600 crow:border-gray-200 crow:hover:border-violet-200",
+    active: "crow:!border-violet-500 crow:!text-violet-600"
+  },
+  flamingo: {
+    filled: "crow:text-flamingo-600 crow:hover:text-flamingo-600 crow:border-flamingo-100 crow:bg-flamingo-50",
+    base: "crow:bg-surface crow:text-gray-700 crow:hover:text-flamingo-600 crow:border-gray-200 crow:hover:border-flamingo-200",
+    active: "crow:!border-flamingo-500 crow:!text-flamingo-600"
+  }
+}, y = "crow:opacity-40 crow:cursor-not-allowed", x = {
+  xsmall: "crow:gap-0.5 crow:py-0.5 crow:px-2 crow:font-p3-medium crow:[&_svg]:size-4",
+  small: "crow:gap-1 crow:py-1 crow:px-3 crow:font-p2-medium crow:[&_svg]:size-4",
+  medium: "crow:gap-1.5 crow:py-1.5 crow:px-4 crow:font-p2-medium crow:[&_svg]:size-4",
+  large: "crow:gap-2 crow:py-2.5 crow:px-5 crow:font-p1-medium crow:[&_svg]:size-5"
+}, u = {
+  xsmall: "small",
+  small: "small",
+  medium: "small",
+  large: "medium"
+};
+function f({
+  size: r = "small",
+  filled: e,
+  color: o = "primary",
+  className: c,
+  disabled: a,
+  isActive: i
+}) {
+  const w = "crow:border crow:border-solid crow:rounded-full crow:transition crow:hover:ring-4 crow:ring-gray-100 crow:flex crow:items-center", s = e ? l[o].filled : l[o].base;
+  return n(
+    w,
+    x[r],
+    s,
+    a && y,
+    i && l[o].active,
+    c
+  );
+}
+const h = ({
+  size: r,
+  onClick: e
+}) => /* @__PURE__ */ t(
+  "button",
+  {
+    type: "button",
+    onClick: (c) => {
+      c.stopPropagation(), e();
+    },
+    className: n(
+      "crow:flex crow:items-center crow:justify-center crow:rounded-full crow:opacity-60 crow:hover:opacity-100 crow:transition-opacity crow:ml-0.5",
+      r === "large" ? "crow:size-4" : "crow:size-3.5"
+    ),
+    "aria-label": "Remove",
+    children: /* @__PURE__ */ t(
+      "svg",
+      {
+        viewBox: "0 0 16 16",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: 2.5,
+        children: /* @__PURE__ */ t(
+          "path",
+          {
+            d: "M4 4l8 8M12 4l-8 8",
+            strokeLinecap: "round"
+          }
+        )
+      }
+    )
+  }
+), R = (r) => {
+  const {
+    label: e,
+    rightIcon: o = null,
+    leftIcon: c = null,
+    badgeNumber: a,
+    clickable: i,
+    onRemove: w,
+    ...s
+  } = r, g = i ? "button" : "div", d = m(s, ["filled", "size", "isActive", "color"]);
+  return /* @__PURE__ */ b(
+    g,
+    {
+      ...d,
+      className: n(f(r), ""),
+      children: [
+        o,
+        e,
+        a && /* @__PURE__ */ t(
+          v,
+          {
+            value: a,
+            valueType: "number",
+            color: r.color === "success" || r.color === "error" || r.color === "warning" || r.color === "sky" || r.color === "violet" || r.color === "flamingo" ? "primary" : r.color,
+            size: u[r.size || "small"]
+          }
+        ),
+        c,
+        w && !r.disabled && /* @__PURE__ */ t(
+          h,
+          {
+            size: r.size || "small",
+            onClick: w
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  R as default
+};

package/dist/Collapse/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";require('../assets/styles.css');const o=require("react/jsx-runtime"),e=require("../clsx-C11secjj.cjs"),a=require("react"),y=require("../IconArrowDown2-C1dLVveG.cjs");;/* empty css                   */const v=l=>{const{children:w,trigger:d,open:t,defaultOpen:u=!1,onOpenChange:f,hideArrow:x=!1,disabled:c=!1,className:p,triggerClassName:g,contentClassName:h}=l,[m,N]=a.useState(u),n=t!==void 0,r=n?t:m,s=`${a.useId()}-content`;function j(){if(c)return;const i=!r;n||N(i),f?.(i)}return o.jsxs("div",{className:e.clsx("crow:bg-surface",p),children:[o.jsxs("button",{type:"button",className:e.clsx("crow:flex crow:justify-between crow:items-center crow:w-full",r?"crow:text-primary-500":"crow:text-gray-600",c&&"crow:opacity-50 crow:cursor-not-allowed",g),onClick:j,disabled:c,"aria-expanded":r,"aria-controls":s,children:[o.jsx("div",{className:r?"crow:font-h5-bold":"crow:font-p1-medium",children:d}),!x&&o.jsx(y.IconArrowDown2,{className:e.clsx("crow:transition-transform crow:duration-300 crow:shrink-0 crow:w-auto crow:h-auto",r&&"crow:rotate-180"),"aria-hidden":"true",width:20,height:20})]}),o.jsx("div",{id:s,role:"region",className:e.clsx("crow:grid crow:font-p1-regular crow:text-gray-600 crow:overflow-hidden crow:transition-all crow:duration-300 crow:ease-in-out",r?"crow:grid-rows-[1fr] crow:opacity-100 crow:mt-3":"crow:grid-rows-[0fr] crow:opacity-0",h),children:o.jsx("div",{className:"crow:overflow-hidden",children:w})})]})};module.exports=v;

package/dist/Collapse/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Collapse/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,kBAAkB,CAAC;AAE1B,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAuElD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/Collapse/index.mjs

@@ -0,0 +1,74 @@
+"use client";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { c as e } from "../clsx-OuTLNxxd.js";
+import { useState as v, useId as O } from "react";
+import { I as b } from "../IconArrowDown2-7ddwV5IE.js";
+import '../assets/styles.css';/* empty css                 */
+const D = (l) => {
+  const {
+    children: w,
+    trigger: d,
+    open: c,
+    defaultOpen: f = !1,
+    onOpenChange: m,
+    hideArrow: p = !1,
+    disabled: t = !1,
+    className: u,
+    triggerClassName: g,
+    contentClassName: h
+  } = l, [x, N] = v(f), n = c !== void 0, o = n ? c : x, a = `${O()}-content`;
+  function y() {
+    if (t) return;
+    const s = !o;
+    n || N(s), m?.(s);
+  }
+  return /* @__PURE__ */ i("div", { className: e("crow:bg-surface", u), children: [
+    /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        className: e(
+          "crow:flex crow:justify-between crow:items-center crow:w-full",
+          o ? "crow:text-primary-500" : "crow:text-gray-600",
+          t && "crow:opacity-50 crow:cursor-not-allowed",
+          g
+        ),
+        onClick: y,
+        disabled: t,
+        "aria-expanded": o,
+        "aria-controls": a,
+        children: [
+          /* @__PURE__ */ r("div", { className: o ? "crow:font-h5-bold" : "crow:font-p1-medium", children: d }),
+          !p && /* @__PURE__ */ r(
+            b,
+            {
+              className: e(
+                "crow:transition-transform crow:duration-300 crow:shrink-0 crow:w-auto crow:h-auto",
+                o && "crow:rotate-180"
+              ),
+              "aria-hidden": "true",
+              width: 20,
+              height: 20
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        id: a,
+        role: "region",
+        className: e(
+          "crow:grid crow:font-p1-regular crow:text-gray-600 crow:overflow-hidden crow:transition-all crow:duration-300 crow:ease-in-out",
+          o ? "crow:grid-rows-[1fr] crow:opacity-100 crow:mt-3" : "crow:grid-rows-[0fr] crow:opacity-0",
+          h
+        ),
+        children: /* @__PURE__ */ r("div", { className: "crow:overflow-hidden", children: w })
+      }
+    )
+  ] });
+};
+export {
+  D as default
+};

package/dist/Collapse/types.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+export interface CollapseProps {
+    /** Trigger content shown in the header row. */
+    trigger: ReactNode;
+    /** Controlled open state. Omit for uncontrolled usage with `defaultOpen`. */
+    open?: boolean;
+    /** Initial open state for uncontrolled usage. @default false */
+    defaultOpen?: boolean;
+    /** Called with the next open state whenever the trigger is toggled. */
+    onOpenChange?: (open: boolean) => void;
+    /** Hides the expand/collapse chevron icon. @default false */
+    hideArrow?: boolean;
+    /** Prevents the trigger from being toggled. @default false */
+    disabled?: boolean;
+    /** Extra class names on the root element. */
+    className?: string;
+    /** Extra class names on the trigger button. */
+    triggerClassName?: string;
+    /** Extra class names on the collapsible content area. */
+    contentClassName?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Collapse/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,aAAa;IAC5B,+CAA+C;IAC/C,OAAO,EAAE,SAAS,CAAC;IACnB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uEAAuE;IACvE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}

package/dist/CommandPalette/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const DEFAULT_PLACEHOLDER = "Search commands\u2026";
+export declare const DEFAULT_EMPTY_MESSAGE = "No results found.";
+export declare const DEFAULT_ARIA_LABEL = "Command palette";
+/** Matches the CSS transition/animation duration declared in variants.ts (ms). */
+export declare const ANIMATION_DURATION = 150;
+//# sourceMappingURL=constants.d.ts.map

package/dist/CommandPalette/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/components/CommandPalette/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,0BAAqB,CAAC;AACtD,eAAO,MAAM,qBAAqB,sBAAsB,CAAC;AACzD,eAAO,MAAM,kBAAkB,oBAAoB,CAAC;AAEpD,kFAAkF;AAClF,eAAO,MAAM,kBAAkB,MAAM,CAAC"}

package/dist/CommandPalette/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";require('../assets/styles.css');const o=require("react/jsx-runtime"),t=require("react"),$=require("react-dom");;/* empty css                   */const z=require("../IconSearch-BeVs-gUu.cjs"),G=require("../focusTrap-Br2GlOg-.cjs"),B=require("../isBrowser-Bczqv-hd.cjs"),y=require("../clsx-C11secjj.cjs"),H="Search commands…",Q="No results found.",Y="Command palette",J=150;function V(c){return y.clsx("crow:fixed crow:inset-0 crow:z-50 crow:bg-black/40 crow:cursor-default",c?"crow:command-palette-backdrop-enter":"crow:command-palette-backdrop-exit")}function W(c,s){return y.clsx("crow:relative crow:flex crow:flex-col crow:w-full crow:max-w-lg crow:max-h-[28rem]","crow:bg-white crow:rounded-2xl crow:shadow-xl crow:overflow-hidden","crow:dark:bg-gray-800",c?"crow:command-palette-panel-enter":"crow:command-palette-panel-exit",s)}function X(c,s){return y.clsx("crow:flex crow:items-center crow:gap-3 crow:px-4 crow:py-2.5 crow:rounded-lg crow:font-p2-regular crow:text-left","crow:transition-colors crow:cursor-pointer",s?"crow:opacity-40 crow:cursor-not-allowed":c?"crow:bg-primary-50 crow:text-primary-700 crow:dark:bg-primary-900 crow:dark:text-primary-200":"crow:text-gray-700 crow:dark:text-gray-200 crow:hover:bg-gray-100 crow:dark:hover:bg-gray-700")}function Z(c,s){return s?[c.label,c.description,...c.keywords??[]].filter(Boolean).join(" ").toLowerCase().includes(s.toLowerCase()):!0}const ee=({open:c,onOpenChange:s,items:d,onSelect:h,placeholder:K=H,emptyMessage:M=Q,disableShortcut:v=!1,closeOnSelect:k=!0,className:P,ariaLabel:b=Y})=>{const f=c!==void 0,[F,O]=t.useState(!1),l=f?!!c:F,[N,E]=t.useState(!1),[u,j]=t.useState(""),[I,w]=t.useState(0),p=t.useRef(null),A=t.useRef(null),C=t.useRef(null),D=t.useId(),x=t.useId(),T=B.isBrowser()?document.body:null,i=t.useCallback(e=>{f||O(e),s?.(e)},[f,s]),a=t.useMemo(()=>d.filter(e=>Z(e,u)),[d,u]);t.useEffect(()=>{w(0)},[u,l]);const[L,R]=t.useState(!1);t.useEffect(()=>{if(l){B.isBrowser()&&(C.current=document.activeElement),R(!0),E(!0),j("");const r=setTimeout(()=>{A.current?.focus()},50);return()=>clearTimeout(r)}if(!L)return;E(!1),C.current?.focus();const e=setTimeout(()=>{R(!1)},J);return()=>clearTimeout(e)},[l]);const _=t.useCallback(e=>{e.disabled||(e.onSelect?.(),h?.(e),k&&i(!1))},[h,k,i]);t.useEffect(()=>{if(v)return;function e(r){(r.metaKey||r.ctrlKey)&&r.key.toLowerCase()==="k"&&(r.preventDefault(),i(!l))}return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[v,l,i]),t.useEffect(()=>{if(!l)return;function e(r){if(r.key==="Escape"){i(!1);return}r.key==="Tab"&&p.current&&G.trapFocus(p.current,r)}return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[l,i]);const U=e=>{if(e.key==="ArrowDown")e.preventDefault(),w(r=>a.length===0?0:(r+1)%a.length);else if(e.key==="ArrowUp")e.preventDefault(),w(r=>a.length===0?0:(r-1+a.length)%a.length);else if(e.key==="Enter"){e.preventDefault();const r=a[I];r&&_(r)}};if(!L||!T)return null;const m=new Map;a.forEach(e=>{const r=e.group;m.set(r,[...m.get(r)??[],e])});let S=0;return $.createPortal(o.jsx("div",{className:V(N),onClick:()=>i(!1),children:o.jsx("div",{className:"crow:flex crow:justify-center crow:px-4 crow:pt-[12vh]",children:o.jsxs("div",{ref:p,role:"dialog","aria-modal":"true","aria-label":b,"aria-labelledby":D,className:W(N,P),onClick:e=>e.stopPropagation(),children:[o.jsx("span",{id:D,className:"crow:sr-only",children:b}),o.jsxs("div",{className:"crow:flex crow:items-center crow:gap-2 crow:px-4 crow:py-3 crow:border-b crow:border-gray-200 crow:dark:border-gray-700",children:[o.jsx(z.IconSearch,{width:20,height:20,className:"crow:text-gray-400 crow:shrink-0"}),o.jsx("input",{ref:A,type:"text",role:"combobox","aria-expanded":"true","aria-controls":x,"aria-autocomplete":"list",value:u,onChange:e=>j(e.target.value),onKeyDown:U,placeholder:K,className:"crow:flex-1 crow:bg-transparent crow:focus:outline-none crow:font-p1-regular crow:text-gray-800 crow:dark:text-gray-100 crow:placeholder:text-gray-400"})]}),o.jsx("div",{id:x,role:"listbox",className:"crow:flex crow:flex-col crow:gap-1 crow:p-2 crow:overflow-y-auto",children:a.length===0?o.jsx("div",{className:"crow:px-4 crow:py-6 crow:text-center crow:font-p2-regular crow:text-gray-400",children:M}):Array.from(m.entries()).map(([e,r])=>o.jsxs("div",{children:[e?o.jsx("div",{className:"crow:px-2 crow:py-1 crow:font-caption-regular crow:text-gray-400",children:e}):null,r.map(n=>{const g=S;S+=1;const q=g===I;return o.jsxs("div",{id:`${x}-option-${g}`,role:"option","aria-selected":q,"aria-disabled":n.disabled||void 0,className:X(q,n.disabled),onMouseEnter:()=>w(g),onClick:()=>_(n),children:[n.icon?o.jsx("span",{className:"crow:shrink-0 crow:text-gray-500 crow:dark:text-gray-300 crow:[&_svg]:w-5 crow:[&_svg]:h-5",children:n.icon}):null,o.jsxs("span",{className:"crow:flex-1 crow:flex crow:flex-col crow:min-w-0",children:[o.jsx("span",{className:"crow:truncate",children:n.label}),n.description?o.jsx("span",{className:"crow:truncate crow:font-caption-regular crow:text-gray-400",children:n.description}):null]}),n.shortcut?o.jsx("span",{className:"crow:shrink-0 crow:font-caption-regular crow:text-gray-400",children:n.shortcut}):null]},n.id)})]},e??"__ungrouped__"))})]})})}),T)};module.exports=ee;

package/dist/CommandPalette/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/CommandPalette/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAOL,KAAK,EAAE,EAER,MAAM,OAAO,CAAC;AAEf,OAAO,kBAAkB,CAAC;AAU1B,OAAO,KAAK,EAAe,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGhE,YAAY,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAWhE,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA0O3C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/CommandPalette/index.mjs

@@ -0,0 +1,216 @@
+"use client";
+import { jsx as c, jsxs as i } from "react/jsx-runtime";
+import { useState as w, useRef as v, useId as O, useCallback as U, useMemo as q, useEffect as f } from "react";
+import { createPortal as J } from "react-dom";
+import '../assets/styles.css';/* empty css                 */
+import { I as V } from "../IconSearch-aShj2vmu.js";
+import { t as W } from "../focusTrap-ikiXakRP.js";
+import { i as j } from "../isBrowser-Bkqg1t1y.js";
+import { c as k } from "../clsx-OuTLNxxd.js";
+const X = "Search commands…", Z = "No results found.", rr = "Command palette", er = 150;
+function or(o) {
+  return k(
+    "crow:fixed crow:inset-0 crow:z-50 crow:bg-black/40 crow:cursor-default",
+    o ? "crow:command-palette-backdrop-enter" : "crow:command-palette-backdrop-exit"
+  );
+}
+function tr(o, n) {
+  return k(
+    "crow:relative crow:flex crow:flex-col crow:w-full crow:max-w-lg crow:max-h-[28rem]",
+    "crow:bg-white crow:rounded-2xl crow:shadow-xl crow:overflow-hidden",
+    "crow:dark:bg-gray-800",
+    o ? "crow:command-palette-panel-enter" : "crow:command-palette-panel-exit",
+    n
+  );
+}
+function cr(o, n) {
+  return k(
+    "crow:flex crow:items-center crow:gap-3 crow:px-4 crow:py-2.5 crow:rounded-lg crow:font-p2-regular crow:text-left",
+    "crow:transition-colors crow:cursor-pointer",
+    n ? "crow:opacity-40 crow:cursor-not-allowed" : o ? "crow:bg-primary-50 crow:text-primary-700 crow:dark:bg-primary-900 crow:dark:text-primary-200" : "crow:text-gray-700 crow:dark:text-gray-200 crow:hover:bg-gray-100 crow:dark:hover:bg-gray-700"
+  );
+}
+function nr(o, n) {
+  return n ? [o.label, o.description, ...o.keywords ?? []].filter(Boolean).join(" ").toLowerCase().includes(n.toLowerCase()) : !0;
+}
+const pr = ({
+  open: o,
+  onOpenChange: n,
+  items: p,
+  onSelect: b,
+  placeholder: $ = X,
+  emptyMessage: z = Z,
+  disableShortcut: N = !1,
+  closeOnSelect: E = !0,
+  className: G,
+  ariaLabel: I = rr
+}) => {
+  const m = o !== void 0, [H, Q] = w(!1), s = m ? !!o : H, [A, C] = w(!1), [d, D] = w(""), [L, u] = w(0), g = v(null), T = v(null), _ = v(null), R = O(), y = O(), K = j() ? document.body : null, l = U(
+    (r) => {
+      m || Q(r), n?.(r);
+    },
+    [m, n]
+  ), a = q(() => p.filter((r) => nr(r, d)), [p, d]);
+  f(() => {
+    u(0);
+  }, [d, s]);
+  const [M, P] = w(!1);
+  f(() => {
+    if (s) {
+      j() && (_.current = document.activeElement), P(!0), C(!0), D("");
+      const e = setTimeout(() => {
+        T.current?.focus();
+      }, 50);
+      return () => clearTimeout(e);
+    }
+    if (!M) return;
+    C(!1), _.current?.focus();
+    const r = setTimeout(() => {
+      P(!1);
+    }, er);
+    return () => clearTimeout(r);
+  }, [s]);
+  const S = U(
+    (r) => {
+      r.disabled || (r.onSelect?.(), b?.(r), E && l(!1));
+    },
+    [b, E, l]
+  );
+  f(() => {
+    if (N) return;
+    function r(e) {
+      (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k" && (e.preventDefault(), l(!s));
+    }
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [N, s, l]), f(() => {
+    if (!s) return;
+    function r(e) {
+      if (e.key === "Escape") {
+        l(!1);
+        return;
+      }
+      e.key === "Tab" && g.current && W(g.current, e);
+    }
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [s, l]);
+  const Y = (r) => {
+    if (r.key === "ArrowDown")
+      r.preventDefault(), u(
+        (e) => a.length === 0 ? 0 : (e + 1) % a.length
+      );
+    else if (r.key === "ArrowUp")
+      r.preventDefault(), u(
+        (e) => a.length === 0 ? 0 : (e - 1 + a.length) % a.length
+      );
+    else if (r.key === "Enter") {
+      r.preventDefault();
+      const e = a[L];
+      e && S(e);
+    }
+  };
+  if (!M || !K) return null;
+  const x = /* @__PURE__ */ new Map();
+  a.forEach((r) => {
+    const e = r.group;
+    x.set(e, [...x.get(e) ?? [], r]);
+  });
+  let B = 0;
+  return J(
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: or(A),
+        onClick: () => l(!1),
+        children: /* @__PURE__ */ c("div", { className: "crow:flex crow:justify-center crow:px-4 crow:pt-[12vh]", children: /* @__PURE__ */ i(
+          "div",
+          {
+            ref: g,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-label": I,
+            "aria-labelledby": R,
+            className: tr(A, G),
+            onClick: (r) => r.stopPropagation(),
+            children: [
+              /* @__PURE__ */ c(
+                "span",
+                {
+                  id: R,
+                  className: "crow:sr-only",
+                  children: I
+                }
+              ),
+              /* @__PURE__ */ i("div", { className: "crow:flex crow:items-center crow:gap-2 crow:px-4 crow:py-3 crow:border-b crow:border-gray-200 crow:dark:border-gray-700", children: [
+                /* @__PURE__ */ c(
+                  V,
+                  {
+                    width: 20,
+                    height: 20,
+                    className: "crow:text-gray-400 crow:shrink-0"
+                  }
+                ),
+                /* @__PURE__ */ c(
+                  "input",
+                  {
+                    ref: T,
+                    type: "text",
+                    role: "combobox",
+                    "aria-expanded": "true",
+                    "aria-controls": y,
+                    "aria-autocomplete": "list",
+                    value: d,
+                    onChange: (r) => D(r.target.value),
+                    onKeyDown: Y,
+                    placeholder: $,
+                    className: "crow:flex-1 crow:bg-transparent crow:focus:outline-none crow:font-p1-regular crow:text-gray-800 crow:dark:text-gray-100 crow:placeholder:text-gray-400"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ c(
+                "div",
+                {
+                  id: y,
+                  role: "listbox",
+                  className: "crow:flex crow:flex-col crow:gap-1 crow:p-2 crow:overflow-y-auto",
+                  children: a.length === 0 ? /* @__PURE__ */ c("div", { className: "crow:px-4 crow:py-6 crow:text-center crow:font-p2-regular crow:text-gray-400", children: z }) : Array.from(x.entries()).map(([r, e]) => /* @__PURE__ */ i("div", { children: [
+                    r ? /* @__PURE__ */ c("div", { className: "crow:px-2 crow:py-1 crow:font-caption-regular crow:text-gray-400", children: r }) : null,
+                    e.map((t) => {
+                      const h = B;
+                      B += 1;
+                      const F = h === L;
+                      return /* @__PURE__ */ i(
+                        "div",
+                        {
+                          id: `${y}-option-${h}`,
+                          role: "option",
+                          "aria-selected": F,
+                          "aria-disabled": t.disabled || void 0,
+                          className: cr(F, t.disabled),
+                          onMouseEnter: () => u(h),
+                          onClick: () => S(t),
+                          children: [
+                            t.icon ? /* @__PURE__ */ c("span", { className: "crow:shrink-0 crow:text-gray-500 crow:dark:text-gray-300 crow:[&_svg]:w-5 crow:[&_svg]:h-5", children: t.icon }) : null,
+                            /* @__PURE__ */ i("span", { className: "crow:flex-1 crow:flex crow:flex-col crow:min-w-0", children: [
+                              /* @__PURE__ */ c("span", { className: "crow:truncate", children: t.label }),
+                              t.description ? /* @__PURE__ */ c("span", { className: "crow:truncate crow:font-caption-regular crow:text-gray-400", children: t.description }) : null
+                            ] }),
+                            t.shortcut ? /* @__PURE__ */ c("span", { className: "crow:shrink-0 crow:font-caption-regular crow:text-gray-400", children: t.shortcut }) : null
+                          ]
+                        },
+                        t.id
+                      );
+                    })
+                  ] }, r ?? "__ungrouped__"))
+                }
+              )
+            ]
+          }
+        ) })
+      }
+    ),
+    K
+  );
+};
+export {
+  pr as default
+};

package/dist/CommandPalette/types.d.ts

@@ -0,0 +1,44 @@
+import { JSX, ReactNode } from 'react';
+export interface CommandItem {
+    /** Stable unique identifier for the command. */
+    id: string;
+    /** Primary label shown in the list and matched against the search query. */
+    label: string;
+    /** Optional secondary text shown under/next to the label (not matched against by default). */
+    description?: string;
+    /** Optional leading icon/element. */
+    icon?: JSX.Element;
+    /** Optional group/category key used to cluster items under a heading. */
+    group?: string;
+    /** Optional keywords matched against the search query in addition to `label`. */
+    keywords?: string[];
+    /** Optional trailing node (e.g. a shortcut hint). */
+    shortcut?: ReactNode;
+    /** Disables selection/activation for this item. @default false */
+    disabled?: boolean;
+    /** Called when the item is activated (Enter or click). */
+    onSelect?: () => void;
+}
+export interface CommandPaletteProps {
+    /** Whether the palette is open. Omit to let the component manage its own open state via the trigger shortcut. */
+    open?: boolean;
+    /** Called whenever the open state changes (trigger shortcut, Escape, backdrop click, or item selection). */
+    onOpenChange?: (open: boolean) => void;
+    /** Commands available to search and select. */
+    items: CommandItem[];
+    /** Called when an item is activated (Enter or click), after its own `onSelect`. */
+    onSelect?: (item: CommandItem) => void;
+    /** Placeholder text for the search input. @default 'Search commands…' */
+    placeholder?: string;
+    /** Text shown when no items match the query. @default 'No results found.' */
+    emptyMessage?: string;
+    /** Disables the built-in Cmd/Ctrl+K shortcut that toggles the palette. @default false */
+    disableShortcut?: boolean;
+    /** Closes the palette automatically after an item is selected. @default true */
+    closeOnSelect?: boolean;
+    /** Extra class names on the panel surface. */
+    className?: string;
+    /** Aria-label for the dialog. @default 'Command palette' */
+    ariaLabel?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/CommandPalette/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,gDAAgD;IAChD,EAAE,EAAE,MAAM,CAAC;IACX,4EAA4E;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,8FAA8F;IAC9F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,iHAAiH;IACjH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4GAA4G;IAC5G,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,+CAA+C;IAC/C,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yFAAyF;IACzF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gFAAgF;IAChF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/CommandPalette/variants.d.ts

@@ -0,0 +1,4 @@
+export declare function getBackdropClassName(show: boolean): string;
+export declare function getPanelClassName(show: boolean, className?: string): string;
+export declare function getItemClassName(active: boolean, disabled?: boolean): string;
+//# sourceMappingURL=variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../src/components/CommandPalette/variants.ts"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,CAK1D;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAQ3E;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAU5E"}

package/dist/DateAndTimePickerFooter-Cf1P9EiU.js

@@ -0,0 +1,74 @@
+import { c as p } from "./clsx-OuTLNxxd.js";
+import { P as d, u as w } from "./PickerWrapper-BUpw1NG2.js";
+import { jsxs as f, jsx as l } from "react/jsx-runtime";
+import m from "./Button/index.mjs";
+function k({
+  props: a,
+  standaloneMode: e,
+  formatValue: o
+}) {
+  const { value: t, wrapperClassName: i } = a, r = {
+    ...a
+  };
+  a?.mode !== e && (r.dropdownType === "drawer" ? r.drawerProps = {
+    ...r.drawerProps,
+    containerClassName: p("crow:!p-0", r.drawerProps?.containerClassName)
+  } : r.popoverClassName = p(
+    "crow:!p-0 crow:max-h-max",
+    r.popoverClassName
+  ), r.customInput || (r.inputProps = {
+    ...r.inputProps,
+    value: r.inputProps?.value ?? o(t)
+  }));
+  const s = a?.mode === e ? "div" : d, n = a?.mode !== e ? r : { className: i };
+  return {
+    Wrapper: s,
+    wrapperProps: n
+  };
+}
+const x = (a) => {
+  const { primaryButton: e, secondaryButton: o, className: t } = a, { toggleWrapperVisibility: i } = w(), r = !!e, s = !!o, n = (c) => {
+    e && typeof e.onClick == "function" && e.onClick(c), i();
+  }, u = (c) => {
+    o && typeof o.onClick == "function" && o.onClick(c);
+  };
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: p(
+        "crow:flex crow:items-center crow:border-t crow:border-gray-200 crow:gap-4",
+        s ? "crow:justify-between" : "crow:justify-end",
+        t
+      ),
+      children: [
+        s && /* @__PURE__ */ l(
+          m,
+          {
+            type: "button",
+            variant: "text",
+            size: "small",
+            isFullWidth: r,
+            ...o,
+            onClick: u,
+            children: o?.children ?? "اعمال"
+          }
+        ),
+        r && /* @__PURE__ */ l(
+          m,
+          {
+            type: "button",
+            size: "small",
+            isFullWidth: s,
+            ...e,
+            onClick: n,
+            children: e?.children ?? "اعمال"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  x as D,
+  k as u
+};