@manhphi1309/dialog 0.3.4 → 0.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -229,7 +229,7 @@ function DialogFooter({ className, showCloseButton = false, children, ...props }
229
229
  function DialogTitle({ className, ...props }) {
230
230
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Dialog.Title, {
231
231
  "data-slot": "dialog-title",
232
- className: (0, _manhphi1309_utils.cn)("cn-font-heading text-base leading-none font-medium", className),
232
+ className: (0, _manhphi1309_utils.cn)("cn-font-heading text-base leading-none font-medium line-clamp-2", className),
233
233
  ...props
234
234
  });
235
235
  }
@@ -247,7 +247,7 @@ function DialogTitle({ className, ...props }) {
247
247
  function DialogDescription({ className, ...props }) {
248
248
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Dialog.Description, {
249
249
  "data-slot": "dialog-description",
250
- className: (0, _manhphi1309_utils.cn)("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
250
+ className: (0, _manhphi1309_utils.cn)("text-sm text-muted-foreground line-clamp-2 *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
251
251
  ...props
252
252
  });
253
253
  }
@@ -411,10 +411,10 @@ function ResponsiveDialogContent({ className, children, showCloseButton = true,
411
411
  * Typically contains `ResponsiveDialogTitle` and optionally
412
412
  * `ResponsiveDialogDescription`.
413
413
  */
414
- function ResponsiveDialogHeader({ className, leftNode, rightNode, children, ...props }) {
414
+ function ResponsiveDialogHeader({ className, leftAction, rightAction, children, ...props }) {
415
415
  if ((0, _manhphi1309_hooks.useIsMobile)()) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_manhphi1309_drawer.DrawerHeader, {
416
- leftNode,
417
- rightNode,
416
+ leftAction,
417
+ rightAction,
418
418
  className,
419
419
  ...props,
420
420
  children
package/dist/index.d.cts CHANGED
@@ -293,13 +293,13 @@ declare function ResponsiveDialogContent({
293
293
  */
294
294
  declare function ResponsiveDialogHeader({
295
295
  className,
296
- leftNode,
297
- rightNode,
296
+ leftAction,
297
+ rightAction,
298
298
  children,
299
299
  ...props
300
300
  }: React.ComponentProps<"div"> & {
301
- leftNode?: React.ReactNode;
302
- rightNode?: React.ReactNode;
301
+ leftAction?: React.ReactNode;
302
+ rightAction?: React.ReactNode;
303
303
  }): React.JSX.Element;
304
304
  /**
305
305
  * Layout wrapper for the **bottom action area** of the responsive
package/dist/index.d.mts CHANGED
@@ -293,13 +293,13 @@ declare function ResponsiveDialogContent({
293
293
  */
294
294
  declare function ResponsiveDialogHeader({
295
295
  className,
296
- leftNode,
297
- rightNode,
296
+ leftAction,
297
+ rightAction,
298
298
  children,
299
299
  ...props
300
300
  }: React.ComponentProps<"div"> & {
301
- leftNode?: React.ReactNode;
302
- rightNode?: React.ReactNode;
301
+ leftAction?: React.ReactNode;
302
+ rightAction?: React.ReactNode;
303
303
  }): React.JSX.Element;
304
304
  /**
305
305
  * Layout wrapper for the **bottom action area** of the responsive
package/dist/index.mjs CHANGED
@@ -205,7 +205,7 @@ function DialogFooter({ className, showCloseButton = false, children, ...props }
205
205
  function DialogTitle({ className, ...props }) {
206
206
  return /* @__PURE__ */ jsx(Dialog$1.Title, {
207
207
  "data-slot": "dialog-title",
208
- className: cn("cn-font-heading text-base leading-none font-medium", className),
208
+ className: cn("cn-font-heading text-base leading-none font-medium line-clamp-2", className),
209
209
  ...props
210
210
  });
211
211
  }
@@ -223,7 +223,7 @@ function DialogTitle({ className, ...props }) {
223
223
  function DialogDescription({ className, ...props }) {
224
224
  return /* @__PURE__ */ jsx(Dialog$1.Description, {
225
225
  "data-slot": "dialog-description",
226
- className: cn("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
226
+ className: cn("text-sm text-muted-foreground line-clamp-2 *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
227
227
  ...props
228
228
  });
229
229
  }
@@ -387,10 +387,10 @@ function ResponsiveDialogContent({ className, children, showCloseButton = true,
387
387
  * Typically contains `ResponsiveDialogTitle` and optionally
388
388
  * `ResponsiveDialogDescription`.
389
389
  */
390
- function ResponsiveDialogHeader({ className, leftNode, rightNode, children, ...props }) {
390
+ function ResponsiveDialogHeader({ className, leftAction, rightAction, children, ...props }) {
391
391
  if (useIsMobile()) return /* @__PURE__ */ jsx(DrawerHeader, {
392
- leftNode,
393
- rightNode,
392
+ leftAction,
393
+ rightAction,
394
394
  className,
395
395
  ...props,
396
396
  children
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@manhphi1309/dialog",
3
- "version": "0.3.4",
3
+ "version": "0.3.6",
4
4
  "sideEffects": false,
5
5
  "main": "./dist/index.cjs",
6
6
  "module": "./dist/index.mjs",
@@ -28,10 +28,10 @@
28
28
  "react-dom": "^19.0.0"
29
29
  },
30
30
  "dependencies": {
31
- "@manhphi1309/button": "^0.3.9",
32
- "@manhphi1309/drawer": "^0.1.3",
33
- "@manhphi1309/hooks": "^0.3.6",
34
- "@manhphi1309/utils": "^0.3.4",
31
+ "@manhphi1309/button": "*",
32
+ "@manhphi1309/drawer": "*",
33
+ "@manhphi1309/hooks": "*",
34
+ "@manhphi1309/utils": "*",
35
35
  "class-variance-authority": "^0.7.1"
36
36
  }
37
37
  }