@bouku/core 0.4.1 → 0.4.2

package/dist/components/miscellaneous/checkbox/index.d.ts

@@ -1,5 +1,5 @@
 interface Props {
-    size?: "sm" | "md";
+    size?: "sm" | "md" | "lg";
     label: string;
     value: boolean;
     update: (x: boolean) => void;

package/dist/components/miscellaneous/checkbox/index.js

@@ -1,21 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RowBox } from "../../container/flex.js";
+import { RowBox } from "@bouku/core";
 import Check from "../../../assets/icons/check.svg";
-import { cn } from "../../../utils/functions/_.js";
+import { cn } from "../../../utils/functions/style.js";
 import { tv } from "tailwind-variants";
 export const CheckBox = ({ size, label, value: isChecked, update, disabled = false }) => {
-    const s = getStyle({
+    const s = baseStyles({
         size,
         active: isChecked
     });
     return (_jsxs(RowBox, { style: s.container(), children: [_jsx("div", { className: cn(s.box(), disabled && "pointer-events-none"), onClick: () => !disabled ? update(!isChecked) : null, children: isChecked && _jsx(Check, { className: s.check() }) }), _jsx("span", { className: s.label(), children: label })] }));
 };
-const getStyle = tv({
+const baseStyles = tv({
     slots: {
         container: "items-center",
-        box: "flex justify-center items-center hover:bg-accent border rounded border-outline duration-200 cursor-pointer",
+        box: "flex justify-center items-center bg-input hover:bg-input-dark border rounded border-outline duration-200 cursor-pointer",
         check: "text-background",
-        label: "text-primary-dark"
+        label: "text-primary"
+    },
+    defaultVariants: {
+        size: "md"
     },
     variants: {
         size: {
@@ -26,6 +29,12 @@ const getStyle = tv({
                 label: "text-xs"
             },
             md: {
+                container: "gap-3",
+                box: "size-5 min-w-5",
+                check: "size-3",
+                label: "text-sm"
+            },
+            lg: {
                 container: "gap-3",
                 box: "size-5 min-w-5",
                 check: "size-3",
@@ -34,12 +43,9 @@ const getStyle = tv({
         },
         active: {
             true: {
-                box: "bg-accent"
+                box: "!bg-accent border-accent-darker"
             }
         }
-    },
-    defaultVariants: {
-        size: "md"
     }
 });
 export default CheckBox;

package/dist/components/table/state/sort.js

@@ -1,5 +1,5 @@
 import { useMemo, useState } from "react";
-import { parseDate } from "../utils/date.js";
+import { parseDate, isDateLike } from "../utils/date.js";
 export function useSort(items, initialSort) {
     const [column, setColumn] = useState(initialSort ?? null);
     const [isDescending, setDescending] = useState(true);
@@ -20,20 +20,16 @@ export function useSort(items, initialSort) {
             if (valB === undefined || valB === null)
                 return -1;
             let comparison;
-            if (isDateLike(valA) && isDateLike(valB)) {
+            if (isDateLike(valA) && isDateLike(valB))
                 comparison =
                     parseDate(valA).getTime() -
                         parseDate(valB).getTime();
-            }
-            else if (typeof valA === "number" &&
-                typeof valB === "number") {
+            else if (typeof valA === "number" && typeof valB === "number")
                 comparison = valA - valB;
-            }
-            else {
+            else
                 comparison = String(valA)
                     .toLowerCase()
                     .localeCompare(String(valB).toLowerCase());
-            }
             return isDescending ? -comparison : comparison;
         });
     }, [items, column, isDescending]);
@@ -45,7 +41,3 @@ export function useSort(items, initialSort) {
         toggleSortDirection: () => setDescending(prev => !prev)
     };
 }
-const isDateLike = (value) => value instanceof Date ||
-    (typeof value === "string" &&
-        !Number.isNaN(Date.parse(value)) &&
-        Number.isNaN(Number(value)));

package/dist/components/table/utils/date.d.ts

@@ -3,3 +3,4 @@ export declare const parseDate: (value: CellValue) => Date;
 export declare const formatDateInput: (value: CellValue) => string;
 export declare const getDateRange: <T extends TableRow>(items: T[], column?: keyof T) => DateRange;
 export declare const formatDateLabel: (value: string) => string;
+export declare const isDateLike: (value: CellValue) => boolean;

package/dist/components/table/utils/date.js

@@ -41,3 +41,6 @@ export const formatDateLabel = (value) => {
         year: "numeric"
     });
 };
+export const isDateLike = (value) => value instanceof Date || (typeof value === "string" &&
+    !Number.isNaN(Date.parse(value)) &&
+    Number.isNaN(Number(value)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bouku/core",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "main": "./dist/index.js",
   "type": "module",
   "types": "./dist/index.d.ts",