crowui-pr 1.1.0

package/dist/Sidebar/index.mjs

@@ -0,0 +1,408 @@
+"use client";
+import { jsxs as w, jsx as e } from "react/jsx-runtime";
+import { c as n } from "../clsx-OuTLNxxd.js";
+import { createContext as L, useContext as P, useState as E, useRef as H, useEffect as C, useCallback as V, Fragment as B } from "react";
+import { i as z } from "../isBrowser-Bkqg1t1y.js";
+import { d as W } from "../debounce-COFLRSUi.js";
+import { I as F } from "../IconSearch-aShj2vmu.js";
+import I from "../Badge/index.mjs";
+import { I as K } from "../index-1uytR4Ez.js";
+import '../assets/styles.css';/* empty css                 */
+import { A as G, a as U } from "../AccordionItem-BIMhzGxk.js";
+import R from "../Divider/index.mjs";
+import { I as T } from "../IconArrowLeft2-cxcPyDqS.js";
+import $ from "../Button/index.mjs";
+const q = (r) => /* @__PURE__ */ w(
+  "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",
+          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"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "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"
+        }
+      )
+    ]
+  }
+), x = "crow:duration-300", k = "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", A = "crow:opacity-40 crow:pointer-events-none", j = "crow:!bg-primary-50 crow:text-primary-600", O = `${j} 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`, M = L({
+  isOpen: !1,
+  setIsOpen: () => {
+  }
+}), v = () => P(M), S = (r) => n(
+  "crow:transition-opacity crow:whitespace-pre crow:overflow-hidden",
+  r ? "crow:opacity-100" : "crow:opacity-0",
+  x
+);
+function _(r, o) {
+  return /* @__PURE__ */ w(
+    "div",
+    {
+      className: n(
+        "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,
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: n(
+              "crow:font-p2-regular crow:line-clamp-1 crow:!transition-[width,opacity]",
+              o ? "crow:w-full" : "crow:w-0",
+              S
+            ),
+            children: r.title
+          }
+        ),
+        r.badgeCount && /* @__PURE__ */ e(
+          I,
+          {
+            className: n("crow:shrink-0", {
+              "crow:!absolute crow:top-0 crow:left-0": !o
+            }),
+            value: r.badgeCount,
+            valueType: "number",
+            color: "error",
+            size: "small"
+          }
+        )
+      ]
+    }
+  );
+}
+function D(r, o) {
+  return r.map((t) => {
+    if ("children" in t && t.children) {
+      const a = D(t.children, o);
+      if (a.length > 0)
+        return { ...t, children: a };
+    }
+    return t.title.includes(o) ? { ...t } : null;
+  }).filter((t) => !!t);
+}
+const J = (r) => {
+  const { value: o, onChange: t } = r, { isOpen: a, searchInput: i } = v();
+  return /* @__PURE__ */ e(
+    K,
+    {
+      value: o,
+      onChange: t,
+      rightIcon: /* @__PURE__ */ e(F, {}),
+      placeholder: "جستجو",
+      ...typeof i == "boolean" ? {} : i,
+      wrapperClassName: n(
+        "crow:mb-8 crow:sticky crow:top-0 crow:bg-surface crow:z-10 crow:px-4",
+        S(a),
+        typeof i == "object" && i.wrapperClassName,
+        x
+      )
+    }
+  );
+}, Q = {
+  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"
+}, X = {
+  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 Y(r) {
+  let o = null;
+  return r.some((t) => t.children?.some((a) => a.children?.some((i) => i.active) ? (o = a, !0) : !1)), o;
+}
+const Z = () => {
+  const { isOpen: r, searchInput: o = !0, items: t, itemSize: a = "comfortable" } = v(), [i, h] = E(""), [m, y] = E(t ?? []), d = Y(m), g = X[a], f = H(t ?? []);
+  C(() => {
+    f.current = t ?? [];
+  }, [t]);
+  const p = V(
+    W((s) => {
+      y(D(f.current, s));
+    }, 800),
+    []
+  );
+  function N(s) {
+    const u = s.target.value;
+    h(u), p(u);
+  }
+  function b() {
+    h(""), y(t ?? []);
+  }
+  return C(() => {
+    i && b();
+  }, [r]), /* @__PURE__ */ w("div", { className: "crow:overflow-y-auto crow:overflow-x-hidden crow:-mx-4 crow:h-3/4 crow:no-scrollbar", children: [
+    !!o && /* @__PURE__ */ e(
+      J,
+      {
+        value: i,
+        onChange: N
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "crow:space-y-6 crow:px-4", children: m.map((s, u) => /* @__PURE__ */ w(B, { children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: n("crow:font-p2-regular crow:text-gray-400", S(r)),
+          children: s.title
+        }
+      ),
+      /* @__PURE__ */ e(
+        G,
+        {
+          defaultActiveKey: d ? d.link || d.title : void 0,
+          className: "crow:mt-4 crow:space-y-2",
+          children: s.children?.map(
+            (c) => c.link ? /* @__PURE__ */ e(
+              "a",
+              {
+                href: c.link,
+                className: n(
+                  "crow:pr-3",
+                  c.disabled && A,
+                  c.active && O,
+                  r ? "crow:pl-9" : "crow:pl-3",
+                  g.secondLevel,
+                  k
+                ),
+                children: _(c, r)
+              },
+              c.link
+            ) : /* @__PURE__ */ e(
+              U,
+              {
+                accordionKey: c.link ?? c.title,
+                className: n("crow:!p-0", c.disabled && A),
+                title: _(c, r),
+                hideDivider: !0,
+                hideArrow: !r || c.disabled,
+                disable: !r || c.disabled,
+                titleClassName: n(
+                  "crow:[&_>div:first-child]:flex-1 crow:[&_>div:first-child]:pl-1",
+                  r ? "crow:px-3" : "crow:!justify-center",
+                  g.secondLevel,
+                  (d?.link && d?.link === c.link || d?.title === c.title) && O,
+                  k
+                ),
+                children: c.children?.map((l) => /* @__PURE__ */ w(
+                  "a",
+                  {
+                    href: l.link,
+                    className: n(
+                      "crow:flex crow:justify-between crow:pl-9 crow:pr-11 crow:mt-1 crow:first:mt-0",
+                      g.thirdLevel,
+                      l.disabled && A,
+                      l.active && j,
+                      k
+                    ),
+                    children: [
+                      /* @__PURE__ */ e("p", { children: l.title }),
+                      l.badgeCount && /* @__PURE__ */ e(
+                        I,
+                        {
+                          valueType: "number",
+                          value: l.badgeCount,
+                          color: "error",
+                          type: "twoTone",
+                          size: "small"
+                        }
+                      )
+                    ]
+                  },
+                  l.link
+                ))
+              },
+              c.link ?? c.title
+            )
+          )
+        }
+      ),
+      u !== m.length - 1 && /* @__PURE__ */ e(R, { type: "horizontal" })
+    ] }, s.title)) })
+  ] });
+}, rr = () => {
+  const { isOpen: r, logo: o } = v();
+  return /* @__PURE__ */ e("div", { className: "crow:flex crow:justify-center crow:items-center crow:mb-8", children: /* @__PURE__ */ e(
+    "img",
+    {
+      ...o,
+      alt: o?.alt ?? "Logo",
+      src: r ? o?.open : o?.close,
+      className: n("crow:h-12 crow:w-full", o?.className)
+    }
+  ) });
+}, or = () => {
+  const { userProfile: r, isOpen: o } = v();
+  return /* @__PURE__ */ w(
+    "a",
+    {
+      href: r?.link ?? "#",
+      className: n("crow:mb-8 crow:flex crow:flex-col crow:justify-center crow:items-center", {
+        "crow:pointer-events-none": !r?.link
+      }),
+      children: [
+        /* @__PURE__ */ e(
+          "img",
+          {
+            src: r?.image,
+            alt: r?.name ?? "user_avatar",
+            className: n(
+              "crow:rounded-full crow:shrink-0",
+              o ? "crow:size-20" : "crow:size-12"
+            )
+          }
+        ),
+        /* @__PURE__ */ w("div", { className: n("crow:mt-2 crow:w-full crow:relative", S(o)), children: [
+          /* @__PURE__ */ e("p", { className: "crow:font-p3-medium crow:text-gray-700 crow:text-center", children: r?.name }),
+          /* @__PURE__ */ e("p", { className: "crow:font-p3-regular crow:text-gray-400 crow:text-center", children: r?.description }),
+          r?.link && /* @__PURE__ */ e(T, { 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" })
+        ] })
+      ]
+    }
+  );
+}, er = () => {
+  const { isOpen: r, setIsOpen: o, position: t = "right" } = v(), a = t === "left", i = a ? !r : r;
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      className: n(
+        "crow:absolute crow:top-7 crow:p-1 crow:rounded-lg crow:border crow:border-gray-300 crow:bg-surface",
+        a ? "crow:right-0 crow:translate-x-1/2" : "crow:left-0 crow:-translate-x-1/2"
+      ),
+      onClick: () => o(!r),
+      children: /* @__PURE__ */ e(
+        T,
+        {
+          className: n(
+            "crow:transition-transform crow:text-primary-500",
+            i && "crow:rotate-180",
+            x
+          ),
+          width: 16,
+          height: 16
+        }
+      )
+    }
+  );
+}, mr = (r) => {
+  const {
+    isOpen: o,
+    setIsOpen: t,
+    className: a,
+    logo: i,
+    items: h,
+    extraComponent: m,
+    userProfile: y,
+    logOutButtonProps: d,
+    onLogout: g,
+    showMask: f,
+    hideOnClose: p,
+    variant: N = "filled",
+    position: b = "right"
+  } = r, s = r.openOnHover, u = f ? "div" : B;
+  return C(() => {
+    if (p || !z()) return;
+    const c = document?.documentElement, l = b === "left" ? "crow:pl-[80px]" : "crow:pr-[80px]";
+    return c.classList.add(l), () => {
+      c.classList.remove(l);
+    };
+  }, [p, b]), C(() => {
+    if (!f || !z()) return;
+    const c = document?.documentElement, l = "crow:overflow-hidden";
+    return o ? c.classList.add(l) : c.classList.remove(l), () => {
+      c.classList.remove(l);
+    };
+  }, [f, o]), /* @__PURE__ */ e(M.Provider, { value: r, children: /* @__PURE__ */ e(
+    u,
+    {
+      ...u === "div" ? {
+        className: n(
+          "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",
+          x
+        ),
+        onClick: (c) => {
+          c.target === c.currentTarget && t(!1);
+        }
+      } : {},
+      children: /* @__PURE__ */ w(
+        "div",
+        {
+          className: n(
+            a,
+            "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]",
+            b === "left" ? "crow:left-0" : "crow:right-0",
+            Q[N],
+            {
+              "crow:w-[280px] crow:max-w-full": o,
+              "crow:w-[80px] crow:max-w-[80px]": !o && !p,
+              "crow:w-0 crow:opacity-0": !o && p
+            },
+            x
+          ),
+          onMouseEnter: () => {
+            s && !o && t(!0);
+          },
+          onMouseLeave: () => {
+            s && o && t(!1);
+          },
+          children: [
+            /* @__PURE__ */ e(er, {}),
+            !!(i?.open ?? i?.close) && /* @__PURE__ */ e(rr, {}),
+            h && h.length > 0 && /* @__PURE__ */ e(Z, {}),
+            /* @__PURE__ */ w("div", { className: "crow:shrink-0 crow:flex-1", children: [
+              m,
+              /* @__PURE__ */ e(
+                R,
+                {
+                  className: "crow:mt-6 crow:mb-4",
+                  type: "horizontal"
+                }
+              ),
+              !!y?.image && /* @__PURE__ */ e(or, {}),
+              /* @__PURE__ */ e(
+                $,
+                {
+                  color: "error",
+                  variant: "secondary",
+                  rightIcon: /* @__PURE__ */ e(q, {}),
+                  isFullWidth: !0,
+                  onClick: g,
+                  ...d,
+                  children: o ? "خروج" : ""
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+};
+export {
+  mr as default
+};

package/dist/Sidebar/types.d.ts

@@ -0,0 +1,78 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+import { InputProps } from '../Form/Input';
+export interface ThirdLevelSidebarItem {
+    title: string;
+    link: string;
+    badgeCount?: number;
+    disabled?: boolean;
+    active?: boolean;
+}
+export interface SecondLevelSidebarItem {
+    title: string;
+    icon: ReactNode;
+    link?: string;
+    badgeCount?: number;
+    disabled?: boolean;
+    active?: boolean;
+    children?: ThirdLevelSidebarItem[];
+}
+export interface FirstLevelSidebarItem {
+    title: string;
+    children?: SecondLevelSidebarItem[];
+}
+interface SidebarPropsBase {
+    /** Whether the sidebar panel is expanded. */
+    isOpen: boolean;
+    /** Called to toggle the open state (passed to open/close controls). */
+    setIsOpen: (isOpen: boolean) => void;
+    /** Logo images for expanded (`open`) and collapsed (`close`) states, plus optional img attributes. */
+    logo?: {
+        /** Image `src` used when the sidebar is expanded. */
+        open: string;
+        /** Image `src` used when the sidebar is collapsed. */
+        close: string;
+    } & Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'src'>;
+    /** Pass `true` for a default search input, or `InputProps` to customise it. @default false */
+    searchInput?: boolean | Omit<InputProps, 'value' | 'onChange'>;
+    /** Navigation item tree rendered in the sidebar body. */
+    items?: FirstLevelSidebarItem[];
+    /** Additional content rendered below the navigation items. */
+    extraComponent?: ReactNode;
+    /** User profile block shown at the bottom of the sidebar. */
+    userProfile?: {
+        /** Avatar image URL. */
+        image: string;
+        /** Display name. */
+        name?: string;
+        /** Secondary line (role, email, etc.). */
+        description?: string;
+        /** If provided, the profile block becomes a link. */
+        link?: string;
+    };
+    /** Called when the logout button is clicked. Renders the logout button when provided. */
+    onLogout?: () => void;
+    /** Extra props forwarded to the logout Button (excluding `onClick`). */
+    logOutButtonProps?: Omit<ButtonProps, 'onClick'>;
+    /** Extra class names on the sidebar panel. */
+    className?: string;
+    hideOnClose?: boolean;
+    /** Shows a backdrop overlay when the sidebar is open (useful on mobile). @default false */
+    showMask?: boolean;
+    /** Visual style of the sidebar panel. @default 'filled' */
+    variant?: 'filled' | 'bordered' | 'ghost';
+    /** Which edge of the viewport the sidebar is anchored to. @default 'right' */
+    position?: 'left' | 'right';
+    /** Controls the spacing/height density of navigation items. @default 'comfortable' */
+    itemSize?: 'compact' | 'comfortable';
+}
+export interface SidebarPropsWithHideOnClose {
+    hideOnClose: true;
+}
+export interface SidebarPropsWithoutHideOnClose {
+    hideOnClose?: false;
+    openOnHover?: boolean;
+}
+export type SidebarProps = SidebarPropsBase & (SidebarPropsWithHideOnClose | SidebarPropsWithoutHideOnClose);
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/types.ts"],"names":[],"mappings":"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"}

package/dist/Sidebar/utils.d.ts

@@ -0,0 +1,7 @@
+import { FirstLevelSidebarItem, SecondLevelSidebarItem, SidebarProps, ThirdLevelSidebarItem } from './types';
+export declare const showItemsClass: (isOpen: SidebarProps["isOpen"]) => string;
+export declare function getSecondLevelItemContent(item: SecondLevelSidebarItem, isOpen: SidebarProps['isOpen']): import("react").JSX.Element;
+type ItemsUnionType = FirstLevelSidebarItem | SecondLevelSidebarItem | ThirdLevelSidebarItem;
+export declare function searchItems(items: ItemsUnionType[], searchValue: string): ItemsUnionType[];
+export {};
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,YAAY,EACZ,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,cAAc,GAAI,QAAQ,YAAY,CAAC,QAAQ,CAAC,WAK1D,CAAC;AAEJ,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,sBAAsB,EAC5B,MAAM,EAAE,YAAY,CAAC,QAAQ,CAAC,+BAgC/B;AAED,KAAK,cAAc,GAAG,qBAAqB,GAAG,sBAAsB,GAAG,qBAAqB,CAAC;AAC7F,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,WAAW,EAAE,MAAM,GAAG,cAAc,EAAE,CAiB1F"}

package/dist/Sidebar/variants.d.ts

@@ -0,0 +1,7 @@
+import { SidebarProps } from './types';
+export declare const sidebarVariantStyle: Record<Required<SidebarProps>['variant'], string>;
+export declare const sidebarItemSizeStyle: Record<Required<SidebarProps>['itemSize'], {
+    secondLevel: string;
+    thirdLevel: string;
+}>;
+//# sourceMappingURL=variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,EAAE,MAAM,CAIjF,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,QAAQ,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,EAClC;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAU5C,CAAC"}

package/dist/Skeleton/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("../clsx-C11secjj.cjs"),x="crow:bg-gray-200 crow:dark:bg-gray-700",s=({width:e,height:o,variant:c="block",animate:a=!0,className:l})=>{const w={width:typeof e=="number"?`${e}px`:e,height:typeof o=="number"?`${o}px`:o};return r.jsx("div",{"aria-hidden":"true",role:"presentation",style:w,className:n.clsx(x,a&&"crow:animate-pulse",c==="circle"&&"crow:rounded-full",c==="block"&&"crow:rounded-md",c==="line"&&"crow:rounded crow:h-4 crow:w-full",l)})},t=({lines:e=3,animate:o=!0,className:c})=>r.jsx("div",{className:n.clsx("crow:flex crow:flex-col crow:gap-2",c),children:Array.from({length:e}).map((a,l)=>r.jsx(s,{variant:"line",animate:o,width:l===e-1?"60%":"100%"},l))}),d=({size:e=40,animate:o=!0,className:c})=>r.jsx(s,{variant:"circle",width:e,height:e,animate:o,className:c}),i=({animate:e=!0,className:o})=>r.jsxs("div",{className:n.clsx("crow:flex crow:flex-col crow:gap-3 crow:p-4 crow:rounded-xl crow:border crow:border-gray-200",o),children:[r.jsx(s,{variant:"block",height:160,animate:e,className:"crow:w-full"}),r.jsxs("div",{className:"crow:flex crow:items-center crow:gap-3",children:[r.jsx(d,{size:36,animate:e}),r.jsx(t,{lines:2,animate:e,className:"crow:flex-1"})]}),r.jsx(t,{lines:3,animate:e})]});exports.Skeleton=s;exports.SkeletonAvatar=d;exports.SkeletonCard=i;exports.SkeletonText=t;

package/dist/Skeleton/index.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import { SkeletonProps } from './types';
+export type { SkeletonProps } from './types';
+export declare const Skeleton: FC<SkeletonProps>;
+export declare const SkeletonText: FC<{
+    lines?: number;
+    animate?: boolean;
+    className?: string;
+}>;
+export declare const SkeletonAvatar: FC<{
+    size?: number;
+    animate?: boolean;
+    className?: string;
+}>;
+export declare const SkeletonCard: FC<{
+    animate?: boolean;
+    className?: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Skeleton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7C,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA2BtC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAetF,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAYvF,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAgCtE,CAAC"}

package/dist/Skeleton/index.mjs

@@ -0,0 +1,107 @@
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { c as t } from "../clsx-OuTLNxxd.js";
+const i = "crow:bg-gray-200 crow:dark:bg-gray-700", s = ({
+  width: r,
+  height: e,
+  variant: c = "block",
+  animate: a = !0,
+  className: l
+}) => {
+  const d = {
+    width: typeof r == "number" ? `${r}px` : r,
+    height: typeof e == "number" ? `${e}px` : e
+  };
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "aria-hidden": "true",
+      role: "presentation",
+      style: d,
+      className: t(
+        i,
+        a && "crow:animate-pulse",
+        c === "circle" && "crow:rounded-full",
+        c === "block" && "crow:rounded-md",
+        c === "line" && "crow:rounded crow:h-4 crow:w-full",
+        l
+      )
+    }
+  );
+}, w = ({
+  lines: r = 3,
+  animate: e = !0,
+  className: c
+}) => /* @__PURE__ */ o("div", { className: t("crow:flex crow:flex-col crow:gap-2", c), children: Array.from({ length: r }).map((a, l) => /* @__PURE__ */ o(
+  s,
+  {
+    variant: "line",
+    animate: e,
+    width: l === r - 1 ? "60%" : "100%"
+  },
+  l
+)) }), u = ({
+  size: r = 40,
+  animate: e = !0,
+  className: c
+}) => /* @__PURE__ */ o(
+  s,
+  {
+    variant: "circle",
+    width: r,
+    height: r,
+    animate: e,
+    className: c
+  }
+), p = ({
+  animate: r = !0,
+  className: e
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: t(
+      "crow:flex crow:flex-col crow:gap-3 crow:p-4 crow:rounded-xl crow:border crow:border-gray-200",
+      e
+    ),
+    children: [
+      /* @__PURE__ */ o(
+        s,
+        {
+          variant: "block",
+          height: 160,
+          animate: r,
+          className: "crow:w-full"
+        }
+      ),
+      /* @__PURE__ */ n("div", { className: "crow:flex crow:items-center crow:gap-3", children: [
+        /* @__PURE__ */ o(
+          u,
+          {
+            size: 36,
+            animate: r
+          }
+        ),
+        /* @__PURE__ */ o(
+          w,
+          {
+            lines: 2,
+            animate: r,
+            className: "crow:flex-1"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o(
+        w,
+        {
+          lines: 3,
+          animate: r
+        }
+      )
+    ]
+  }
+);
+export {
+  s as Skeleton,
+  u as SkeletonAvatar,
+  p as SkeletonCard,
+  w as SkeletonText
+};

package/dist/Skeleton/types.d.ts

@@ -0,0 +1,13 @@
+export interface SkeletonProps {
+    /** Width of the skeleton (number = px, string = CSS value). */
+    width?: string | number;
+    /** Height of the skeleton (number = px, string = CSS value). */
+    height?: string | number;
+    /** Shape: full-width text `'line'`, rounded rectangle `'block'`, or circular `'circle'`. @default 'block' */
+    variant?: 'line' | 'block' | 'circle';
+    /** Enables the pulse animation. @default true */
+    animate?: boolean;
+    /** Extra class names on the skeleton element. */
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Skeleton/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,6GAA6G;IAC7G,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACtC,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}