crowui-pr 1.1.0

package/dist/Table/types.d.ts

@@ -0,0 +1,104 @@
+import { ReactNode } from 'react';
+import { DeepNamePath } from '../../utils/types/deepNamePath';
+import { SelectProps } from '../Form/Select/types';
+import { PaginationProps } from '../Pagination';
+import { TooltipProps } from '../Tooltip';
+type NonTypeSafeDataIndex = string | string[];
+type TypeSafeDataIndex<T> = keyof T | DeepNamePath<T>;
+type DataIndexPath<T> = [keyof T] extends [never] ? NonTypeSafeDataIndex : TypeSafeDataIndex<T>;
+export type UnknownRecord = Record<string, unknown>;
+export type SortValues = 'ascend' | 'descend';
+interface ColumnsTypeBase<T> {
+    title?: string;
+    align?: 'start' | 'center' | 'end';
+    className?: string;
+    tooltip?: Omit<TooltipProps, 'children'> & {
+        anchorIcon?: ReactNode;
+    };
+    sticky?: 'left' | 'right';
+    ellipsis?: boolean | {
+        hideTooltip?: boolean;
+    };
+    render?: (record: T, index: number) => ReactNode;
+    sort?: {
+        /** Current sort direction for this column. Pass `null`/omit for "not sorted". */
+        active?: SortValues | null;
+        /**
+         * Called with the next sort direction. Clicking the sort icon cycles
+         * `ascend` -> `descend` -> `null` (not sorted) -> `ascend` ...
+         */
+        onSort: (value: SortValues | null) => void;
+    };
+    /**
+     * Optional column filter slot. Render any filter UI (e.g. a text input) here;
+     * the column itself stays presentation-only — filtering logic lives in the consumer.
+     */
+    filter?: ReactNode;
+}
+interface ColumnsTypeWithKey<T> {
+    key: string;
+    dataIndex?: DataIndexPath<T>;
+}
+interface ColumnsTypeWithDataIndex<T> {
+    key?: string;
+    dataIndex: DataIndexPath<T>;
+}
+export type ColumnsType<T extends UnknownRecord = UnknownRecord> = ColumnsTypeBase<T> & (ColumnsTypeWithKey<T> | ColumnsTypeWithDataIndex<T>);
+export interface PageCountSelectorProps {
+    options: SelectProps<number>['options'];
+    defaultValue?: number;
+    onPageCountChange?: (value: number) => void;
+    selectProps?: Omit<SelectProps<number>, 'options' | 'value' | 'onChange' | 'mode' | 'customInput' | 'dropdownType' | 'drawerProps' | 'optionsTitle' | 'separateSelectedOptions'>;
+}
+export interface TableHeaderProps {
+    /** Heading text displayed above the table. */
+    title?: string;
+    /** Shows the total row count next to the title. @default false */
+    showTotal?: boolean;
+    /** Extra content rendered in the header's trailing area. */
+    extraElement?: ReactNode;
+    /** Extra class names on the header bar. */
+    className?: string;
+    /** Inline page-size selector configuration. */
+    pageCountSelector?: PageCountSelectorProps;
+}
+export interface RowSelectionProps<T> extends Pick<ColumnsType, 'align' | 'sticky' | 'className'> {
+    /** Called when a row's checkbox is toggled. Receives the event, the row key(s), and the row record. */
+    onSelectRow: (e: React.ChangeEvent<HTMLInputElement>, key: string | string[], record?: T) => void;
+    /** Array of currently selected row keys. */
+    selectedRowKeys: string[];
+}
+export interface TableProps<T extends UnknownRecord = UnknownRecord> {
+    /** Array of row data objects. */
+    data: T[];
+    /** Column definitions controlling headers, data access, and rendering. */
+    columns: ColumnsType<T>[];
+    /** Property on each row object used as the unique row key. */
+    rowKey: [keyof T] extends [never] ? string : keyof T;
+    /** Returns extra class names for a given row. */
+    getRowClassName?: (record: T) => string | undefined;
+    /** Optional table header bar configuration. */
+    header?: TableHeaderProps;
+    /** Keeps the `<thead>` visible while scrolling the table body. @default false */
+    stickyTableHeader?: boolean;
+    /** Enables row checkboxes for multi-selection. */
+    rowSelection?: RowSelectionProps<T>;
+    /** Pagination bar configuration. Omit to hide pagination. */
+    pagination?: PaginationProps;
+    /** Extra class names on the outermost wrapper. */
+    wrapperClassName?: string;
+    /** Extra class names on the scrollable container. */
+    containerClassName?: string;
+    /** Extra class names on the `<table>` element. */
+    className?: string;
+    /** Pass `true` for a default spinner overlay, or `{ size }` to customise the spinner size. @default false */
+    loading?: boolean | {
+        size: number;
+    };
+    /** Content shown when `data` is empty. */
+    emptyContent?: ReactNode;
+    /** CSS `table-layout` value. @default 'auto' */
+    layout?: 'fixed' | 'auto';
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

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

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

package/dist/Table/utils.d.ts

@@ -0,0 +1,10 @@
+import { ColumnsType, SortValues, TableProps, UnknownRecord } from './types';
+import { CheckboxProps } from '../Form/Checkbox';
+/** Cycles a column's sort state: ascend -> descend -> none (null) -> ascend ... */
+export declare function getNextSortValue(active: SortValues | null): SortValues | null;
+export declare function getAlingmentClass(align: ColumnsType['align']): "crow:justify-end" | "crow:justify-center" | "crow:justify-start" | undefined;
+export declare function getColumnKey(key: ColumnsType['key'], dataIndex: ColumnsType<UnknownRecord>['dataIndex']): string | undefined;
+export declare function isSelectionAvailable<T extends UnknownRecord>(rowSelection: TableProps<T>['rowSelection']): boolean;
+export declare function renderRowSelectCheckbox(alingment: ColumnsType['align'], checkboxProps?: CheckboxProps): import("react").JSX.Element;
+export declare function getStickyClass(sticky: ColumnsType['sticky'], addBeforeBorderTop?: boolean): string | undefined;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/components/Table/utils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAClF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,mFAAmF;AACnF,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,GAAG,UAAU,GAAG,IAAI,CAI7E;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,iFAW5D;AAED,wBAAgB,YAAY,CAC1B,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,EACvB,SAAS,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,sBAQnD;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,aAAa,EAC1D,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,WAM5C;AAED,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,EAC/B,aAAa,CAAC,EAAE,aAAa,+BAY9B;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,EAAE,OAAO,sBAezF"}

package/dist/Tabs/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";require('../assets/styles.css');const c=require("react/jsx-runtime"),n=require("../clsx-C11secjj.cjs"),y=require("react"),m=require("../Badge/index.cjs");;/* empty css                   */const N=g=>{const{activeKey:a,onChange:i,items:f,className:b,tabItemClassName:x,fullWidth:w,variant:s="underline",orientation:h="horizontal"}=g,u=g.fullWidthButtons,o=h==="vertical",l=f.filter(r=>!r.disabled),p=y.useRef(new Map),[d,v]=y.useState(null);y.useEffect(()=>{if(s!=="underline")return;const r=p.current.get(a);r&&v(o?{start:r.offsetTop,size:r.offsetHeight}:{start:r.offsetLeft,size:r.offsetWidth})},[a,s,o,f]);const k=y.useCallback(r=>{const e=l.findIndex(t=>t.key===a);if(r.key==="ArrowRight"||r.key==="ArrowDown"){r.preventDefault();const t=l[(e+1)%l.length];t&&i(t.key)}else if(r.key==="ArrowLeft"||r.key==="ArrowUp"){r.preventDefault();const t=l[(e-1+l.length)%l.length];t&&i(t.key)}else if(r.key==="Home")r.preventDefault(),l[0]&&i(l[0].key);else if(r.key==="End"){r.preventDefault();const t=l[l.length-1];t&&i(t.key)}},[a,l,i]),j=n.clsx("crow:flex",s==="underline"&&"crow:relative",o?"crow:flex-col":"crow:flex-row",s==="underline"&&!o&&"crow:border-b crow:border-gray-200 crow:border-solid",s==="underline"&&o&&"crow:border-r crow:border-gray-200 crow:border-solid",s==="pills"&&"crow:gap-1 crow:p-1 crow:bg-gray-100 crow:rounded-xl",s==="card"&&!o&&"crow:border-b crow:border-gray-200 crow:border-solid",s==="card"&&o&&"crow:border-r crow:border-gray-200 crow:border-solid",w&&!o?"crow:w-full":o?"":"crow:w-fit",b);return c.jsxs("div",{role:"tablist",onKeyDown:k,className:j,children:[f.map(r=>{const e=a===r.key;return s==="pills"?c.jsxs("button",{type:"button",role:"tab","aria-selected":e,tabIndex:e?0:-1,onClick:()=>!r.disabled&&i(r.key),disabled:r.disabled,className:n.clsx("crow:flex crow:items-center crow:gap-2 crow:px-4 crow:py-2 crow:rounded-lg crow:transition crow:font-p2-medium",{"crow:bg-surface crow:shadow-sm crow:text-primary-600":e,"crow:text-gray-500 crow:hover:text-gray-700":!e,"crow:cursor-not-allowed crow:opacity-40":r.disabled,"crow:flex-1 crow:justify-center":w&&u},x),children:[r.icon&&c.jsx("span",{children:r.icon}),c.jsx("span",{children:r.title}),typeof r.badgeNumber=="number"&&c.jsx(m,{valueType:"number",value:r.badgeNumber,size:"small",color:e?"primary":"gray",className:n.clsx({"crow:opacity-60":!e})})]},r.key):s==="card"?c.jsxs("button",{type:"button",role:"tab","aria-selected":e,tabIndex:e?0:-1,onClick:()=>!r.disabled&&i(r.key),disabled:r.disabled,className:n.clsx("crow:flex crow:items-center crow:gap-2 crow:px-4 crow:py-2.5 crow:border crow:border-solid crow:transition crow:font-p2-medium crow:-mb-px",o&&"crow:-mr-px crow:mb-0",{"crow:bg-surface crow:border-gray-200 crow:border-b-surface crow:text-primary-600":e&&!o,"crow:bg-surface crow:border-gray-200 crow:border-r-surface crow:text-primary-600":e&&o,"crow:bg-gray-50 crow:border-transparent crow:text-gray-500 crow:hover:text-gray-700 crow:hover:bg-gray-100":!e,"crow:cursor-not-allowed crow:opacity-40":r.disabled,"crow:flex-1 crow:justify-center":w&&u,"crow:rounded-t":!o,"crow:rounded-l":o},x),children:[r.icon&&c.jsx("span",{children:r.icon}),c.jsx("span",{children:r.title}),typeof r.badgeNumber=="number"&&c.jsx(m,{valueType:"number",value:r.badgeNumber,size:"small",color:e?"primary":"gray",className:n.clsx({"crow:opacity-60":!e})})]},r.key):c.jsxs("button",{ref:t=>{t?p.current.set(r.key,t):p.current.delete(r.key)},type:"button",role:"tab","aria-selected":e,tabIndex:e?0:-1,onClick:()=>!r.disabled&&i(r.key),disabled:r.disabled,className:n.clsx("crow:group crow:flex",o?"crow:flex-row-reverse":"crow:flex-col",{"crow:flex-1":w&&u}),children:[c.jsxs("div",{className:n.clsx("crow:flex crow:items-center crow:space-x-2 crow:px-3 crow:py-4 crow:transition-colors crow:duration-300 crow:ease-in-out",{"crow:text-primary-500":e,"crow:text-gray-500 crow:group-hover:text-gray-600":!e,"crow:cursor-not-allowed crow:opacity-40":r.disabled,"crow:justify-center":w&&u},x),children:[r.icon?c.jsx("div",{className:n.clsx("crow:transition-colors crow:duration-300 crow:ease-in-out",{"crow:text-gray-400 crow:group-hover:text-gray-500":!e}),children:r.icon}):null,c.jsx("div",{children:r.title}),typeof r.badgeNumber=="number"&&c.jsx(m,{valueType:"number",value:r.badgeNumber,size:"small",className:n.clsx({"crow:opacity-60":!e,"crow:!opacity-100":r.disabled}),color:e?"primary":"gray"})]}),c.jsx("div",{className:n.clsx("crow:transition-opacity crow:duration-300 crow:rounded-t",{"crow:w-full crow:h-1":!o,"crow:h-full crow:w-1 crow:rounded-l crow:rounded-tr-none":o,"crow:bg-gray-300 crow:opacity-0 crow:group-hover:opacity-100":!e&&!r.disabled})})]},r.key)}),s==="underline"&&d&&c.jsx("div",{"aria-hidden":"true",className:n.clsx("crow:absolute crow:bg-primary-500 crow:rounded-t crow:transition-[transform,width,height] crow:duration-300 crow:ease-in-out",o?"crow:left-0 crow:top-0 crow:w-1 crow:rounded-l crow:rounded-tr-none":"crow:left-0 crow:bottom-0 crow:h-1"),style:o?{transform:`translateY(${d.start}px)`,height:d.size}:{transform:`translateX(${d.start}px)`,width:d.size}})]})};module.exports=N;

package/dist/Tabs/index.d.ts

@@ -0,0 +1,29 @@
+import { FC, ReactNode } from 'react';
+interface ITabItem {
+    key: string | number;
+    title: string;
+    icon?: ReactNode;
+    badgeNumber?: number;
+    disabled?: boolean;
+}
+interface TabsPropsBase {
+    activeKey: ITabItem['key'];
+    onChange: (key: ITabItem['key']) => void;
+    items: ITabItem[];
+    className?: string;
+    tabItemClassName?: string;
+    fullWidth?: boolean;
+    variant?: 'underline' | 'pills' | 'card';
+    orientation?: 'horizontal' | 'vertical';
+}
+interface TabsPropsFullWidth extends TabsPropsBase {
+    fullWidth: true;
+    fullWidthButtons?: boolean;
+}
+interface TabsPropsAutoWidth extends Omit<TabsPropsBase, 'fullWidthButtons'> {
+    fullWidth?: false;
+}
+type TabsProps = TabsPropsFullWidth | TabsPropsAutoWidth;
+declare const Tabs: FC<TabsProps>;
+export default Tabs;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAKL,KAAK,EAAE,EAEP,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,kBAAkB,CAAC;AAE1B,UAAU,QAAQ;IAChB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,aAAa;IACrB,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3B,QAAQ,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACzC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;IACzC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC;AAED,UAAU,kBAAmB,SAAQ,aAAa;IAChD,SAAS,EAAE,IAAI,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,UAAU,kBAAmB,SAAQ,IAAI,CAAC,aAAa,EAAE,kBAAkB,CAAC;IAC1E,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB;AAED,KAAK,SAAS,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AAEzD,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA0PvB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/Tabs/index.mjs

@@ -0,0 +1,232 @@
+"use client";
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
+import { c as l } from "../clsx-OuTLNxxd.js";
+import { useRef as z, useState as I, useEffect as C, useCallback as D } from "react";
+import g from "../Badge/index.mjs";
+import '../assets/styles.css';/* empty css                 */
+const E = (b) => {
+  const {
+    activeKey: s,
+    onChange: a,
+    items: f,
+    className: x,
+    tabItemClassName: p,
+    fullWidth: w,
+    variant: t = "underline",
+    orientation: h = "horizontal"
+  } = b, y = b.fullWidthButtons, o = h === "vertical", i = f.filter((r) => !r.disabled), m = z(/* @__PURE__ */ new Map()), [d, v] = I(null);
+  C(() => {
+    if (t !== "underline") return;
+    const r = m.current.get(s);
+    r && v(
+      o ? { start: r.offsetTop, size: r.offsetHeight } : { start: r.offsetLeft, size: r.offsetWidth }
+    );
+  }, [s, t, o, f]);
+  const k = D(
+    (r) => {
+      const e = i.findIndex((c) => c.key === s);
+      if (r.key === "ArrowRight" || r.key === "ArrowDown") {
+        r.preventDefault();
+        const c = i[(e + 1) % i.length];
+        c && a(c.key);
+      } else if (r.key === "ArrowLeft" || r.key === "ArrowUp") {
+        r.preventDefault();
+        const c = i[(e - 1 + i.length) % i.length];
+        c && a(c.key);
+      } else if (r.key === "Home")
+        r.preventDefault(), i[0] && a(i[0].key);
+      else if (r.key === "End") {
+        r.preventDefault();
+        const c = i[i.length - 1];
+        c && a(c.key);
+      }
+    },
+    [s, i, a]
+  ), N = l(
+    "crow:flex",
+    t === "underline" && "crow:relative",
+    o ? "crow:flex-col" : "crow:flex-row",
+    t === "underline" && !o && "crow:border-b crow:border-gray-200 crow:border-solid",
+    t === "underline" && o && "crow:border-r crow:border-gray-200 crow:border-solid",
+    t === "pills" && "crow:gap-1 crow:p-1 crow:bg-gray-100 crow:rounded-xl",
+    t === "card" && !o && "crow:border-b crow:border-gray-200 crow:border-solid",
+    t === "card" && o && "crow:border-r crow:border-gray-200 crow:border-solid",
+    w && !o ? "crow:w-full" : o ? "" : "crow:w-fit",
+    x
+  );
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      role: "tablist",
+      onKeyDown: k,
+      className: N,
+      children: [
+        f.map((r) => {
+          const e = s === r.key;
+          return t === "pills" ? /* @__PURE__ */ u(
+            "button",
+            {
+              type: "button",
+              role: "tab",
+              "aria-selected": e,
+              tabIndex: e ? 0 : -1,
+              onClick: () => !r.disabled && a(r.key),
+              disabled: r.disabled,
+              className: l(
+                "crow:flex crow:items-center crow:gap-2 crow:px-4 crow:py-2 crow:rounded-lg crow:transition crow:font-p2-medium",
+                {
+                  "crow:bg-surface crow:shadow-sm crow:text-primary-600": e,
+                  "crow:text-gray-500 crow:hover:text-gray-700": !e,
+                  "crow:cursor-not-allowed crow:opacity-40": r.disabled,
+                  "crow:flex-1 crow:justify-center": w && y
+                },
+                p
+              ),
+              children: [
+                r.icon && /* @__PURE__ */ n("span", { children: r.icon }),
+                /* @__PURE__ */ n("span", { children: r.title }),
+                typeof r.badgeNumber == "number" && /* @__PURE__ */ n(
+                  g,
+                  {
+                    valueType: "number",
+                    value: r.badgeNumber,
+                    size: "small",
+                    color: e ? "primary" : "gray",
+                    className: l({ "crow:opacity-60": !e })
+                  }
+                )
+              ]
+            },
+            r.key
+          ) : t === "card" ? /* @__PURE__ */ u(
+            "button",
+            {
+              type: "button",
+              role: "tab",
+              "aria-selected": e,
+              tabIndex: e ? 0 : -1,
+              onClick: () => !r.disabled && a(r.key),
+              disabled: r.disabled,
+              className: l(
+                "crow:flex crow:items-center crow:gap-2 crow:px-4 crow:py-2.5 crow:border crow:border-solid crow:transition crow:font-p2-medium crow:-mb-px",
+                o && "crow:-mr-px crow:mb-0",
+                {
+                  "crow:bg-surface crow:border-gray-200 crow:border-b-surface crow:text-primary-600": e && !o,
+                  "crow:bg-surface crow:border-gray-200 crow:border-r-surface crow:text-primary-600": e && o,
+                  "crow:bg-gray-50 crow:border-transparent crow:text-gray-500 crow:hover:text-gray-700 crow:hover:bg-gray-100": !e,
+                  "crow:cursor-not-allowed crow:opacity-40": r.disabled,
+                  "crow:flex-1 crow:justify-center": w && y,
+                  "crow:rounded-t": !o,
+                  "crow:rounded-l": o
+                },
+                p
+              ),
+              children: [
+                r.icon && /* @__PURE__ */ n("span", { children: r.icon }),
+                /* @__PURE__ */ n("span", { children: r.title }),
+                typeof r.badgeNumber == "number" && /* @__PURE__ */ n(
+                  g,
+                  {
+                    valueType: "number",
+                    value: r.badgeNumber,
+                    size: "small",
+                    color: e ? "primary" : "gray",
+                    className: l({ "crow:opacity-60": !e })
+                  }
+                )
+              ]
+            },
+            r.key
+          ) : /* @__PURE__ */ u(
+            "button",
+            {
+              ref: (c) => {
+                c ? m.current.set(r.key, c) : m.current.delete(r.key);
+              },
+              type: "button",
+              role: "tab",
+              "aria-selected": e,
+              tabIndex: e ? 0 : -1,
+              onClick: () => !r.disabled && a(r.key),
+              disabled: r.disabled,
+              className: l(
+                "crow:group crow:flex",
+                o ? "crow:flex-row-reverse" : "crow:flex-col",
+                {
+                  "crow:flex-1": w && y
+                }
+              ),
+              children: [
+                /* @__PURE__ */ u(
+                  "div",
+                  {
+                    className: l(
+                      "crow:flex crow:items-center crow:space-x-2 crow:px-3 crow:py-4 crow:transition-colors crow:duration-300 crow:ease-in-out",
+                      {
+                        "crow:text-primary-500": e,
+                        "crow:text-gray-500 crow:group-hover:text-gray-600": !e,
+                        "crow:cursor-not-allowed crow:opacity-40": r.disabled,
+                        "crow:justify-center": w && y
+                      },
+                      p
+                    ),
+                    children: [
+                      r.icon ? /* @__PURE__ */ n(
+                        "div",
+                        {
+                          className: l("crow:transition-colors crow:duration-300 crow:ease-in-out", {
+                            "crow:text-gray-400 crow:group-hover:text-gray-500": !e
+                          }),
+                          children: r.icon
+                        }
+                      ) : null,
+                      /* @__PURE__ */ n("div", { children: r.title }),
+                      typeof r.badgeNumber == "number" && /* @__PURE__ */ n(
+                        g,
+                        {
+                          valueType: "number",
+                          value: r.badgeNumber,
+                          size: "small",
+                          className: l({
+                            "crow:opacity-60": !e,
+                            "crow:!opacity-100": r.disabled
+                          }),
+                          color: e ? "primary" : "gray"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: l("crow:transition-opacity crow:duration-300 crow:rounded-t", {
+                      "crow:w-full crow:h-1": !o,
+                      "crow:h-full crow:w-1 crow:rounded-l crow:rounded-tr-none": o,
+                      "crow:bg-gray-300 crow:opacity-0 crow:group-hover:opacity-100": !e && !r.disabled
+                    })
+                  }
+                )
+              ]
+            },
+            r.key
+          );
+        }),
+        t === "underline" && d && /* @__PURE__ */ n(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: l(
+              "crow:absolute crow:bg-primary-500 crow:rounded-t crow:transition-[transform,width,height] crow:duration-300 crow:ease-in-out",
+              o ? "crow:left-0 crow:top-0 crow:w-1 crow:rounded-l crow:rounded-tr-none" : "crow:left-0 crow:bottom-0 crow:h-1"
+            ),
+            style: o ? { transform: `translateY(${d.start}px)`, height: d.size } : { transform: `translateX(${d.start}px)`, width: d.size }
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  E as default
+};

package/dist/TextFieldWrapper-BAK1sN1p.cjs

@@ -0,0 +1 @@
+"use client";"use strict";require('./assets/styles.css');const r=require("react/jsx-runtime"),g=require("./clsx-C11secjj.cjs"),C=require("react"),E=require("./FieldBottomInfo-C0Di4WWj.cjs");;/* empty css                  */const f=n=>{const{link:e,labelContent:o,required:a,disabled:c,labelAddon:t}=n;return r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:g.clsx("crow:flex",{"crow:justify-between":o&&e?.href,"crow:mb-2":!t,"crow:justify-start":o&&!e?.href,"crow:justify-end":!o&&e?.href,"crow:text-gray-400":c}),children:[o&&r.jsxs("label",{className:"crow:px-0 crow:font-p2-medium crow:md:mx-0",children:[o,a&&r.jsx("span",{className:"crow:ms-2 crow:text-error-500",children:"*"})]}),e?.href&&r.jsx("a",{href:e.href,className:"crow:font-button-small crow:text-primary-400",children:e.cnotent})]}),t]})},I={small:"crow:p-2",medium:"crow:p-3",large:"crow:p-4"},L=n=>{const{labelContent:e,link:o,containerClassName:a,rightIcon:c,isError:t,errorMessage:l,hintMessage:w,required:p,labelAddon:b,maxLength:i,disabled:s,value:j,wrapperClassName:d,showMaxLength:m,fieldSize:y="medium",children:v}=n,u=!!(l||w||i&&m),h=!!(e||o?.href),F=u||h||d?"div":C.Fragment,N=q=>{const x=q.currentTarget.querySelector("textarea, input");x&&x.focus()};return r.jsxs(F,{...d?{className:d}:{},children:[h&&r.jsx(f,{disabled:s,labelContent:e,link:o,required:p,labelAddon:b}),r.jsxs("div",{onClick:N,className:g.clsx(`crow:relative crow:cursor-text crow:border crow:border-solid crow:rounded-lg crow:ring-4 crow:flex crow:justify-between crow:gap-x-3 crow:bg-gray-100 crow:transition-all crow:ring-transparent crow:has-[:focus]:bg-white ${!s&&"crow:hover:ring-gray-50"}`,I[y],t||l?"crow:border-error-500 crow:has-[:focus]:ring-error-50":`crow:border-transparent crow:has-[:focus]:border-primary-500 crow:has-[:focus]:ring-primary-50 ${!s&&"crow:hover:border-gray-300"}`,a,{"crow:text-gray-400":s}),children:[c&&r.jsx("div",{className:"crow:text-gray-600",children:c}),v]}),u&&r.jsx(E.FieldBottomInfo,{disabled:s,errorMessage:l,hintMessage:w,extraHelper:i&&m&&r.jsxs("span",{className:"crow:ss02",children:[j?.toString()?.length??0,"/",i]})})]})};exports.FieldLabel=f;exports.TextFieldWrapper=L;

package/dist/TextFieldWrapper-ClTnwpWK.js

@@ -0,0 +1,112 @@
+"use client";
+import { jsxs as o, Fragment as E, jsx as t } from "react/jsx-runtime";
+import { c as g } from "./clsx-OuTLNxxd.js";
+import I from "react";
+import { F as j } from "./FieldBottomInfo-CA_chf0O.js";
+import './assets/styles.css';/* empty css                */
+const L = (s) => {
+  const { link: r, labelContent: e, required: l, disabled: n, labelAddon: a } = s;
+  return /* @__PURE__ */ o(E, { children: [
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: g("crow:flex", {
+          "crow:justify-between": e && r?.href,
+          "crow:mb-2": !a,
+          "crow:justify-start": e && !r?.href,
+          "crow:justify-end": !e && r?.href,
+          "crow:text-gray-400": n
+        }),
+        children: [
+          e && /* @__PURE__ */ o("label", { className: "crow:px-0 crow:font-p2-medium crow:md:mx-0", children: [
+            e,
+            l && /* @__PURE__ */ t("span", { className: "crow:ms-2 crow:text-error-500", children: "*" })
+          ] }),
+          r?.href && /* @__PURE__ */ t(
+            "a",
+            {
+              href: r.href,
+              className: "crow:font-button-small crow:text-primary-400",
+              children: r.cnotent
+            }
+          )
+        ]
+      }
+    ),
+    a
+  ] });
+}, S = {
+  small: "crow:p-2",
+  medium: "crow:p-3",
+  large: "crow:p-4"
+}, W = (s) => {
+  const {
+    labelContent: r,
+    link: e,
+    containerClassName: l,
+    rightIcon: n,
+    isError: a,
+    errorMessage: i,
+    hintMessage: m,
+    required: b,
+    labelAddon: x,
+    maxLength: d,
+    disabled: c,
+    value: y,
+    wrapperClassName: w,
+    showMaxLength: h,
+    fieldSize: v = "medium",
+    children: F
+  } = s, p = !!(i || m || d && h), u = !!(r || e?.href), N = p || u || w ? "div" : I.Fragment;
+  return /* @__PURE__ */ o(N, { ...w ? { className: w } : {}, children: [
+    u && /* @__PURE__ */ t(
+      L,
+      {
+        disabled: c,
+        labelContent: r,
+        link: e,
+        required: b,
+        labelAddon: x
+      }
+    ),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        onClick: (C) => {
+          const f = C.currentTarget.querySelector("textarea, input");
+          f && f.focus();
+        },
+        className: g(
+          `crow:relative crow:cursor-text crow:border crow:border-solid crow:rounded-lg crow:ring-4 crow:flex crow:justify-between crow:gap-x-3 crow:bg-gray-100 crow:transition-all crow:ring-transparent crow:has-[:focus]:bg-white ${!c && "crow:hover:ring-gray-50"}`,
+          S[v],
+          a || i ? "crow:border-error-500 crow:has-[:focus]:ring-error-50" : `crow:border-transparent crow:has-[:focus]:border-primary-500 crow:has-[:focus]:ring-primary-50 ${!c && "crow:hover:border-gray-300"}`,
+          l,
+          {
+            "crow:text-gray-400": c
+          }
+        ),
+        children: [
+          n && /* @__PURE__ */ t("div", { className: "crow:text-gray-600", children: n }),
+          F
+        ]
+      }
+    ),
+    p && /* @__PURE__ */ t(
+      j,
+      {
+        disabled: c,
+        errorMessage: i,
+        hintMessage: m,
+        extraHelper: d && h && /* @__PURE__ */ o("span", { className: "crow:ss02", children: [
+          y?.toString()?.length ?? 0,
+          "/",
+          d
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  L as F,
+  W as T
+};

package/dist/ThemeProvider/context.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/components/ThemeProvider/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,eAAO,MAAM,YAAY,4CAIvB,CAAC;AAEH,eAAO,MAAM,QAAQ,yBAAiC,CAAC"}

package/dist/ThemeProvider/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/styles.css');const A=require("react/jsx-runtime"),t=require("react");;/* empty css                   */const M=t.createContext({mode:"light",setMode:()=>{},setBrand:()=>{}}),B=()=>t.useContext(M),C="crow-theme-mode";function w(){return typeof window>"u"?"light":window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function L(n){if(typeof window>"u")return;const o=window.localStorage.getItem(n);return o==="light"||o==="dark"||o==="system"?o:void 0}function g(n){if(!(typeof document>"u"))return!n||n==="documentElement"?document.documentElement:n.current??void 0}const h=({children:n,mode:o,defaultMode:y="system",onModeChange:m,brand:u,storageKey:c=C,attachTo:i})=>{const[E,S]=t.useState(()=>L(c)??y),[s,a]=t.useState(u),r=o??E,k=t.useMemo(()=>r==="system"?w():r,[r]),[p,b]=t.useState(w);t.useEffect(()=>{if(r!=="system"||typeof window>"u")return;const e=window.matchMedia("(prefers-color-scheme: dark)"),v=()=>b(e.matches?"dark":"light");return e.addEventListener("change",v),()=>e.removeEventListener("change",v)},[r]);const d=r==="system"?p:k;t.useEffect(()=>{const e=g(i);e&&(e.classList.toggle("dark",d==="dark"),m?.(d))},[d,i,m]),t.useEffect(()=>{const e=g(i);e&&(s?e.setAttribute("data-brand",s):e.removeAttribute("data-brand"))},[s,i]),t.useEffect(()=>{a(u)},[u]);const f=t.useCallback(e=>{S(e),typeof window<"u"&&window.localStorage.setItem(c,e)},[c]),l=t.useCallback(e=>{a(e)},[]),x=t.useMemo(()=>({mode:d,setMode:f,brand:s,setBrand:l}),[d,f,s,l]);return A.jsx(M.Provider,{value:x,children:n})};exports.ThemeProvider=h;exports.default=h;exports.useTheme=B;

package/dist/ThemeProvider/index.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import { ThemeProviderProps } from './types';
+/**
+ * Optional sugar over the library's raw dark-mode mechanism: adding a
+ * `.dark` class to any ancestor element is sufficient on its own (that's
+ * exactly what this component does under the hood). Use ThemeProvider when
+ * you want React-managed system-preference detection, persistence, and a
+ * `useTheme()` hook for building a toggle UI.
+ *
+ * To avoid a flash of the wrong theme on first paint, set the `.dark` class
+ * (read from your own persisted storage) via an inline script in <head>
+ * before React hydrates - ThemeProvider can't run early enough to prevent it.
+ */
+export declare const ThemeProvider: FC<ThemeProviderProps>;
+export { useTheme } from './context';
+export type { ColorMode, ResolvedColorMode, ThemeProviderProps } from './types';
+export default ThemeProvider;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/ThemeProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,KAAK,EAAgC,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEhF,OAAO,kBAAkB,CAAC;AAqB1B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAoEhD,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAChF,eAAe,aAAa,CAAC"}

package/dist/ThemeProvider/index.mjs

@@ -0,0 +1,70 @@
+import { jsx as L } from "react/jsx-runtime";
+import { useContext as C, createContext as I, useState as u, useMemo as g, useEffect as i, useCallback as M } from "react";
+import '../assets/styles.css';/* empty css                 */
+const y = I({
+  mode: "light",
+  setMode: () => {
+  },
+  setBrand: () => {
+  }
+}), F = () => C(y), P = "crow-theme-mode";
+function h() {
+  return typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function U(t) {
+  if (typeof window > "u") return;
+  const n = window.localStorage.getItem(t);
+  return n === "light" || n === "dark" || n === "system" ? n : void 0;
+}
+function p(t) {
+  if (!(typeof document > "u"))
+    return !t || t === "documentElement" ? document.documentElement : t.current ?? void 0;
+}
+const G = ({
+  children: t,
+  mode: n,
+  defaultMode: k = "system",
+  onModeChange: a,
+  brand: c,
+  storageKey: m = P,
+  attachTo: s
+}) => {
+  const [E, S] = u(
+    () => U(m) ?? k
+  ), [r, f] = u(c), o = n ?? E, b = g(
+    () => o === "system" ? h() : o,
+    [o]
+  ), [x, A] = u(h);
+  i(() => {
+    if (o !== "system" || typeof window > "u") return;
+    const e = window.matchMedia("(prefers-color-scheme: dark)"), v = () => A(e.matches ? "dark" : "light");
+    return e.addEventListener("change", v), () => e.removeEventListener("change", v);
+  }, [o]);
+  const d = o === "system" ? x : b;
+  i(() => {
+    const e = p(s);
+    e && (e.classList.toggle("dark", d === "dark"), a?.(d));
+  }, [d, s, a]), i(() => {
+    const e = p(s);
+    e && (r ? e.setAttribute("data-brand", r) : e.removeAttribute("data-brand"));
+  }, [r, s]), i(() => {
+    f(c);
+  }, [c]);
+  const l = M(
+    (e) => {
+      S(e), typeof window < "u" && window.localStorage.setItem(m, e);
+    },
+    [m]
+  ), w = M((e) => {
+    f(e);
+  }, []), B = g(
+    () => ({ mode: d, setMode: l, brand: r, setBrand: w }),
+    [d, l, r, w]
+  );
+  return /* @__PURE__ */ L(y.Provider, { value: B, children: t });
+};
+export {
+  G as ThemeProvider,
+  G as default,
+  F as useTheme
+};