crowui-pr 1.1.0

package/dist/ThemeProvider/types.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode, RefObject } from 'react';
+export type ColorMode = 'light' | 'dark' | 'system';
+export type ResolvedColorMode = 'light' | 'dark';
+export interface ThemeProviderProps {
+    children: ReactNode;
+    /** Controlled color mode. Omit to let the provider manage its own state. */
+    mode?: ColorMode;
+    /** Initial color mode when uncontrolled. Defaults to 'system'. */
+    defaultMode?: ColorMode;
+    onModeChange?: (mode: ResolvedColorMode) => void;
+    /** Sets a `data-brand` attribute on the target element, the hook future brand/preset CSS can key off. */
+    brand?: string;
+    /** localStorage key used to persist the resolved mode. Defaults to 'crow-theme-mode'. */
+    storageKey?: string;
+    /** Where the `.dark` class (and `data-brand` attribute) is applied. Defaults to `document.documentElement`. */
+    attachTo?: 'documentElement' | RefObject<HTMLElement | null>;
+}
+export interface ThemeContextValue {
+    mode: ResolvedColorMode;
+    setMode: (mode: ColorMode) => void;
+    brand?: string;
+    setBrand: (brand: string | undefined) => void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/ThemeProvider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AACpD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kEAAkE;IAClE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjD,yGAAyG;IACzG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yFAAyF;IACzF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+GAA+G;IAC/G,QAAQ,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC9D;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,iBAAiB,CAAC;IACxB,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC/C"}

package/dist/Toast/Toast.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ToastItem } from './types';
+interface Props {
+    toast: ToastItem;
+}
+declare const Toast: FC<Props>;
+export default Toast;
+//# sourceMappingURL=Toast.d.ts.map

package/dist/Toast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgBzC,UAAU,KAAK;IACb,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,KAAK,CAwCpB,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/Toast/ToastContainer.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ToastItem } from './types';
+interface Props {
+    toasts: ToastItem[];
+}
+declare const ToastContainer: FC<Props>;
+export default ToastContainer;
+//# sourceMappingURL=ToastContainer.d.ts.map

package/dist/Toast/ToastContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContainer.d.ts","sourceRoot":"","sources":["../../src/components/Toast/ToastContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,SAAS,EAAiB,MAAM,SAAS,CAAC;AAWxD,UAAU,KAAK;IACb,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB;AAED,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAmC7B,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/Toast/context.d.ts

@@ -0,0 +1,10 @@
+import { ToastItem, ToastOptions } from './types';
+export interface ToastContextValue {
+    toasts: ToastItem[];
+    add: (options: ToastOptions) => string;
+    remove: (id: string) => void;
+    clear: () => void;
+}
+export declare const ToastContext: import('react').Context<ToastContextValue | null>;
+export declare function useToast(): ToastContextValue;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/components/Toast/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,GAAG,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,MAAM,CAAC;IACvC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E,wBAAgB,QAAQ,IAAI,iBAAiB,CAI5C"}

