@vitnode/core 0.0.1-canary.0

package/dist/src/components/switchers/langs/language-switcher-content.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{CheckIcon,LanguagesIcon}from"lucide-react";import{useTranslations}from"use-intl";import{Button}from"../../ui/button.js";import{DropdownMenu,DropdownMenuContent,DropdownMenuItem,DropdownMenuTrigger}from"../../ui/dropdown-menu.js";export const LanguageSwitcherContent=({currentLocale,isPending,onSelect,options})=>{const t=useTranslations("core.global");return _jsxs(DropdownMenu,{children:[_jsx(DropdownMenuTrigger,{render:_jsx(Button,{"aria-label":t("language_switcher"),className:"relative",isLoading:isPending,size:"icon",variant:"ghost"}),children:_jsx(LanguagesIcon,{})}),_jsx(DropdownMenuContent,{children:options.map(option=>_jsxs(DropdownMenuItem,{disabled:!onSelect,onClick:()=>{onSelect?.(option.code)},children:[option.name,option.code===currentLocale&&_jsx(CheckIcon,{"aria-hidden":true,className:"ml-auto"})]},option.code))})]})};

package/dist/src/components/switchers/themes/theme-switcher.d.ts

@@ -0,0 +1,2 @@
+export declare const ThemeSwitcher: () => import("react").JSX.Element;
+//# sourceMappingURL=theme-switcher.d.ts.map

package/dist/src/components/switchers/themes/theme-switcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-switcher.d.ts","sourceRoot":"","sources":["../../../../../src/components/switchers/themes/theme-switcher.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,aAAa,mCAmBzB,CAAC"}

package/dist/src/components/switchers/themes/theme-switcher.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Moon,Sun}from"lucide-react";import{useTranslations}from"use-intl";import{useTheme}from"../../theme-provider.js";import{Button}from"../../ui/button.js";export const ThemeSwitcher=()=>{const{setTheme,resolvedTheme}=useTheme();const t=useTranslations("core.global");return _jsxs(Button,{"aria-label":t("theme_switcher"),className:"relative",onClick:()=>{const nextTheme=resolvedTheme==="dark"?"light":"dark";setTheme(nextTheme)},size:"icon",variant:"ghost",children:[_jsx(Sun,{className:"size-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90"}),_jsx(Moon,{className:"absolute size-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"})]})};

package/dist/src/components/table/content.d.ts

@@ -0,0 +1,3 @@
+import type { DataTableProps, DataTableTMin } from "./data-table-content";
+export declare function ContentDataTable<T extends DataTableTMin>({ bulkActions, columns, edges, pageInfo, order, customNoResults, search, searchPlaceholder, filters, ...props }: DataTableProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=content.d.ts.map

package/dist/src/components/table/content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../src/components/table/content.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGV,cAAc,EACd,aAAa,EACd,MAAM,sBAAsB,CAAC;AA8B9B,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,aAAa,EAAE,EACxD,WAAW,EACX,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,eAAe,EACf,MAAM,EACN,iBAAiB,EACjB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,CAAC,CAAC,+BAkInB"}

package/dist/src/components/table/content.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{SearchXIcon}from"lucide-react";import{cn}from"../../lib/utils.js";import{Table,TableBody,TableCell,TableHead,TableHeader,TableRow}from"../ui/table.js";import{FiltersDataTable}from"./filters.js";import{NoResultsDataTable}from"./no-results.js";import{OrderTableHeadDataTable}from"./order-table-head.js";import{PaginationDataTable}from"./pagination.js";import{SearchDataTable}from"./search.js";import{BulkActionsDataTable,RowSelectableDataTable,SelectAllDataTable,SelectionProviderDataTable,SelectRowDataTable}from"./selection.js";const alignClassName=align=>cn({"flex items-center justify-center gap-2":align==="center","flex items-center justify-end gap-2":align==="right"});export function ContentDataTable({bulkActions,columns,edges,pageInfo,order,customNoResults,search,searchPlaceholder,filters,...props}){const hasToolbar=Boolean(search)||Boolean(filters?.length);const allColumns=bulkActions?[{id:"select",header:_jsx(SelectAllDataTable,{}),className:"w-8",cell:({row})=>_jsx(SelectRowDataTable,{id:row.id})},...columns]:columns;const table=_jsxs("div",{className:"space-y-4",children:[hasToolbar&&_jsxs("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center",children:[search&&_jsx("div",{className:"flex-1",children:_jsx(SearchDataTable,{searchPlaceholder:searchPlaceholder})}),filters&&filters.length>0&&_jsx(FiltersDataTable,{filters:filters})]}),_jsx("div",{className:"[&>div]:rounded-md [&>div]:border",children:_jsxs(Table,{...props,children:[_jsx(TableHeader,{className:"bg-card",children:_jsx(TableRow,{children:allColumns.map(column=>{const columnKey=column.id??String(column.accessorKey);const isOrderable=column.accessorKey!=null&&Boolean(order.columns?.includes(column.accessorKey));return _jsx(TableHead,{className:cn(alignClassName(column.align),column.className),children:isOrderable&&column.accessorKey?_jsx(OrderTableHeadDataTable,{id:column.accessorKey,order:order,children:column.header}):column.header},columnKey)})})}),_jsx(TableBody,{children:edges.length?edges.map(row=>{const cells=allColumns.map(column=>{const columnKey=column.id??String(column.accessorKey);const content=column.cell?column.cell({allData:edges,row}):column.accessorKey!=null?String(row[column.accessorKey]):"";return _jsx(TableCell,{className:alignClassName(column.align),children:content},`${row.id}_${columnKey}`)});return bulkActions?_jsx(RowSelectableDataTable,{id:row.id,children:cells},row.id):_jsx(TableRow,{children:cells},row.id)}):_jsx(TableRow,{children:_jsx(TableCell,{className:"mx-auto max-w-sm p-4 text-center whitespace-normal sm:px-10 sm:py-12",colSpan:allColumns.length,children:_jsxs("div",{className:"[&>svg]:text-muted-foreground flex flex-col items-center justify-center gap-6 [&>svg]:size-16 [&>svg]:sm:size-24",children:[customNoResults?.icon??_jsx(SearchXIcon,{}),_jsxs("div",{className:"space-y-2 text-center",children:[_jsx(NoResultsDataTable,{description:customNoResults?.description,title:customNoResults?.title}),customNoResults?.footer]})]})})})})]})}),_jsx(PaginationDataTable,{pageInfo:pageInfo})]});if(!bulkActions){return table}return _jsxs(SelectionProviderDataTable,{rowIds:edges.map(row=>row.id),children:[table,_jsx(BulkActionsDataTable,{actions:bulkActions})]})}

package/dist/src/components/table/data-table-content.d.ts

@@ -0,0 +1,62 @@
+import React from "react";
+import type { FilterDataTable } from "./filters";
+import type { PaginationDataTable } from "./pagination";
+import type { SearchDataTable } from "./search";
+import { Table } from "../ui/table";
+export interface DataTableTMin {
+    id: number;
+}
+export interface SearchParamsDataTable<T = unknown> {
+    cursor?: string;
+    first?: string;
+    last?: string;
+    order?: "asc" | "desc";
+    orderBy?: keyof T;
+}
+export type AlignDataTable = "center" | "left" | "right";
+interface ColumnDefBase<T extends DataTableTMin> {
+    align?: AlignDataTable;
+    cell?: (data: {
+        allData: T[];
+        row: T;
+    }) => React.ReactNode;
+    className?: string;
+    header: React.ReactNode;
+}
+interface AccessorColumnDef<T extends DataTableTMin> extends ColumnDefBase<T> {
+    accessorKey: keyof T;
+    id?: string;
+}
+interface DisplayColumnDef<T extends DataTableTMin> extends ColumnDefBase<T> {
+    accessorKey?: never;
+    id: string;
+}
+export type ColumnDef<T extends DataTableTMin> = AccessorColumnDef<T> | DisplayColumnDef<T>;
+export type DataTableProps<T extends DataTableTMin> = Omit<React.ComponentProps<typeof Table>, "columns"> & React.ComponentProps<typeof PaginationDataTable> & React.ComponentProps<typeof SearchDataTable> & {
+    bulkActions?: React.ReactNode;
+    columns: ColumnDef<T>[];
+    customNoResults?: {
+        description?: string;
+        footer?: React.ReactNode;
+        icon?: React.ReactNode;
+        title?: string;
+    };
+    edges: T[];
+    filters?: FilterDataTable[];
+    id: string;
+    order: {
+        columns?: (keyof T)[];
+        defaultOrder: {
+            column: keyof T;
+            order: "asc" | "desc";
+        };
+    };
+    search?: boolean;
+};
+export declare const DataTableSkeleton: ({ columns, rows, toolbar, }: {
+    columns: number;
+    rows?: number;
+    toolbar?: boolean;
+}) => React.JSX.Element;
+export {};
+//# sourceMappingURL=data-table-content.d.ts.map

