@vitnode/core 1.2.0-canary.71 → 1.2.0-canary.74

package/dist/src/components/form/fields/combobox.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Check,ChevronsUpDown}from"lucide-react";import{useTranslations}from"next-intl";import{Button}from"../../ui/button.js";import{Command,CommandEmpty,CommandGroup,CommandInput,CommandItem,CommandList}from"../../ui/command.js";import{FormControl,FormItem,FormMessage}from"../../ui/form.js";import{Popover,PopoverContent,PopoverTrigger}from"../../ui/popover.js";import{cn}from"../../../lib/utils.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormCombobox=({label,field,description,placeholder,className,otherProps:{enum:enumValues=[],isOptional},labels=[],labelRight,searchPlaceholder,...props})=>{const t=useTranslations("core.global");const values=enumValues.map(value=>{const label=labels.find(l=>l.value===value)?.label;return{value,label:label??value}});return _jsxs(FormItem,{className:"flex flex-col",children:[label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),_jsxs(Popover,{children:[_jsx(PopoverTrigger,{asChild:true,children:_jsx(FormControl,{children:_jsxs(Button,{"aria-label":"Combobox",className:cn("w-[200px] justify-between",!field.value&&"text-muted-foreground",className),role:"combobox",variant:"outline",...props,children:[field.value?values.find(({value})=>value===field.value)?.label:placeholder??t("select_option"),_jsx(ChevronsUpDown,{className:"ml-2 size-4 shrink-0 opacity-50"})]})})}),_jsx(PopoverContent,{className:"w-[200px] p-0",children:_jsxs(Command,{children:[_jsx(CommandInput,{placeholder:searchPlaceholder??t("search_placeholder")}),_jsxs(CommandList,{children:[_jsx(CommandEmpty,{children:t("results_not_found")}),_jsx(CommandGroup,{children:values.map(({label,value})=>_jsxs(CommandItem,{onSelect:()=>{field.onChange(value)},value:label,children:[label,_jsx(Check,{className:cn("ml-auto",value===field.value?"opacity-100":"opacity-0")})]},value))})]})]})})]}),description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useQuery}from"@tanstack/react-query";import{useTranslations}from"next-intl";import React from"react";import{useDebouncedCallback}from"use-debounce";import{Combobox,ComboboxChip,ComboboxChips,ComboboxChipsInput,ComboboxContent,ComboboxEmpty,ComboboxInput,ComboboxItem,ComboboxList,ComboboxValue,useComboboxAnchor}from"../../ui/combobox.js";import{FormMessage}from"../../ui/form.js";import{Skeleton}from"../../ui/skeleton.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormCombobox=({label,field,itemParams,description,placeholder,otherProps,labels=[],labelRight,onValueChange,onInputValueChange,disabled,multiple=false,className,showClear,fetchData,id,searchPlaceholder,filter,...props})=>{const t=useTranslations("core.global");const anchor=useComboboxAnchor();const isAsync=typeof fetchData==="function";const isMultiple=!isAsync&&multiple;const[search,setSearch]=React.useState("");const{data,isLoading}=useQuery({queryKey:[id??"combobox",{search}],queryFn:async()=>{if(!fetchData)return[];return await fetchData({search})},enabled:isAsync});const handleChangeSearch=useDebouncedCallback(value=>{setSearch(value)},500);const items=isAsync?data??[]:otherProps?.enum??[];const inputPlaceholder=isAsync?searchPlaceholder??placeholder??t("select_option"):placeholder??t("select_option");const getComboboxValue=()=>{if(isAsync){return field.value??null}if(isMultiple){return field.value??[]}return field.value??null};const comboboxValue=getComboboxValue();const comboboxDefaultValue=comboboxValue;const comboboxFilter=isAsync?null:filter;const comboboxItemEqual=isAsync?(itemValue,value)=>{const item=itemValue;const currentValue=value;return item?.value===currentValue?.value}:undefined;const onComboboxInputValueChange=(value,event)=>{if(isAsync){handleChangeSearch(value)}onInputValueChange?.(value,event)};const onComboboxValueChange=(value,event)=>{field.onChange(value);onValueChange?.(value,event)};const renderItems=()=>{if(isAsync){return _jsx(ComboboxList,{children:item=>_jsx(ComboboxItem,{value:item,children:item.label},item.value)})}return _jsx(ComboboxList,{children:item=>_jsx(ComboboxItem,{value:item,children:labels.find(l=>l.value===item)?.label??item},item)})};const renderContent=()=>{if(isAsync&&isLoading){return _jsxs("div",{className:"space-y-2 p-2",children:[_jsx(Skeleton,{className:"h-6 rounded-sm"}),_jsx(Skeleton,{className:"h-6 rounded-sm"})]})}return _jsxs(_Fragment,{children:[_jsx(ComboboxEmpty,{children:t("results_not_found")}),renderItems()]})};return _jsxs(_Fragment,{children:[label&&_jsx(AutoFormLabel,{isOptional:otherProps.isOptional,labelRight:labelRight,children:label}),_jsx(Combobox,{autoHighlight:true,defaultValue:comboboxDefaultValue,disabled:disabled,filter:comboboxFilter,isItemEqualToValue:comboboxItemEqual,items:items,multiple:isMultiple,onInputValueChange:onComboboxInputValueChange,onValueChange:onComboboxValueChange,value:comboboxValue,...props,children:isMultiple?_jsxs(_Fragment,{children:[_jsx(ComboboxChips,{className:className,ref:anchor,children:_jsx(ComboboxValue,{children:values=>_jsxs(_Fragment,{children:[values.map(value=>_jsx(ComboboxChip,{children:labels.find(l=>l.value===value)?.label??value},value)),_jsx(ComboboxChipsInput,{})]})})}),_jsx(ComboboxContent,{anchor:anchor,children:renderContent()})]}):_jsxs(_Fragment,{children:[_jsx(ComboboxInput,{"aria-invalid":otherProps?.["aria-invalid"]??false,className:className,disabled:disabled,placeholder:inputPlaceholder,showClear:showClear}),_jsx(ComboboxContent,{anchor:anchor,children:renderContent()})]})}),description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};

package/dist/src/components/form/fields/combobox.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=combobox.test.d.ts.map

package/dist/src/components/form/fields/combobox.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/combobox.test.tsx"],"names":[],"mappings":""}

package/dist/src/components/form/fields/combobox.test.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{QueryClient,QueryClientProvider}from"@tanstack/react-query";import{fireEvent,render,screen,waitFor}from"@testing-library/react";import{afterEach,describe,expect,it,vi}from"vitest";import{AutoFormCombobox}from"./combobox.js";vi.mock("next-intl",()=>({useTranslations:()=>key=>key}));vi.mock("@/components/ui/form",()=>({FormMessage:()=>null,useFormField:()=>({error:undefined,formDescriptionId:"form-item-description",formItemId:"form-item",formMessageId:"form-item-message"})}));afterEach(()=>{vi.useRealTimers()});const createField=(value=null)=>{return{value,onChange:vi.fn(),onBlur:vi.fn(),name:"field",ref:vi.fn()}};const renderWithClient=ui=>{const queryClient=new QueryClient({defaultOptions:{queries:{retry:false}}});return render(_jsx(QueryClientProvider,{client:queryClient,children:ui}))};describe("AutoFormCombobox",()=>{it("uses the translated default placeholder when no placeholder is provided",()=>{renderWithClient(_jsx(AutoFormCombobox,{field:createField(),otherProps:{enum:["option-one"],isOptional:false,"aria-invalid":false}}));expect(screen.getByPlaceholderText("select_option")).toBeTruthy()});it("renders label and placeholder for static options",()=>{renderWithClient(_jsx(AutoFormCombobox,{field:createField(),label:"Type",otherProps:{enum:["option-one","option-two"],isOptional:false,"aria-invalid":false},placeholder:"Pick a type"}));expect(screen.getByText("Type")).toBeTruthy();expect(screen.getByPlaceholderText("Pick a type")).toBeTruthy()});it("renders optional marker, labelRight and description",()=>{renderWithClient(_jsx(AutoFormCombobox,{description:"Choose the primary item type.",field:createField(),label:"Type",labelRight:_jsx("span",{children:"Admin only"}),otherProps:{enum:["option-one"],isOptional:true,"aria-invalid":false}}));expect(screen.getByText("Type")).toBeTruthy();expect(screen.getByText("optional")).toBeTruthy();expect(screen.getByText("Admin only")).toBeTruthy();expect(screen.getByText("Choose the primary item type.")).toBeTruthy()});it("passes disabled and invalid state to the single input",()=>{renderWithClient(_jsx(AutoFormCombobox,{disabled:true,field:createField(),otherProps:{enum:["option-one"],isOptional:false,"aria-invalid":true},placeholder:"Pick a type"}));const input=screen.getByPlaceholderText("Pick a type");expect(input.disabled).toBe(true);expect(input.getAttribute("aria-invalid")).toBe("true")});it("renders chips when multiple for static options",()=>{const{container}=renderWithClient(_jsx(AutoFormCombobox,{field:createField([]),label:"Tags",multiple:true,otherProps:{enum:["one","two"],isOptional:false,"aria-invalid":false}}));expect(container.querySelector("[data-slot='combobox-chips']")).toBeTruthy()});it("renders mapped labels for selected values",()=>{renderWithClient(_jsx(AutoFormCombobox,{field:createField(["option-one"]),labels:[{label:"Option One",value:"option-one"}],multiple:true,otherProps:{enum:["option-one"],isOptional:false,"aria-invalid":false}}));expect(screen.getByText("Option One")).toBeTruthy()});it("falls back to raw selected values when labels are missing",()=>{renderWithClient(_jsx(AutoFormCombobox,{field:createField(["unknown-option"]),multiple:true,otherProps:{enum:["unknown-option"],isOptional:false,"aria-invalid":false}}));expect(screen.getByText("unknown-option")).toBeTruthy()});it("calls onInputValueChange for static input",()=>{const onInputValueChange=vi.fn();renderWithClient(_jsx(AutoFormCombobox,{field:createField(),label:"Type",onInputValueChange:onInputValueChange,otherProps:{enum:["option-one"],isOptional:false,"aria-invalid":false},placeholder:"Pick a type"}));fireEvent.change(screen.getByPlaceholderText("Pick a type"),{target:{value:"opt"}});expect(onInputValueChange).toHaveBeenCalled()});it("calls field.onChange and onValueChange when a static option is selected",async()=>{const field=createField();const onValueChange=vi.fn();renderWithClient(_jsx(AutoFormCombobox,{field:field,onValueChange:onValueChange,otherProps:{enum:["option-one","option-two"],isOptional:false,"aria-invalid":false},placeholder:"Pick a type"}));const input=screen.getByPlaceholderText("Pick a type");fireEvent.focus(input);fireEvent.keyDown(input,{key:"ArrowDown"});fireEvent.keyDown(input,{key:"Enter"});await waitFor(()=>{expect(field.onChange).toHaveBeenCalledWith("option-one")});expect(onValueChange).toHaveBeenCalledWith("option-one",expect.anything())});it("loads async options and ignores multiple",async()=>{const fetchData=vi.fn().mockResolvedValue([{label:"Category",value:"1"}]);const{container}=renderWithClient(_jsx(AutoFormCombobox,{fetchData:fetchData,field:createField(),id:"categoryId",label:"Category",multiple:true,otherProps:{isOptional:false,"aria-invalid":false},searchPlaceholder:"Search categories"}));await waitFor(()=>{expect(fetchData).toHaveBeenCalledWith({search:""})});expect(screen.getByPlaceholderText("Search categories")).toBeTruthy();expect(container.querySelector("[data-slot='combobox-chips']")).toBeNull()});it("uses placeholder as async search placeholder fallback",async()=>{const fetchData=vi.fn().mockResolvedValue([]);renderWithClient(_jsx(AutoFormCombobox,{fetchData:fetchData,field:createField(),id:"categoryId",otherProps:{isOptional:false,"aria-invalid":false},placeholder:"Search from placeholder"}));await waitFor(()=>{expect(fetchData).toHaveBeenCalledWith({search:""})});expect(screen.getByPlaceholderText("Search from placeholder")).toBeTruthy()});it("forwards async input changes without refetching immediately",async()=>{const fetchData=vi.fn().mockResolvedValue([]);const onInputValueChange=vi.fn();renderWithClient(_jsx(AutoFormCombobox,{fetchData:fetchData,field:createField(),id:"categoryId",onInputValueChange:onInputValueChange,otherProps:{isOptional:false,"aria-invalid":false},searchPlaceholder:"Search categories"}));await waitFor(()=>{expect(fetchData).toHaveBeenCalledWith({search:""})});const input=screen.getByPlaceholderText("Search categories");fireEvent.input(input,{target:{value:"cat"}});expect(onInputValueChange).toHaveBeenCalledWith("cat",expect.anything());expect(fetchData).not.toHaveBeenCalledWith({search:"cat"})})});

package/dist/src/components/form/fields/input.d.ts

@@ -1,4 +1,4 @@
 import type { ItemAutoFormComponentProps } from "../auto-form";
 import { Input } from "../../ui/input";
-export declare const AutoFormInput: ({ label, labelRight, description, otherProps: { isOptional, maxLength, minLength, pattern, type }, field, ...props }: ItemAutoFormComponentProps & Omit<React.ComponentProps<typeof Input>, "value">) => import("react/jsx-runtime").JSX.Element;
+export declare const AutoFormInput: ({ label, labelRight, description, otherProps: { isOptional, maxLength, minLength, pattern, type }, field, itemParams, children, ...props }: ItemAutoFormComponentProps & Omit<React.ComponentProps<typeof Input>, "value">) => import("react").JSX.Element;
 //# sourceMappingURL=input.d.ts.map

package/dist/src/components/form/fields/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAG/D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIvC,eAAO,MAAM,aAAa,GAAI,sHAO3B,0BAA0B,GAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,OAAO,CAAC,4CAgClD,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAG/D,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIvC,eAAO,MAAM,aAAa,GAAI,4IAU3B,0BAA0B,GAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,OAAO,CAAC,gCA0DlD,CAAC"}

package/dist/src/components/form/fields/input.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{FormControl,FormItem,FormMessage}from"../../ui/form.js";import{Input}from"../../ui/input.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormInput=({label,labelRight,description,otherProps:{isOptional,maxLength,minLength,pattern,type},field,...props})=>{return _jsxs(FormItem,{children:[label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),_jsx(FormControl,{children:_jsx(Input,{...field,maxLength:maxLength,minLength:minLength,onBlur:e=>{field.onBlur();props.onBlur?.(e)},onChange:e=>{field.onChange(e);props.onChange?.(e)},pattern:pattern,type:type??"text",value:field.value??"",...props})}),description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{InputGroup,InputGroupInput}from"../../ui/input-group.js";import{FormControl,FormMessage}from"../../ui/form.js";import{Input}from"../../ui/input.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormInput=({label,labelRight,description,otherProps:{isOptional,maxLength,minLength,pattern,type},field,itemParams,children,...props})=>{return _jsxs(_Fragment,{children:[label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),children?_jsxs(InputGroup,{children:[_jsx(FormControl,{children:_jsx(InputGroupInput,{...field,maxLength:maxLength,minLength:minLength,onBlur:e=>{field.onBlur();props.onBlur?.(e)},onChange:e=>{field.onChange(e);props.onChange?.(e)},pattern:pattern,type:type??"text",value:field.value??"",...props})}),children]}):_jsx(FormControl,{children:_jsx(Input,{...field,maxLength:maxLength,minLength:minLength,onBlur:e=>{field.onBlur();props.onBlur?.(e)},onChange:e=>{field.onChange(e);props.onChange?.(e)},pattern:pattern,type:type??"text",value:field.value??"",...props})}),description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};

package/dist/src/components/form/fields/radio-group.d.ts

@@ -1,10 +1,15 @@
 import type React from "react";
 import { RadioGroup } from "../../../components/ui/radio-group";
 import type { ItemAutoFormComponentProps } from "../auto-form";
-export declare const AutoFormRadioGroup: ({ label, labelRight, field, description, otherProps: { enum: enumValues, isOptional }, labels, ...props }: ItemAutoFormComponentProps & Omit<React.ComponentProps<typeof RadioGroup>, "value"> & {
-    labels?: {
-        label: string;
-        value: string;
-    }[];
-}) => import("react/jsx-runtime").JSX.Element;
+interface ItemAutoFormRadioGroupLabelsProps {
+    description?: string;
+    disabled?: boolean;
+    label: string;
+    value: string;
+}
+export declare const AutoFormRadioGroup: ({ label, labelRight, field, itemParams, description, otherProps: { enum: enumValues, isOptional }, labels, variant, ...props }: ItemAutoFormComponentProps & Omit<React.ComponentProps<typeof RadioGroup>, "value"> & {
+    labels?: ItemAutoFormRadioGroupLabelsProps[];
+    variant?: "blocks" | "default";
+}) => React.JSX.Element;
+export {};
 //# sourceMappingURL=radio-group.d.ts.map

package/dist/src/components/form/fields/radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,UAAU,EAAkB,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAK/D,eAAO,MAAM,kBAAkB,GAAI,2GAQhC,0BAA0B,GAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,OAAO,CAAC,GAAG;IACvD,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC7C,4CA2CF,CAAC"}
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAE,UAAU,EAAkB,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAK/D,UAAU,iCAAiC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,kBAAkB,GAAI,gIAWhC,0BAA0B,GAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,OAAO,CAAC,GAAG;IACvD,MAAM,CAAC,EAAE,iCAAiC,EAAE,CAAC;IAC7C,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC,sBAgFF,CAAC"}

package/dist/src/components/form/fields/radio-group.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{FormControl,FormItem,FormLabel,FormMessage}from"../../ui/form.js";import{RadioGroup,RadioGroupItem}from"../../ui/radio-group.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormRadioGroup=({label,labelRight,field,description,otherProps:{enum:enumValues=[],isOptional},labels=[],...props})=>{const values=enumValues.map(value=>{const label=labels.find(l=>l.value===value)?.label;return{value,label:label??value}});return _jsxs(FormItem,{className:"space-y-3",children:[label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),_jsx(FormControl,{children:_jsx(RadioGroup,{defaultValue:field.value,disabled:props.disabled,onValueChange:field.onChange,...props,children:values.map(({value,label})=>_jsxs(FormItem,{className:"flex items-center space-y-0 space-x-3",children:[_jsx(FormControl,{children:_jsx(RadioGroupItem,{value:value})}),_jsx(FormLabel,{className:"font-normal",children:label})]},value))})}),description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{Field,FieldContent,FieldDescription,FieldLabel,FieldTitle}from"../../ui/field.js";import{FormControl,FormMessage}from"../../ui/form.js";import{RadioGroup,RadioGroupItem}from"../../ui/radio-group.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormRadioGroup=({label,labelRight,field,itemParams,description,otherProps:{enum:enumValues=[],isOptional},labels=[],variant="default",...props})=>{const values=enumValues.map(value=>{const item=labels.find(l=>l.value===value);return{value,label:item?.label??value,description:item?.description,disabled:item?.disabled}});return _jsxs(_Fragment,{children:[label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormControl,{children:_jsx(RadioGroup,{defaultValue:field.value,disabled:props.disabled,onValueChange:field.onChange,...props,children:values.map(({value,label,description,disabled})=>variant==="default"?_jsxs(Field,{"data-disabled":disabled,orientation:"horizontal",children:[_jsx(FormControl,{children:_jsx(RadioGroupItem,{disabled:disabled,id:`${field.name}-${value}`,value:value})}),_jsxs(FieldContent,{children:[_jsx(FieldLabel,{htmlFor:`${field.name}-${value}`,children:label}),description&&_jsx(FieldDescription,{children:description})]})]},`${field.name}-${value}`):_jsx(FieldLabel,{htmlFor:`${field.name}-${value}`,children:_jsxs(Field,{"data-disabled":disabled,orientation:"horizontal",children:[_jsxs(FieldContent,{children:[_jsx(FieldTitle,{children:label}),description&&_jsx(FieldDescription,{children:description})]}),_jsx(FormControl,{children:_jsx(RadioGroupItem,{disabled:disabled,id:`${field.name}-${value}`,value:value})})]})},`${field.name}-${value}`))})}),_jsx(FormMessage,{})]})};

package/dist/src/components/form/fields/select.d.ts

@@ -1,11 +1,11 @@
 import type React from "react";
 import { Select } from "../../../components/ui/select";
 import type { ItemAutoFormComponentProps } from "../auto-form";
-export declare const AutoFormSelect: ({ label, field, description, otherProps: { enum: enumValues, isOptional }, placeholder, labelRight, labels, ...props }: ItemAutoFormComponentProps & Omit<React.ComponentProps<typeof Select>, "value"> & {
+export declare const AutoFormSelect: ({ label, field, itemParams, description, otherProps: { enum: enumValues, isOptional }, placeholder, labelRight, labels, ...props }: ItemAutoFormComponentProps & Omit<React.ComponentProps<typeof Select>, "value"> & {
     labels?: {
         label: string;
         value: string;
     }[];
     placeholder?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 //# sourceMappingURL=select.d.ts.map

package/dist/src/components/form/fields/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EACL,MAAM,EAKP,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAK/D,eAAO,MAAM,cAAc,GAAI,wHAS5B,0BAA0B,GAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG;IACnD,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,4CAwDF,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EACL,MAAM,EAKP,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAK/D,eAAO,MAAM,cAAc,GAAI,oIAW5B,0BAA0B,GAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG;IACnD,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,sBAwDF,CAAC"}

package/dist/src/components/form/fields/select.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useTranslations}from"next-intl";import{FormControl,FormItem,FormMessage}from"../../ui/form.js";import{Select,SelectContent,SelectItem,SelectTrigger,SelectValue}from"../../ui/select.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormSelect=({label,field,description,otherProps:{enum:enumValues=[],isOptional},placeholder,labelRight,labels=[],...props})=>{const t=useTranslations("core.global");const values=enumValues.map(value=>{const label=labels.find(l=>l.value===value)?.label;return{value,label:label??value}});const currentPlaceholder=(values??labels).find(l=>l.value===field.value)?.label??t("select_option");return _jsxs(FormItem,{className:"space-y-3",children:[label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),_jsx(FormControl,{children:_jsxs(Select,{defaultValue:field.value,disabled:props.disabled,onValueChange:e=>{field.onChange(e);props?.onValueChange?.(e)},...props,children:[_jsx(SelectTrigger,{...props,children:_jsx(SelectValue,{onBlur:field.onBlur,placeholder:placeholder??currentPlaceholder,children:currentPlaceholder})}),_jsx(SelectContent,{children:values.map(({value,label})=>_jsx(SelectItem,{value:value,children:label},value))})]})}),description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{useTranslations}from"next-intl";import{FormControl,FormMessage}from"../../ui/form.js";import{Select,SelectContent,SelectItem,SelectTrigger,SelectValue}from"../../ui/select.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormSelect=({label,field,itemParams,description,otherProps:{enum:enumValues=[],isOptional},placeholder,labelRight,labels=[],...props})=>{const t=useTranslations("core.global");const values=enumValues.map(value=>{const label=labels.find(l=>l.value===value)?.label;return{value,label:label??value}});const currentPlaceholder=(values??labels).find(l=>l.value===field.value)?.label??t("select_option");return _jsxs(_Fragment,{children:[label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),_jsx(FormControl,{children:_jsxs(Select,{defaultValue:field.value,disabled:props.disabled,onValueChange:e=>{field.onChange(e);props?.onValueChange?.(e)},...props,children:[_jsx(SelectTrigger,{...props,children:_jsx(SelectValue,{onBlur:field.onBlur,placeholder:placeholder??currentPlaceholder,children:currentPlaceholder})}),_jsx(SelectContent,{children:values.map(({value,label})=>_jsx(SelectItem,{value:value,children:label},value))})]})}),description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};

package/dist/src/components/form/fields/switch.d.ts

@@ -1,4 +1,4 @@
 import { Switch } from "../../../components/ui/switch";
 import type { ItemAutoFormComponentProps } from "../auto-form";
-export declare const AutoFormSwitch: ({ label, field, labelRight, otherProps: { isOptional }, description, ...props }: ItemAutoFormComponentProps & Omit<React.ComponentProps<typeof Switch>, "checked">) => import("react/jsx-runtime").JSX.Element;
+export declare const AutoFormSwitch: ({ label, field, itemParams, labelRight, otherProps: { isOptional }, className, description, ...props }: ItemAutoFormComponentProps & Omit<React.ComponentProps<typeof Switch>, "checked">) => import("react").JSX.Element;
 //# sourceMappingURL=switch.d.ts.map

package/dist/src/components/form/fields/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/switch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAK/D,eAAO,MAAM,cAAc,GAAI,iFAO5B,0BAA0B,GAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,CAAC,4CA8BrD,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/switch.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAK/D,eAAO,MAAM,cAAc,GAAI,wGAU5B,0BAA0B,GAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,CAAC,gCAmCrD,CAAC"}

package/dist/src/components/form/fields/switch.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{FormControl,FormItem}from"../../ui/form.js";import{Switch}from"../../ui/switch.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormSwitch=({label,field,labelRight,otherProps:{isOptional},description,...props})=>{return _jsxs(FormItem,{className:"flex flex-row items-center justify-between rounded-lg border p-4",children:[(label??description)&&_jsxs("div",{className:"space-y-0.5",children:[label&&_jsx(AutoFormLabel,{className:"text-base",isOptional:isOptional,labelRight:labelRight,children:label}),description&&_jsx(AutoFormDesc,{children:description})]}),_jsx(FormControl,{children:_jsx(Switch,{checked:field.value??false,onCheckedChange:e=>{field.onChange(e);props?.onCheckedChange?.(e)},...props})})]})};
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{FormControl}from"../../ui/form.js";import{Switch}from"../../ui/switch.js";import{cn}from"../../../lib/utils.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormSwitch=({label,field,itemParams,labelRight,otherProps:{isOptional},className,description,...props})=>{return _jsxs("div",{className:cn("flex flex-row items-center justify-between rounded-lg border p-4",className),children:[(label??description)&&_jsxs("div",{className:"space-y-0.5",children:[label&&_jsx(AutoFormLabel,{className:"text-base",isOptional:isOptional,labelRight:labelRight,children:label}),description&&_jsx(AutoFormDesc,{children:description})]}),_jsx(FormControl,{children:_jsx(Switch,{checked:field.value??false,onCheckedChange:e=>{field.onChange(e);props?.onCheckedChange?.(e)},...props})})]})};

package/dist/src/components/form/fields/textarea.d.ts

@@ -1,8 +1,8 @@
 import type React from "react";
 import { Textarea } from "../../../components/ui/textarea";
 import type { ItemAutoFormComponentProps } from "../auto-form";
-export declare const AutoFormTextarea: ({ label, description, labelRight, otherProps: { isOptional, maxLength, minLength }, field, ...props }: ItemAutoFormComponentProps & Omit<React.ComponentProps<typeof Textarea>, "value"> & {
+export declare const AutoFormTextarea: ({ label, description, labelRight, otherProps: { isOptional, maxLength, minLength }, field, itemParams, children, ...props }: ItemAutoFormComponentProps & Omit<React.ComponentProps<typeof Textarea>, "value"> & {
     description?: React.ReactNode;
     label?: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 //# sourceMappingURL=textarea.d.ts.map

package/dist/src/components/form/fields/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAK/D,eAAO,MAAM,gBAAgB,GAAI,uGAO9B,0BAA0B,GAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,OAAO,CAAC,GAAG;IACrD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,4CA8BF,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAK/D,eAAO,MAAM,gBAAgB,GAAI,6HAU9B,0BAA0B,GAC3B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EAAE,OAAO,CAAC,GAAG;IACrD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,sBAoDF,CAAC"}

package/dist/src/components/form/fields/textarea.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{FormControl,FormItem,FormMessage}from"../../ui/form.js";import{Textarea}from"../../ui/textarea.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormTextarea=({label,description,labelRight,otherProps:{isOptional,maxLength,minLength},field,...props})=>{return _jsxs(FormItem,{children:[label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),_jsx(FormControl,{children:_jsx(Textarea,{maxLength:maxLength,minLength:minLength,onBlur:e=>{field.onBlur();props.onBlur?.(e)},onChange:e=>{field.onChange(e);props.onChange?.(e)},value:field.value??"",...props})}),description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};
+import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";import{FormControl,FormMessage}from"../../ui/form.js";import{InputGroup,InputGroupTextarea}from"../../ui/input-group.js";import{Textarea}from"../../ui/textarea.js";import{AutoFormDesc}from"../common/desc.js";import{AutoFormLabel}from"../common/label.js";export const AutoFormTextarea=({label,description,labelRight,otherProps:{isOptional,maxLength,minLength},field,itemParams,children,...props})=>{return _jsxs(_Fragment,{children:[label&&_jsx(AutoFormLabel,{isOptional:isOptional,labelRight:labelRight,children:label}),children?_jsxs(InputGroup,{children:[_jsx(FormControl,{children:_jsx(InputGroupTextarea,{maxLength:maxLength,minLength:minLength,onBlur:e=>{field.onBlur();props.onBlur?.(e)},onChange:e=>{field.onChange(e);props.onChange?.(e)},value:field.value??"",...props})}),children]}):_jsx(FormControl,{children:_jsx(Textarea,{maxLength:maxLength,minLength:minLength,onBlur:e=>{field.onBlur();props.onBlur?.(e)},onChange:e=>{field.onChange(e);props.onChange?.(e)},value:field.value??"",...props})}),description&&_jsx(AutoFormDesc,{children:description}),_jsx(FormMessage,{})]})};

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

@@ -3,5 +3,5 @@ import "server-only";
 export declare function I18nProvider<NestedKey extends NamespaceKeys<Messages, NestedKeyOf<Messages>> = never>({ children, namespaces, }: {
     children: React.ReactNode;
     namespaces: NestedKey | NestedKey[];
-}): Promise<import("react/jsx-runtime").JSX.Element>;
+}): Promise<import("react").JSX.Element>;
 //# sourceMappingURL=i18n-provider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"i18n-provider.d.ts","sourceRoot":"","sources":["../../../src/components/i18n-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAItE,OAAO,aAAa,CAAC;AA2BrB,wBAAsB,YAAY,CAChC,SAAS,SAAS,aAAa,CAAC,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,GAAG,KAAK,EACxE,EACA,QAAQ,EACR,UAAU,GACX,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACrC,oDAaA"}
+{"version":3,"file":"i18n-provider.d.ts","sourceRoot":"","sources":["../../../src/components/i18n-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAItE,OAAO,aAAa,CAAC;AA2BrB,wBAAsB,YAAY,CAChC,SAAS,SAAS,aAAa,CAAC,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC,GAAG,KAAK,EACxE,EACA,QAAQ,EACR,UAAU,GACX,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACrC,wCAaA"}

package/dist/src/components/logo-vitnode.d.ts

@@ -1,4 +1,4 @@
 export declare const LogoVitNode: ({ className, small, ...props }: React.ComponentProps<"svg"> & {
     small?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 //# sourceMappingURL=logo-vitnode.d.ts.map

package/dist/src/components/logo-vitnode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logo-vitnode.d.ts","sourceRoot":"","sources":["../../../src/components/logo-vitnode.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,GAAI,gCAIzB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,4CA8FA,CAAC"}
+{"version":3,"file":"logo-vitnode.d.ts","sourceRoot":"","sources":["../../../src/components/logo-vitnode.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,GAAI,gCAIzB,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,gCA8FA,CAAC"}

package/dist/src/components/role-format.d.ts

@@ -0,0 +1,11 @@
+export declare const RoleFormat: ({ role, className, style, ...props }: Omit<React.ComponentProps<"span">, "role"> & {
+    role: {
+        color: null | string;
+        id: number;
+        name: {
+            languageCode: string;
+            name: string;
+        }[];
+    };
+}) => Promise<import("react").JSX.Element>;
+//# sourceMappingURL=role-format.d.ts.map

package/dist/src/components/role-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"role-format.d.ts","sourceRoot":"","sources":["../../../src/components/role-format.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,GAAU,sCAK9B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,GAAG;IAC9C,IAAI,EAAE;QACJ,KAAK,EAAE,IAAI,GAAG,MAAM,CAAC;QACrB,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE;YAAE,YAAY,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;KAChD,CAAC;CACH,yCAmBA,CAAC"}

package/dist/src/components/role-format.js

@@ -0,0 +1 @@
+import{jsx as _jsx}from"react/jsx-runtime";import{getLocale}from"next-intl/server";import{cn}from"../lib/utils.js";export const RoleFormat=async({role,className,style,...props})=>{const locale=await getLocale();const name=role.name.find(item=>item.languageCode===locale)?.name??role.name[0]?.name??"";return _jsx("span",{className:cn("font-medium",className),style:{...role.color?{color:role.color}:{},...style},...props,children:name})};

package/dist/src/components/switchers/langs/language-switcher.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 import type { LocaleConfig } from "../../../vitnode.config";
 export declare const LanguageSwitcher: ({ locales }: {
     locales: LocaleConfig[];
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 //# sourceMappingURL=language-switcher.d.ts.map

package/dist/src/components/switchers/langs/language-switcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"language-switcher.d.ts","sourceRoot":"","sources":["../../../../../src/components/switchers/langs/language-switcher.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAYrD,eAAO,MAAM,gBAAgB,GAAI,aAAa;IAAE,OAAO,EAAE,YAAY,EAAE,CAAA;CAAE,4CAwCxE,CAAC"}
+{"version":3,"file":"language-switcher.d.ts","sourceRoot":"","sources":["../../../../../src/components/switchers/langs/language-switcher.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAYrD,eAAO,MAAM,gBAAgB,GAAI,aAAa;IAAE,OAAO,EAAE,YAAY,EAAE,CAAA;CAAE,sBAwCxE,CAAC"}

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

@@ -1,2 +1,2 @@
-export declare const ThemeSwitcher: () => import("react/jsx-runtime").JSX.Element;
+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

@@ -1 +1 @@
-{"version":3,"file":"theme-switcher.d.ts","sourceRoot":"","sources":["../../../../../src/components/switchers/themes/theme-switcher.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,aAAa,+CAmBzB,CAAC"}
+{"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/table/content.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../src/components/table/content.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAc7D,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,aAAa,EAAE,EACxD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,uBAAuB,EACvB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,2CAkF3C"}
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../src/components/table/content.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAgB7D,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,aAAa,EAAE,EACxD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,eAAe,EACf,MAAM,EACN,iBAAiB,EACjB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,+BA+F3C"}

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

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{SearchXIcon}from"lucide-react";import{useTranslations}from"next-intl";import{cn}from"../../lib/utils.js";import{Table,TableBody,TableCell,TableHead,TableHeader,TableRow}from"../ui/table.js";import{OrderTableHeadDataTable}from"./order-table-head.js";import{PaginationDataTable}from"./pagination.js";export function ContentDataTable({columns,edges,pageInfo,order,customNotFoundComponent,...props}){const t=useTranslations("core.global");return _jsxs("div",{className:"space-y-4",children:[_jsx("div",{className:"[&>div]:rounded-md [&>div]:border",children:_jsxs(Table,{...props,children:[_jsx(TableHeader,{className:"bg-card",children:_jsx(TableRow,{children:columns.map(column=>_jsx(TableHead,{className:cn(column.className),children:order.columns?.includes(column.id)?_jsx(OrderTableHeadDataTable,{id:column.id,order:order,children:column.label}):column.label},column.id.toString()))})}),_jsx(TableBody,{children:edges.length?edges.map(row=>_jsx(TableRow,{children:columns.map(column=>{const content=column.cell?.({allData:edges,row})??(column.id==="actions"?"":String(row[column.id]));return _jsx(TableCell,{className:cn({"flex items-center justify-end gap-2":column.id==="actions"}),children:content},`${row.id}_${column.id.toString()}`)})},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:columns.length,children:customNotFoundComponent??_jsxs("div",{className:"flex flex-col items-center justify-center gap-6",children:[_jsx(SearchXIcon,{className:"text-muted-foreground size-16 sm:size-24"}),_jsxs("div",{className:"space-y-2 text-center",children:[_jsx("h3",{className:"text-xl font-semibold tracking-tight",children:t("no_results.title")}),_jsx("p",{className:"text-muted-foreground text-sm",children:t("no_results.desc")})]})]})})})})]})}),_jsx(PaginationDataTable,{pageInfo:pageInfo})]})}
+import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{SearchXIcon}from"lucide-react";import{useTranslations}from"next-intl";import{cn}from"../../lib/utils.js";import{Table,TableBody,TableCell,TableHead,TableHeader,TableRow}from"../ui/table.js";import{FiltersDataTable}from"./filters.js";import{OrderTableHeadDataTable}from"./order-table-head.js";import{PaginationDataTable}from"./pagination.js";import{SearchDataTable}from"./search.js";export function ContentDataTable({columns,edges,pageInfo,order,customNoResults,search,searchPlaceholder,filters,...props}){const t=useTranslations("core.global");const hasToolbar=Boolean(search)||Boolean(filters?.length);return _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:columns.map(column=>_jsx(TableHead,{className:cn(column.className),children:order.columns?.includes(column.id)?_jsx(OrderTableHeadDataTable,{id:column.id,order:order,children:column.label}):column.label},column.id.toString()))})}),_jsx(TableBody,{children:edges.length?edges.map(row=>_jsx(TableRow,{children:columns.map(column=>{const content=column.cell?.({allData:edges,row})??(column.id==="actions"?"":String(row[column.id]));return _jsx(TableCell,{className:cn({"flex items-center justify-end gap-2":column.id==="actions"}),children:content},`${row.id}_${column.id.toString()}`)})},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:columns.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("h3",{className:"text-xl font-semibold tracking-tight",children:customNoResults?.title??t("no_results.title")}),_jsx("p",{className:"text-muted-foreground text-sm",children:customNoResults?.description??t("no_results.desc")}),customNoResults?.footer]})]})})})})]})}),_jsx(PaginationDataTable,{pageInfo:pageInfo})]})}

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