package/dist/Toast/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),c=require("react"),m=require("../clsx-C11secjj.cjs"),g=require("react-dom"),x=c.createContext(null);function f(){const r=c.useContext(x);if(!r)throw new Error("useToast must be used inside <ToastProvider>");return r}const v={info:"crow:bg-primary-50 crow:border-primary-200 crow:text-primary-800",success:"crow:bg-success-50 crow:border-success-200 crow:text-success-800",warning:"crow:bg-warning-50 crow:border-warning-200 crow:text-warning-800",error:"crow:bg-error-50 crow:border-error-200 crow:text-error-800"},h={info:"ℹ",success:"✓",warning:"⚠",error:"✕"},T=({toast:r})=>{const{remove:s}=f(),e=c.useRef(null);return c.useEffect(()=>(r.duration>0&&(e.current=setTimeout(()=>s(r.id),r.duration)),()=>{e.current&&clearTimeout(e.current)}),[r.id,r.duration,s]),o.jsxs("div",{role:"alert","aria-live":"polite",className:m.clsx("crow:flex crow:items-start crow:gap-2 crow:px-4 crow:py-3","crow:rounded-lg crow:border crow:shadow-md crow:min-w-64 crow:max-w-sm","crow:font-p2-regular crow:animate-in crow:fade-in crow:slide-in-from-top-2",v[r.variant]),children:[o.jsx("span",{className:"crow:text-base crow:leading-none crow:mt-0.5","aria-hidden":"true",children:h[r.variant]}),o.jsx("span",{className:"crow:flex-1",children:r.message}),o.jsx("button",{onClick:()=>s(r.id),"aria-label":"Dismiss notification",className:"crow:ml-1 crow:opacity-60 crow:hover:opacity-100 crow:transition-opacity crow:text-current",children:"✕"})]})},j={"top-right":"crow:top-4 crow:right-4 crow:items-end","top-left":"crow:top-4 crow:left-4 crow:items-start","top-center":"crow:top-4 crow:left-1/2 crow:-translate-x-1/2 crow:items-center","bottom-right":"crow:bottom-4 crow:right-4 crow:items-end","bottom-left":"crow:bottom-4 crow:left-4 crow:items-start","bottom-center":"crow:bottom-4 crow:left-1/2 crow:-translate-x-1/2 crow:items-center"},y=({toasts:r})=>{if(typeof document>"u")return null;const s=r.reduce((e,t)=>(e[t.position]=[...e[t.position]??[],t],e),{});return g.createPortal(o.jsx(o.Fragment,{children:Object.entries(s).map(([e,t])=>o.jsx("div",{"aria-label":"Notifications",className:m.clsx("crow:fixed crow:z-50 crow:flex crow:flex-col crow:gap-2 crow:pointer-events-none",j[e]),children:t.map(n=>o.jsx("div",{className:"crow:pointer-events-auto",children:o.jsx(T,{toast:n})},n.id))},e))}),document.body)},N=({children:r,defaultPosition:s="top-right",defaultDuration:e=4e3})=>{const[t,n]=c.useState([]),l=c.useCallback(i=>{n(a=>a.filter(w=>w.id!==i))},[]),u=c.useCallback(i=>{const a=`toast-${Date.now()}-${Math.random().toString(36).slice(2)}`,w={id:a,message:i.message,variant:i.variant??"info",duration:i.duration??e,position:i.position??s};return n(p=>[...p,w]),a},[s,e]),d=c.useCallback(()=>n([]),[]),b=c.useMemo(()=>({toasts:t,add:u,remove:l,clear:d}),[t,u,l,d]);return o.jsxs(x.Provider,{value:b,children:[r,o.jsx(y,{toasts:t})]})};exports.default=N;exports.useToast=f;

package/dist/Toast/index.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from 'react';
+import { ToastOptions } from './types';
+export { useToast } from './context';
+export type { ToastOptions, ToastPosition, ToastVariant, ToastItem } from './types';
+interface Props {
+    children: ReactNode;
+    defaultPosition?: ToastOptions['position'];
+    defaultDuration?: number;
+}
+declare const ToastProvider: FC<Props>;
+export default ToastProvider;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Toast/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkC,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhF,OAAO,KAAK,EAAa,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpF,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CAqC5B,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/Toast/index.mjs