package/dist/src/components/table/data-table-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-content.d.ts","sourceRoot":"","sources":["../../../../src/components/table/data-table-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhD,OAAO,EACL,KAAK,EAMN,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,GAAG,OAAO;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;CACnB;AAED,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzD,UAAU,aAAa,CAAC,CAAC,SAAS,aAAa;IAC7C,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,CAAC,EAAE,CAAC;QAAC,GAAG,EAAE,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,UAAU,iBAAiB,CAAC,CAAC,SAAS,aAAa,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IAC3E,WAAW,EAAE,MAAM,CAAC,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,UAAU,gBAAgB,CAAC,CAAC,SAAS,aAAa,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;IAC1E,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,aAAa,IAC3C,iBAAiB,CAAC,CAAC,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAU7C,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,aAAa,IAAI,IAAI,CACxD,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAClC,SAAS,CACV,GACC,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,GAChD,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IAC7C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,eAAe,CAAC,EAAE;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE;QACL,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;QACtB,YAAY,EAAE;YACZ,MAAM,EAAE,MAAM,CAAC,CAAC;YAChB,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC;SACvB,CAAC;KACH,CAAC;IACF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAaJ,eAAO,MAAM,iBAAiB,GAAI,6BAI/B;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,sBA+DA,CAAC"}

package/dist/src/components/table/data-table-content.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import React from"react";import{cn}from"../../lib/utils.js";import{Skeleton}from"../ui/skeleton.js";import{Table,TableBody,TableCell,TableHead,TableHeader,TableRow}from"../ui/table.js";const SKELETON_HEAD_WIDTHS=["w-24","w-16","w-20","w-14"];const SKELETON_CELL_WIDTHS=["w-full","w-3/4","w-1/2","w-5/6","w-2/3"];export const DataTableSkeleton=({columns,rows=6,toolbar=false})=>{const headerIds=Array.from({length:columns},(_,i)=>`s-head-${i}`);const rowIds=Array.from({length:rows},(_,i)=>`s-row-${i}`);return _jsxs("div",{className:"space-y-4",children:[toolbar&&_jsx("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center",children:_jsx("div",{className:"flex-1",children:_jsx(Skeleton,{className:"h-9 w-full"})})}),_jsx("div",{className:"[&>div]:rounded-md [&>div]:border",children:_jsxs(Table,{className:"min-w-full",children:[_jsx(TableHeader,{className:"bg-card",children:_jsx(TableRow,{children:headerIds.map((hid,i)=>_jsx(TableHead,{children:_jsx(Skeleton,{className:cn("h-4",SKELETON_HEAD_WIDTHS[i%SKELETON_HEAD_WIDTHS.length])})},hid))})}),_jsx(TableBody,{children:rowIds.map((rid,i)=>_jsx(TableRow,{className:"h-9",children:headerIds.map((hid,j)=>_jsx(TableCell,{children:_jsx(Skeleton,{className:cn("h-4",SKELETON_CELL_WIDTHS[(i+j)%SKELETON_CELL_WIDTHS.length])})},`${rid}-${hid}`))},rid))})]})}),_jsx("div",{className:"flex w-full flex-col-reverse items-center justify-end gap-4 overflow-auto p-1 sm:flex-row sm:gap-8",children:_jsxs("div",{className:"flex flex-wrap items-center justify-center gap-4 sm:gap-6 lg:gap-8",children:[_jsx(Skeleton,{className:"h-8 w-[4.5rem]"}),_jsxs("div",{className:"flex items-center space-x-2",children:[_jsx(Skeleton,{className:"size-8"}),_jsx(Skeleton,{className:"size-8"})]})]})})]})};

package/dist/src/components/table/filters.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+export interface FilterOption {
+    keywords?: string[];
+    label: React.ReactNode;
+    value: string;
+}
+export interface FilterDataTable {
+    id: string;
+    label: string;
+    onSearch?: (search: string) => Promise<FilterOption[]>;
+    options?: FilterOption[];
+}
+export declare function FiltersDataTable({ filters }: {
+    filters: FilterDataTable[];
+}): React.JSX.Element;
+//# sourceMappingURL=filters.d.ts.map

package/dist/src/components/table/filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../../src/components/table/filters.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC;IACvD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;CAC1B;AA6ID,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,eAAe,EAAE,CAAA;CAAE,qBAQ3E"}

package/dist/src/components/table/filters.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{CheckIcon,PlusCircleIcon,Trash2}from"lucide-react";import React from"react";import{useDebouncedCallback}from"use-debounce";import{useTranslations}from"use-intl";import{cn}from"../../lib/utils.js";import{Badge}from"../ui/badge.js";import{Button}from"../ui/button.js";import{Command,CommandEmpty,CommandGroup,CommandInput,CommandItem,CommandList,CommandSeparator}from"../ui/command.js";import{Popover,PopoverContent,PopoverTrigger}from"../ui/popover.js";import{Separator}from"../ui/separator.js";import{Spinner}from"../ui/spinner.js";import{useDataTableUrl}from"./navigation.js";import{readTableFilter,withTableFilter}from"./url-state.js";function FilterItem({filter}){const t=useTranslations("core.global");const{isPending,navigate,searchParams}=useDataTableUrl();const isAsync=Boolean(filter.onSearch);const[asyncOptions,setAsyncOptions]=React.useState([]);const[isSearching,setIsSearching]=React.useState(false);const selected=readTableFilter(searchParams,filter.id);const selectedSet=new Set(selected);const options=isAsync?asyncOptions:filter.options??[];const runSearch=React.useCallback(async value=>{if(!filter.onSearch)return;setIsSearching(true);try{setAsyncOptions(await filter.onSearch(value))}finally{setIsSearching(false)}},[filter]);const debouncedSearch=useDebouncedCallback(runSearch,400);const handleOpenChange=open=>{if(open&&isAsync){setAsyncOptions([]);void runSearch("")}};const applySelection=values=>{navigate(withTableFilter(searchParams,{id:filter.id,values}))};const toggle=value=>{const next=new Set(selectedSet);if(next.has(value)){next.delete(value)}else{next.add(value)}applySelection([...next])};const selectedStaticOptions=isAsync?[]:(filter.options??[]).filter(option=>selectedSet.has(option.value));return _jsxs(Popover,{onOpenChange:handleOpenChange,children:[_jsxs(PopoverTrigger,{render:_jsx(Button,{className:"border-dashed",disabled:isPending,variant:"outline"}),children:[_jsx(PlusCircleIcon,{}),filter.label,selected.length>0&&_jsxs(_Fragment,{children:[_jsx(Separator,{className:"mx-0.5 h-4",orientation:"vertical"}),isAsync||selectedStaticOptions.length>2?_jsx(Badge,{children:t("selected_count",{count:selected.length})}):selectedStaticOptions.map(option=>_jsx(Badge,{children:option.label},option.value))]})]}),_jsx(PopoverContent,{align:"start",className:"w-56 p-0",children:_jsxs(Command,{shouldFilter:!isAsync,children:[_jsx(CommandInput,{onValueChange:isAsync?debouncedSearch:undefined,placeholder:filter.label}),_jsxs(CommandList,{children:[isSearching&&options.length===0?_jsx("div",{className:"flex items-center justify-center py-6",children:_jsx(Spinner,{})}):_jsxs(_Fragment,{children:[_jsx(CommandEmpty,{children:t("results_not_found")}),_jsx(CommandGroup,{children:options.map(option=>{const isSelected=selectedSet.has(option.value);return _jsxs(CommandItem,{keywords:option.keywords,onSelect:()=>toggle(option.value),value:option.value,children:[_jsx("div",{className:cn("border-primary flex size-4 items-center justify-center rounded-sm border",isSelected?"bg-primary text-primary-foreground":"opacity-50 [&_svg]:invisible"),children:_jsx(CheckIcon,{className:"size-3.5"})}),_jsx("span",{children:option.label})]},option.value)})})]}),selected.length>0&&_jsxs(_Fragment,{children:[_jsx(CommandSeparator,{}),_jsx(CommandGroup,{children:_jsxs(CommandItem,{className:"justify-center text-center",onSelect:()=>applySelection([]),children:[_jsx(Trash2,{})," ",t("clear_filters")]})})]})]})]})})]})}export function FiltersDataTable({filters}){return _jsx(_Fragment,{children:filters.map(filter=>_jsx(FilterItem,{filter:filter},filter.id))})}

