@mbao01/common 0.2.4 → 0.2.7

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

@@ -1,5 +1,5 @@
 export declare const getAvatarClasses: (props?: ({
-    size?: 16 | 4 | 8 | 12 | 24 | 32 | 48 | 64 | null | undefined;
+    size?: 4 | 8 | 12 | 16 | 24 | 32 | 48 | 64 | null | undefined;
     status?: "online" | "offline" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getAvatarImageClasses: (props?: ({
@@ -8,7 +8,7 @@ export declare const getAvatarImageClasses: (props?: ({
     ring?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const getAvatarFallbackClasses: (props?: ({
-    size?: 16 | 4 | 8 | 12 | 24 | 32 | 48 | 64 | null | undefined;
+    size?: 4 | 8 | 12 | 16 | 24 | 32 | 48 | 64 | null | undefined;
     variant?: "accent" | "default" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
     shape?: "circle" | "round" | "hexagon" | "triangle" | "television" | null | undefined;
     ring?: boolean | null | undefined;

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

@@ -8,6 +8,7 @@ declare const Select: {
         variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | undefined;
         outline?: boolean | undefined;
+        wide?: boolean | undefined;
     } & {
         label?: React.ReactNode;
         labelPosition?: "start" | "end" | "floating";
@@ -20,6 +21,7 @@ declare const Select: {
         variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | undefined;
         outline?: boolean | undefined;
+        wide?: boolean | undefined;
     } & React.RefAttributes<HTMLDivElement>>;
     Icon: React.ForwardRefExoticComponent<SelectPrimitive.SelectIconProps & React.RefAttributes<HTMLSpanElement>>;
     ItemText: React.ForwardRefExoticComponent<SelectPrimitive.SelectItemTextProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/types/components/Form/Select/constants.d.ts

@@ -1,5 +1,6 @@
 export declare const getSelectTriggerClasses: (props?: ({
     variant?: "accent" | "default" | "error" | "info" | "primary" | "secondary" | "success" | "warning" | "ghost" | null | undefined;
+    wide?: boolean | null | undefined;
     outline?: boolean | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1,6 +1,6 @@
 export declare const getSkeletonClasses: (props?: ({
     variant?: "pulse" | null | undefined;
-    width?: 16 | 4 | 8 | 2 | 12 | 24 | 32 | 48 | 64 | "full" | null | undefined;
-    height?: 16 | 4 | 8 | 2 | 12 | 24 | 32 | 48 | 64 | "full" | null | undefined;
+    width?: 4 | 8 | 2 | 12 | 16 | 24 | 32 | 48 | 64 | "full" | null | undefined;
+    height?: 4 | 8 | 2 | 12 | 16 | 24 | 32 | 48 | 64 | "full" | null | undefined;
     round?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mbao01/common",
   "private": false,
-  "version": "0.2.4",
+  "version": "0.2.7",
   "type": "module",
   "author": "Ayomide Bakare",
   "license": "MIT",
@@ -69,29 +69,29 @@
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@radix-ui/react-accordion": "^1.2.3",
-    "@radix-ui/react-alert-dialog": "^1.1.6",
-    "@radix-ui/react-avatar": "^1.1.3",
-    "@radix-ui/react-checkbox": "^1.1.4",
-    "@radix-ui/react-collapsible": "^1.1.3",
-    "@radix-ui/react-context-menu": "^2.2.6",
-    "@radix-ui/react-dialog": "^1.1.6",
-    "@radix-ui/react-dropdown-menu": "^2.1.6",
-    "@radix-ui/react-hover-card": "^1.1.6",
-    "@radix-ui/react-label": "^2.1.2",
-    "@radix-ui/react-menubar": "^1.1.6",
-    "@radix-ui/react-navigation-menu": "^1.2.5",
-    "@radix-ui/react-popover": "^1.1.6",
-    "@radix-ui/react-progress": "^1.1.2",
-    "@radix-ui/react-scroll-area": "^1.2.3",
-    "@radix-ui/react-select": "^2.1.6",
-    "@radix-ui/react-separator": "^1.1.2",
-    "@radix-ui/react-slider": "^1.2.3",
-    "@radix-ui/react-slot": "^1.1.2",
-    "@radix-ui/react-tabs": "^1.1.3",
-    "@radix-ui/react-toggle": "^1.1.2",
-    "@radix-ui/react-toggle-group": "^1.1.2",
-    "@radix-ui/react-tooltip": "^1.1.8",
+    "@radix-ui/react-accordion": "^1.2.8",
+    "@radix-ui/react-alert-dialog": "^1.1.11",
+    "@radix-ui/react-avatar": "^1.1.7",
+    "@radix-ui/react-checkbox": "^1.2.3",
+    "@radix-ui/react-collapsible": "^1.1.8",
+    "@radix-ui/react-context-menu": "^2.2.12",
+    "@radix-ui/react-dialog": "^1.1.11",
+    "@radix-ui/react-dropdown-menu": "^2.1.12",
+    "@radix-ui/react-hover-card": "^1.1.11",
+    "@radix-ui/react-label": "^2.1.4",
+    "@radix-ui/react-menubar": "^1.1.12",
+    "@radix-ui/react-navigation-menu": "^1.2.10",
+    "@radix-ui/react-popover": "^1.1.11",
+    "@radix-ui/react-progress": "^1.1.4",
+    "@radix-ui/react-scroll-area": "^1.2.6",
+    "@radix-ui/react-select": "^2.2.2",
+    "@radix-ui/react-separator": "^1.1.4",
+    "@radix-ui/react-slider": "^1.3.2",
+    "@radix-ui/react-slot": "^1.2.0",
+    "@radix-ui/react-tabs": "^1.1.9",
+    "@radix-ui/react-toggle": "^1.1.6",
+    "@radix-ui/react-toggle-group": "^1.1.7",
+    "@radix-ui/react-tooltip": "^1.2.4",
     "@tailwindcss/typography": "^0.5.16",
     "chrono-node": "^2.8.0",
     "class-variance-authority": "^0.7.1",
@@ -99,12 +99,12 @@
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
     "embla-carousel-react": "^8.6.0",
-    "lucide-react": "^0.487.0",
-    "react-day-picker": "^9.6.5",
+    "lucide-react": "^0.503.0",
+    "react-day-picker": "^9.6.7",
     "react-dropzone": "^14.3.8",
     "react-international-phone": "^4.5.0",
     "react-otp-input": "^3.1.1",
-    "react-resizable-panels": "^2.1.7",
+    "react-resizable-panels": "^2.1.8",
     "sonner": "^2.0.3",
     "tailwind-merge": "^3.2.0",
     "timescape": "^0.7.1",
@@ -112,7 +112,7 @@
     "vaul": "^1.1.2"
   },
   "devDependencies": {
-    "@eslint/js": "^9.24.0",
+    "@eslint/js": "^9.25.1",
     "@ianvs/prettier-plugin-sort-imports": "^4.4.1",
     "@storybook/addon-a11y": "^8.6.12",
     "@storybook/addon-coverage": "^1.0.5",
@@ -128,44 +128,44 @@
     "@storybook/react-vite": "^8.6.12",
     "@storybook/test": "^8.6.12",
     "@storybook/test-runner": "^0.22.0",
-    "@tailwindcss/postcss": "^4.1.3",
-    "@tailwindcss/vite": "^4.1.3",
+    "@tailwindcss/postcss": "^4.1.4",
+    "@tailwindcss/vite": "^4.1.4",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest-image-snapshot": "^6.4.0",
-    "@types/node": "^22.14.0",
-    "@types/react": "^19.1.0",
-    "@types/react-dom": "^19.1.1",
-    "@typescript-eslint/eslint-plugin": "^8.29.1",
-    "@typescript-eslint/parser": "^8.29.1",
-    "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/coverage-v8": "^3.1.1",
-    "@vitest/ui": "^3.1.1",
+    "@types/node": "^22.14.1",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
+    "@typescript-eslint/eslint-plugin": "^8.31.0",
+    "@typescript-eslint/parser": "^8.31.0",
+    "@vitejs/plugin-react": "^4.4.1",
+    "@vitest/coverage-v8": "^3.1.2",
+    "@vitest/ui": "^3.1.2",
     "axe-playwright": "^2.1.0",
-    "daisyui": "^5.0.16",
-    "eslint": "^9.24.0",
+    "daisyui": "^5.0.28",
+    "eslint": "^9.25.1",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-react-refresh": "^0.4.20",
     "eslint-plugin-storybook": "^0.12.0",
     "globals": "^16.0.0",
     "jest-image-snapshot": "^6.4.0",
-    "jsdom": "^26.0.0",
+    "jsdom": "^26.1.0",
     "path": "^0.12.7",
     "postcss": "^8.5.3",
     "prettier": "^3.5.3",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "react-router-dom": "^7.5.0",
-    "recharts": "^2.15.2",
+    "react-router-dom": "^7.5.1",
+    "recharts": "^2.15.3",
     "storybook": "^8.6.12",
-    "tailwindcss": "^4.1.3",
+    "tailwindcss": "^4.1.4",
     "typescript": "^5.8.3",
-    "typescript-eslint": "^8.29.1",
-    "vite": "^6.2.5",
+    "typescript-eslint": "^8.31.0",
+    "vite": "^6.3.2",
     "vite-plugin-dts": "^4.5.3",
-    "vitest": "^3.1.1"
+    "vitest": "^3.1.2"
   },
   "peerDependencies": {
     "daisyui": "5",
@@ -174,5 +174,5 @@
     "recharts": "2",
     "typescript": "5"
   },
-  "gitHead": "4e8242f09ad1b2aef4f84ee05573df8b875ab015"
+  "gitHead": "f5b1a027168052ff11a16f60f475c0f2879b5e51"
 }

package/src/components/Form/Select/Select.tsx

@@ -45,7 +45,18 @@ const SelectTrigger = React.forwardRef<
   SelectTriggerProps
 >(
   (
-    { id, label, labelPosition = "start", className, children, size, variant, outline, ...props },
+    {
+      id,
+      label,
+      labelPosition = "start",
+      className,
+      children,
+      size,
+      wide,
+      variant,
+      outline,
+      ...props
+    },
     ref
   ) => {
     if (label) {
@@ -56,7 +67,7 @@ const SelectTrigger = React.forwardRef<
             <SelectPrimitive.Trigger
               id={id}
               ref={ref}
-              className={cn(getSelectTriggerClasses({ size, variant, outline }), className)}
+              className={cn(getSelectTriggerClasses({ size, wide, variant, outline }), className)}
               {...props}
             >
               {children}

package/src/components/Form/Select/constants.ts

@@ -16,6 +16,9 @@ export const getSelectTriggerClasses = cva(
         error: "select-error",
         ghost: "select-ghost bg-transparent",
       },
+      wide: {
+        true: "w-full",
+      },
       outline: {
         true: "border border-input",
       },