@@ -0,0 +1,122 @@
+"use client";
+import { jsxs as u, jsx as c, Fragment as x } from "react/jsx-runtime";
+import { useContext as h, createContext as v, useRef as T, useEffect as y, useState as N, useCallback as w, useMemo as C } from "react";
+import { c as f } from "../clsx-OuTLNxxd.js";
+import { createPortal as S } from "react-dom";
+const p = v(null);
+function P() {
+  const r = h(p);
+  if (!r) throw new Error("useToast must be used inside <ToastProvider>");
+  return r;
+}
+const E = {
+  info: "crow:bg-primary-50 crow:border-primary-200 crow:text-primary-800",
+  success: "crow:bg-success-50 crow:border-success-200 crow:text-success-800",
+  warning: "crow:bg-warning-50 crow:border-warning-200 crow:text-warning-800",
+  error: "crow:bg-error-50 crow:border-error-200 crow:text-error-800"
+}, I = {
+  info: "ℹ",
+  success: "✓",
+  warning: "⚠",
+  error: "✕"
+}, O = ({ toast: r }) => {
+  const { remove: t } = P(), o = T(null);
+  return y(() => (r.duration > 0 && (o.current = setTimeout(() => t(r.id), r.duration)), () => {
+    o.current && clearTimeout(o.current);
+  }), [r.id, r.duration, t]), /* @__PURE__ */ u(
+    "div",
+    {
+      role: "alert",
+      "aria-live": "polite",
+      className: f(
+        "crow:flex crow:items-start crow:gap-2 crow:px-4 crow:py-3",
+        "crow:rounded-lg crow:border crow:shadow-md crow:min-w-64 crow:max-w-sm",
+        "crow:font-p2-regular crow:animate-in crow:fade-in crow:slide-in-from-top-2",
+        E[r.variant]
+      ),
+      children: [
+        /* @__PURE__ */ c(
+          "span",
+          {
+            className: "crow:text-base crow:leading-none crow:mt-0.5",
+            "aria-hidden": "true",
+            children: I[r.variant]
+          }
+        ),
+        /* @__PURE__ */ c("span", { className: "crow:flex-1", children: r.message }),
+        /* @__PURE__ */ c(
+          "button",
+          {
+            onClick: () => t(r.id),
+            "aria-label": "Dismiss notification",
+            className: "crow:ml-1 crow:opacity-60 crow:hover:opacity-100 crow:transition-opacity crow:text-current",
+            children: "✕"
+          }
+        )
+      ]
+    }
+  );
+}, j = {
+  "top-right": "crow:top-4 crow:right-4 crow:items-end",
+  "top-left": "crow:top-4 crow:left-4 crow:items-start",
+  "top-center": "crow:top-4 crow:left-1/2 crow:-translate-x-1/2 crow:items-center",
+  "bottom-right": "crow:bottom-4 crow:right-4 crow:items-end",
+  "bottom-left": "crow:bottom-4 crow:left-4 crow:items-start",
+  "bottom-center": "crow:bottom-4 crow:left-1/2 crow:-translate-x-1/2 crow:items-center"
+}, R = ({ toasts: r }) => {
+  if (typeof document > "u") return null;
+  const t = r.reduce(
+    (o, e) => (o[e.position] = [...o[e.position] ?? [], e], o),
+    {}
+  );
+  return S(
+    /* @__PURE__ */ c(x, { children: Object.entries(t).map(([o, e]) => /* @__PURE__ */ c(
+      "div",
+      {
+        "aria-label": "Notifications",
+        className: f(
+          "crow:fixed crow:z-50 crow:flex crow:flex-col crow:gap-2 crow:pointer-events-none",
+          j[o]
+        ),
+        children: e.map((n) => /* @__PURE__ */ c(
+          "div",
+          {
+            className: "crow:pointer-events-auto",
+            children: /* @__PURE__ */ c(O, { toast: n })
+          },
+          n.id
+        ))
+      },
+      o
+    )) }),
+    document.body
+  );
+}, Y = ({
+  children: r,
+  defaultPosition: t = "top-right",
+  defaultDuration: o = 4e3
+}) => {
+  const [e, n] = N([]), l = w((i) => {
+    n((s) => s.filter((a) => a.id !== i));
+  }, []), m = w(
+    (i) => {
+      const s = `toast-${Date.now()}-${Math.random().toString(36).slice(2)}`, a = {
+        id: s,
+        message: i.message,
+        variant: i.variant ?? "info",
+        duration: i.duration ?? o,
+        position: i.position ?? t
+      };
+      return n((g) => [...g, a]), s;
+    },
+    [t, o]
+  ), d = w(() => n([]), []), b = C(() => ({ toasts: e, add: m, remove: l, clear: d }), [e, m, l, d]);
+  return /* @__PURE__ */ u(p.Provider, { value: b, children: [
+    r,
+    /* @__PURE__ */ c(R, { toasts: e })
+  ] });
+};
+export {
+  Y as default,
+  P as useToast
+};

package/dist/Toast/types.d.ts