package/dist/src/components/table/navigation.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface DataTableNavigation {
+    navigate: (nextSearch: string) => Promise<void> | void;
+    searchParams: URLSearchParams;
+}
+export declare const DataTableNavigationProvider: ({ children, value, }: {
+    children: React.ReactNode;
+    value: DataTableNavigation;
+}) => React.JSX.Element;
+export declare const useDataTableUrl: () => {
+    isPending: boolean;
+    navigate: (nextSearch: string) => void;
+    searchParams: URLSearchParams;
+};
+//# sourceMappingURL=navigation.d.ts.map

package/dist/src/components/table/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/table/navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,MAAM,WAAW,mBAAmB;IAclC,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAEvD,YAAY,EAAE,eAAe,CAAC;CAC/B;AAcD,eAAO,MAAM,2BAA2B,GAAI,sBAGzC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,mBAAmB,CAAC;CAC5B,sBAIA,CAAC;AAmBF,eAAO,MAAM,eAAe,QAAO;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,eAAe,CAAC;CAuB/B,CAAC"}

package/dist/src/components/table/navigation.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx}from"react/jsx-runtime";import React from"react";const DataTableNavigationContext=React.createContext(null);export const DataTableNavigationProvider=({children,value})=>_jsx(DataTableNavigationContext.Provider,{value:value,children:children});export const useDataTableUrl=()=>{const navigation=React.use(DataTableNavigationContext);if(!navigation){throw new Error("A DataTable control must be rendered inside a DataTableNavigationProvider.")}const{navigate,searchParams}=navigation;const[isPending,startTransition]=React.useTransition();const navigateInTransition=React.useCallback(nextSearch=>{startTransition(async()=>{await navigate(nextSearch)})},[navigate]);return{isPending,navigate:navigateInTransition,searchParams}};

package/dist/src/components/table/no-results.d.ts

@@ -0,0 +1,5 @@
+export declare const NoResultsDataTable: ({ description, title, }: {
+    description?: string;
+    title?: string;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=no-results.d.ts.map

package/dist/src/components/table/no-results.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"no-results.d.ts","sourceRoot":"","sources":["../../../../src/components/table/no-results.tsx"],"names":[],"mappings":"AA0BA,eAAO,MAAM,kBAAkB,GAAI,yBAGhC;IACD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,gCAaA,CAAC"}

package/dist/src/components/table/no-results.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useTranslations}from"use-intl";export const NoResultsDataTable=({description,title})=>{const t=useTranslations("core.global.no_results");return _jsxs(_Fragment,{children:[_jsx("h3",{className:"text-xl font-semibold tracking-tight",children:title??t("title")}),_jsx("p",{className:"text-muted-foreground text-sm",children:description??t("desc")})]})};

package/dist/src/components/table/order-table-head.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { DataTableProps, DataTableTMin } from "./data-table-content";
+export declare function OrderTableHeadDataTable<T extends DataTableTMin>({ id, children, order: { defaultOrder }, }: Pick<DataTableProps<T>, "order"> & {
+    children: React.ReactNode;
+    id: keyof T;
+}): React.JSX.Element;
+//# sourceMappingURL=order-table-head.d.ts.map

package/dist/src/components/table/order-table-head.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-table-head.d.ts","sourceRoot":"","sources":["../../../../src/components/table/order-table-head.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAO1E,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,aAAa,EAAE,EAC/D,EAAE,EACF,QAAQ,EACR,KAAK,EAAE,EAAE,YAAY,EAAE,GACxB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC,CAAC;CACb,qBAkCA"}

package/dist/src/components/table/order-table-head.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{ArrowDown,ArrowUp,ChevronsUpDown}from"lucide-react";import React from"react";import{Button}from"../ui/button.js";import{Loader}from"../ui/loader.js";import{useDataTableUrl}from"./navigation.js";import{readTableOrder,toggleTableOrder}from"./url-state.js";export function OrderTableHeadDataTable({id,children,order:{defaultOrder}}){const{isPending,navigate,searchParams}=useDataTableUrl();const column=id.toString();const fallback={column:defaultOrder.column.toString(),order:defaultOrder.order};const current=readTableOrder(searchParams,fallback);const isActive=current.column===column;let icon;if(isPending){icon=_jsx(Loader,{small:true})}else if(isActive){icon=current.order==="asc"?_jsx(ArrowUp,{}):_jsx(ArrowDown,{})}else{icon=_jsx(ChevronsUpDown,{})}return _jsxs(Button,{className:"[&_svg]:text-muted-foreground -ml-2 flex h-8 items-center gap-1.5 rounded-md px-2 py-1.5 [&_svg]:size-4 [&_svg]:shrink-0",onClick:()=>{navigate(toggleTableOrder(searchParams,{column,defaultOrder:fallback}))},size:"sm",variant:"ghost",children:[children,icon]})}

package/dist/src/components/table/pagination.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export declare const PaginationDataTable: ({ pageInfo: { hasNextPage, hasPreviousPage, startCursor, endCursor }, }: {
+    pageInfo: {
+        count: number;
+        endCursor: null | string;
+        hasNextPage: boolean;
+        hasPreviousPage: boolean;
+        startCursor: null | string;
+        totalCount: number;
+    };
+}) => React.JSX.Element;
+//# sourceMappingURL=pagination.d.ts.map

package/dist/src/components/table/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/table/pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,eAAO,MAAM,mBAAmB,GAAI,yEAEjC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC;QACzB,WAAW,EAAE,OAAO,CAAC;QACrB,eAAe,EAAE,OAAO,CAAC;QACzB,WAAW,EAAE,IAAI,GAAG,MAAM,CAAC;QAC3B,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH,sBAoFA,CAAC"}

package/dist/src/components/table/pagination.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{ChevronLeftIcon,ChevronRightIcon}from"lucide-react";import React from"react";import{useTranslations}from"use-intl";import{Button}from"../ui/button.js";import{Select,SelectContent,SelectItem,SelectTrigger,SelectValue}from"../ui/select.js";import{Skeleton}from"../ui/skeleton.js";import{useDataTableUrl}from"./navigation.js";import{readTablePageSize,withTablePage,withTablePageSize}from"./url-state.js";const PAGE_SIZE_OPTIONS=[10,20,30,40];export const PaginationDataTable=({pageInfo:{hasNextPage,hasPreviousPage,startCursor,endCursor}})=>{const t=useTranslations("core.global");const{isPending,navigate,searchParams}=useDataTableUrl();const pageSize=readTablePageSize(searchParams);return _jsx("div",{className:"flex w-full flex-col-reverse items-center justify-end gap-4 overflow-auto p-1 sm:flex-row sm:gap-8",children:_jsxs("div",{className:"flex flex-wrap items-center justify-center gap-4 sm:gap-6 lg:gap-8",children:[_jsxs(Select,{disabled:isPending,onValueChange:value=>{if(value==null){return}navigate(withTablePageSize(searchParams,value))},value:`${pageSize}`,children:[isPending?_jsx(Skeleton,{className:"h-9 w-[4.5rem]"}):_jsx(SelectTrigger,{className:"bg-card h-8 w-[4.5rem]",children:_jsx(SelectValue,{})}),_jsx(SelectContent,{side:"top",children:PAGE_SIZE_OPTIONS.map(pageSize=>_jsx(SelectItem,{value:`${pageSize}`,children:pageSize},pageSize))})]}),_jsxs("div",{className:"flex items-center space-x-2",children:[isPending?_jsx(Skeleton,{className:"size-8"}):_jsx(Button,{"aria-label":t("go_to_prev_page"),className:"bg-card size-8",disabled:!hasPreviousPage,onClick:()=>{navigate(withTablePage(searchParams,{cursor:startCursor,direction:"previous",pageSize}))},size:"icon",variant:"outline",children:_jsx(ChevronLeftIcon,{})}),isPending?_jsx(Skeleton,{className:"size-8"}):_jsx(Button,{"aria-label":t("go_to_next_page"),className:"bg-card size-8",disabled:!hasNextPage||isPending,onClick:()=>{navigate(withTablePage(searchParams,{cursor:endCursor,direction:"next",pageSize}))},size:"icon",variant:"outline",children:_jsx(ChevronRightIcon,{})})]})]})})};

package/dist/src/components/table/search.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare function SearchDataTable({ searchPlaceholder, }: {
+    searchPlaceholder?: string;
+}): React.JSX.Element;
+//# sourceMappingURL=search.d.ts.map