@@ -1,5 +1,7 @@
 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;
@@ -13,8 +15,8 @@ export interface SearchParamsDataTable<T = unknown> {
 }
 export declare const DataTableSkeleton: ({ columns }: {
     columns: number;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare function DataTable<T extends DataTableTMin>(props: Omit<React.ComponentProps<typeof Table>, "columns"> & React.ComponentProps<typeof PaginationDataTable> & {
+}) => React.JSX.Element;
+export declare function DataTable<T extends DataTableTMin>(props: Omit<React.ComponentProps<typeof Table>, "columns"> & React.ComponentProps<typeof PaginationDataTable> & React.ComponentProps<typeof SearchDataTable> & {
     columns: {
         cell?: (data: {
             allData: T[];
@@ -24,8 +26,15 @@ export declare function DataTable<T extends DataTableTMin>(props: Omit<React.Com
         id: "actions" | keyof T;
         label: string;
     }[];
-    customNotFoundComponent?: React.ReactNode;
+    customNoResults?: {
+        description?: string;
+        footer?: React.ReactNode;
+        icon?: React.ReactNode;
+        title?: string;
+    };
     edges: T[];
+    filters?: FilterDataTable[];
+    id: string;
     order: {
         columns?: (keyof T)[];
         defaultOrder: {
@@ -33,5 +42,6 @@ export declare function DataTable<T extends DataTableTMin>(props: Omit<React.Com
             order: "asc" | "desc";
         };
     };
-}): import("react/jsx-runtime").JSX.Element;
+    search?: boolean;
+}): React.JSX.Element;
 //# sourceMappingURL=data-table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/data-table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAIxD,OAAO,EACL,KAAK,EAKN,MAAM,aAAa,CAAC;AAGrB,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,eAAO,MAAM,iBAAiB,GAAI,aAAa;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,4CAqDjE,CAAC;AAEF,wBAAgB,SAAS,CAAC,CAAC,SAAS,aAAa,EAC/C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,SAAS,CAAC,GACxD,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,GAAG;IACjD,OAAO,EAAE;QACP,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE;YAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YAAC,GAAG,EAAE,CAAC,CAAA;SAAE,KAAK,KAAK,CAAC,SAAS,CAAC;QAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,EAAE,EAAE,SAAS,GAAG,MAAM,CAAC,CAAC;QACxB,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1C,KAAK,EAAE,CAAC,EAAE,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;CACH,2CAOJ"}
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/data-table.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,EAKN,MAAM,aAAa,CAAC;AAGrB,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,eAAO,MAAM,iBAAiB,GAAI,aAAa;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,sBAuDjE,CAAC;AAEF,wBAAgB,SAAS,CAAC,CAAC,SAAS,aAAa,EAC/C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,SAAS,CAAC,GACxD,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,GAChD,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IAC7C,OAAO,EAAE;QACP,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE;YAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YAAC,GAAG,EAAE,CAAC,CAAA;SAAE,KAAK,KAAK,CAAC,SAAS,CAAC;QAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,EAAE,EAAE,SAAS,GAAG,MAAM,CAAC,CAAC;QACxB,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,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,qBAOJ"}

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":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,MAAM,WAAW,YAAY;IAG3B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAG9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IAGd,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC;IAEvD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;CAC1B;AAoKD,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{useTranslations}from"next-intl";import{useSearchParams}from"next/navigation";import React from"react";import{useDebouncedCallback}from"use-debounce";import{usePathname,useRouter}from"../../lib/navigation.js";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";function FilterItem({filter}){const t=useTranslations("core.global");const searchParams=useSearchParams();const pathname=usePathname();const{push}=useRouter();const[isPending,startTransition]=React.useTransition();const isAsync=Boolean(filter.onSearch);const[asyncOptions,setAsyncOptions]=React.useState([]);const[isSearching,setIsSearching]=React.useState(false);const selected=(searchParams.get(filter.id)?.split(",")??[]).filter(Boolean);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=>{startTransition(()=>{const params=new URLSearchParams(searchParams.toString());if(values.length){params.set(filter.id,values.join(","))}else{params.delete(filter.id)}params.delete("cursor");params.delete("first");params.delete("last");push(`${pathname}?${params.toString()}`,{scroll:false})})};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:[_jsx(PopoverTrigger,{asChild:true,children:_jsxs(Button,{className:"border-dashed",disabled:isPending,size:"sm",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/order-table-head.d.ts

@@ -3,5 +3,5 @@ import type { DataTable, DataTableTMin } from "./data-table";
 export declare function OrderTableHeadDataTable<T extends DataTableTMin>({ id, children, order: { defaultOrder }, }: Pick<React.ComponentProps<typeof DataTable<T>>, "order"> & {
     children: React.ReactNode;
     id: React.ComponentProps<typeof DataTable<T>>["columns"][0]["id"];
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=order-table-head.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"order-table-head.d.ts","sourceRoot":"","sources":["../../../../src/components/table/order-table-head.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7D,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,aAAa,EAAE,EAC/D,EAAE,EACF,QAAQ,EACR,KAAK,EAAE,EAAE,YAAY,EAAE,GACxB,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;CACnE,2CA8CA"}
+{"version":3,"file":"order-table-head.d.ts","sourceRoot":"","sources":["../../../../src/components/table/order-table-head.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAK7D,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,aAAa,EAAE,EAC/D,EAAE,EACF,QAAQ,EACR,KAAK,EAAE,EAAE,YAAY,EAAE,GACxB,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;CACnE,qBA0CA"}

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

@@ -1 +1 @@
-"use client";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{ArrowDown,ArrowUp,ChevronsUpDown}from"lucide-react";import{useSearchParams}from"next/navigation";import React from"react";import{usePathname,useRouter}from"../../lib/navigation.js";import{Button}from"../ui/button.js";import{Loader}from"../ui/loader.js";export function OrderTableHeadDataTable({id,children,order:{defaultOrder}}){const[isPending,startTransition]=React.useTransition();const searchParams=useSearchParams();const pathname=usePathname();const{push}=useRouter();const currentOrderBy=searchParams.get("orderBy")??defaultOrder.column.toString();const currentOrder=searchParams.get("order")??defaultOrder.order;const isActive=currentOrderBy===id.toString();const nextOrder=isActive&&currentOrder==="asc"?"desc":"asc";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:()=>{startTransition(()=>{const params=new URLSearchParams(searchParams.toString());params.set("orderBy",id.toString());params.set("order",nextOrder);push(`${pathname}?${params.toString()}`,{scroll:false})})},size:"sm",variant:"ghost",children:[children,(()=>{if(isPending){return _jsx(Loader,{small:true})}if(isActive){if(currentOrder==="asc"){return _jsx(ArrowUp,{})}return _jsx(ArrowDown,{})}return _jsx(ChevronsUpDown,{})})()]})}
+"use client";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{ArrowDown,ArrowUp,ChevronsUpDown}from"lucide-react";import{useSearchParams}from"next/navigation";import React from"react";import{usePathname,useRouter}from"../../lib/navigation.js";import{Button}from"../ui/button.js";import{Loader}from"../ui/loader.js";export function OrderTableHeadDataTable({id,children,order:{defaultOrder}}){const[isPending,startTransition]=React.useTransition();const searchParams=useSearchParams();const pathname=usePathname();const{push}=useRouter();const currentOrderBy=searchParams.get("orderBy")??defaultOrder.column.toString();const currentOrder=searchParams.get("order")??defaultOrder.order;const isActive=currentOrderBy===id.toString();const nextOrder=isActive&&currentOrder==="asc"?"desc":"asc";let icon;if(isPending){icon=_jsx(Loader,{small:true})}else if(isActive){icon=currentOrder==="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:()=>{startTransition(()=>{const params=new URLSearchParams(searchParams.toString());params.set("orderBy",id.toString());params.set("order",nextOrder);push(`${pathname}?${params.toString()}`,{scroll:false})})},size:"sm",variant:"ghost",children:[children,icon]})}

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

@@ -1,3 +1,4 @@
+import React from "react";
 export declare const PaginationDataTable: ({ pageInfo: { hasNextPage, hasPreviousPage, startCursor, endCursor }, }: {
     pageInfo: {
         count: number;
@@ -7,5 +8,5 @@ export declare const PaginationDataTable: ({ pageInfo: { hasNextPage, hasPreviou
         startCursor: null | number;
         totalCount: number;
     };
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 //# sourceMappingURL=pagination.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/table/pagination.tsx"],"names":[],"mappings":"AAqBA,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,4CA6GA,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/table/pagination.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,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,sBA6GA,CAAC"}

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":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,wBAAgB,eAAe,CAAC,EAC9B,iBAAiB,GAClB,EAAE;IACD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,qBA2CA"}

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{useTranslations}from"next-intl";import{useSearchParams}from"next/navigation";import React from"react";import{useDebouncedCallback}from"use-debounce";import{usePathname,useRouter}from"../../lib/navigation.js";import{InputGroup,InputGroupAddon,InputGroupInput}from"../ui/input-group.js";import{Spinner}from"../ui/spinner.js";export function SearchDataTable({searchPlaceholder}){const t=useTranslations("core.global");const searchParams=useSearchParams();const searchValue=searchParams.get("search")??"";const[value,setValue]=React.useState(searchValue);const[prevSearchValue,setPrevSearchValue]=React.useState(searchValue);const[isPending,startTransition]=React.useTransition();const pathname=usePathname();const{push}=useRouter();if(searchValue!==prevSearchValue){setPrevSearchValue(searchValue);setValue(searchValue)}const handleChangeSearch=useDebouncedCallback(value=>{startTransition(()=>{const params=new URLSearchParams(searchParams.toString());if(value.length>=3){params.set("search",value)}else{params.delete("search")}push(`${pathname}?${params.toString()}`,{scroll:false})})},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/tiptap/toolbar/actions/alignment-action.d.ts

@@ -1,2 +1,2 @@
-export declare const AlignmentAction: () => import("react/jsx-runtime").JSX.Element;
+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

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

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

@@ -1 +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"next-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:[_jsx(DropdownMenuTrigger,{asChild:true,children:_jsxs(Button,{className:"w-40 justify-between",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))})})]})};
+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"next-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:[_jsx(DropdownMenuTrigger,{asChild:true,children:_jsxs(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

@@ -1,2 +1,2 @@
-export declare const BoldAction: () => import("react/jsx-runtime").JSX.Element;
+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

@@ -1 +1 @@
-{"version":3,"file":"bold-action.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tiptap/toolbar/actions/bold-action.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,UAAU,+CA+BtB,CAAC"}
+{"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

@@ -1 +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"next-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"),onClick:()=>editor.chain().focus().toggleBold().run(),pressed:isBold,children:_jsx(BoldIcon,{})})})})};
+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"next-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

@@ -1,2 +1,2 @@
-export declare const HeadingsAction: () => import("react/jsx-runtime").JSX.Element;
+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

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

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

@@ -1 +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"next-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:[_jsx(DropdownMenuTrigger,{asChild:true,children:_jsxs(Button,{className:"w-32 justify-between",variant:"ghost",children:[activeOption.icon,activeOption.label,_jsx(ChevronDown,{className:"ml-auto"})]})}),_jsx(DropdownMenuContent,{className:"min-w-[14rem]",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))})})]})};
+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"next-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:[_jsx(DropdownMenuTrigger,{asChild:true,children:_jsxs(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

@@ -1,2 +1,2 @@
-export declare const ItalicAction: () => import("react/jsx-runtime").JSX.Element;
+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

@@ -1 +1 @@
-{"version":3,"file":"italic-action.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tiptap/toolbar/actions/italic-action.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,YAAY,+CAgCxB,CAAC"}
+{"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

@@ -1 +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"next-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"),onClick:()=>editor.chain().focus().toggleItalic().run(),pressed:isItalic,children:_jsx(ItalicIcon,{})})})})};
+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"next-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

@@ -1,2 +1,2 @@
-export declare const ListAction: () => import("react/jsx-runtime").JSX.Element;
+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

@@ -1 +1 @@
-{"version":3,"file":"list-action.d.ts","sourceRoot":"","sources":["../../../../../../src/components/tiptap/toolbar/actions/list-action.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,UAAU,+CAsDtB,CAAC"}
+{"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

@@ -1 +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"next-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"),onClick:()=>editor.chain().focus().toggleBulletList().run(),pressed:isBulletList,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"),onClick:()=>editor.chain().focus().toggleOrderedList().run(),pressed:isOrderedList,children:_jsx(ListOrderedIcon,{})})})})]})};
+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"next-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

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