@blencm/ui 0.0.3 → 0.0.4

package/dist/components/Form/form-checkbox.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Control, FieldPath, FieldPathValue, FieldValues, RegisterOptions } from "react-hook-form";
-import { type CheckboxProps } from "../checkbox";
+import { type CheckboxProps } from "../checkbox.js";
 type CheckboxRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled">;
 type FormCheckboxProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
     name: TName;

package/dist/components/Form/form-component.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { FieldError, FieldPath, FieldValues, RegisterOptions } from "react-hook-form";
-import { SelectOption } from "../../utils/form-utils";
+import { SelectOption } from "../../utils/form-utils.js";
 type FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: TName;
 };

package/dist/components/Form/form-date.d.ts

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { type Locale } from "date-fns";
 import { Control, FieldPath, FieldPathValue, FieldValues } from "react-hook-form";
-import { VariantProps, type CustomSize, type SizeProps } from "../../utils/form-utils";
-import { FieldRules } from "./form-component";
-import { type DateFormatValue } from "../../utils/date-formats";
+import { VariantProps, type CustomSize, type SizeProps } from "../../utils/form-utils.js";
+import { FieldRules } from "./form-component.js";
+import { type DateFormatValue } from "../../utils/date-formats.js";
 type DateValueMode = "date" | "string";
 type DateInputValue = Date | string | null | undefined;
 type CustomFormDateProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {

package/dist/components/Form/form-field.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Control, FieldPath, FieldPathValue, FieldValues, RegisterOptions } from "react-hook-form";
-import { type InputProps } from "../input";
-import { type CustomSize, type SizeProps, type VariantProps } from "../../utils/form-utils";
+import { type InputProps } from "../input.js";
+import { type CustomSize, type SizeProps, type VariantProps } from "../../utils/form-utils.js";
 type FieldRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
 export type CustomFormFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
     name: TName;

package/dist/components/Form/form-select.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Control, FieldPath, FieldPathValue, FieldValues } from "react-hook-form";
-import { type SelectOption, type CustomSize, type SizeProps, type VariantProps } from "../../utils/form-utils";
-import { FieldRules } from "./form-component";
+import { type SelectOption, type CustomSize, type SizeProps, type VariantProps } from "../../utils/form-utils.js";
+import { FieldRules } from "./form-component.js";
 type CustomFormSelectProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>, TItem = SelectOption> = {
     name: TName;
     control?: Control<TFieldValues>;

package/dist/components/Form/form-textarea.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Control, FieldPath, FieldPathValue, FieldValues, RegisterOptions } from "react-hook-form";
-import { type TextareaProps } from "../textarea";
-import { type CustomSize, type SizeProps, type VariantProps } from "../../utils/form-utils";
+import { type TextareaProps } from "../textarea.js";
+import { type CustomSize, type SizeProps, type VariantProps } from "../../utils/form-utils.js";
 type FieldRules<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, "valueAsNumber" | "valueAsDate" | "setValueAs" | "disabled" | "size">;
 export type CustomFormTextareaProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
     name: TName;

package/dist/components/Form/form-time.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
 import { type Locale } from "date-fns";
 import { Control, FieldPath, FieldPathValue, FieldValues } from "react-hook-form";
-import { VariantProps, type CustomSize, type SizeProps } from "../../utils/form-utils";
-import { FieldRules } from "./form-component";
-import { type UiTimeOption } from "../ui/ui-time";
-import { type TimeFormatValue } from "../../utils/time-formats";
+import { VariantProps, type CustomSize, type SizeProps } from "../../utils/form-utils.js";
+import { FieldRules } from "./form-component.js";
+import { type UiTimeOption } from "../ui/ui-time.js";
+import { type TimeFormatValue } from "../../utils/time-formats.js";
 type TimeValueMode = "date" | "string";
 type HourCycle = "12" | "24";
 type CustomFormTimeProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {

package/dist/components/icons.d.ts

@@ -1,2 +1,2 @@
-import { IconProps } from "../interface/icon";
+import { IconProps } from "../interface/icon.js";
 export declare const Icons: IconProps;

package/dist/components/input.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type CustomSize, type SizeProps, type VariantProps } from "../utils/form-utils";
+import { type CustomSize, type SizeProps, type VariantProps } from "../utils/form-utils.js";
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
     size?: SizeProps;
     customSize?: CustomSize;