package/dist/src/components/table/search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../src/components/table/search.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,wBAAgB,eAAe,CAAC,EAC9B,iBAAiB,GAClB,EAAE;IACD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,qBA8BA"}

package/dist/src/components/table/search.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Search}from"lucide-react";import React from"react";import{useDebouncedCallback}from"use-debounce";import{useTranslations}from"use-intl";import{InputGroup,InputGroupAddon,InputGroupInput}from"../ui/input-group.js";import{Spinner}from"../ui/spinner.js";import{useDataTableUrl}from"./navigation.js";import{readTableSearch,withTableSearch}from"./url-state.js";export function SearchDataTable({searchPlaceholder}){const t=useTranslations("core.global");const{isPending,navigate,searchParams}=useDataTableUrl();const searchValue=readTableSearch(searchParams);const[value,setValue]=React.useState(searchValue);const[prevSearchValue,setPrevSearchValue]=React.useState(searchValue);if(searchValue!==prevSearchValue){setPrevSearchValue(searchValue);setValue(searchValue)}const handleChangeSearch=useDebouncedCallback(value=>{navigate(withTableSearch(searchParams,value))},500);return _jsxs(InputGroup,{children:[_jsx(InputGroupInput,{onChange:e=>{setValue(e.target.value);handleChangeSearch(e.target.value)},placeholder:searchPlaceholder??t("search_placeholder"),type:"search",value:value}),_jsx(InputGroupAddon,{children:isPending?_jsx(Spinner,{}):_jsx(Search,{})})]})}

package/dist/src/components/table/selection.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+export interface SelectionDataTable {
+    allSelected: boolean;
+    clear: () => void;
+    isSelected: (id: number) => boolean;
+    selected: number[];
+    someSelected: boolean;
+    toggle: (id: number) => void;
+    toggleAll: (next: boolean) => void;
+}
+export declare const useDataTableSelection: () => SelectionDataTable;
+export declare function SelectionProviderDataTable({ children, rowIds, }: {
+    children: React.ReactNode;
+    rowIds: number[];
+}): React.JSX.Element;
+export declare function SelectAllDataTable(): React.JSX.Element;
+export declare function SelectRowDataTable({ id }: {
+    id: number;
+}): React.JSX.Element;
+export declare function RowSelectableDataTable({ children, id, }: {
+    children: React.ReactNode;
+    id: number;
+}): React.JSX.Element;
+export declare function BulkActionsDataTable({ actions, }: {
+    actions: React.ReactNode;
+}): React.ReactPortal | null;
+//# sourceMappingURL=selection.d.ts.map

package/dist/src/components/table/selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../../../src/components/table/selection.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AAkBD,eAAO,MAAM,qBAAqB,QAAO,kBAUxC,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,qBAsCA;AAED,wBAAgB,kBAAkB,sBAYjC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,qBAWxD;AAED,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,EAAE,GACH,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;CACZ,qBAQA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,GACR,EAAE;IACD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,4BAmDA"}

package/dist/src/components/table/selection.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{XIcon}from"lucide-react";import{AnimatePresence,motion,useReducedMotion}from"motion/react";import React from"react";import{createPortal}from"react-dom";import{useTranslations}from"use-intl";import{Button}from"../ui/button.js";import{Checkbox}from"../ui/checkbox.js";import{Separator}from"../ui/separator.js";import{TableRow}from"../ui/table.js";import{TooltipWithContent}from"../ui/tooltip.js";const SelectionContext=React.createContext(null);const subscribeToNothing=()=>()=>undefined;const getPortalContainer=()=>document.body;const getNoPortalContainer=()=>null;export const useDataTableSelection=()=>{const value=React.use(SelectionContext);if(!value){throw new Error("useDataTableSelection must be rendered inside a DataTable with `bulkActions`.")}return value};export function SelectionProviderDataTable({children,rowIds}){const[selected,setSelected]=React.useState([]);const pageKey=rowIds.join(",");const[prevPageKey,setPrevPageKey]=React.useState(pageKey);if(pageKey!==prevPageKey){setPrevPageKey(pageKey);setSelected(current=>{const next=current.filter(id=>rowIds.includes(id));return next.length===current.length?current:next})}const value=React.useMemo(()=>{const selectedSet=new Set(selected);return{allSelected:rowIds.length>0&&selectedSet.size===rowIds.length,clear:()=>setSelected([]),isSelected:id=>selectedSet.has(id),selected,someSelected:selectedSet.size>0&&selectedSet.size<rowIds.length,toggle:id=>setSelected(current=>current.includes(id)?current.filter(item=>item!==id):[...current,id]),toggleAll:next=>setSelected(next?[...rowIds]:[])}},[rowIds,selected]);return _jsx(SelectionContext.Provider,{value:value,children:children})}export function SelectAllDataTable(){const t=useTranslations("core.global.data_table");const{allSelected,someSelected,toggleAll}=useDataTableSelection();return _jsx(Checkbox,{"aria-label":t("select_all"),checked:allSelected,indeterminate:someSelected,onCheckedChange:checked=>toggleAll(checked)})}export function SelectRowDataTable({id}){const t=useTranslations("core.global.data_table");const{isSelected,toggle}=useDataTableSelection();return _jsx(Checkbox,{"aria-label":t("select_row"),checked:isSelected(id),onCheckedChange:()=>toggle(id)})}export function RowSelectableDataTable({children,id}){const{isSelected}=useDataTableSelection();return _jsx(TableRow,{"data-state":isSelected(id)?"selected":undefined,children:children})}export function BulkActionsDataTable({actions}){const t=useTranslations("core.global");const{clear,selected}=useDataTableSelection();const shouldReduceMotion=useReducedMotion();const container=React.useSyncExternalStore(subscribeToNothing,getPortalContainer,getNoPortalContainer);if(!container){return null}return createPortal(_jsx(AnimatePresence,{children:selected.length>0&&_jsx(motion.div,{animate:{opacity:1,y:0},className:"pointer-events-none fixed inset-x-0 bottom-0 z-40 flex justify-center p-4 pb-[max(1rem,env(safe-area-inset-bottom))]",exit:{opacity:0,y:shouldReduceMotion?0:16},initial:{opacity:0,y:shouldReduceMotion?0:16},transition:{type:"spring",duration:.3,bounce:0},children:_jsxs("div",{className:"bg-popover text-popover-foreground pointer-events-auto flex max-w-full items-center gap-1 rounded-lg border p-1.5 shadow-lg",children:[_jsx("span",{className:"px-2 text-sm font-medium whitespace-nowrap",children:t("selected_count",{count:selected.length})}),_jsx(Separator,{className:"mx-0.5 h-6",orientation:"vertical"}),actions,_jsx(Separator,{className:"mx-0.5 h-6",orientation:"vertical"}),_jsx(TooltipWithContent,{text:t("data_table.clear_selection"),children:_jsx(Button,{"aria-label":t("data_table.clear_selection"),onClick:clear,size:"icon-sm",variant:"ghost",children:_jsx(XIcon,{})})})]})})}),container)}

package/dist/src/components/table/url-state.d.ts

@@ -0,0 +1,29 @@
+export declare const DEFAULT_TABLE_PAGE_SIZE = 10;
+export declare const MIN_TABLE_SEARCH_LENGTH = 3;
+export type TableOrderDirection = "asc" | "desc";
+export type TableSearch = string | URLSearchParams;
+export interface TableOrder {
+    column: string;
+    order: TableOrderDirection;
+}
+export declare const readTableOrder: (search: TableSearch, defaultOrder: TableOrder) => TableOrder;
+export declare const withTableOrder: (search: TableSearch, { column, order }: TableOrder) => string;
+export declare const toggleTableOrder: (search: TableSearch, { column, defaultOrder }: {
+    column: string;
+    defaultOrder: TableOrder;
+}) => string;
+export declare const readTablePageSize: (search: TableSearch) => number;
+export declare const withTablePageSize: (search: TableSearch, pageSize: number | string) => string;
+export declare const withTablePage: (search: TableSearch, { cursor, direction, pageSize, }: {
+    cursor: null | string;
+    direction: "next" | "previous";
+    pageSize: number | string;
+}) => string;
+export declare const readTableSearch: (search: TableSearch) => string;
+export declare const withTableSearch: (search: TableSearch, value: string) => string;
+export declare const readTableFilter: (search: TableSearch, id: string) => string[];
+export declare const withTableFilter: (search: TableSearch, { id, values }: {
+    id: string;
+    values: string[];
+}) => string;
+//# sourceMappingURL=url-state.d.ts.map

