@mbao01/common 0.1.1 → 0.1.3

package/dist/types/components/DatetimePicker/constants.d.ts

@@ -11,5 +11,5 @@ export declare const getDatetimeGridClasses: (props?: ({
 export declare const getDatetimeSeparatorClasses: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 export declare const getDatetimeInputClasses: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
-    unit?: Record<DateFormat | TimeFormat, string>;
+    unit?: DateFormat | TimeFormat | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/types/components/Form/DatetimeInput/DatetimeInput.d.ts

@@ -58,6 +58,7 @@ export declare const DatetimeInput: import('react').ForwardRefExoticComponent<{
         labels?: Partial<import('react-day-picker').Labels> | undefined;
         formatters?: Partial<import('react-day-picker').Formatters> | undefined;
         locale?: Partial<import('date-fns').Locale> | undefined;
+        numerals?: import('react-day-picker').Numerals | undefined;
         weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined | undefined;
         firstWeekContainsDate?: 1 | 4 | undefined;
         useAdditionalWeekYearTokens?: boolean | undefined | undefined;

package/dist/types/components/Sonner/helpers.d.ts

@@ -0,0 +1,7 @@
+import { ToasterProps } from './types';
+export declare const toastClassnames: ({ variant, outline, actionButton, cancelButton, closeButton, }: Pick<ToasterProps, "variant" | "outline" | "actionButton" | "cancelButton" | "closeButton">) => {
+    toast: string;
+    actionButton: string;
+    cancelButton: string;
+    closeButton: string;
+};

package/dist/types/components/Sonner/index.d.ts

@@ -1,2 +1,3 @@
 export { toast } from 'sonner';
+export { toastClassnames } from './helpers';
 export { Toaster } from './Toaster';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mbao01/common",
   "private": false,
-  "version": "0.1.1",
+  "version": "0.1.3",
   "type": "module",
   "author": "Ayomide Bakare",
   "license": "MIT",
@@ -73,102 +73,102 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@radix-ui/react-accordion": "^1.2.2",
-    "@radix-ui/react-alert-dialog": "^1.1.4",
+    "@radix-ui/react-alert-dialog": "^1.1.5",
     "@radix-ui/react-avatar": "^1.1.2",
     "@radix-ui/react-checkbox": "^1.1.3",
     "@radix-ui/react-collapsible": "^1.1.2",
-    "@radix-ui/react-context-menu": "^2.2.4",
-    "@radix-ui/react-dialog": "^1.1.4",
-    "@radix-ui/react-dropdown-menu": "^2.1.4",
-    "@radix-ui/react-hover-card": "^1.1.4",
+    "@radix-ui/react-context-menu": "^2.2.5",
+    "@radix-ui/react-dialog": "^1.1.5",
+    "@radix-ui/react-dropdown-menu": "^2.1.5",
+    "@radix-ui/react-hover-card": "^1.1.5",
     "@radix-ui/react-label": "^2.1.1",
-    "@radix-ui/react-menubar": "^1.1.4",
-    "@radix-ui/react-navigation-menu": "^1.2.3",
-    "@radix-ui/react-popover": "^1.1.4",
+    "@radix-ui/react-menubar": "^1.1.5",
+    "@radix-ui/react-navigation-menu": "^1.2.4",
+    "@radix-ui/react-popover": "^1.1.5",
     "@radix-ui/react-progress": "^1.1.1",
     "@radix-ui/react-scroll-area": "^1.2.2",
-    "@radix-ui/react-select": "^2.1.4",
+    "@radix-ui/react-select": "^2.1.5",
     "@radix-ui/react-separator": "^1.1.1",
     "@radix-ui/react-slider": "^1.2.2",
     "@radix-ui/react-slot": "^1.1.1",
     "@radix-ui/react-tabs": "^1.1.2",
     "@radix-ui/react-toggle": "^1.1.1",
     "@radix-ui/react-toggle-group": "^1.1.1",
-    "@radix-ui/react-tooltip": "^1.1.6",
-    "@tailwindcss/typography": "^0.5.15",
-    "chrono-node": "^2.7.7",
+    "@radix-ui/react-tooltip": "^1.1.7",
+    "@tailwindcss/typography": "^0.5.16",
+    "chrono-node": "^2.7.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.4",
     "daisyui": "^4.12.23",
     "date-fns": "^4.1.0",
-    "embla-carousel-react": "^8.5.1",
-    "lucide-react": "^0.469.0",
-    "react-day-picker": "^9.4.4",
+    "embla-carousel-react": "^8.5.2",
+    "lucide-react": "^0.474.0",
+    "react-day-picker": "^9.5.1",
     "react-dropzone": "^14.3.5",
-    "react-international-phone": "^4.4.0",
+    "react-international-phone": "^4.5.0",
     "react-otp-input": "^3.1.1",
-    "sonner": "^1.7.1",
+    "sonner": "^1.7.4",
     "tailwind-merge": "^2.6.0",
     "tailwindcss-animate": "^1.0.7",
-    "timescape": "^0.6.2",
+    "timescape": "^0.7.1",
     "universal-cookie": "^7.2.2",
     "vaul": "^1.1.2"
   },
   "devDependencies": {
-    "@eslint/js": "^9.17.0",
-    "@ianvs/prettier-plugin-sort-imports": "^4.4.0",
-    "@storybook/addon-a11y": "^8.4.7",
+    "@eslint/js": "^9.19.0",
+    "@ianvs/prettier-plugin-sort-imports": "^4.4.1",
+    "@storybook/addon-a11y": "^8.5.3",
     "@storybook/addon-coverage": "^1.0.5",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-links": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/addon-storysource": "^8.4.7",
-    "@storybook/addon-themes": "^8.4.7",
-    "@storybook/addon-viewport": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.4.7",
+    "@storybook/addon-essentials": "^8.5.3",
+    "@storybook/addon-interactions": "^8.5.3",
+    "@storybook/addon-links": "^8.5.3",
+    "@storybook/addon-onboarding": "^8.5.3",
+    "@storybook/addon-storysource": "^8.5.3",
+    "@storybook/addon-themes": "^8.5.3",
+    "@storybook/addon-viewport": "^8.5.3",
+    "@storybook/blocks": "^8.5.3",
+    "@storybook/react": "^8.5.3",
+    "@storybook/react-vite": "^8.5.3",
+    "@storybook/test": "^8.5.3",
     "@storybook/test-runner": "^0.21.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.1.0",
-    "@testing-library/user-event": "^14.5.2",
+    "@testing-library/react": "^16.2.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/eslint__js": "^8.42.3",
     "@types/jest-image-snapshot": "^6.4.0",
-    "@types/node": "^22.10.2",
-    "@types/react": "^19.0.2",
-    "@types/react-dom": "^19.0.2",
-    "@typescript-eslint/eslint-plugin": "^8.18.2",
-    "@typescript-eslint/parser": "^8.18.2",
+    "@types/node": "^22.13.0",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "@typescript-eslint/eslint-plugin": "^8.22.0",
+    "@typescript-eslint/parser": "^8.22.0",
     "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/coverage-v8": "^2.1.8",
-    "@vitest/ui": "^2.1.8",
+    "@vitest/coverage-v8": "^3.0.5",
+    "@vitest/ui": "^3.0.5",
     "autoprefixer": "^10.4.20",
     "axe-playwright": "^2.0.3",
-    "eslint": "^9.17.0",
-    "eslint-plugin-react": "^7.37.3",
+    "eslint": "^9.19.0",
+    "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-react-refresh": "^0.4.16",
-    "eslint-plugin-storybook": "^0.11.1",
+    "eslint-plugin-react-refresh": "^0.4.18",
+    "eslint-plugin-storybook": "^0.11.2",
     "globals": "^15.14.0",
     "jest-image-snapshot": "^6.4.0",
-    "jsdom": "^25.0.1",
+    "jsdom": "^26.0.0",
     "path": "^0.12.7",
-    "postcss": "^8.4.49",
+    "postcss": "^8.5.1",
     "prettier": "^3.4.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-router-dom": "^7.1.1",
-    "recharts": "^2.15.0",
-    "storybook": "^8.4.7",
+    "react-router-dom": "^7.1.5",
+    "recharts": "^2.15.1",
+    "storybook": "^8.5.3",
     "tailwindcss": "^3.4.17",
-    "typescript": "^5.7.2",
-    "typescript-eslint": "^8.18.2",
-    "vite": "^6.0.6",
-    "vite-plugin-dts": "^4.4.0",
-    "vitest": "^2.1.8"
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.22.0",
+    "vite": "^6.0.11",
+    "vite-plugin-dts": "^4.5.0",
+    "vitest": "^3.0.5"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -176,5 +176,5 @@
     "recharts": "^2.15.0",
     "typescript": "^5.7.2"
   },
-  "gitHead": "53bb062539f46752b0b11e59dad0deebff5d6eb2"
+  "gitHead": "3ab1ef5b1ca2fb4ec2ad2ea0bd9889988f30d142"
 }

package/src/components/Sonner/helpers.ts

@@ -0,0 +1,24 @@
+import type { ToasterProps } from "./types";
+import { cn } from "../../utilities";
+import { getToastButtonClasses, getToastClasses } from "./constants";
+
+export const toastClassnames = ({
+  variant,
+  outline,
+  actionButton,
+  cancelButton,
+  closeButton,
+}: Pick<ToasterProps, "variant" | "outline" | "actionButton" | "cancelButton" | "closeButton">) => {
+  return {
+    toast: cn(getToastClasses({ variant, outline })),
+    actionButton: cn(getToastButtonClasses(actionButton)),
+    cancelButton: cn(
+      getToastButtonClasses({
+        outline: true,
+        variant: "base",
+        ...cancelButton,
+      })
+    ),
+    closeButton: cn(getToastButtonClasses({ variant: "neutral", ...closeButton })),
+  };
+};

package/src/components/Sonner/index.ts

@@ -1,2 +1,3 @@
 export { toast } from "sonner";
+export { toastClassnames } from "./helpers";
 export { Toaster } from "./Toaster";

package/src/components/Text/Text.tsx

@@ -13,7 +13,7 @@ export const Text = <T extends As>({
   ...props
 }: TextProps<T>) => {
   const Comp = as ? Slot : "span";
-  const SlotChild = as ? as : React.Fragment;
+  const SlotChild = as ?? React.Fragment;
 
   return (
     <Comp className={cn(getTextClasses({ size, variant }), className)} {...props}>