@@ -0,0 +1,16 @@
+export type ToastVariant = 'info' | 'success' | 'warning' | 'error';
+export type ToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+export interface ToastOptions {
+    /** Text content of the toast notification. */
+    message: string;
+    /** Visual style conveying the notification type. @default 'info' */
+    variant?: ToastVariant;
+    /** Auto-dismiss delay in milliseconds. Uses `ToastProvider` default when omitted. */
+    duration?: number;
+    /** Screen corner where the toast appears. Uses `ToastProvider` default when omitted. */
+    position?: ToastPosition;
+}
+export interface ToastItem extends Required<ToastOptions> {
+    id: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Toast/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE,MAAM,MAAM,aAAa,GACrB,WAAW,GACX,UAAU,GACV,YAAY,GACZ,cAAc,GACd,aAAa,GACb,eAAe,CAAC;AAEpB,MAAM,WAAW,YAAY;IAC3B,8CAA8C;IAC9C,OAAO,EAAE,MAAM,CAAC;IAChB,oEAAoE;IACpE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,qFAAqF;IACrF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED,MAAM,WAAW,SAAU,SAAQ,QAAQ,CAAC,YAAY,CAAC;IACvD,EAAE,EAAE,MAAM,CAAC;CACZ"}

package/dist/Tooltip/Content.d.ts

@@ -0,0 +1,9 @@
+import { FC, RefObject } from 'react';
+import { TooltipProps } from '.';
+interface TooltipContentProps extends Pick<TooltipProps, 'content' | 'footer' | 'title' | 'icon' | 'className' | 'position' | 'size' | 'theme'> {
+    open: boolean;
+    ref: RefObject<HTMLDivElement | null>;
+}
+declare const TooltipContent: FC<TooltipContentProps>;
+export default TooltipContent;
+//# sourceMappingURL=Content.d.ts.map

package/dist/Tooltip/Content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip/Content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,CAAC;AAEtC,UAAU,mBACR,SAAQ,IAAI,CACV,YAAY,EACZ,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CACtF;IACD,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACvC;AA0DD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA4C3C,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/Tooltip/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";require('../assets/styles.css');const o=require("react/jsx-runtime"),i=require("../clsx-C11secjj.cjs"),g=require("react"),E=require("react-dom"),I=require("../useFlipPosition-BfF6YXxl.cjs"),T=require("../isBrowser-Bczqv-hd.cjs");;/* empty css                   */const L={bottom:"crow:right-4 crow:top-0 crow:-translate-y-1/2 crow:border-t crow:border-l crow:rounded-tl","bottom-right":"crow:left-4 crow:top-0 crow:-translate-y-1/2 crow:border-t crow:border-l crow:rounded-tl","bottom-center":"crow:left-1/2 crow:-translate-x-1/2 crow:top-0 crow:-translate-y-1/2 crow:border-t crow:border-l crow:rounded-tl","bottom-left":"crow:right-4 crow:top-0 crow:-translate-y-1/2 crow:border-t crow:border-l crow:rounded-tl",top:"crow:right-4 crow:bottom-0 crow:translate-y-1/2 crow:border-b crow:border-r crow:rounded-br","top-right":"crow:left-4 crow:bottom-0 crow:translate-y-1/2 crow:border-b crow:border-r crow:rounded-br","top-center":"crow:left-1/2 crow:-translate-x-1/2 crow:bottom-0 crow:translate-y-1/2 crow:border-b crow:border-r crow:rounded-br","top-left":"crow:right-4 crow:bottom-0 crow:translate-y-1/2 crow:border-b crow:border-r crow:rounded-br"},M={bottom:"crow:bottom-0 crow:translate-y-[calc(100%+8px)] crow:right-0","bottom-right":"crow:bottom-0 crow:translate-y-[calc(100%+8px)] crow:left-0","bottom-center":"crow:bottom-0 crow:translate-y-[calc(100%+8px)] crow:left-1/2 crow:-translate-x-1/2","bottom-left":"crow:bottom-0 crow:translate-y-[calc(100%+8px)] crow:right-0",top:"crow:top-0 crow:-translate-y-[calc(100%+8px)] crow:right-0","top-right":"crow:top-0 crow:-translate-y-[calc(100%+8px)] crow:left-0","top-center":"crow:top-0 crow:-translate-y-[calc(100%+8px)] crow:left-1/2 crow:-translate-x-1/2","top-left":"crow:top-0 crow:-translate-y-[calc(100%+8px)] crow:right-0"},O={small:"crow:p-2 crow:gap-1.5",medium:"crow:p-4 crow:gap-2",large:"crow:p-5 crow:gap-3"},B={small:"crow:font-p3-regular",medium:"crow:font-p2-regular",large:"crow:font-p1-regular"},R={dark:{container:"crow:bg-gray-700 crow:text-white crow:border-gray-300",tail:"crow:bg-gray-700 crow:border-gray-300"},light:{container:"crow:bg-surface crow:text-gray-800 crow:border-gray-200 crow:shadow-lg",tail:"crow:bg-surface crow:border-gray-200"}},k=d=>{const{content:p,footer:b,title:t,icon:c,className:u,position:e="top-center",open:w,ref:m,size:s="medium",theme:r="dark"}=d,n=R[r];return o.jsxs("div",{ref:m,className:i.clsx(u,"crow:absolute crow:flex crow:max-w-[400px] crow:rounded-lg crow:border crow:shadow-md crow:transition crow:duration-300 crow:w-max crow:z-50",O[s],n.container,w?"crow:opacity-100 crow:scale-100":"crow:opacity-0 crow:scale-0",M[e]),children:[c&&o.jsx("span",{className:"crow:shrink-0 crow:[&_svg]:size-5 crow:pt-1",children:c}),o.jsxs("div",{className:i.clsx("crow:flex crow:flex-col crow:gap-1",B[s]),children:[t&&o.jsx("div",{className:"crow:font-h5-bold",children:t}),p,b]}),o.jsx("div",{className:i.clsx("crow:w-4 crow:h-4 crow:absolute crow:rotate-45",n.tail,L[e])})]})},z=d=>{const{children:p,content:b,className:t,wrapperClassName:c,footer:u,icon:e,position:w="top-center",title:m,disabled:s,attachToBody:r,size:n="medium",theme:C="dark"}=d,[x,f]=g.useState(!1),[j,P]=g.useState(w),{anchorRef:h,popperRef:_}=I.useFlipPosition({initialPosition:w,onPositionChange(a){P(l=>l===a?l:a)}});function y(){s||f(!0)}function S(){f(!1)}const N=o.jsx(k,{ref:_,open:x,title:m,icon:e,footer:u,className:t,position:j,content:b,size:n,theme:C}),v=g.useMemo(()=>{if(!h.current||!r||!T.isBrowser())return{};const{top:a,left:l,width:A,height:q}=h.current.getBoundingClientRect();return{top:`${a+window?.scrollY}px`,left:`${l+window?.scrollX}px`,width:`${A}px`,height:`${q}px`}},[x,r]);return o.jsxs("div",{ref:h,className:i.clsx("crow:relative",c),onMouseEnter:y,onTouchStart:y,onMouseLeave:S,onTouchEnd:S,children:[p,r&&T.isBrowser()?E.createPortal(o.jsx("div",{className:"crow:absolute",style:{...v},children:N}),document?.body):N]})};module.exports=z;

package/dist/Tooltip/index.d.ts

@@ -0,0 +1,31 @@
+import { FC, ReactNode } from 'react';
+import { PopperPosition } from '../Form/Wrappers/PickerWrapper/type';
+export interface TooltipProps {
+    /** Preferred display position relative to the trigger. Auto-flips if there is insufficient space. @default 'top-center' */
+    position?: PopperPosition;
+    /** Bold heading inside the tooltip panel. */
+    title?: string;
+    /** Optional icon rendered beside the title. */
+    icon?: ReactNode;
+    /** Main tooltip body content (required). */
+    content: ReactNode;
+    /** Optional content rendered at the bottom of the tooltip panel. */
+    footer?: ReactNode;
+    /** Extra class names on the tooltip panel. */
+    className?: string;
+    /** Extra class names on the trigger wrapper element. */
+    wrapperClassName?: string;
+    /** Trigger element the tooltip is anchored to. */
+    children: ReactNode;
+    /** When true, the tooltip never shows. @default false */
+    disabled?: boolean;
+    /** Portals the tooltip panel to `document.body` to escape overflow:hidden parents. @default false */
+    attachToBody?: boolean;
+    /** Controls panel padding and font size. @default 'medium' */
+    size?: 'small' | 'medium' | 'large';
+    /** Dark or light color scheme for the panel. @default 'dark' */
+    theme?: 'dark' | 'light';
+}
+declare const Tooltip: FC<TooltipProps>;
+export default Tooltip;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMnE,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAE1E,MAAM,WAAW,YAAY;IAC3B,2HAA2H;IAC3H,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4CAA4C;IAC5C,OAAO,EAAE,SAAS,CAAC;IACnB,oEAAoE;IACpE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kDAAkD;IAClD,QAAQ,EAAE,SAAS,CAAC;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qGAAqG;IACrG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAqF7B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/Tooltip/index.mjs

@@ -0,0 +1,169 @@
+"use client";
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import { c as i } from "../clsx-OuTLNxxd.js";
+import { useState as T, useMemo as M } from "react";
+import { createPortal as O } from "react-dom";
+import { u as k } from "../useFlipPosition-B1mqg_YA.js";
+import { i as C } from "../isBrowser-Bkqg1t1y.js";
+import '../assets/styles.css';/* empty css                 */
+const z = {
+  bottom: "crow:right-4 crow:top-0 crow:-translate-y-1/2 crow:border-t crow:border-l crow:rounded-tl",
+  "bottom-right": "crow:left-4 crow:top-0 crow:-translate-y-1/2 crow:border-t crow:border-l crow:rounded-tl",
+  "bottom-center": "crow:left-1/2 crow:-translate-x-1/2 crow:top-0 crow:-translate-y-1/2 crow:border-t crow:border-l crow:rounded-tl",
+  "bottom-left": "crow:right-4 crow:top-0 crow:-translate-y-1/2 crow:border-t crow:border-l crow:rounded-tl",
+  top: "crow:right-4 crow:bottom-0 crow:translate-y-1/2 crow:border-b crow:border-r crow:rounded-br",
+  "top-right": "crow:left-4 crow:bottom-0 crow:translate-y-1/2 crow:border-b crow:border-r crow:rounded-br",
+  "top-center": "crow:left-1/2 crow:-translate-x-1/2 crow:bottom-0 crow:translate-y-1/2 crow:border-b crow:border-r crow:rounded-br",
+  "top-left": "crow:right-4 crow:bottom-0 crow:translate-y-1/2 crow:border-b crow:border-r crow:rounded-br"
+}, $ = {
+  bottom: "crow:bottom-0 crow:translate-y-[calc(100%+8px)] crow:right-0",
+  "bottom-right": "crow:bottom-0 crow:translate-y-[calc(100%+8px)] crow:left-0",
+  "bottom-center": "crow:bottom-0 crow:translate-y-[calc(100%+8px)] crow:left-1/2 crow:-translate-x-1/2",
+  "bottom-left": "crow:bottom-0 crow:translate-y-[calc(100%+8px)] crow:right-0",
+  top: "crow:top-0 crow:-translate-y-[calc(100%+8px)] crow:right-0",
+  "top-right": "crow:top-0 crow:-translate-y-[calc(100%+8px)] crow:left-0",
+  "top-center": "crow:top-0 crow:-translate-y-[calc(100%+8px)] crow:left-1/2 crow:-translate-x-1/2",
+  "top-left": "crow:top-0 crow:-translate-y-[calc(100%+8px)] crow:right-0"
+}, B = {
+  small: "crow:p-2 crow:gap-1.5",
+  medium: "crow:p-4 crow:gap-2",
+  large: "crow:p-5 crow:gap-3"
+}, R = {
+  small: "crow:font-p3-regular",
+  medium: "crow:font-p2-regular",
+  large: "crow:font-p1-regular"
+}, j = {
+  dark: {
+    container: "crow:bg-gray-700 crow:text-white crow:border-gray-300",
+    tail: "crow:bg-gray-700 crow:border-gray-300"
+  },
+  light: {
+    container: "crow:bg-surface crow:text-gray-800 crow:border-gray-200 crow:shadow-lg",
+    tail: "crow:bg-surface crow:border-gray-200"
+  }
+}, F = (d) => {
+  const {
+    content: p,
+    footer: m,
+    title: t,
+    icon: c,
+    className: b,
+    position: e = "top-center",
+    open: w,
+    ref: u,
+    size: a = "medium",
+    theme: o = "dark"
+  } = d, n = j[o];
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      ref: u,
+      className: i(
+        b,
+        "crow:absolute crow:flex crow:max-w-[400px] crow:rounded-lg crow:border crow:shadow-md crow:transition crow:duration-300 crow:w-max crow:z-50",
+        B[a],
+        n.container,
+        w ? "crow:opacity-100 crow:scale-100" : "crow:opacity-0 crow:scale-0",
+        $[e]
+      ),
+      children: [
+        c && /* @__PURE__ */ r("span", { className: "crow:shrink-0 crow:[&_svg]:size-5 crow:pt-1", children: c }),
+        /* @__PURE__ */ h("div", { className: i("crow:flex crow:flex-col crow:gap-1", R[a]), children: [
+          t && /* @__PURE__ */ r("div", { className: "crow:font-h5-bold", children: t }),
+          p,
+          m
+        ] }),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: i(
+              "crow:w-4 crow:h-4 crow:absolute crow:rotate-45",
+              n.tail,
+              z[e]
+            )
+          }
+        )
+      ]
+    }
+  );
+}, J = (d) => {
+  const {
+    children: p,
+    content: m,
+    className: t,
+    wrapperClassName: c,
+    footer: b,
+    icon: e,
+    position: w = "top-center",
+    title: u,
+    disabled: a,
+    attachToBody: o,
+    size: n = "medium",
+    theme: _ = "dark"
+  } = d, [g, y] = T(!1), [v, A] = T(w), { anchorRef: f, popperRef: P } = k({
+    initialPosition: w,
+    onPositionChange(l) {
+      A((s) => s === l ? s : l);
+    }
+  });
+  function x() {
+    a || y(!0);
+  }
+  function S() {
+    y(!1);
+  }
+  const N = /* @__PURE__ */ r(
+    F,
+    {
+      ref: P,
+      open: g,
+      title: u,
+      icon: e,
+      footer: b,
+      className: t,
+      position: v,
+      content: m,
+      size: n,
+      theme: _
+    }
+  ), E = M(() => {
+    if (!f.current || !o || !C()) return {};
+    const { top: l, left: s, width: I, height: L } = f.current.getBoundingClientRect();
+    return {
+      top: `${l + window?.scrollY}px`,
+      left: `${s + window?.scrollX}px`,
+      width: `${I}px`,
+      height: `${L}px`
+    };
+  }, [g, o]);
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      ref: f,
+      className: i("crow:relative", c),
+      onMouseEnter: x,
+      onTouchStart: x,
+      onMouseLeave: S,
+      onTouchEnd: S,
+      children: [
+        p,
+        o && C() ? O(
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: "crow:absolute",
+              style: {
+                ...E
+              },
+              children: N
+            }
+          ),
+          document?.body
+        ) : N
+      ]
+    }
+  );
+};
+export {
+  J as default
+};