package/dist/src/components/table/url-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-state.d.ts","sourceRoot":"","sources":["../../../../src/components/table/url-state.ts"],"names":[],"mappings":"AAsCA,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAQ1C,eAAO,MAAM,uBAAuB,IAAI,CAAC;AAEzC,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,MAAM,CAAC;AAGjD,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,eAAe,CAAC;AAEnD,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,mBAAmB,CAAC;CAC5B;AAoBD,eAAO,MAAM,cAAc,GACzB,QAAQ,WAAW,EACnB,cAAc,UAAU,KACvB,UAQF,CAAC;AAGF,eAAO,MAAM,cAAc,GACzB,QAAQ,WAAW,EACnB,mBAAmB,UAAU,KAC5B,MAMF,CAAC;AASF,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,WAAW,EACnB,0BAA0B;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,UAAU,CAAA;CAAE,KACrE,MAQF,CAAC;AAGF,eAAO,MAAM,iBAAiB,GAAI,QAAQ,WAAW,KAAG,MAKvD,CAAC;AASF,eAAO,MAAM,iBAAiB,GAC5B,QAAQ,WAAW,EACnB,UAAU,MAAM,GAAG,MAAM,KACxB,MAOF,CAAC;AAYF,eAAO,MAAM,aAAa,GACxB,QAAQ,WAAW,EACnB,kCAIG;IACD,MAAM,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,GAAG,UAAU,CAAC;IAC/B,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B,KACA,MAeF,CAAC;AAGF,eAAO,MAAM,eAAe,GAAI,QAAQ,WAAW,KAAG,MACpB,CAAC;AASnC,eAAO,MAAM,eAAe,GAAI,QAAQ,WAAW,EAAE,OAAO,MAAM,KAAG,MAUpE,CAAC;AAGF,eAAO,MAAM,eAAe,GAAI,QAAQ,WAAW,EAAE,IAAI,MAAM,KAAG,MAAM,EACd,CAAC;AAQ3D,eAAO,MAAM,eAAe,GAC1B,QAAQ,WAAW,EACnB,gBAAgB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,KAC/C,MAYF,CAAC"}

package/dist/src/components/table/url-state.js

@@ -0,0 +1 @@
+const FIRST="first";const LAST="last";const CURSOR="cursor";export const DEFAULT_TABLE_PAGE_SIZE=10;export const MIN_TABLE_SEARCH_LENGTH=3;const copy=search=>new URLSearchParams(search.toString());const resetPagination=params=>{params.delete(CURSOR);params.delete(FIRST);params.delete(LAST)};export const readTableOrder=(search,defaultOrder)=>{const params=copy(search);return{column:params.get("orderBy")??defaultOrder.column,order:params.get("order")??defaultOrder.order}};export const withTableOrder=(search,{column,order})=>{const params=copy(search);params.set("orderBy",column);params.set("order",order);return params.toString()};export const toggleTableOrder=(search,{column,defaultOrder})=>{const current=readTableOrder(search,defaultOrder);const isActive=current.column===column;return withTableOrder(search,{column,order:isActive&&current.order==="asc"?"desc":"asc"})};export const readTablePageSize=search=>{const params=copy(search);const size=Number(params.get(FIRST)??params.get(LAST));return Number.isInteger(size)&&size>0?size:DEFAULT_TABLE_PAGE_SIZE};export const withTablePageSize=(search,pageSize)=>{const params=copy(search);params.set(FIRST,`${pageSize}`);params.delete(LAST);params.delete(CURSOR);return params.toString()};export const withTablePage=(search,{cursor,direction,pageSize})=>{const params=copy(search);const[take,drop]=direction==="next"?[FIRST,LAST]:[LAST,FIRST];params.set(take,`${Number(pageSize)}`);if(cursor){params.set(CURSOR,cursor)}else{params.delete(CURSOR)}params.delete(drop);return params.toString()};export const readTableSearch=search=>copy(search).get("search")??"";export const withTableSearch=(search,value)=>{const params=copy(search);if(value.length>=MIN_TABLE_SEARCH_LENGTH){params.set("search",value)}else{params.delete("search")}return params.toString()};export const readTableFilter=(search,id)=>(copy(search).get(id)?.split(",")??[]).filter(Boolean);export const withTableFilter=(search,{id,values})=>{const params=copy(search);if(values.length){params.set(id,values.join(","))}else{params.delete(id)}resetPagination(params);return params.toString()};

package/dist/src/components/theme-provider.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+export type Attribute = "class" | `data-${string}`;
+export interface ThemeProviderProps {
+    attribute?: Attribute | Attribute[];
+    children?: React.ReactNode;
+    defaultTheme?: string;
+    disableTransitionOnChange?: boolean;
+    enableColorScheme?: boolean;
+    enableSystem?: boolean;
+    forcedTheme?: string;
+    nonce?: string;
+    storageKey?: string;
+    themes?: string[];
+    value?: Record<string, string>;
+}
+export interface UseThemeReturn {
+    resolvedTheme: string | undefined;
+    setTheme: (theme: React.SetStateAction<string | undefined>) => void;
+    systemTheme: "dark" | "light" | undefined;
+    theme: string | undefined;
+    themes: string[];
+}
+export declare const useTheme: () => UseThemeReturn;
+export declare const ThemeProvider: ({ attribute, children, disableTransitionOnChange, enableColorScheme, enableSystem, forcedTheme, storageKey, themes, value, defaultTheme, }: ThemeProviderProps) => React.JSX.Element;
+//# sourceMappingURL=theme-provider.d.ts.map

package/dist/src/components/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../src/components/theme-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,MAAM,EAAE,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,cAAc;IAC7B,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,KAAK,IAAI,CAAC;IACpE,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IAC1C,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAYD,eAAO,MAAM,QAAQ,QAAO,cACe,CAAC;AAiE5C,eAAO,MAAM,aAAa,GAAI,4IAW3B,kBAAkB,sBAsFpB,CAAC"}

package/dist/src/components/theme-provider.js

@@ -0,0 +1 @@
+"use client";import{jsx as _jsx}from"react/jsx-runtime";import React from"react";const MEDIA="(prefers-color-scheme: dark)";const colorSchemes=["light","dark"];const ThemeContext=React.createContext(undefined);const defaultContext={resolvedTheme:undefined,setTheme:()=>{},systemTheme:undefined,theme:undefined,themes:[]};export const useTheme=()=>React.use(ThemeContext)??defaultContext;const isServer=typeof window==="undefined";const getSystemTheme=()=>{if(isServer)return"light";return window.matchMedia(MEDIA).matches?"dark":"light"};const subscribeSystemTheme=callback=>{const media=window.matchMedia(MEDIA);media.addEventListener("change",callback);return()=>{media.removeEventListener("change",callback)}};const getServerSystemTheme=()=>undefined;const getStoredTheme=(storageKey,fallback)=>{if(isServer)return undefined;let stored;try{stored=window.localStorage.getItem(storageKey)??undefined}catch{}return stored??fallback};const disableTransitions=()=>{const css=document.createElement("style");css.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}"));document.head.appendChild(css);return()=>{(()=>window.getComputedStyle(document.body))();setTimeout(()=>{document.head.removeChild(css)},1)}};export const ThemeProvider=({attribute="class",children,disableTransitionOnChange=false,enableColorScheme=true,enableSystem=true,forcedTheme,storageKey="theme",themes=["light","dark"],value,defaultTheme=enableSystem?"system":"light"})=>{const[theme,setThemeState]=React.useState(()=>getStoredTheme(storageKey,defaultTheme));const systemTheme=React.useSyncExternalStore(subscribeSystemTheme,getSystemTheme,getServerSystemTheme);const resolvedTheme=forcedTheme??(theme==="system"?systemTheme:theme);const applyTheme=React.useCallback(next=>{if(!next)return;const resolved=next==="system"?getSystemTheme():next;const el=document.documentElement;const enable=disableTransitionOnChange?disableTransitions():null;const attrs=Array.isArray(attribute)?attribute:[attribute];attrs.forEach(attr=>{if(attr==="class"){const classes=value?themes.map(t=>value[t]??t):[...themes];el.classList.remove(...classes);el.classList.add(value?.[resolved]??resolved)}else{el.setAttribute(attr,resolved)}});if(enableColorScheme&&colorSchemes.includes(resolved)){el.style.colorScheme=resolved}enable?.()},[attribute,disableTransitionOnChange,enableColorScheme,themes,value]);const setTheme=React.useCallback(next=>{setThemeState(prev=>{const resolved=typeof next==="function"?next(prev):next;try{if(resolved===undefined){window.localStorage.removeItem(storageKey)}else{window.localStorage.setItem(storageKey,resolved)}}catch{}return resolved})},[storageKey]);React.useEffect(()=>{applyTheme(forcedTheme??theme)},[applyTheme,forcedTheme,theme,systemTheme]);React.useEffect(()=>{const onStorage=e=>{if(e.key!==storageKey)return;setThemeState(e.newValue??defaultTheme)};window.addEventListener("storage",onStorage);return()=>{window.removeEventListener("storage",onStorage)}},[defaultTheme,storageKey]);const contextValue=React.useMemo(()=>({resolvedTheme,setTheme,systemTheme,theme,themes}),[resolvedTheme,setTheme,systemTheme,theme,themes]);return _jsx(ThemeContext.Provider,{value:contextValue,children:children})};

