@kilnonedre/foundation 0.0.7 → 0.0.9

package/dist/index.d.ts

@@ -136,16 +136,16 @@ type SemanticColorToken = {
 };
 declare const getSemanticColor: (semanticColor: EnumSemanticColor, variant: EnumVariant) => SemanticColorToken;
 
-interface ConfigProp$e {
+interface ConfigProp$g {
     semanticColor?: EnumSemanticColor;
     variant?: EnumVariant;
     children?: ReactNode;
     className?: string;
 }
 
-declare const Badge: ({ semanticColor, variant, children, className, }: ConfigProp$e) => react_jsx_runtime.JSX.Element;
+declare const Badge: ({ semanticColor, variant, children, className, }: ConfigProp$g) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$d {
+interface ConfigProp$f {
     semanticColor?: EnumSemanticColor;
     variant?: EnumVariant;
     children?: ReactNode;
@@ -157,15 +157,15 @@ interface ConfigProp$d {
     type?: 'button' | 'submit' | 'reset';
 }
 
-declare const Button: ({ semanticColor, variant, children, className, onClick, disabled, type, size, loading, }: ConfigProp$d) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ semanticColor, variant, children, className, onClick, disabled, type, size, loading, }: ConfigProp$f) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$c {
+interface ConfigProp$e {
     options: Array<CommonOption>;
     value?: string | null;
     onChange: (_v: string) => void;
 }
 
-declare const CheckboxSingleList: (props: ConfigProp$c) => react_jsx_runtime.JSX.Element;
+declare const CheckboxSingleList: (props: ConfigProp$e) => react_jsx_runtime.JSX.Element;
 
 interface ConfigListRespT<T> {
     items: Array<T>;
@@ -193,7 +193,7 @@ type AdvancedFilterCtx = {
     draftFilters: Record<string, unknown>;
     setDraftFilters: (_updater: (_prev: Record<string, unknown>) => Record<string, unknown>) => void;
 };
-type ConfigProp$b<T, P> = {
+type ConfigProp$d<T, P> = {
     columns: Array<ColumnDef<T>>;
     renderList: (_params: P) => Promise<ConfigApiRespT<ConfigListRespT<T>>>;
     getRowId?: (_row: T) => string;
@@ -209,7 +209,19 @@ type ConfigProp$b<T, P> = {
     navigate?: (_id: UUID) => void;
 };
 
-interface ConfigProp$a {
+interface ConfigProps$1 {
+    value?: string;
+    placeholder?: string;
+    widthClassName?: string;
+    onChange: (_value: string) => void;
+    onSearch: () => void;
+}
+
+declare const KeywordSearchBar: (props: ConfigProps$1) => react_jsx_runtime.JSX.Element;
+
+declare const TableEmpty: () => react_jsx_runtime.JSX.Element;
+
+interface ConfigProp$c {
     id?: string;
     mode: EnumFormMode;
     children: ReactNode;
@@ -223,9 +235,16 @@ interface ConfigProp$a {
     onOpenChange: (_nextOpen: boolean) => void;
 }
 
-declare const TableFormDialog: (props: ConfigProp$a) => react_jsx_runtime.JSX.Element;
+declare const TableFormDialog: (props: ConfigProp$c) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$9 {
+interface ConfigProp$b {
+    text: string;
+    className?: ClassValue;
+}
+
+declare const TableHeaderText: (props: ConfigProp$b) => react_jsx_runtime.JSX.Element;
+
+interface ConfigProp$a {
     totalPage: number;
     size: number;
     sizeList: Array<number>;
@@ -234,9 +253,16 @@ interface ConfigProp$9 {
     onUpdateSize: (_size: number) => void;
 }
 
-declare const TablePagination: (props: ConfigProp$9) => react_jsx_runtime.JSX.Element;
+declare const TablePagination: (props: ConfigProp$a) => react_jsx_runtime.JSX.Element;
+
+interface ConfigProp$9 {
+    text?: string | number;
+    wrap?: boolean;
+}
+
+declare const TableText: (props: ConfigProp$9) => react_jsx_runtime.JSX.Element;
 
-declare const DataTable: <T, P>(props: ConfigProp$b<T, P>) => react_jsx_runtime.JSX.Element;
+declare const DataTable: <T, P>(props: ConfigProp$d<T, P>) => react_jsx_runtime.JSX.Element;
 
 interface ConfigProp$8 {
     children: ReactNode;
@@ -407,7 +433,7 @@ interface ConfigRenderPasswordInput<T extends FieldValues> extends ConfigRenderB
 declare const getSuccessMessage: (mode: EnumFormMode) => "" | "创建成功" | "更新成功" | "删除成功";
 declare const renderFooter: (mode: EnumFormMode) => react_jsx_runtime.JSX.Element;
 declare const renderConfirmFooter: () => react_jsx_runtime.JSX.Element;
-declare const renderBody: (mode: EnumFormMode, formFields: () => ReactNode, form: UseFormReturn<FieldValues>) => string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+declare const renderBody: <T extends FieldValues>(mode: EnumFormMode, formFields: () => ReactNode, form: UseFormReturn<T>) => string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
 declare const renderTextarea: <T extends FieldValues>(props: ConfigRenderBase<T>) => react_jsx_runtime.JSX.Element;
 declare const renderInput: <T extends FieldValues>(props: ConfigRenderBase<T>) => react_jsx_runtime.JSX.Element;
 declare const renderPasswordInput: <T extends FieldValues>(props: ConfigRenderPasswordInput<T>) => react_jsx_runtime.JSX.Element;
@@ -462,4 +488,4 @@ declare const zCoerceNumberOptional: (label: string, min?: number, max?: number)
 declare const zDecimal: (label: string, min?: number, max?: number) => z.ZodString;
 declare const zDecimalOptional: (label: string, min?: number, max?: number) => z.ZodPreprocess<z.ZodOptional<z.ZodString>>;
 
-export { Badge, Button, CheckboxSingleList, type CommonObject, type CommonOption, type ConfigCascaderOption, type ConfigDropdownCascaderMultiProp, type ConfigDropdownCascaderSingleProp, type ConfigRenderBase, type ConfigRenderPasswordInput, DataTable, Dialog, DisplayTable, DropdownCascaderMulti, DropdownCascaderSingle, EnumApprovalStatus, EnumApprovalStatusLabel, EnumApprovalView, EnumApprovalViewLabel, EnumEntityStatus, EnumEntityStatusLabel, EnumFormMode, EnumFormModeLabel, EnumGenderType, EnumGenderTypeLabel, EnumMapProvider, EnumMapProviderLabel, EnumOrderStatus, EnumOrderStatusLabel, EnumPublishMethod, EnumPublishMethodLabel, EnumSemanticColor, EnumSemanticColorLabel, EnumStorageMethod, EnumStorageMethodLabel, EnumVariant, EnumVariantLabel, FieldController, FieldGroup, FieldPlain, FieldText, FormSelect, FormTimePicker, MediaUploader, Provider, type SemanticColorToken, TableFormDialog, TablePagination, Text, type UUID, boolToText, cn, emptyToUndefined, enumApprovalStatusOptions, enumApprovalViewOptions, enumEntityStatusOptions, enumFormModeOptions, enumGenderTypeOptions, enumMapProviderOptions, enumOrderStatusOptions, enumPublishMethodOptions, enumSemanticColorOptions, enumStorageMethodOptions, enumToOptions, enumValues, enumVariantOptions, formatDateTime, formatDecimal, genUuid, getOptionMap, getSemanticColor, getSuccessMessage, isEmpty, isFormData, isValidEmail, isValidURL, renderBody, renderCascaderNodes, renderConfirmFooter, renderFooter, renderInput, renderPasswordInput, renderTextarea, zBool, zCoerceNumber, zCoerceNumberOptional, zDate, zDateOptional, zDecimal, zDecimalOptional, zEmail, zEnumNullable, zEnumNullableOptional, zEnumNullableRequired, zEnumOptional, zEnumRequired, zId, zIdCard, zIdCardOptional, zIds, zImageId, zImageIdRequired, zImageIds, zImageIdsOptional, zNumber, zNumberOptional, zPhone, zTextOptional, zTextRequired, zTexts };
+export { Badge, Button, CheckboxSingleList, type CommonObject, type CommonOption, type ConfigCascaderOption, type ConfigDropdownCascaderMultiProp, type ConfigDropdownCascaderSingleProp, type ConfigRenderBase, type ConfigRenderPasswordInput, DataTable, Dialog, DisplayTable, DropdownCascaderMulti, DropdownCascaderSingle, EnumApprovalStatus, EnumApprovalStatusLabel, EnumApprovalView, EnumApprovalViewLabel, EnumEntityStatus, EnumEntityStatusLabel, EnumFormMode, EnumFormModeLabel, EnumGenderType, EnumGenderTypeLabel, EnumMapProvider, EnumMapProviderLabel, EnumOrderStatus, EnumOrderStatusLabel, EnumPublishMethod, EnumPublishMethodLabel, EnumSemanticColor, EnumSemanticColorLabel, EnumStorageMethod, EnumStorageMethodLabel, EnumVariant, EnumVariantLabel, FieldController, FieldGroup, FieldPlain, FieldText, FormSelect, FormTimePicker, KeywordSearchBar, MediaUploader, Provider, type SemanticColorToken, TableEmpty, TableFormDialog, TableHeaderText, TablePagination, TableText, Text, type UUID, boolToText, cn, emptyToUndefined, enumApprovalStatusOptions, enumApprovalViewOptions, enumEntityStatusOptions, enumFormModeOptions, enumGenderTypeOptions, enumMapProviderOptions, enumOrderStatusOptions, enumPublishMethodOptions, enumSemanticColorOptions, enumStorageMethodOptions, enumToOptions, enumValues, enumVariantOptions, formatDateTime, formatDecimal, genUuid, getOptionMap, getSemanticColor, getSuccessMessage, isEmpty, isFormData, isValidEmail, isValidURL, renderBody, renderCascaderNodes, renderConfirmFooter, renderFooter, renderInput, renderPasswordInput, renderTextarea, zBool, zCoerceNumber, zCoerceNumberOptional, zDate, zDateOptional, zDecimal, zDecimalOptional, zEmail, zEnumNullable, zEnumNullableOptional, zEnumNullableRequired, zEnumOptional, zEnumRequired, zId, zIdCard, zIdCardOptional, zIds, zImageId, zImageIdRequired, zImageIds, zImageIdsOptional, zNumber, zNumberOptional, zPhone, zTextOptional, zTextRequired, zTexts };

package/dist/index.js

@@ -1082,14 +1082,36 @@ import {
   RotateCcwIcon
 } from "lucide-react";
 
+// src/components/data-table/component/keyword-search-bar/index.tsx
+import { Fragment, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+var KeywordSearchBar = (props) => {
+  return /* @__PURE__ */ jsxs5(Fragment, { children: [
+    /* @__PURE__ */ jsx13(
+      Input,
+      {
+        className: props.widthClassName ?? "w-65",
+        placeholder: props.placeholder ?? "\u8BF7\u8F93\u5165\u5173\u952E\u5B57",
+        value: props.value ?? "",
+        onChange: (e) => props.onChange(e.target.value),
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            props.onSearch();
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx13(Button, { size: "sm", onClick: props.onSearch, children: "\u67E5\u8BE2" })
+  ] });
+};
+
 // src/components/data-table/component/table-empty/index.tsx
 import { FolderOpen } from "lucide-react";
 
 // src/shadcn/components/empty.tsx
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function Empty({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       "data-slot": "empty",
@@ -1102,7 +1124,7 @@ function Empty({ className, ...props }) {
   );
 }
 function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       "data-slot": "empty-header",
@@ -1133,7 +1155,7 @@ function EmptyMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       "data-slot": "empty-icon",
@@ -1144,7 +1166,7 @@ function EmptyMedia({
   );
 }
 function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       "data-slot": "empty-description",
@@ -1158,14 +1180,110 @@ function EmptyDescription({ className, ...props }) {
 }
 
 // src/components/data-table/component/table-empty/index.tsx
-import { jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
 var TableEmpty = () => {
-  return /* @__PURE__ */ jsx14(Empty, { children: /* @__PURE__ */ jsxs5(EmptyHeader, { children: [
-    /* @__PURE__ */ jsx14(EmptyMedia, { variant: "icon", children: /* @__PURE__ */ jsx14(FolderOpen, {}) }),
-    /* @__PURE__ */ jsx14(EmptyDescription, { children: "\u5C1A\u672A\u521B\u5EFA\u4EFB\u4F55\u5185\u5BB9" })
+  return /* @__PURE__ */ jsx15(Empty, { children: /* @__PURE__ */ jsxs6(EmptyHeader, { children: [
+    /* @__PURE__ */ jsx15(EmptyMedia, { variant: "icon", children: /* @__PURE__ */ jsx15(FolderOpen, {}) }),
+    /* @__PURE__ */ jsx15(EmptyDescription, { children: "\u5C1A\u672A\u521B\u5EFA\u4EFB\u4F55\u5185\u5BB9" })
   ] }) });
 };
-var table_empty_default = TableEmpty;
+
+// src/shadcn/components/scroll-area.tsx
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
+import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs7(
+    ScrollAreaPrimitive.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx16(
+          ScrollAreaPrimitive.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx16(ScrollBar, {}),
+        /* @__PURE__ */ jsx16(ScrollAreaPrimitive.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(
+    ScrollAreaPrimitive.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx16(
+        ScrollAreaPrimitive.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "relative flex-1 rounded-full bg-border"
+        }
+      )
+    }
+  );
+}
+
+// src/components/data-table/component/table-form-dialog/index.tsx
+import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+var TableFormDialog = (props) => {
+  const { bodyHeight = "h-100", limitHeight = true } = props;
+  return /* @__PURE__ */ jsxs8(Dialog, { open: props.open, onOpenChange: props.onOpenChange, children: [
+    /* @__PURE__ */ jsx17(DialogTrigger, { asChild: true, children: props.children }),
+    /* @__PURE__ */ jsxs8(DialogContent, { className: "sm:max-w-106.25", children: [
+      /* @__PURE__ */ jsx17(DialogHeader, { children: /* @__PURE__ */ jsx17(DialogTitle, { children: EnumFormModeLabel[props.mode] }) }),
+      /* @__PURE__ */ jsxs8("form", { onSubmit: props.onSubmit, className: "space-y-4", children: [
+        /* @__PURE__ */ jsx17(
+          ScrollArea,
+          {
+            className: cn2(
+              "rounded-md",
+              props.mode !== EnumFormMode.DELETE && limitHeight && (typeof bodyHeight === "number" ? `h-[${bodyHeight}px]` : bodyHeight)
+            ),
+            children: /* @__PURE__ */ jsx17("div", { className: "p-2", children: props.renderBody() })
+          }
+        ),
+        props.renderFooter()
+      ] })
+    ] })
+  ] });
+};
+
+// src/components/data-table/component/table-header-text/index.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+var TableHeaderText = (props) => {
+  return /* @__PURE__ */ jsx18(
+    "div",
+    {
+      className: cn2(
+        "px-0 text-left whitespace-nowrap truncate",
+        props.className
+      ),
+      children: props.text
+    }
+  );
+};
 
 // src/components/data-table/component/table-pagination/index.tsx
 import { useMemo } from "react";
@@ -1176,9 +1294,9 @@ import {
   ChevronRightIcon,
   MoreHorizontalIcon
 } from "lucide-react";
-import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx19(
     "nav",
     {
       role: "navigation",
@@ -1193,7 +1311,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx19(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -1203,7 +1321,7 @@ function PaginationContent({
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx15("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx19("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -1211,7 +1329,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx19(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -1232,7 +1350,7 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs9(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
@@ -1240,8 +1358,8 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx15(ChevronLeftIcon, {}),
-        /* @__PURE__ */ jsx15("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx19(ChevronLeftIcon, {}),
+        /* @__PURE__ */ jsx19("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -1250,7 +1368,7 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs9(
     PaginationLink,
     {
       "aria-label": "Go to next page",
@@ -1258,8 +1376,8 @@ function PaginationNext({
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx15("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx15(ChevronRightIcon, {})
+        /* @__PURE__ */ jsx19("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx19(ChevronRightIcon, {})
       ]
     }
   );
@@ -1268,7 +1386,7 @@ function PaginationEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs9(
     "span",
     {
       "aria-hidden": true,
@@ -1276,8 +1394,8 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx15(MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx15("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx19(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
@@ -1286,21 +1404,21 @@ function PaginationEllipsis({
 // src/shadcn/components/select.tsx
 import { CheckIcon as CheckIcon2, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { Select as SelectPrimitive } from "radix-ui";
-import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx20(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+  return /* @__PURE__ */ jsx20(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx20(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -1308,7 +1426,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs10(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -1320,7 +1438,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx16(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx16(ChevronDownIcon, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx20(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx20(ChevronDownIcon, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -1332,7 +1450,7 @@ function SelectContent({
   align = "center",
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsx20(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs10(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -1345,8 +1463,8 @@ function SelectContent({
       align,
       ...props,
       children: [
-        /* @__PURE__ */ jsx16(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx20(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx20(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -1356,7 +1474,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx16(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx20(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -1366,7 +1484,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs10(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -1376,15 +1494,15 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx20(
           "span",
           {
             "data-slot": "select-item-indicator",
             className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ jsx16(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx16(CheckIcon2, { className: "size-4" }) })
+            children: /* @__PURE__ */ jsx20(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx20(CheckIcon2, { className: "size-4" }) })
           }
         ),
-        /* @__PURE__ */ jsx16(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx20(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -1393,7 +1511,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx20(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -1402,7 +1520,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx16(ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx20(ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -1410,7 +1528,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx20(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -1419,13 +1537,13 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx16(ChevronDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx20(ChevronDownIcon, { className: "size-4" })
     }
   );
 }
 
 // src/components/data-table/component/table-pagination/index.tsx
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 var buildPages = (current, total) => {
   if (total <= 0) return [];
   if (total <= 7) {
@@ -1467,9 +1585,9 @@ var TablePagination = (props) => {
     () => buildPages(props.currentPage, props.totalPage),
     [props]
   );
-  return /* @__PURE__ */ jsxs8("div", { className: "flex w-full items-center gap-8 lg:w-fit", children: [
-    /* @__PURE__ */ jsx17("div", { className: "ml-auto flex items-center gap-2 lg:ml-0", children: /* @__PURE__ */ jsx17(Pagination, { children: /* @__PURE__ */ jsxs8(PaginationContent, { children: [
-      /* @__PURE__ */ jsx17(PaginationItem, { children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs11("div", { className: "flex w-full items-center gap-8 lg:w-fit", children: [
+    /* @__PURE__ */ jsx21("div", { className: "ml-auto flex items-center gap-2 lg:ml-0", children: /* @__PURE__ */ jsx21(Pagination, { children: /* @__PURE__ */ jsxs11(PaginationContent, { children: [
+      /* @__PURE__ */ jsx21(PaginationItem, { children: /* @__PURE__ */ jsx21(
         PaginationPrevious,
         {
           onClick: () => updateCurrentPage(props.currentPage - 1),
@@ -1479,9 +1597,9 @@ var TablePagination = (props) => {
       ) }),
       pageItems.map((item) => {
         if (item.type === "ellipsis") {
-          return /* @__PURE__ */ jsx17(PaginationItem, { children: /* @__PURE__ */ jsx17(PaginationEllipsis, {}) }, item.key);
+          return /* @__PURE__ */ jsx21(PaginationItem, { children: /* @__PURE__ */ jsx21(PaginationEllipsis, {}) }, item.key);
         }
-        return /* @__PURE__ */ jsx17(PaginationItem, { children: /* @__PURE__ */ jsx17(
+        return /* @__PURE__ */ jsx21(PaginationItem, { children: /* @__PURE__ */ jsx21(
           PaginationLink,
           {
             isActive: props.currentPage === item.page,
@@ -1490,7 +1608,7 @@ var TablePagination = (props) => {
           }
         ) }, item.page);
       }),
-      /* @__PURE__ */ jsx17(PaginationItem, { children: /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx21(PaginationItem, { children: /* @__PURE__ */ jsx21(
         PaginationNext,
         {
           onClick: () => updateCurrentPage(props.currentPage + 1),
@@ -1499,7 +1617,7 @@ var TablePagination = (props) => {
         }
       ) })
     ] }) }) }),
-    /* @__PURE__ */ jsx17("div", { className: "hidden items-center gap-2 lg:flex", children: /* @__PURE__ */ jsxs8(
+    /* @__PURE__ */ jsx21("div", { className: "hidden items-center gap-2 lg:flex", children: /* @__PURE__ */ jsxs11(
       Select,
       {
         value: String(props.size),
@@ -1507,8 +1625,8 @@ var TablePagination = (props) => {
           props.onUpdateSize(Number(value));
         },
         children: [
-          /* @__PURE__ */ jsx17(SelectTrigger, { className: "w-20", id: "rows-per-page", children: /* @__PURE__ */ jsx17(SelectValue, {}) }),
-          /* @__PURE__ */ jsx17(SelectContent, { side: "top", children: props.sizeList.map((pageSize) => /* @__PURE__ */ jsxs8(SelectItem, { value: `${pageSize}`, children: [
+          /* @__PURE__ */ jsx21(SelectTrigger, { className: "w-20", id: "rows-per-page", children: /* @__PURE__ */ jsx21(SelectValue, {}) }),
+          /* @__PURE__ */ jsx21(SelectContent, { side: "top", children: props.sizeList.map((pageSize) => /* @__PURE__ */ jsxs11(SelectItem, { value: `${pageSize}`, children: [
             pageSize,
             "/\u9875"
           ] }, pageSize)) })
@@ -1518,24 +1636,39 @@ var TablePagination = (props) => {
   ] });
 };
 
+// src/components/data-table/component/table-text/index.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
+var TableText = (props) => {
+  return /* @__PURE__ */ jsx22(
+    "div",
+    {
+      className: cn2(
+        "text-foreground px-0 text-left",
+        props.wrap ? "whitespace-normal wrap-break-word" : "whitespace-nowrap truncate"
+      ),
+      children: props.text ?? ""
+    }
+  );
+};
+
 // src/shadcn/components/dropdown-menu.tsx
 import { CheckIcon as CheckIcon3, ChevronRightIcon as ChevronRightIcon2, CircleIcon } from "lucide-react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx23(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+  return /* @__PURE__ */ jsx23(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx23(
     DropdownMenuPrimitive.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -1548,7 +1681,7 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx23(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
@@ -1567,7 +1700,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx23(
     DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -1587,7 +1720,7 @@ function DropdownMenuCheckboxItem({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs12(
     DropdownMenuPrimitive.CheckboxItem,
     {
       "data-slot": "dropdown-menu-checkbox-item",
@@ -1598,7 +1731,7 @@ function DropdownMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx18("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx18(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx18(CheckIcon3, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx23("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(CheckIcon3, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -1607,7 +1740,7 @@ function DropdownMenuCheckboxItem({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx23(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -1615,7 +1748,7 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs12(
     DropdownMenuPrimitive.SubTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -1627,7 +1760,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx18(ChevronRightIcon2, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx23(ChevronRightIcon2, { className: "ml-auto size-4" })
       ]
     }
   );
@@ -1636,7 +1769,7 @@ function DropdownMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx23(
     DropdownMenuPrimitive.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -1652,20 +1785,20 @@ function DropdownMenuSubContent({
 // src/shadcn/components/sheet.tsx
 import { XIcon as XIcon2 } from "lucide-react";
 import { Dialog as SheetPrimitive } from "radix-ui";
-import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx19(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx24(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx24(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx24(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -1684,9 +1817,9 @@ function SheetContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs10(SheetPortal, { children: [
-    /* @__PURE__ */ jsx19(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs13(SheetPortal, { children: [
+    /* @__PURE__ */ jsx24(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs13(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
@@ -1701,9 +1834,9 @@ function SheetContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs10(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-            /* @__PURE__ */ jsx19(XIcon2, { className: "size-4" }),
-            /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "Close" })
+          showCloseButton && /* @__PURE__ */ jsxs13(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+            /* @__PURE__ */ jsx24(XIcon2, { className: "size-4" }),
+            /* @__PURE__ */ jsx24("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -1711,7 +1844,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "data-slot": "sheet-header",
@@ -1721,7 +1854,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -1734,7 +1867,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx24(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -1745,14 +1878,14 @@ function SheetTitle({
 }
 
 // src/shadcn/components/table.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx20(
+      children: /* @__PURE__ */ jsx25(
         "table",
         {
           "data-slot": "table",
@@ -1764,7 +1897,7 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx25(
     "thead",
     {
       "data-slot": "table-header",
@@ -1774,7 +1907,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx25(
     "tbody",
     {
       "data-slot": "table-body",
@@ -1784,7 +1917,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx25(
     "tr",
     {
       "data-slot": "table-row",
@@ -1797,7 +1930,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx25(
     "th",
     {
       "data-slot": "table-head",
@@ -1810,7 +1943,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx25(
     "td",
     {
       "data-slot": "table-cell",
@@ -1823,97 +1956,6 @@ function TableCell({ className, ...props }) {
   );
 }
 
-// src/components/data-table/component/keyword-search-bar/index.tsx
-import { Fragment, jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
-
-// src/shadcn/components/scroll-area.tsx
-import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
-import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
-function ScrollArea({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs12(
-    ScrollAreaPrimitive.Root,
-    {
-      "data-slot": "scroll-area",
-      className: cn("relative", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx22(
-          ScrollAreaPrimitive.Viewport,
-          {
-            "data-slot": "scroll-area-viewport",
-            className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
-            children
-          }
-        ),
-        /* @__PURE__ */ jsx22(ScrollBar, {}),
-        /* @__PURE__ */ jsx22(ScrollAreaPrimitive.Corner, {})
-      ]
-    }
-  );
-}
-function ScrollBar({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx22(
-    ScrollAreaPrimitive.ScrollAreaScrollbar,
-    {
-      "data-slot": "scroll-area-scrollbar",
-      orientation,
-      className: cn(
-        "flex touch-none p-px transition-colors select-none",
-        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
-        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx22(
-        ScrollAreaPrimitive.ScrollAreaThumb,
-        {
-          "data-slot": "scroll-area-thumb",
-          className: "relative flex-1 rounded-full bg-border"
-        }
-      )
-    }
-  );
-}
-
-// src/components/data-table/component/table-form-dialog/index.tsx
-import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
-var TableFormDialog = (props) => {
-  const { bodyHeight = "h-100", limitHeight = true } = props;
-  return /* @__PURE__ */ jsxs13(Dialog, { open: props.open, onOpenChange: props.onOpenChange, children: [
-    /* @__PURE__ */ jsx23(DialogTrigger, { asChild: true, children: props.children }),
-    /* @__PURE__ */ jsxs13(DialogContent, { className: "sm:max-w-106.25", children: [
-      /* @__PURE__ */ jsx23(DialogHeader, { children: /* @__PURE__ */ jsx23(DialogTitle, { children: EnumFormModeLabel[props.mode] }) }),
-      /* @__PURE__ */ jsxs13("form", { onSubmit: props.onSubmit, className: "space-y-4", children: [
-        /* @__PURE__ */ jsx23(
-          ScrollArea,
-          {
-            className: cn2(
-              "rounded-md",
-              props.mode !== EnumFormMode.DELETE && limitHeight && (typeof bodyHeight === "number" ? `h-[${bodyHeight}px]` : bodyHeight)
-            ),
-            children: /* @__PURE__ */ jsx23("div", { className: "p-2", children: props.renderBody() })
-          }
-        ),
-        props.renderFooter()
-      ] })
-    ] })
-  ] });
-};
-
-// src/components/data-table/component/table-header-text/index.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
-
-// src/components/data-table/component/table-text/index.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
-
 // src/components/data-table/index.tsx
 import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 var buildParams = (page, size, keyword, filters, sorting) => {
@@ -2117,7 +2159,7 @@ var DataTable = (props) => {
           {
             colSpan: props.columns.length,
             className: "h-24 text-center",
-            children: /* @__PURE__ */ jsx26(table_empty_default, {})
+            children: /* @__PURE__ */ jsx26(TableEmpty, {})
           }
         ) }) })
       ] }) }),
@@ -2258,7 +2300,7 @@ var DisplayTable = (props) => {
       {
         colSpan: props.columns.length,
         className: "h-24 text-center",
-        children: /* @__PURE__ */ jsx28(table_empty_default, {})
+        children: /* @__PURE__ */ jsx28(TableEmpty, {})
       }
     ) }) })
   ] }) });
@@ -3386,10 +3428,14 @@ export {
   FieldText,
   FormSelect,
   FormTimePicker,
+  KeywordSearchBar,
   MediaUploader,
   Provider,
+  TableEmpty,
   TableFormDialog,
+  TableHeaderText,
   TablePagination,
+  TableText,
   Text,
   boolToText,
   cn2 as cn,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kilnonedre/foundation",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "private": false,
   "description": "Kilnonedre frontend foundation package",
   "type": "module",