package/dist/Tree/constants.d.ts

@@ -0,0 +1,5 @@
+/** Horizontal indentation (in pixels) added per nesting depth level. */
+export declare const TREE_INDENT_PX = 20;
+/** Depth context default value (root level). */
+export declare const ROOT_DEPTH = 0;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/components/Tree/constants.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,gDAAgD;AAChD,eAAO,MAAM,UAAU,IAAI,CAAC"}

package/dist/Tree/context.d.ts

@@ -0,0 +1,7 @@
+import { TreeContextValue } from './types';
+export declare const treeContext: import('react').Context<TreeContextValue>;
+export declare const useTreeContext: () => TreeContextValue;
+/** Tracks how deeply nested the current `TreeNode` is, for indentation. */
+export declare const treeDepthContext: import('react').Context<number>;
+export declare const useTreeDepth: () => number;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/components/Tree/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,WAAW,2CAGtB,CAAC;AAEH,eAAO,MAAM,cAAc,wBAAgC,CAAC;AAE5D,2EAA2E;AAC3E,eAAO,MAAM,gBAAgB,iCAAoC,CAAC;AAElE,eAAO,MAAM,YAAY,cAAqC,CAAC"}

package/dist/Tree/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/styles.css');const e=require("react/jsx-runtime");;/* empty css                   */const o=require("../clsx-C11secjj.cjs"),r=require("react"),E=require("../IconArrowDown2-C1dLVveG.cjs"),I=20,K=0,g=r.createContext({selectedKey:null,selectNode:()=>{}}),D=()=>r.useContext(g),j=r.createContext(K),q=()=>r.useContext(j),P=a=>{const{children:n,className:i,selectable:t=!1,defaultSelectedKey:d,onSelect:w}=a,[c,u]=r.useState(d??null);function x(l){t&&(u(l),w?.(l))}return e.jsx("div",{role:"tree",className:o.clsx("crow:flex crow:flex-col crow:font-p1-regular crow:text-gray-600",i),children:e.jsx(g.Provider,{value:{selectedKey:t?c:null,selectNode:x},children:n})})},_=a=>{const{children:n,label:i,icon:t,nodeKey:d,defaultExpanded:w=!1,disabled:c=!1,className:u,labelClassName:x,contentClassName:l}=a,{selectedKey:v,selectNode:C}=D(),p=q(),b=r.useId(),f=d??b,s=r.Children.toArray(n).some(m=>r.isValidElement(m)),[h,T]=r.useState(w),y=v===f,N=`${f}-content`;function S(){c||(s&&T(m=>!m),C(f))}return e.jsxs("div",{role:"treeitem","aria-expanded":s?h:void 0,"aria-disabled":c,"aria-selected":y,className:o.clsx("crow:flex crow:flex-col",u),children:[e.jsxs("button",{type:"button",onClick:S,disabled:c,"aria-controls":s?N:void 0,style:{paddingInlineStart:p*I},className:o.clsx("crow:flex crow:items-center crow:gap-1.5 crow:w-full crow:py-1.5 crow:pr-2 crow:rounded-md crow:transition-colors crow:duration-150 crow:text-start",c?"crow:opacity-50 crow:cursor-not-allowed crow:text-gray-400":o.clsx("crow:cursor-pointer crow:hover:bg-gray-50",y?"crow:bg-primary-50 crow:text-primary-600":"crow:text-gray-600")),children:[e.jsx("span",{className:"crow:flex crow:items-center crow:justify-center crow:w-4 crow:h-4 crow:shrink-0",children:s&&e.jsx(E.IconArrowDown2,{className:o.clsx("crow:transition-transform crow:duration-300 crow:w-3.5 crow:h-3.5",h&&"crow:rotate-180"),"aria-hidden":"true"})}),t&&e.jsx("span",{className:"crow:flex crow:items-center crow:justify-center crow:w-4 crow:h-4 crow:shrink-0",children:t}),e.jsx("span",{className:o.clsx("crow:truncate",x),children:i})]}),s&&e.jsx("div",{id:N,role:"group",className:o.clsx("crow:grid crow:overflow-hidden crow:transition-all crow:duration-300 crow:ease-in-out",h?"crow:grid-rows-[1fr] crow:opacity-100":"crow:grid-rows-[0fr] crow:opacity-0",l),children:e.jsx("div",{className:"crow:overflow-hidden",children:e.jsx(j.Provider,{value:p+1,children:n})})})]})};exports.TreeNode=_;exports.default=P;