package/dist/src/components/theme-script.d.ts

@@ -0,0 +1,5 @@
+import type { ThemeProviderProps } from "./theme-provider";
+export type ThemeScriptProps = Omit<ThemeProviderProps, "children" | "disableTransitionOnChange">;
+export declare const themeScriptSource: ({ attribute, enableColorScheme, enableSystem, forcedTheme, storageKey, themes, value, defaultTheme, }?: Omit<ThemeScriptProps, "nonce">) => string;
+export declare const ThemeScript: ({ nonce, ...props }: ThemeScriptProps) => import("react").JSX.Element;
+//# sourceMappingURL=theme-script.d.ts.map

package/dist/src/components/theme-script.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-script.d.ts","sourceRoot":"","sources":["../../../src/components/theme-script.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAuEtE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,kBAAkB,EAClB,UAAU,GAAG,2BAA2B,CACzC,CAAC;AAeF,eAAO,MAAM,iBAAiB,GAAI,wGAS/B,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAM,KAAG,MAUtB,CAAC;AAcrB,eAAO,MAAM,WAAW,GAAI,qBAAqB,gBAAgB,gCAOhE,CAAC"}

package/dist/src/components/theme-script.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";const noFlashScript=(attribute,storageKey,defaultTheme,forcedTheme,themes,value,enableSystem,enableColorScheme)=>{const el=document.documentElement;const systemThemes=["light","dark"];const setColorScheme=theme=>{if(enableColorScheme&&systemThemes.includes(theme)){el.style.colorScheme=theme}};const updateDOM=theme=>{const attributes=Array.isArray(attribute)?attribute:[attribute];attributes.forEach(attr=>{const isClass=attr==="class";const classes=isClass&&value?themes.map(t=>value[t]??t):themes;if(isClass){el.classList.remove(...classes);el.classList.add(value?.[theme]??theme)}else{el.setAttribute(attr,theme)}});setColorScheme(theme)};if(forcedTheme){updateDOM(forcedTheme);return}try{const stored=localStorage.getItem(storageKey)??defaultTheme;const isSystem=enableSystem&&stored==="system";const resolved=isSystem?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":value?.[stored]??stored;updateDOM(resolved)}catch{}};export const themeScriptSource=({attribute="class",enableColorScheme=true,enableSystem=true,forcedTheme,storageKey="theme",themes=["light","dark"],value,defaultTheme=enableSystem?"system":"light"}={})=>`(${noFlashScript.toString()})(${JSON.stringify([attribute,storageKey,defaultTheme,forcedTheme,themes,value,enableSystem,enableColorScheme]).slice(1,-1)})`;export const ThemeScript=({nonce,...props})=>_jsx("script",{dangerouslySetInnerHTML:{__html:themeScriptSource(props)},nonce:typeof window==="undefined"?nonce:"",suppressHydrationWarning:true});

package/dist/src/components/tiptap/extension.d.ts

@@ -0,0 +1,4 @@
+import type { Extensions } from "@tiptap/react";
+export declare const SUPPORTED_HEADINGS_LEVELS: readonly [1, 2, 3, 4];
+export declare const tiptapExtensions: Extensions;
+//# sourceMappingURL=extension.d.ts.map

package/dist/src/components/tiptap/extension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extension.d.ts","sourceRoot":"","sources":["../../../../src/components/tiptap/extension.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAKhD,eAAO,MAAM,yBAAyB,uBAAwB,CAAC;AAE/D,eAAO,MAAM,gBAAgB,EAAE,UAmB9B,CAAC"}

package/dist/src/components/tiptap/extension.js

@@ -0,0 +1 @@
+import TextAlign from"@tiptap/extension-text-align";import StarterKit from"@tiptap/starter-kit";export const SUPPORTED_HEADINGS_LEVELS=[1,2,3,4];export const tiptapExtensions=[StarterKit.configure({orderedList:{HTMLAttributes:{class:"list-decimal"}},bulletList:{HTMLAttributes:{class:"list-disc"}},heading:{levels:[...SUPPORTED_HEADINGS_LEVELS]}}),TextAlign.configure({types:["heading","paragraph"]})];

package/dist/src/components/tiptap/toolbar/actions/alignment-action.d.ts

@@ -0,0 +1,2 @@
+export declare const AlignmentAction: () => import("react").JSX.Element;
+//# sourceMappingURL=alignment-action.d.ts.map

package/dist/src/components/tiptap/toolbar/actions/alignment-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alignment-action.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tiptap/toolbar/actions/alignment-action.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,eAAe,mCA6E3B,CAAC"}

package/dist/src/components/tiptap/toolbar/actions/alignment-action.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useEditorState}from"@tiptap/react";import{AlignCenterIcon,AlignJustifyIcon,AlignLeftIcon,AlignRightIcon,ChevronDown}from"lucide-react";import{useTranslations}from"use-intl";import{Button}from"../../../ui/button.js";import{DropdownMenu,DropdownMenuContent,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuShortcut,DropdownMenuTrigger}from"../../../ui/dropdown-menu.js";import{CtrlOrCommandCharacter}from"../../../../lib/ctrl-or-command-character.js";import{useToolbarEditor}from"../use-toolbar-editor.js";export const AlignmentAction=()=>{const t=useTranslations("core.global.editor");const{editor}=useToolbarEditor();const activeValue=useEditorState({editor,selector:ctx=>{return["left","center","right","justify"].find(align=>ctx.editor.isActive({textAlign:align}))??"left"}});const alignments=[{label:t("alignments.left"),value:"left",icon:_jsx(AlignLeftIcon,{}),shortcut:"L"},{label:t("alignments.center"),value:"center",icon:_jsx(AlignCenterIcon,{}),shortcut:"E"},{label:t("alignments.right"),value:"right",icon:_jsx(AlignRightIcon,{}),shortcut:"R"},{label:t("alignments.justify"),value:"justify",icon:_jsx(AlignJustifyIcon,{}),shortcut:"J"}];const activeAlignment=alignments.find(a=>a.value===activeValue)??alignments[0];return _jsxs(DropdownMenu,{children:[_jsxs(DropdownMenuTrigger,{render:_jsx(Button,{className:"w-40 justify-between",size:"sm",variant:"ghost"}),children:[activeAlignment.icon,t(`alignments.${activeAlignment.value}`),_jsx(ChevronDown,{className:"ml-auto"})]}),_jsx(DropdownMenuContent,{className:"min-w-[16rem]",children:_jsx(DropdownMenuRadioGroup,{value:activeAlignment.value,children:alignments.map(item=>_jsxs(DropdownMenuRadioItem,{onClick:()=>editor.chain().focus().setTextAlign(item.value).run(),value:item.value,children:[item.icon,t(`alignments.${item.value}`),_jsxs(DropdownMenuShortcut,{children:[_jsx(CtrlOrCommandCharacter,{}),"+Shift+",item.shortcut]})]},item.value))})})]})};

package/dist/src/components/tiptap/toolbar/actions/bold-action.d.ts

@@ -0,0 +1,2 @@
+export declare const BoldAction: () => import("react").JSX.Element;
+//# sourceMappingURL=bold-action.d.ts.map

package/dist/src/components/tiptap/toolbar/actions/bold-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bold-action.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tiptap/toolbar/actions/bold-action.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,UAAU,mCAiCtB,CAAC"}

package/dist/src/components/tiptap/toolbar/actions/bold-action.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useEditorState}from"@tiptap/react";import{BoldIcon}from"lucide-react";import{useTranslations}from"use-intl";import{Toggle}from"../../../ui/toggle.js";import{TooltipWithContent}from"../../../ui/tooltip.js";import{useToolbarEditor}from"../use-toolbar-editor.js";import{TooltipShortcut}from"./utils/tooltip-shortcut.js";export const BoldAction=()=>{const t=useTranslations("core.global.editor");const{editor}=useToolbarEditor();const{isBold}=useEditorState({editor,selector:ctx=>{return{isBold:ctx.editor.isActive("bold")}}});return _jsx(TooltipWithContent,{text:_jsxs(_Fragment,{children:[t("bold")," ",_jsx(TooltipShortcut,{children:"+B"})]}),children:_jsx("div",{children:_jsx(Toggle,{"aria-label":t("bold"),className:"size-8",onClick:()=>editor.chain().focus().toggleBold().run(),pressed:isBold,size:"sm",children:_jsx(BoldIcon,{})})})})};