package/dist/components/pagination.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ButtonProps } from './Button/button';
+import { ButtonProps } from './Button/button.js';
 declare function Pagination({ className, ...props }: React.ComponentProps<'nav'>): React.JSX.Element;
 declare namespace Pagination {
     var displayName: string;

package/dist/components/search-input.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type InputProps } from "./input";
+import { type InputProps } from "./input.js";
 interface SearchInputProps extends Omit<InputProps, "value" | "defaultValue" | "onChange" | "type"> {
     value?: string;
     debounceTime?: number;

package/dist/components/searchable-select.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type CustomSize, type SizeProps, type VariantProps } from "../utils/form-utils";
+import { type CustomSize, type SizeProps, type VariantProps } from "../utils/form-utils.js";
 type SearchableSelectOption<TData = unknown> = {
     value: string;
     label: React.ReactNode;

package/dist/components/select.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type CustomSize, type SizeProps, type VariantProps } from "../utils/form-utils";
+import { type CustomSize, type SizeProps, type VariantProps } from "../utils/form-utils.js";
 type SelectAlign = "start" | "center" | "end";
 export type SelectProps = {
     value?: string;

package/dist/components/textarea.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type CustomSize, type SizeProps, type VariantProps } from "../utils/form-utils";
+import { type CustomSize, type SizeProps, type VariantProps } from "../utils/form-utils.js";
 export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> {
     size?: SizeProps;
     customSize?: CustomSize;

package/dist/components/ui/input.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type InputProps } from '../input';
+import { type InputProps } from '../input.js';
 export interface UiInputProps extends Omit<InputProps, 'id'> {
     label?: React.ReactNode;
     errorMessage?: string;

package/dist/components/ui/select.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type CustomSize, type SizeProps, type VariantProps } from "../../utils/form-utils";
+import { type CustomSize, type SizeProps, type VariantProps } from "../../utils/form-utils.js";
 export type UiSelectOption<TData = unknown> = {
     value: string;
     label: React.ReactNode;

package/dist/components/ui/ui-checkbox.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type CheckboxProps } from "../checkbox";
+import { type CheckboxProps } from "../checkbox.js";
 export interface UiCheckboxProps extends CheckboxProps {
     label?: React.ReactNode;
     description?: React.ReactNode;

package/dist/components/ui/ui-date.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type Locale } from "date-fns";
-import { type CustomSize, type SizeProps, type VariantProps } from "../../utils/form-utils";
-import { type DateFormatValue } from "../../utils/date-formats";
+import { type CustomSize, type SizeProps, type VariantProps } from "../../utils/form-utils.js";
+import { type DateFormatValue } from "../../utils/date-formats.js";
 type DateInputValue = Date | string | null | undefined;
 export interface UiDateProps {
     label?: React.ReactNode;

package/dist/components/ui/ui-textarea.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type TextareaProps } from "../textarea";
+import { type TextareaProps } from "../textarea.js";
 export interface UiTextareaProps extends Omit<TextareaProps, "id"> {
     label?: React.ReactNode;
     errorMessage?: string;

package/dist/components/ui/ui-time.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type Locale } from "date-fns";
-import { type CustomSize, type SizeProps, type VariantProps } from "../../utils/form-utils";
-import { type TimeFormatValue } from "../../utils/time-formats";
+import { type CustomSize, type SizeProps, type VariantProps } from "../../utils/form-utils.js";
+import { type TimeFormatValue } from "../../utils/time-formats.js";
 export type UiTimeOption = {
     value: string;
     label?: React.ReactNode;

package/dist/components/use-toast.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { ToastActionElement, ToastProps } from './toast';
+import type { ToastActionElement, ToastProps } from './toast.js';
 type ToasterToast = ToastProps & {
     id: string;
     title?: React.ReactNode;

package/dist/index.d.ts

@@ -1,78 +1,78 @@
-export * from "./components/Accordion/accordion";
-export * from "./components/alert";
-export * from "./components/alert-dialog";
-export * from "./components/aspect-ratio";
-export * from "./components/avatar";
-export * from "./components/badge";
-export * from "./components/breadcrumb";
-export * from "./components/Button/button";
-export * from "./components/Button/icon-button";
-export * from "./components/calendar";
-export * from "./components/card";
-export * from "./components/carousel";
-export * from "./components/checkbox";
-export * from "./components/collapsible";
-export * from "./components/command";
-export * from "./components/context-menu";
-export * from "./components/dialog";
-export * from "./components/drawer";
-export * from "./components/dropdown-menu";
-export * from "./components/Form/form-component";
-export * from "./components/Form/form";
-export * from "./components/Form/form-checkbox";
-export * from "./components/Form/form-field";
-export * from "./components/Form/form-select";
-export * from "./components/Form/form-textarea";
-export * from "./components/Form/form-date";
-export * from "./components/Form/form-time";
-export * from './utils/form-utils';
-export * from "./components/hover-card";
-export * from "./components/icons";
-export * from "./components/input";
-export * from "./components/input-otp";
-export * from "./components/Label/label";
-export * from "./components/menubar";
-export * from "./components/modal";
-export * from "./components/navigation-menu";
-export * from "./components/pagination";
-export * from "./components/popover";
-export * from "./components/progress";
-export * from "./components/radio-group";
-export * from "./components/resizable";
-export * from "./components/scroll-area";
-export * from "./components/scroll-view";
-export * from "./components/search-input";
-export * from "./components/searchable-select";
-export * from "./components/select";
-export * from "./components/separator";
-export * from "./components/sheet";
-export * from "./components/skeleton";
-export * from "./components/slider";
-export * from "./components/sonner";
-export * from "./components/switch";
-export * from "./components/table";
-export * from "./components/tabs";
-export * from "./components/textarea";
-export * from "./components/toast";
-export * from "./components/toaster";
-export * from "./components/toggle";
-export * from "./components/toggle-group";
-export * from "./components/tooltip";
-export * from "./components/use-toast";
-export * from "./components/ui/input";
-export * from "./components/ui/select";
-export * from "./components/ui/ui-checkbox";
-export * from "./components/ui/ui-date";
-export * from "./components/ui/ui-time";
-export * from "./components/ui/ui-textarea";
-export * from "./hooks/use-sidebar";
-export * from "./shared/alert-modal";
-export * from "./shared/breadcrumbs";
-export * from "./shared/data-table";
-export * from "./shared/data-table-skeleton";
-export * from "./shared/dropzone";
-export * from "./shared/fileupload";
-export * from "./shared/heading";
-export * from "./shared/page-head";
-export * from "./shared/pagination-section";
-export * from "./utils/utils";
+export * from "./components/Accordion/accordion.js";
+export * from "./components/alert.js";
+export * from "./components/alert-dialog.js";
+export * from "./components/aspect-ratio.js";
+export * from "./components/avatar.js";
+export * from "./components/badge.js";
+export * from "./components/breadcrumb.js";
+export * from "./components/Button/button.js";
+export * from "./components/Button/icon-button.js";
+export * from "./components/calendar.js";
+export * from "./components/card.js";
+export * from "./components/carousel.js";
+export * from "./components/checkbox.js";
+export * from "./components/collapsible.js";
+export * from "./components/command.js";
+export * from "./components/context-menu.js";
+export * from "./components/dialog.js";
+export * from "./components/drawer.js";
+export * from "./components/dropdown-menu.js";
+export * from "./components/Form/form-component.js";
+export * from "./components/Form/form.js";
+export * from "./components/Form/form-checkbox.js";
+export * from "./components/Form/form-field.js";
+export * from "./components/Form/form-select.js";
+export * from "./components/Form/form-textarea.js";
+export * from "./components/Form/form-date.js";
+export * from "./components/Form/form-time.js";
+export * from './utils/form-utils.js';
+export * from "./components/hover-card.js";
+export * from "./components/icons.js";
+export * from "./components/input.js";
+export * from "./components/input-otp.js";
+export * from "./components/Label/label.js";
+export * from "./components/menubar.js";
+export * from "./components/modal.js";
+export * from "./components/navigation-menu.js";
+export * from "./components/pagination.js";
+export * from "./components/popover.js";
+export * from "./components/progress.js";
+export * from "./components/radio-group.js";
+export * from "./components/resizable.js";
+export * from "./components/scroll-area.js";
+export * from "./components/scroll-view.js";
+export * from "./components/search-input.js";
+export * from "./components/searchable-select.js";
+export * from "./components/select.js";
+export * from "./components/separator.js";
+export * from "./components/sheet.js";
+export * from "./components/skeleton.js";
+export * from "./components/slider.js";
+export * from "./components/sonner.js";
+export * from "./components/switch.js";
+export * from "./components/table.js";
+export * from "./components/tabs.js";
+export * from "./components/textarea.js";
+export * from "./components/toast.js";
+export * from "./components/toaster.js";
+export * from "./components/toggle.js";
+export * from "./components/toggle-group.js";
+export * from "./components/tooltip.js";
+export * from "./components/use-toast.js";
+export * from "./components/ui/input.js";
+export * from "./components/ui/select.js";
+export * from "./components/ui/ui-checkbox.js";
+export * from "./components/ui/ui-date.js";
+export * from "./components/ui/ui-time.js";
+export * from "./components/ui/ui-textarea.js";
+export * from "./hooks/use-sidebar.js";
+export * from "./shared/alert-modal.js";
+export * from "./shared/breadcrumbs.js";
+export * from "./shared/data-table.js";
+export * from "./shared/data-table-skeleton.js";
+export * from "./shared/dropzone.js";
+export * from "./shared/fileupload.js";
+export * from "./shared/heading.js";
+export * from "./shared/page-head.js";
+export * from "./shared/pagination-section.js";
+export * from "./utils/utils.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blencm/ui",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "private": false,
   "author": "Bleker <bleker@blencm.com>",
   "description": "Installable React UI library built on Radix UI and Tailwind CSS. Accessible primitives, form helpers (React Hook Form + Zod), DataTable, SearchableSelect, date/time pickers, dialogs and toasts. Import from npm — no copy-paste into src/components.",
@@ -92,7 +92,7 @@
     "preview:demo": "vite preview",
     "prepack": "pnpm run build"
   },
-  "packageManager": "pnpm@11.22.0",
+  "packageManager": "pnpm@11.24.0",
   "devDependencies": {
     "@babel/core": "^8.0.1",
     "@babel/preset-env": "^8.0.2",
@@ -105,30 +105,30 @@
     "@tailwindcss/vite": "^4.3.3",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^7.0.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.5",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.6",
     "@types/jest": "^30.0.0",
-    "@types/node": "^26.2.0",
+    "@types/node": "^26.4.0",
     "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.4",
-    "@typescript-eslint/eslint-plugin": "^8.67.0",
-    "@typescript-eslint/parser": "^8.67.0",
-    "@vitejs/plugin-react": "^6.0.5",
+    "@types/react-dom": "^19.2.5",
+    "@typescript-eslint/eslint-plugin": "^8.68.0",
+    "@typescript-eslint/parser": "^8.68.0",
+    "@vitejs/plugin-react": "^6.1.1",
     "@vitejs/plugin-react-swc": "^4.3.3",
     "autoprefixer": "^10.5.4",
     "postcss": "^8.5.26",
-    "babel-jest": "^30.4.1",
+    "babel-jest": "^30.5.0",
     "cross-env": "^10.1.0",
-    "eslint": "^10.8.1",
+    "eslint": "^10.9.1",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-refresh": "^0.5.4",
+    "eslint-plugin-react-refresh": "^0.5.5",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^30.4.2",
-    "jest-environment-jsdom": "^30.4.1",
+    "jest": "^30.5.0",
+    "jest-environment-jsdom": "^30.5.0",
     "react": "^19.2.8",
     "react-day-picker": "^10.0.1",
     "react-dom": "^19.2.8",
-    "react-router": "^8.3.0",
+    "react-router": "^8.3.1",
     "react-test-renderer": "^19.2.8",
     "rimraf": "^6.1.3",
     "tailwindcss": "^4.3.3",
@@ -136,10 +136,10 @@
     "tsup": "^8.5.1",
     "typescript": "^7.0.2",
     "vaul": "^1.1.2",
-    "vite": "^8.2.1",
+    "vite": "^8.2.2",
     "vite-plugin-dts": "^5.0.3",
     "vite-plugin-ts-alias": "^0.1.1",
-    "zod": "^4.4.3"
+    "zod": "^4.5.2"
   },
   "peerDependencies": {
     "react": ">=17.0.0 <21.0.0",
@@ -177,19 +177,19 @@
     "@radix-ui/react-toggle": "^1.1.18",
     "@radix-ui/react-toggle-group": "^1.1.19",
     "@radix-ui/react-tooltip": "^1.2.16",
-    "@tanstack/react-table": "^9.1.2",
+    "@tanstack/react-table": "^9.2.4",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "date-fns": "^4.4.0",
     "embla-carousel-react": "^8.6.0",
-    "framer-motion": "^13.1.0",
+    "framer-motion": "^13.1.1",
     "input-otp": "^1.5.0",
-    "lucide-react": "^1.33.0",
+    "lucide-react": "^1.35.0",
     "next-themes": "^0.4.6",
-    "react-dropzone": "^20.1.0",
+    "react-dropzone": "^20.1.1",
     "react-helmet-next": "^0.0.2",
-    "react-hook-form": "^7.85.0",
+    "react-hook-form": "^7.86.0",
     "react-resizable-panels": "^4.12.3",
     "sonner": "^2.0.8",
     "tailwind-merge": "^3.6.0",
@@ -199,9 +199,14 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
     },
     "./style.css": "./dist/style.css",
     "./dist/style.css": "./dist/style.css",