@placesapp/appy-ui 0.0.333 → 0.0.335

package/README.md

@@ -16,24 +16,6 @@ Make sure you have these peer dependencies installed:
 npm install react react-dom tailwindcss
 ```
 
-### Optional Peer Dependencies
-
-Some components require additional packages:
-
-```bash
-# For Calendar component
-npm install react-day-picker
-
-# For Carousel component
-npm install embla-carousel-react
-
-# For Chart components
-npm install recharts
-
-# For Form components
-npm install @tanstack/react-form
-```
-
 ## Setup
 
 ### 1. CSS Configuration

package/dist/index.d.ts

@@ -215,36 +215,17 @@ declare const ChartStyle: ({ id, config }: {
     config: ChartConfig;
 }) => react_jsx_runtime.JSX.Element | null;
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: Omit<React$1.ComponentProps<typeof RechartsPrimitive.Tooltip>, 'payload' | 'label' | 'labelFormatter' | 'formatter'> & React$1.ComponentProps<'div'> & {
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React$1.ComponentProps<typeof RechartsPrimitive.Tooltip> & React$1.ComponentProps<'div'> & {
     hideLabel?: boolean;
     hideIndicator?: boolean;
     indicator?: 'line' | 'dot' | 'dashed';
     nameKey?: string;
     labelKey?: string;
-    payload?: Array<{
-        type?: string;
-        name?: string;
-        dataKey?: string;
-        value?: number | string;
-        color?: string;
-        payload?: Record<string, unknown>;
-        fill?: string;
-    }>;
-    label?: string;
-    labelFormatter?: (value: React$1.ReactNode, payload: unknown[]) => React$1.ReactNode;
-    formatter?: (value: unknown, name: unknown, item: unknown, index: number, payload: unknown) => React$1.ReactNode;
 }): react_jsx_runtime.JSX.Element | null;
 declare const ChartLegend: typeof RechartsPrimitive.Legend;
-declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React$1.ComponentProps<'div'> & {
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React$1.ComponentProps<'div'> & Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {
     hideIcon?: boolean;
     nameKey?: string;
-    verticalAlign?: 'top' | 'bottom' | 'middle';
-    payload?: Array<{
-        type?: string;
-        value?: string;
-        dataKey?: string;
-        color?: string;
-    }>;
 }): react_jsx_runtime.JSX.Element | null;
 
 declare function Checkbox({ className, ...props }: Checkbox$1.Root.Props): react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -1587,7 +1587,7 @@ function ChartTooltipContent({
         /* @__PURE__ */ jsx("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
           const key = `${nameKey || item.name || item.dataKey || "value"}`;
           const itemConfig = getPayloadConfigFromPayload(config, item, key);
-          const indicatorColor = color || item.payload?.fill || item.color;
+          const indicatorColor = color || item.payload.fill || item.color;
           return /* @__PURE__ */ jsx(
             "div",
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@placesapp/appy-ui",
-  "version": "0.0.333",
+  "version": "0.0.335",
   "type": "module",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -21,46 +21,26 @@
     "react-dom": ">=19",
     "tailwindcss": ">=4"
   },
-  "peerDependenciesMeta": {
-    "@tanstack/react-form": {
-      "optional": true
-    },
-    "embla-carousel-react": {
-      "optional": true
-    },
-    "recharts": {
-      "optional": true
-    },
-    "react-day-picker": {
-      "optional": true
-    },
-    "cmdk": {
-      "optional": true
-    },
-    "tanstack-theme-kit": {
-      "optional": true
-    }
-  },
   "dependencies": {
     "@base-ui/react": "^1.1.0",
     "@tabler/icons-react": "^3.31.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.4.2",
     "motion": "^12.4.7",
+    "react-day-picker": "^9.13.0",
     "react-resizable-panels": "^2.1.7",
+    "recharts": "^2.15.4",
     "sonner": "^2.0.1",
     "tailwind-merge": "^3.0.1",
+    "tanstack-theme-kit": "^0.2.1",
     "vaul": "^1.1.2"
   },
   "devDependencies": {
     "@types/react": "19.2.9",
     "@types/react-dom": "19.2.3",
-    "cmdk": "^1.1.1",
-    "embla-carousel-react": "^8.6.0",
-    "react-day-picker": "^9.13.0",
-    "recharts": "^3.7.0",
-    "tanstack-theme-kit": "^0.2.1",
     "tsup": "^8.3.5",
     "typescript": "^5.7.3"
   },