package/dist/src/components/tiptap/toolbar/actions/headings-action.d.ts

@@ -0,0 +1,2 @@
+export declare const HeadingsAction: () => import("react").JSX.Element;
+//# sourceMappingURL=headings-action.d.ts.map

package/dist/src/components/tiptap/toolbar/actions/headings-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"headings-action.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tiptap/toolbar/actions/headings-action.tsx"],"names":[],"mappings":"AAiCA,eAAO,MAAM,cAAc,mCAsE1B,CAAC"}

package/dist/src/components/tiptap/toolbar/actions/headings-action.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useEditorState}from"@tiptap/react";import{ChevronDown,Heading1Icon,Heading2Icon,Heading3Icon,Heading4Icon,PilcrowIcon}from"lucide-react";import{useTranslations}from"use-intl";import{Button}from"../../../ui/button.js";import{DropdownMenu,DropdownMenuContent,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuShortcut,DropdownMenuTrigger}from"../../../ui/dropdown-menu.js";import{CtrlOrCommandCharacter}from"../../../../lib/ctrl-or-command-character.js";import{SUPPORTED_HEADINGS_LEVELS}from"../../extension.js";import{useToolbarEditor}from"../use-toolbar-editor.js";const ICONS={paragraph:_jsx(PilcrowIcon,{}),heading_1:_jsx(Heading1Icon,{}),heading_2:_jsx(Heading2Icon,{}),heading_3:_jsx(Heading3Icon,{}),heading_4:_jsx(Heading4Icon,{})};export const HeadingsAction=()=>{const t=useTranslations("core.global.editor");const{editor}=useToolbarEditor();const activeValue=useEditorState({editor,selector:ctx=>{if(!ctx.editor.isActive("heading"))return"paragraph";const level=ctx.editor.getAttributes("heading").level;return`heading-${level}`}});const options=[{value:"paragraph",label:t("paragraph"),icon:ICONS.paragraph,shortcut:"0"},...SUPPORTED_HEADINGS_LEVELS.map(level=>({value:`heading-${level}`,label:t("heading",{level}),icon:ICONS[`heading_${level}`],shortcut:level.toString()}))];const activeOption=options.find(o=>o.value===activeValue)??options[0];return _jsxs(DropdownMenu,{children:[_jsxs(DropdownMenuTrigger,{render:_jsx(Button,{className:"w-32 justify-between",size:"sm",variant:"ghost"}),children:[activeOption.icon,activeOption.label,_jsx(ChevronDown,{className:"ml-auto"})]}),_jsx(DropdownMenuContent,{className:"min-w-56",children:_jsx(DropdownMenuRadioGroup,{value:activeValue,children:options.map(item=>_jsxs(DropdownMenuRadioItem,{onClick:()=>{if(item.value==="paragraph"){editor.chain().focus().setParagraph().run()}else{const level=parseInt(item.value.split("-")[1]);editor.chain().focus().toggleHeading({level}).run()}},value:item.value,children:[item.icon,item.label,_jsxs(DropdownMenuShortcut,{children:[_jsx(CtrlOrCommandCharacter,{}),"+Alt+",item.shortcut]})]},item.value))})})]})};

package/dist/src/components/tiptap/toolbar/actions/italic-action.d.ts

@@ -0,0 +1,2 @@
+export declare const ItalicAction: () => import("react").JSX.Element;
+//# sourceMappingURL=italic-action.d.ts.map

package/dist/src/components/tiptap/toolbar/actions/italic-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"italic-action.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tiptap/toolbar/actions/italic-action.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,YAAY,mCAkCxB,CAAC"}

package/dist/src/components/tiptap/toolbar/actions/italic-action.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useEditorState}from"@tiptap/react";import{ItalicIcon}from"lucide-react";import{useTranslations}from"use-intl";import{Toggle}from"../../../ui/toggle.js";import{TooltipWithContent}from"../../../ui/tooltip.js";import{useToolbarEditor}from"../use-toolbar-editor.js";import{TooltipShortcut}from"./utils/tooltip-shortcut.js";export const ItalicAction=()=>{const t=useTranslations("core.global.editor");const{editor}=useToolbarEditor();const{isItalic}=useEditorState({editor,selector:ctx=>{return{isItalic:ctx.editor.isActive("italic")}}});return _jsx(TooltipWithContent,{text:_jsxs(_Fragment,{children:[t("italic"),_jsx(TooltipShortcut,{children:"+I"})]}),children:_jsx("div",{children:_jsx(Toggle,{"aria-label":t("italic"),className:"size-8",onClick:()=>editor.chain().focus().toggleItalic().run(),pressed:isItalic,size:"sm",children:_jsx(ItalicIcon,{})})})})};

package/dist/src/components/tiptap/toolbar/actions/list-action.d.ts

@@ -0,0 +1,2 @@
+export declare const ListAction: () => import("react").JSX.Element;
+//# sourceMappingURL=list-action.d.ts.map

package/dist/src/components/tiptap/toolbar/actions/list-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-action.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tiptap/toolbar/actions/list-action.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,UAAU,mCA0DtB,CAAC"}

package/dist/src/components/tiptap/toolbar/actions/list-action.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useEditorState}from"@tiptap/react";import{ListIcon,ListOrderedIcon}from"lucide-react";import{useTranslations}from"use-intl";import{Toggle}from"../../../ui/toggle.js";import{TooltipWithContent}from"../../../ui/tooltip.js";import{useToolbarEditor}from"../use-toolbar-editor.js";import{TooltipShortcut}from"./utils/tooltip-shortcut.js";export const ListAction=()=>{const t=useTranslations("core.global.editor");const{editor}=useToolbarEditor();const{isBulletList,isOrderedList}=useEditorState({editor,selector:ctx=>{return{isOrderedList:ctx.editor.isActive("orderedList"),isBulletList:ctx.editor.isActive("bulletList")}}});return _jsxs(_Fragment,{children:[_jsx(TooltipWithContent,{text:_jsxs(_Fragment,{children:[t("bullet_list"),_jsx(TooltipShortcut,{children:"+I"})]}),children:_jsx("div",{children:_jsx(Toggle,{"aria-label":t("bullet_list"),className:"size-8",onClick:()=>editor.chain().focus().toggleBulletList().run(),pressed:isBulletList,size:"sm",children:_jsx(ListIcon,{})})})}),_jsx(TooltipWithContent,{text:_jsxs(_Fragment,{children:[t("ordered_list"),_jsx(TooltipShortcut,{children:"+I"})]}),children:_jsx("div",{children:_jsx(Toggle,{"aria-label":t("ordered_list"),className:"size-8",onClick:()=>editor.chain().focus().toggleOrderedList().run(),pressed:isOrderedList,size:"sm",children:_jsx(ListOrderedIcon,{})})})})]})};

package/dist/src/components/tiptap/toolbar/actions/text-format-more/text-format-more.d.ts

@@ -0,0 +1,2 @@
+export declare const TextFormatMore: () => import("react").JSX.Element;
+//# sourceMappingURL=text-format-more.d.ts.map

package/dist/src/components/tiptap/toolbar/actions/text-format-more/text-format-more.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-format-more.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/tiptap/toolbar/actions/text-format-more/text-format-more.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,cAAc,mCAiD1B,CAAC"}

package/dist/src/components/tiptap/toolbar/actions/text-format-more/text-format-more.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useEditorState}from"@tiptap/react";import{EllipsisVerticalIcon,StrikethroughIcon}from"lucide-react";import{useTranslations}from"use-intl";import{Button}from"../../../../ui/button.js";import{DropdownMenu,DropdownMenuContent,DropdownMenuItem,DropdownMenuShortcut,DropdownMenuTrigger}from"../../../../ui/dropdown-menu.js";import{CtrlOrCommandCharacter}from"../../../../../lib/ctrl-or-command-character.js";import{cn}from"../../../../../lib/utils.js";import{useToolbarEditor}from"../../use-toolbar-editor.js";export const TextFormatMore=()=>{const t=useTranslations("core.global.editor.text_format_more");const{editor}=useToolbarEditor();const{isStrike}=useEditorState({editor,selector:ctx=>{return{isStrike:ctx.editor.isActive("strike")}}});return _jsxs(DropdownMenu,{children:[_jsx(DropdownMenuTrigger,{render:_jsx(Button,{"aria-label":t("label"),className:cn({"bg-accent":isStrike}),size:"icon-sm",variant:"ghost"}),children:_jsx(EllipsisVerticalIcon,{})}),_jsx(DropdownMenuContent,{className:"min-w-48",children:_jsxs(DropdownMenuItem,{className:cn({"bg-accent":isStrike}),onClick:()=>{editor.chain().focus().toggleStrike().run();editor.view.focus()},children:[_jsx(StrikethroughIcon,{}),t("strike"),_jsxs(DropdownMenuShortcut,{children:[_jsx(CtrlOrCommandCharacter,{}),"+S"]})]})})]})};

