crowui-pr 1.1.0

package/dist/SegmentedControl/index.mjs

@@ -0,0 +1,132 @@
+"use client";
+import { jsxs as b, jsx as u } from "react/jsx-runtime";
+import { c as f } from "../clsx-OuTLNxxd.js";
+import { useRef as g, useState as x, useLayoutEffect as L, useEffect as S } from "react";
+import '../assets/styles.css';/* empty css                 */
+const M = {
+  default: "crow:bg-gray-100 crow:dark:bg-gray-800",
+  outline: "crow:bg-transparent crow:border crow:border-gray-200 crow:dark:border-gray-700"
+}, j = {
+  small: {
+    container: "crow:p-0.5 crow:rounded-lg",
+    segment: "crow:px-2.5 crow:py-1 crow:rounded-md crow:font-p3-medium crow:gap-1"
+  },
+  medium: {
+    container: "crow:p-1 crow:rounded-xl",
+    segment: "crow:px-3.5 crow:py-1.5 crow:rounded-lg crow:font-p2-medium crow:gap-1.5"
+  },
+  large: {
+    container: "crow:p-1 crow:rounded-xl",
+    segment: "crow:px-4 crow:py-2.5 crow:rounded-lg crow:font-p1-medium crow:gap-2"
+  }
+}, U = (k) => {
+  const {
+    options: s,
+    value: n,
+    onChange: c,
+    variant: R = "default",
+    size: m = "medium",
+    fullWidth: l = !1,
+    disabled: i = !1,
+    className: C,
+    segmentClassName: D,
+    "aria-label": z
+  } = k, p = g(null), d = g(/* @__PURE__ */ new Map()), y = g(!1), [w, E] = x(null), [N, A] = x(!1), t = s.filter((e) => !e.disabled), v = () => {
+    const e = d.current.get(n), o = p.current;
+    if (!e || !o) return;
+    const r = o.getBoundingClientRect(), a = e.getBoundingClientRect();
+    E({
+      left: a.left - r.left,
+      width: a.width
+    }), y.current || (y.current = !0, A(!0));
+  };
+  L(() => {
+    v();
+  }, [n, s, m, l]), S(() => {
+    const e = () => v();
+    return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+  }, [n]);
+  const I = (e) => {
+    const o = t.findIndex((r) => r.value === n);
+    if (e.key === "ArrowRight" || e.key === "ArrowDown") {
+      e.preventDefault();
+      const r = t[(o + 1) % t.length];
+      r && c(r.value);
+    } else if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
+      e.preventDefault();
+      const r = t[(o - 1 + t.length) % t.length];
+      r && c(r.value);
+    } else if (e.key === "Home")
+      e.preventDefault(), t[0] && c(t[0].value);
+    else if (e.key === "End") {
+      e.preventDefault();
+      const r = t[t.length - 1];
+      r && c(r.value);
+    }
+  }, h = j[m];
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      ref: p,
+      role: "radiogroup",
+      "aria-label": z,
+      "aria-disabled": i,
+      onKeyDown: I,
+      className: f(
+        "crow:relative crow:inline-flex crow:items-center",
+        h.container,
+        M[R],
+        l && "crow:flex crow:w-full",
+        i && "crow:opacity-50 crow:cursor-not-allowed",
+        C
+      ),
+      children: [
+        w && /* @__PURE__ */ u(
+          "div",
+          {
+            "aria-hidden": !0,
+            className: f(
+              "crow:absolute crow:top-1 crow:bottom-1 crow:bg-white crow:dark:bg-gray-700 crow:shadow-sm crow:rounded-lg",
+              "crow:transition-[left,width] crow:duration-300 crow:ease-in-out",
+              !N && "crow:transition-none"
+            ),
+            style: { left: w.left, width: w.width }
+          }
+        ),
+        s.map((e) => {
+          const o = e.value === n, r = i || e.disabled;
+          return /* @__PURE__ */ b(
+            "button",
+            {
+              ref: (a) => {
+                a ? d.current.set(e.value, a) : d.current.delete(e.value);
+              },
+              type: "button",
+              role: "radio",
+              "aria-checked": o,
+              tabIndex: o ? 0 : -1,
+              disabled: r,
+              onClick: () => !r && c(e.value),
+              className: f(
+                "crow:relative crow:z-10 crow:flex crow:items-center crow:justify-center crow:transition-colors crow:duration-300",
+                h.segment,
+                l && "crow:flex-1",
+                o ? "crow:text-gray-900 crow:dark:text-gray-50" : "crow:text-gray-500 crow:dark:text-gray-400 crow:hover:text-gray-700 crow:dark:hover:text-gray-200",
+                r && "crow:cursor-not-allowed crow:opacity-40",
+                D
+              ),
+              children: [
+                e.icon && /* @__PURE__ */ u("span", { className: "crow:shrink-0", children: e.icon }),
+                /* @__PURE__ */ u("span", { className: "crow:whitespace-nowrap", children: e.label })
+              ]
+            },
+            e.value
+          );
+        })
+      ]
+    }
+  );
+};
+export {
+  U as default
+};