package/dist/Tree/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tree/index.tsx"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAG1B,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAExD,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAyBvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAwFzD,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/Tree/index.mjs

@@ -0,0 +1,108 @@
+"use client";
+import { jsxs as N, jsx as e } from "react/jsx-runtime";
+import '../assets/styles.css';/* empty css                 */
+import { c as r } from "../clsx-OuTLNxxd.js";
+import { useContext as g, createContext as v, useId as j, Children as P, isValidElement as _, useState as C } from "react";
+import { I as k } from "../IconArrowDown2-7ddwV5IE.js";
+const A = 20, O = 0, b = v({
+  selectedKey: null,
+  selectNode: () => {
+  }
+}), R = () => g(b), T = v(O), H = () => g(T), z = (a) => {
+  const { children: s, className: l, selectable: t = !1, defaultSelectedKey: i, onSelect: d } = a, [o, w] = C(i ?? null);
+  function u(n) {
+    t && (w(n), d?.(n));
+  }
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      role: "tree",
+      className: r("crow:flex crow:flex-col crow:font-p1-regular crow:text-gray-600", l),
+      children: /* @__PURE__ */ e(
+        b.Provider,
+        {
+          value: {
+            selectedKey: t ? o : null,
+            selectNode: u
+          },
+          children: s
+        }
+      )
+    }
+  );
+}, B = (a) => {
+  const {
+    children: s,
+    label: l,
+    icon: t,
+    nodeKey: i,
+    defaultExpanded: d = !1,
+    disabled: o = !1,
+    className: w,
+    labelClassName: u,
+    contentClassName: n
+  } = a, { selectedKey: E, selectNode: I } = R(), h = H(), K = j(), m = i ?? K, c = P.toArray(s).some((p) => _(p)), [f, S] = C(d), x = E === m, y = `${m}-content`;
+  function D() {
+    o || (c && S((p) => !p), I(m));
+  }
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      role: "treeitem",
+      "aria-expanded": c ? f : void 0,
+      "aria-disabled": o,
+      "aria-selected": x,
+      className: r("crow:flex crow:flex-col", w),
+      children: [
+        /* @__PURE__ */ N(
+          "button",
+          {
+            type: "button",
+            onClick: D,
+            disabled: o,
+            "aria-controls": c ? y : void 0,
+            style: { paddingInlineStart: h * A },
+            className: r(
+              "crow:flex crow:items-center crow:gap-1.5 crow:w-full crow:py-1.5 crow:pr-2 crow:rounded-md crow:transition-colors crow:duration-150 crow:text-start",
+              o ? "crow:opacity-50 crow:cursor-not-allowed crow:text-gray-400" : r(
+                "crow:cursor-pointer crow:hover:bg-gray-50",
+                x ? "crow:bg-primary-50 crow:text-primary-600" : "crow:text-gray-600"
+              )
+            ),
+            children: [
+              /* @__PURE__ */ e("span", { className: "crow:flex crow:items-center crow:justify-center crow:w-4 crow:h-4 crow:shrink-0", children: c && /* @__PURE__ */ e(
+                k,
+                {
+                  className: r(
+                    "crow:transition-transform crow:duration-300 crow:w-3.5 crow:h-3.5",
+                    f && "crow:rotate-180"
+                  ),
+                  "aria-hidden": "true"
+                }
+              ) }),
+              t && /* @__PURE__ */ e("span", { className: "crow:flex crow:items-center crow:justify-center crow:w-4 crow:h-4 crow:shrink-0", children: t }),
+              /* @__PURE__ */ e("span", { className: r("crow:truncate", u), children: l })
+            ]
+          }
+        ),
+        c && /* @__PURE__ */ e(
+          "div",
+          {
+            id: y,
+            role: "group",
+            className: r(
+              "crow:grid crow:overflow-hidden crow:transition-all crow:duration-300 crow:ease-in-out",
+              f ? "crow:grid-rows-[1fr] crow:opacity-100" : "crow:grid-rows-[0fr] crow:opacity-0",
+              n
+            ),
+            children: /* @__PURE__ */ e("div", { className: "crow:overflow-hidden", children: /* @__PURE__ */ e(T.Provider, { value: h + 1, children: s }) })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  B as TreeNode,
+  z as default
+};