package/dist/src/components/tiptap/toolbar/actions/underline-action.d.ts

@@ -0,0 +1,2 @@
+export declare const UnderlineAction: () => import("react").JSX.Element;
+//# sourceMappingURL=underline-action.d.ts.map

package/dist/src/components/tiptap/toolbar/actions/underline-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"underline-action.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tiptap/toolbar/actions/underline-action.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,eAAe,mCAkC3B,CAAC"}

package/dist/src/components/tiptap/toolbar/actions/underline-action.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useEditorState}from"@tiptap/react";import{UnderlineIcon}from"lucide-react";import{useTranslations}from"use-intl";import{Toggle}from"../../../ui/toggle.js";import{TooltipWithContent}from"../../../ui/tooltip.js";import{useToolbarEditor}from"../use-toolbar-editor.js";import{TooltipShortcut}from"./utils/tooltip-shortcut.js";export const UnderlineAction=()=>{const t=useTranslations("core.global.editor");const{editor}=useToolbarEditor();const{isUnderline}=useEditorState({editor,selector:ctx=>{return{isUnderline:ctx.editor.isActive("underline")}}});return _jsx(TooltipWithContent,{text:_jsxs(_Fragment,{children:[t("underline"),_jsx(TooltipShortcut,{children:"+U"})]}),children:_jsx("div",{children:_jsx(Toggle,{"aria-label":t("underline"),className:"size-8",onClick:()=>editor.chain().focus().toggleUnderline().run(),pressed:isUnderline,size:"sm",children:_jsx(UnderlineIcon,{})})})})};

package/dist/src/components/tiptap/toolbar/actions/undo-redo-actions.d.ts

@@ -0,0 +1,2 @@
+export declare const UndoRedoActions: () => import("react").JSX.Element;
+//# sourceMappingURL=undo-redo-actions.d.ts.map

package/dist/src/components/tiptap/toolbar/actions/undo-redo-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"undo-redo-actions.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tiptap/toolbar/actions/undo-redo-actions.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,eAAe,mCAoD3B,CAAC"}

package/dist/src/components/tiptap/toolbar/actions/undo-redo-actions.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useEditorState}from"@tiptap/react";import{RedoIcon,UndoIcon}from"lucide-react";import{useTranslations}from"use-intl";import{Button}from"../../../ui/button.js";import{TooltipWithContent}from"../../../ui/tooltip.js";import{useToolbarEditor}from"../use-toolbar-editor.js";import{TooltipShortcut}from"./utils/tooltip-shortcut.js";export const UndoRedoActions=()=>{const t=useTranslations("core.global.editor");const{editor}=useToolbarEditor();const{canUndo,canRedo}=useEditorState({editor,selector:ctx=>{return{canUndo:ctx.editor.can().chain().focus().undo().run(),canRedo:ctx.editor.can().chain().focus().redo().run()}}});return _jsxs(_Fragment,{children:[_jsx(TooltipWithContent,{text:_jsxs(_Fragment,{children:[t("undo")," ",_jsx(TooltipShortcut,{children:"+Z"})]}),children:_jsx(Button,{"aria-label":t("undo"),disabled:!canUndo,onClick:()=>editor.chain().focus().undo().run(),size:"icon-sm",variant:"ghost",children:_jsx(UndoIcon,{})})}),_jsx(TooltipWithContent,{text:_jsxs(_Fragment,{children:[t("redo")," ",_jsx(TooltipShortcut,{children:"+Shift+Z"})]}),children:_jsx(Button,{"aria-label":t("redo"),disabled:!canRedo,onClick:()=>editor.chain().focus().redo().run(),size:"icon",variant:"ghost",children:_jsx(RedoIcon,{})})})]})};

package/dist/src/components/tiptap/toolbar/actions/utils/tooltip-shortcut.d.ts

@@ -0,0 +1,4 @@
+export declare const TooltipShortcut: ({ children, }: {
+    children: React.ReactNode;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=tooltip-shortcut.d.ts.map

package/dist/src/components/tiptap/toolbar/actions/utils/tooltip-shortcut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-shortcut.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/tiptap/toolbar/actions/utils/tooltip-shortcut.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAAI,eAE7B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,gCAOA,CAAC"}

package/dist/src/components/tiptap/toolbar/actions/utils/tooltip-shortcut.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{CtrlOrCommandCharacter}from"../../../../../lib/ctrl-or-command-character.js";export const TooltipShortcut=({children})=>{return _jsxs("span",{className:"ml-2 text-xs tracking-widest",children:[_jsx(CtrlOrCommandCharacter,{}),children]})};

package/dist/src/components/tiptap/toolbar/tiptap-toolbar.d.ts

@@ -0,0 +1,5 @@
+import type { Editor } from "@tiptap/react";
+export declare const TipTapToolbar: ({ editor }: {
+    editor: Editor;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=tiptap-toolbar.d.ts.map

package/dist/src/components/tiptap/toolbar/tiptap-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tiptap-toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/tiptap/toolbar/tiptap-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAiB5C,eAAO,MAAM,aAAa,GAAI,YAAY;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,gCAwB3D,CAAC"}

package/dist/src/components/tiptap/toolbar/tiptap-toolbar.js

@@ -0,0 +1 @@
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useMemo}from"react";import{ScrollArea,ScrollBar}from"../../ui/scroll-area.js";import{Separator}from"../../ui/separator.js";import{AlignmentAction}from"./actions/alignment-action.js";import{BoldAction}from"./actions/bold-action.js";import{HeadingsAction}from"./actions/headings-action.js";import{ItalicAction}from"./actions/italic-action.js";import{ListAction}from"./actions/list-action.js";import{TextFormatMore}from"./actions/text-format-more/text-format-more.js";import{UnderlineAction}from"./actions/underline-action.js";import{UndoRedoActions}from"./actions/undo-redo-actions.js";import{ToolbarEditorContext}from"./use-toolbar-editor.js";export const TipTapToolbar=({editor})=>{const contextValue=useMemo(()=>({editor}),[editor]);return _jsx(ToolbarEditorContext,{value:contextValue,children:_jsxs(ScrollArea,{children:[_jsxs("div",{className:"flex h-14 items-center gap-1 border-b p-2 [&>div[data-slot='separator']]:mx-1",children:[_jsx(UndoRedoActions,{}),_jsx(Separator,{orientation:"vertical"}),_jsx(HeadingsAction,{}),_jsx(Separator,{orientation:"vertical"}),_jsx(BoldAction,{}),_jsx(ItalicAction,{}),_jsx(UnderlineAction,{}),_jsx(TextFormatMore,{}),_jsx(AlignmentAction,{}),_jsx(Separator,{orientation:"vertical"}),_jsx(ListAction,{})]}),_jsx(ScrollBar,{orientation:"horizontal"})]})})};

package/dist/src/components/tiptap/toolbar/use-toolbar-editor.d.ts

@@ -0,0 +1,9 @@
+import type { Editor } from "@tiptap/react";
+import React from "react";
+export declare const ToolbarEditorContext: React.Context<{
+    editor: Editor;
+}>;
+export declare const useToolbarEditor: () => {
+    editor: Editor;
+};
+//# sourceMappingURL=use-toolbar-editor.d.ts.map

package/dist/src/components/tiptap/toolbar/use-toolbar-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toolbar-editor.d.ts","sourceRoot":"","sources":["../../../../../src/components/tiptap/toolbar/use-toolbar-editor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,oBAAoB;YACvB,MAAM;EAGd,CAAC;AAEH,eAAO,MAAM,gBAAgB;YALnB,MAAM;CAKqD,CAAC"}

package/dist/src/components/tiptap/toolbar/use-toolbar-editor.js

@@ -0,0 +1 @@
+import React from"react";export const ToolbarEditorContext=React.createContext({editor:{}});export const useToolbarEditor=()=>React.use(ToolbarEditorContext);