package/dist/SegmentedControl/types.d.ts

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+export interface SegmentedControlOption<Value extends string = string> {
+    /** Unique value identifying this segment. */
+    value: Value;
+    /** Visible label for the segment. */
+    label: ReactNode;
+    /** Optional leading icon rendered before the label. */
+    icon?: ReactNode;
+    /** Disables this specific segment. @default false */
+    disabled?: boolean;
+}
+export interface SegmentedControlProps<Value extends string = string> {
+    /** The list of segments to render. */
+    options: SegmentedControlOption<Value>[];
+    /** Currently selected segment value. */
+    value: Value;
+    /** Called with the newly selected segment value. */
+    onChange: (value: Value) => void;
+    /** Visual style of the control. @default 'default' */
+    variant?: 'default' | 'outline';
+    /** Size of the control, affecting padding and font size. @default 'medium' */
+    size?: 'small' | 'medium' | 'large';
+    /** Stretches the control to fill its container width, distributing segments evenly. @default false */
+    fullWidth?: boolean;
+    /** Disables the entire control. @default false */
+    disabled?: boolean;
+    /** Extra class names on the root container. */
+    className?: string;
+    /** Extra class names applied to each segment button. */
+    segmentClassName?: string;
+    /** Accessible label for the control (`aria-label` on the `radiogroup`). */
+    'aria-label'?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/SegmentedControl/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,sBAAsB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM;IACnE,6CAA6C;IAC7C,KAAK,EAAE,KAAK,CAAC;IACb,qCAAqC;IACrC,KAAK,EAAE,SAAS,CAAC;IACjB,uDAAuD;IACvD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM;IAClE,sCAAsC;IACtC,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC;IACzC,wCAAwC;IACxC,KAAK,EAAE,KAAK,CAAC;IACb,oDAAoD;IACpD,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,sDAAsD;IACtD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,8EAA8E;IAC9E,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,sGAAsG;IACtG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/SegmentedControl/variants.d.ts

@@ -0,0 +1,7 @@
+import { SegmentedControlProps } from './types';
+export declare const segmentedControlContainerVariant: Record<Required<SegmentedControlProps>['variant'], string>;
+export declare const segmentedControlSizeStyle: Record<Required<SegmentedControlProps>['size'], {
+    container: string;
+    segment: string;
+}>;
+//# sourceMappingURL=variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../src/components/SegmentedControl/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,gCAAgC,EAAE,MAAM,CACnD,QAAQ,CAAC,qBAAqB,CAAC,CAAC,SAAS,CAAC,EAC1C,MAAM,CAIP,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAC5C,QAAQ,CAAC,qBAAqB,CAAC,CAAC,MAAM,CAAC,EACvC;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAcvC,CAAC"}

package/dist/Sidebar/Items.d.ts

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

package/dist/Sidebar/Items.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Items.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/Items.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsD,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAmCpF,QAAA,MAAM,YAAY,EAAE,EAgInB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/Sidebar/LogoImage.d.ts

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

package/dist/Sidebar/LogoImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoImage.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/LogoImage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,QAAA,MAAM,gBAAgB,EAAE,EAYvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/Sidebar/Profile.d.ts

@@ -0,0 +1,3 @@
+declare const SidebarProfile: () => import("react").JSX.Element;
+export default SidebarProfile;
+//# sourceMappingURL=Profile.d.ts.map

package/dist/Sidebar/Profile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/Profile.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,cAAc,mCA+BnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/Sidebar/SearchInput.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface SidebarSearchInputProps {
+    value: string;
+    onChange: React.ChangeEventHandler<HTMLInputElement>;
+}
+declare const SidebarSearchInput: FC<SidebarSearchInputProps>;
+export default SidebarSearchInput;
+//# sourceMappingURL=SearchInput.d.ts.map

package/dist/Sidebar/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/SearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;CACtD;AAED,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAkBnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/Sidebar/ToggleButton.d.ts

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

package/dist/Sidebar/ToggleButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/ToggleButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,QAAA,MAAM,mBAAmB,EAAE,EA0B1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/Sidebar/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const DURATION_CLASS = "crow:duration-300";
+export declare const ITEMS_SHARED_CLASS = "crow:relative crow:transition-all crow:hover:bg-gray-50 crow:rounded-lg crow:focus:ring-[3px] crow:focus:ring-offset-1 crow:ring-offset-white crow:ring-primary-300 crow:text-gray-600";
+export declare const DISABLED_CLASS = "crow:opacity-40 crow:pointer-events-none";
+export declare const ACTIVE_CLASS = "crow:!bg-primary-50 crow:text-primary-600";
+export declare const SECOND_LEVEL_ACTIVE_CLASS = "crow:!bg-primary-50 crow:text-primary-600 crow:before:content-[\"\"] crow:before:absolute crow:before:w-1 crow:before:h-[22px] crow:before:rounded-l-md crow:before:bg-primary-500 crow:before:top-1/2 crow:before:-translate-y-1/2 crow:before:-right-4";
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,sBAAsB,CAAC;AAClD,eAAO,MAAM,kBAAkB,2LAC2J,CAAC;AAC3L,eAAO,MAAM,cAAc,6CAA6C,CAAC;AACzE,eAAO,MAAM,YAAY,8CAA8C,CAAC;AACxE,eAAO,MAAM,yBAAyB,6PAAiO,CAAC"}

package/dist/Sidebar/context.d.ts

@@ -0,0 +1,4 @@
+import { SidebarProps } from './types';
+export declare const sidebarContext: import('react').Context<SidebarProps>;
+export declare const useSidebarContext: () => SidebarProps;
+//# sourceMappingURL=context.d.ts.map

package/dist/Sidebar/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,cAAc,uCAGzB,CAAC;AACH,eAAO,MAAM,iBAAiB,oBAAmC,CAAC"}

package/dist/Sidebar/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";require('../assets/styles.css');const e=require("react/jsx-runtime"),s=require("../clsx-C11secjj.cjs"),a=require("react"),k=require("../isBrowser-Bczqv-hd.cjs"),L=require("../debounce-tddZRTF5.cjs"),T=require("../IconSearch-BeVs-gUu.cjs"),O=require("../Badge/index.cjs"),M=require("../index-Djgl0aBZ.cjs");;/* empty css                   */const A=require("../AccordionItem-DrV8fI-p.cjs"),_=require("../Divider/index.cjs"),q=require("../IconArrowLeft2-CNA3H0xY.cjs"),D=require("../Button/index.cjs"),P=r=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...r,children:[e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M9 12.12a.75.75 0 0 1 .75-.75h12.041a.75.75 0 0 1 0 1.5H9.75a.75.75 0 0 1-.75-.75",clipRule:"evenodd"}),e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M18.333 8.675a.75.75 0 0 1 1.06-.002l2.928 2.916a.75.75 0 0 1 0 1.063l-2.928 2.916a.75.75 0 0 1-1.058-1.063l2.394-2.384-2.394-2.385a.75.75 0 0 1-.002-1.06M14.288 4.45c.777.576 1.165 1.516 1.325 3.249a.75.75 0 1 0 1.494-.138c-.17-1.848-.617-3.347-1.926-4.316C13.927 2.315 12.037 2 9.36 2c-3.55 0-5.733.556-6.853 2.38-.533.869-.77 1.945-.884 3.177-.114 1.228-.114 2.702-.114 4.411v.063c0 1.71 0 3.184.114 4.411.115 1.233.35 2.309.884 3.178C3.627 21.443 5.81 22 9.36 22c2.677 0 4.567-.316 5.821-1.245 1.309-.97 1.755-2.468 1.926-4.316a.75.75 0 1 0-1.494-.138c-.16 1.732-.548 2.673-1.325 3.249-.83.615-2.276.95-4.928.95-3.551 0-4.92-.599-5.575-1.665-.353-.576-.561-1.379-.668-2.531-.107-1.15-.108-2.557-.108-4.304s0-3.154.108-4.304c.107-1.153.315-1.955.668-2.531C4.441 4.098 5.81 3.5 9.36 3.5c2.652 0 4.098.334 4.928.95",clipRule:"evenodd"})]}),b="crow:duration-300",S="crow:relative crow:transition-all crow:hover:bg-gray-50 crow:rounded-lg crow:focus:ring-[3px] crow:focus:ring-offset-1 crow:ring-offset-white crow:ring-primary-300 crow:text-gray-600",N="crow:opacity-40 crow:pointer-events-none",B="crow:!bg-primary-50 crow:text-primary-600",E=`${B} crow:before:content-[""] crow:before:absolute crow:before:w-1 crow:before:h-[22px] crow:before:rounded-l-md crow:before:bg-primary-500 crow:before:top-1/2 crow:before:-translate-y-1/2 crow:before:-right-4`,I=a.createContext({isOpen:!1,setIsOpen:()=>{}}),j=()=>a.useContext(I),y=r=>s.clsx("crow:transition-opacity crow:whitespace-pre crow:overflow-hidden",r?"crow:opacity-100":"crow:opacity-0",b);function z(r,o){return e.jsxs("div",{className:s.clsx("crow:flex crow:items-center crow:[&_svg]:size-6 crow:[&_svg]:shrink-0 crow:min-h-12 crow:text-start",o?"crow:space-x-2":"crow:justify-center"),children:[r.icon,e.jsx("div",{className:s.clsx("crow:font-p2-regular crow:line-clamp-1 crow:!transition-[width,opacity]",o?"crow:w-full":"crow:w-0",y),children:r.title}),r.badgeCount&&e.jsx(O,{className:s.clsx("crow:shrink-0",{"crow:!absolute crow:top-0 crow:left-0":!o}),value:r.badgeCount,valueType:"number",color:"error",size:"small"})]})}function R(r,o){return r.map(t=>{if("children"in t&&t.children){const n=R(t.children,o);if(n.length>0)return{...t,children:n}}return t.title.includes(o)?{...t}:null}).filter(t=>!!t)}const F=r=>{const{value:o,onChange:t}=r,{isOpen:n,searchInput:l}=j();return e.jsx(M.Input,{value:o,onChange:t,rightIcon:e.jsx(T.IconSearch,{}),placeholder:"جستجو",...typeof l=="boolean"?{}:l,wrapperClassName:s.clsx("crow:mb-8 crow:sticky crow:top-0 crow:bg-surface crow:z-10 crow:px-4",y(n),typeof l=="object"&&l.wrapperClassName,b)})},H={filled:"crow:bg-surface crow:shadow-md crow:border-transparent",bordered:"crow:bg-surface crow:border crow:border-gray-200 crow:shadow-none",ghost:"crow:bg-transparent crow:border-transparent crow:shadow-none"},V={comfortable:{secondLevel:"crow:min-h-12",thirdLevel:"crow:h-10 crow:py-2"},compact:{secondLevel:"crow:min-h-9",thirdLevel:"crow:h-8 crow:py-1"}};function W(r){let o=null;return r.some(t=>t.children?.some(n=>n.children?.some(l=>l.active)?(o=n,!0):!1)),o}const K=()=>{const{isOpen:r,searchInput:o=!0,items:t,itemSize:n="comfortable"}=j(),[l,x]=a.useState(""),[p,v]=a.useState(t??[]),d=W(p),m=V[n],f=a.useRef(t??[]);a.useEffect(()=>{f.current=t??[]},[t]);const h=a.useCallback(L.debounce(w=>{v(R(f.current,w))},800),[]);function C(w){const u=w.target.value;x(u),h(u)}function g(){x(""),v(t??[])}return a.useEffect(()=>{l&&g()},[r]),e.jsxs("div",{className:"crow:overflow-y-auto crow:overflow-x-hidden crow:-mx-4 crow:h-3/4 crow:no-scrollbar",children:[!!o&&e.jsx(F,{value:l,onChange:C}),e.jsx("div",{className:"crow:space-y-6 crow:px-4",children:p.map((w,u)=>e.jsxs(a.Fragment,{children:[e.jsx("div",{className:s.clsx("crow:font-p2-regular crow:text-gray-400",y(r)),children:w.title}),e.jsx(A.AccordionGroup,{defaultActiveKey:d?d.link||d.title:void 0,className:"crow:mt-4 crow:space-y-2",children:w.children?.map(c=>c.link?e.jsx("a",{href:c.link,className:s.clsx("crow:pr-3",c.disabled&&N,c.active&&E,r?"crow:pl-9":"crow:pl-3",m.secondLevel,S),children:z(c,r)},c.link):e.jsx(A.AccordionItem,{accordionKey:c.link??c.title,className:s.clsx("crow:!p-0",c.disabled&&N),title:z(c,r),hideDivider:!0,hideArrow:!r||c.disabled,disable:!r||c.disabled,titleClassName:s.clsx("crow:[&_>div:first-child]:flex-1 crow:[&_>div:first-child]:pl-1",r?"crow:px-3":"crow:!justify-center",m.secondLevel,(d?.link&&d?.link===c.link||d?.title===c.title)&&E,S),children:c.children?.map(i=>e.jsxs("a",{href:i.link,className:s.clsx("crow:flex crow:justify-between crow:pl-9 crow:pr-11 crow:mt-1 crow:first:mt-0",m.thirdLevel,i.disabled&&N,i.active&&B,S),children:[e.jsx("p",{children:i.title}),i.badgeCount&&e.jsx(O,{valueType:"number",value:i.badgeCount,color:"error",type:"twoTone",size:"small"})]},i.link))},c.link??c.title))}),u!==p.length-1&&e.jsx(_,{type:"horizontal"})]},w.title))})]})},G=()=>{const{isOpen:r,logo:o}=j();return e.jsx("div",{className:"crow:flex crow:justify-center crow:items-center crow:mb-8",children:e.jsx("img",{...o,alt:o?.alt??"Logo",src:r?o?.open:o?.close,className:s.clsx("crow:h-12 crow:w-full",o?.className)})})},U=()=>{const{userProfile:r,isOpen:o}=j();return e.jsxs("a",{href:r?.link??"#",className:s.clsx("crow:mb-8 crow:flex crow:flex-col crow:justify-center crow:items-center",{"crow:pointer-events-none":!r?.link}),children:[e.jsx("img",{src:r?.image,alt:r?.name??"user_avatar",className:s.clsx("crow:rounded-full crow:shrink-0",o?"crow:size-20":"crow:size-12")}),e.jsxs("div",{className:s.clsx("crow:mt-2 crow:w-full crow:relative",y(o)),children:[e.jsx("p",{className:"crow:font-p3-medium crow:text-gray-700 crow:text-center",children:r?.name}),e.jsx("p",{className:"crow:font-p3-regular crow:text-gray-400 crow:text-center",children:r?.description}),r?.link&&e.jsx(q.IconArrowLeft2,{className:"crow:absolute crow:top-1/2 crow:-translate-y-1/2 crow:left-0 crow:text-3xl crow:text-gray-500 crow:p-1 crow:rounded-lg crow:border crow:border-gray-200"})]})]})},$=()=>{const{isOpen:r,setIsOpen:o,position:t="right"}=j(),n=t==="left",l=n?!r:r;return e.jsx("button",{type:"button",className:s.clsx("crow:absolute crow:top-7 crow:p-1 crow:rounded-lg crow:border crow:border-gray-300 crow:bg-surface",n?"crow:right-0 crow:translate-x-1/2":"crow:left-0 crow:-translate-x-1/2"),onClick:()=>o(!r),children:e.jsx(q.IconArrowLeft2,{className:s.clsx("crow:transition-transform crow:text-primary-500",l&&"crow:rotate-180",b),width:16,height:16})})},J=r=>{const{isOpen:o,setIsOpen:t,className:n,logo:l,items:x,extraComponent:p,userProfile:v,logOutButtonProps:d,onLogout:m,showMask:f,hideOnClose:h,variant:C="filled",position:g="right"}=r,w=r.openOnHover,u=f?"div":a.Fragment;return a.useEffect(()=>{if(h||!k.isBrowser())return;const c=document?.documentElement,i=g==="left"?"crow:pl-[80px]":"crow:pr-[80px]";return c.classList.add(i),()=>{c.classList.remove(i)}},[h,g]),a.useEffect(()=>{if(!f||!k.isBrowser())return;const c=document?.documentElement,i="crow:overflow-hidden";return o?c.classList.add(i):c.classList.remove(i),()=>{c.classList.remove(i)}},[f,o]),e.jsx(I.Provider,{value:r,children:e.jsx(u,{...u==="div"?{className:s.clsx("crow:fixed crow:top-0 crow:left-0 crow:z-40 crow:overflow-hidden crow:transition-[background-color] crow:ease-linear",o?"crow:size-full crow:bg-black/40":"crow:size-0 crow:bg-transparent",b),onClick:c=>{c.target===c.currentTarget&&t(!1)}}:{},children:e.jsxs("div",{className:s.clsx(n,"crow:flex crow:flex-col crow:fixed crow:top-0 crow:h-full crow:p-4 crow:pt-6 crow:transition-[width,max-width,opacity]",g==="left"?"crow:left-0":"crow:right-0",H[C],{"crow:w-[280px] crow:max-w-full":o,"crow:w-[80px] crow:max-w-[80px]":!o&&!h,"crow:w-0 crow:opacity-0":!o&&h},b),onMouseEnter:()=>{w&&!o&&t(!0)},onMouseLeave:()=>{w&&o&&t(!1)},children:[e.jsx($,{}),!!(l?.open??l?.close)&&e.jsx(G,{}),x&&x.length>0&&e.jsx(K,{}),e.jsxs("div",{className:"crow:shrink-0 crow:flex-1",children:[p,e.jsx(_,{className:"crow:mt-6 crow:mb-4",type:"horizontal"}),!!v?.image&&e.jsx(U,{}),e.jsx(D,{color:"error",variant:"secondary",rightIcon:e.jsx(P,{}),isFullWidth:!0,onClick:m,...d,children:o?"خروج":""})]})]})})})};module.exports=J;

package/dist/Sidebar/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AASrD,OAAO,KAAK,EAAE,YAAY,EAAkC,MAAM,SAAS,CAAC;AAK5E,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA4G7B,CAAC;AAEF,eAAe,OAAO,CAAC;AACvB,cAAc,SAAS,CAAC"}