@vite-mf-monorepo/ui 0.4.11 → 0.4.12

package/dist/next/Button/Button.js

@@ -1,2 +1,2 @@
-import{Fragment as B,jsx as n,jsxs as h}from"react/jsx-runtime";import u from"next/link";import{getButtonClasses as p,getButtonDisabledClasses as f,iconSizeMap as d}from"../../Button/Button.utils";import{Icon as N}from"../../Icon";function P(t){const{variant:a="primary",size:o="md",icon:i,iconPosition:c="left",className:r,children:l}=t,s=p({variant:a,size:o,iconPosition:c,className:r}),e=h(B,{children:[i&&n(N,{name:i,size:d[o]}),l]});if(t.as==="link"){const{as:C,variant:L,size:D,icon:I,iconPosition:M,className:R,children:S,..._}=t;return n(u,{className:s,..._,children:e})}const{as:v,variant:z,size:b,icon:k,iconPosition:y,className:g,children:x,...m}=t;return n("button",{className:f(s),...m,children:e})}var E=P;export{E as default};
+import{Fragment as g,jsx as i,jsxs as x}from"react/jsx-runtime";import v from"next/link";import{getButtonClasses as z,getButtonDisabledClasses as B,iconSizeMap as k}from"../../Button/Button.utils";import{Icon as b}from"../../Icon";function y(n){const{variant:e="primary",size:a="md",icon:c,iconPosition:r="left",className:l,children:_}=n,t=z({variant:e,size:a,iconPosition:r,className:l}),o=x(g,{children:[c&&i(b,{name:c,size:k[a]}),_]});if(n.as==="link"){const{as:u,variant:f,size:N,icon:P,iconPosition:d,className:h,children:p,...s}=n;return i(v,{className:t,...s,children:o})}if(n.as==="zone-link"){const{as:u,variant:f,size:N,icon:P,iconPosition:d,className:h,children:p,...s}=n;return i("a",{className:t,...s,children:o})}const{as:C,variant:L,size:D,icon:I,iconPosition:M,className:R,children:S,...m}=n;return i("button",{className:B(t),...m,children:o})}var E=y;export{E as default};
 //# sourceMappingURL=Button.js.map

package/dist/next/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/Button/Button.tsx"],"sourcesContent":["import Link from 'next/link'\n\nimport {\n  getButtonClasses,\n  getButtonDisabledClasses,\n  iconSizeMap,\n} from '../../Button/Button.utils'\nimport { Icon } from '../../Icon'\n\nimport type { NextButtonProps } from './Button.types'\n\nfunction Button(props: Readonly<NextButtonProps>) {\n  const {\n    variant = 'primary',\n    size = 'md',\n    icon,\n    iconPosition = 'left',\n    className,\n    children,\n  } = props\n\n  const classes = getButtonClasses({ variant, size, iconPosition, className })\n\n  const content = (\n    <>\n      {icon && <Icon name={icon} size={iconSizeMap[size]} />}\n      {children}\n    </>\n  )\n\n  if (props.as === 'link') {\n    const {\n      as: _,\n      variant: _v,\n      size: _s,\n      icon: _i,\n      iconPosition: _ip,\n      className: _c,\n      children: _ch,\n      ...linkProps\n    } = props\n\n    return (\n      <Link className={classes} {...linkProps}>\n        {content}\n      </Link>\n    )\n  }\n\n  const {\n    as: _,\n    variant: _v,\n    size: _s,\n    icon: _i,\n    iconPosition: _ip,\n    className: _c,\n    children: _ch,\n    ...buttonProps\n  } = props\n\n  return (\n    <button className={getButtonDisabledClasses(classes)} {...buttonProps}>\n      {content}\n    </button>\n  )\n}\n\nexport default Button\n"],"mappings":"AAwBI,mBAAAA,EACW,OAAAC,EADX,QAAAC,MAAA,oBAxBJ,OAAOC,MAAU,YAEjB,OACE,oBAAAC,EACA,4BAAAC,EACA,eAAAC,MACK,4BACP,OAAS,QAAAC,MAAY,aAIrB,SAASC,EAAOC,EAAkC,CAChD,KAAM,CACJ,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,KAAAC,EACA,aAAAC,EAAe,OACf,UAAAC,EACA,SAAAC,CACF,EAAIN,EAEEO,EAAUZ,EAAiB,CAAE,QAAAM,EAAS,KAAAC,EAAM,aAAAE,EAAc,UAAAC,CAAU,CAAC,EAErEG,EACJf,EAAAF,EAAA,CACG,UAAAY,GAAQX,EAACM,EAAA,CAAK,KAAMK,EAAM,KAAMN,EAAYK,CAAI,EAAG,EACnDI,GACH,EAGF,GAAIN,EAAM,KAAO,OAAQ,CACvB,KAAM,CACJ,GAAIS,EACJ,QAASC,EACT,KAAMC,EACN,KAAMC,EACN,aAAcC,EACd,UAAWC,EACX,SAAUC,EACV,GAAGC,CACL,EAAIhB,EAEJ,OACER,EAACE,EAAA,CAAK,UAAWa,EAAU,GAAGS,EAC3B,SAAAR,EACH,CAEJ,CAEA,KAAM,CACJ,GAAIC,EACJ,QAASC,EACT,KAAMC,EACN,KAAMC,EACN,aAAcC,EACd,UAAWC,EACX,SAAUC,EACV,GAAGE,CACL,EAAIjB,EAEJ,OACER,EAAC,UAAO,UAAWI,EAAyBW,CAAO,EAAI,GAAGU,EACvD,SAAAT,EACH,CAEJ,CAEA,IAAOU,EAAQnB","names":["Fragment","jsx","jsxs","Link","getButtonClasses","getButtonDisabledClasses","iconSizeMap","Icon","Button","props","variant","size","icon","iconPosition","className","children","classes","content","_","_v","_s","_i","_ip","_c","_ch","linkProps","buttonProps","Button_default"]}
+{"version":3,"sources":["../../../src/next/Button/Button.tsx"],"sourcesContent":["import Link from 'next/link'\n\nimport {\n  getButtonClasses,\n  getButtonDisabledClasses,\n  iconSizeMap,\n} from '../../Button/Button.utils'\nimport { Icon } from '../../Icon'\n\nimport type { NextButtonProps } from './Button.types'\n\nfunction Button(props: Readonly<NextButtonProps>) {\n  const {\n    variant = 'primary',\n    size = 'md',\n    icon,\n    iconPosition = 'left',\n    className,\n    children,\n  } = props\n\n  const classes = getButtonClasses({ variant, size, iconPosition, className })\n\n  const content = (\n    <>\n      {icon && <Icon name={icon} size={iconSizeMap[size]} />}\n      {children}\n    </>\n  )\n\n  if (props.as === 'link') {\n    const {\n      as: _,\n      variant: _v,\n      size: _s,\n      icon: _i,\n      iconPosition: _ip,\n      className: _c,\n      children: _ch,\n      ...linkProps\n    } = props\n\n    return (\n      <Link className={classes} {...linkProps}>\n        {content}\n      </Link>\n    )\n  }\n\n  if (props.as === 'zone-link') {\n    const {\n      as: _,\n      variant: _v,\n      size: _s,\n      icon: _i,\n      iconPosition: _ip,\n      className: _c,\n      children: _ch,\n      ...anchorProps\n    } = props\n\n    return (\n      <a className={classes} {...anchorProps}>\n        {content}\n      </a>\n    )\n  }\n\n  const {\n    as: _,\n    variant: _v,\n    size: _s,\n    icon: _i,\n    iconPosition: _ip,\n    className: _c,\n    children: _ch,\n    ...buttonProps\n  } = props\n\n  return (\n    <button className={getButtonDisabledClasses(classes)} {...buttonProps}>\n      {content}\n    </button>\n  )\n}\n\nexport default Button\n"],"mappings":"AAwBI,mBAAAA,EACW,OAAAC,EADX,QAAAC,MAAA,oBAxBJ,OAAOC,MAAU,YAEjB,OACE,oBAAAC,EACA,4BAAAC,EACA,eAAAC,MACK,4BACP,OAAS,QAAAC,MAAY,aAIrB,SAASC,EAAOC,EAAkC,CAChD,KAAM,CACJ,QAAAC,EAAU,UACV,KAAAC,EAAO,KACP,KAAAC,EACA,aAAAC,EAAe,OACf,UAAAC,EACA,SAAAC,CACF,EAAIN,EAEEO,EAAUZ,EAAiB,CAAE,QAAAM,EAAS,KAAAC,EAAM,aAAAE,EAAc,UAAAC,CAAU,CAAC,EAErEG,EACJf,EAAAF,EAAA,CACG,UAAAY,GAAQX,EAACM,EAAA,CAAK,KAAMK,EAAM,KAAMN,EAAYK,CAAI,EAAG,EACnDI,GACH,EAGF,GAAIN,EAAM,KAAO,OAAQ,CACvB,KAAM,CACJ,GAAIS,EACJ,QAASC,EACT,KAAMC,EACN,KAAMC,EACN,aAAcC,EACd,UAAWC,EACX,SAAUC,EACV,GAAGC,CACL,EAAIhB,EAEJ,OACER,EAACE,EAAA,CAAK,UAAWa,EAAU,GAAGS,EAC3B,SAAAR,EACH,CAEJ,CAEA,GAAIR,EAAM,KAAO,YAAa,CAC5B,KAAM,CACJ,GAAIS,EACJ,QAASC,EACT,KAAMC,EACN,KAAMC,EACN,aAAcC,EACd,UAAWC,EACX,SAAUC,EACV,GAAGE,CACL,EAAIjB,EAEJ,OACER,EAAC,KAAE,UAAWe,EAAU,GAAGU,EACxB,SAAAT,EACH,CAEJ,CAEA,KAAM,CACJ,GAAIC,EACJ,QAASC,EACT,KAAMC,EACN,KAAMC,EACN,aAAcC,EACd,UAAWC,EACX,SAAUC,EACV,GAAGG,CACL,EAAIlB,EAEJ,OACER,EAAC,UAAO,UAAWI,EAAyBW,CAAO,EAAI,GAAGW,EACvD,SAAAV,EACH,CAEJ,CAEA,IAAOW,EAAQpB","names":["Fragment","jsx","jsxs","Link","getButtonClasses","getButtonDisabledClasses","iconSizeMap","Icon","Button","props","variant","size","icon","iconPosition","className","children","classes","content","_","_v","_s","_i","_ip","_c","_ch","linkProps","anchorProps","buttonProps","Button_default"]}

package/dist/next/Button/Button.types.d.ts

@@ -21,6 +21,14 @@ type NextButtonAsLink = ButtonVisualProps & Omit<LinkProps, 'as'> & {
     className?: string;
     children?: React.ReactNode;
 };
-type NextButtonProps = NextButtonAsButton | NextButtonAsLink;
+type NextButtonAsZoneLink = ButtonVisualProps & {
+    /** Render as a plain anchor for cross-zone navigation (multi-zones). */
+    as: 'zone-link';
+    /** Navigation URL */
+    href: string;
+    className?: string;
+    children?: React.ReactNode;
+};
+type NextButtonProps = NextButtonAsButton | NextButtonAsLink | NextButtonAsZoneLink;
 
-export type { NextButtonAsButton, NextButtonAsLink, NextButtonProps };
+export type { NextButtonAsButton, NextButtonAsLink, NextButtonAsZoneLink, NextButtonProps };

package/dist/next/MovieCard/MovieCard.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as t}from"react/jsx-runtime";import m from"next/link";import{getMovieCardLinkClasses as p}from"../../MovieCard/MovieCard.utils";import u from"./MovieCardContent";function k({id:r,title:a,posterUrl:d,voteAverage:c,year:l,className:f,imageLoading:C="lazy",blurDataURL:s,as:e="card",...i}){const n="href"in i?i.href:void 0,v="onClick"in i?i.onClick:void 0,o=t(u,{id:r,title:a,posterUrl:d,voteAverage:c,year:l,className:f,imageLoading:C,isInteractive:e==="link"||e==="button",onClick:e==="button"?v:void 0,blurDataURL:s});return e==="link"&&n?t(m,{href:n,className:p(),children:o}):o}var h=k;export{h as default};
+"use client";import{jsx as t}from"react/jsx-runtime";import u from"next/link";import{getMovieCardLinkClasses as r}from"../../MovieCard/MovieCard.utils";import v from"./MovieCardContent";function p({id:a,title:l,posterUrl:d,voteAverage:c,year:f,className:C,imageLoading:s="lazy",blurDataURL:k,as:e="card",...n}){const i="href"in n?n.href:void 0,m="onClick"in n?n.onClick:void 0,o=t(v,{id:a,title:l,posterUrl:d,voteAverage:c,year:f,className:C,imageLoading:s,isInteractive:e==="link"||e==="zone-link"||e==="button",onClick:e==="button"?m:void 0,blurDataURL:k});return e==="link"&&i?t(u,{href:i,className:r(),children:o}):e==="zone-link"&&i?t("a",{href:i,className:r(),children:o}):o}var N=p;export{N as default};
 //# sourceMappingURL=MovieCard.js.map

package/dist/next/MovieCard/MovieCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/MovieCard/MovieCard.tsx"],"sourcesContent":["'use client'\n\nimport Link from 'next/link'\n\nimport { getMovieCardLinkClasses } from '../../MovieCard/MovieCard.utils'\n\nimport MovieCardContent from './MovieCardContent'\n\nimport type { NextMovieCardProps } from './MovieCard.types'\n\nfunction MovieCard({\n  id,\n  title,\n  posterUrl,\n  voteAverage,\n  year,\n  className,\n  imageLoading = 'lazy',\n  blurDataURL,\n  as = 'card',\n  ...rest\n}: Readonly<NextMovieCardProps>) {\n  const href = 'href' in rest ? rest.href : undefined\n  const onClick = 'onClick' in rest ? rest.onClick : undefined\n\n  const isInteractive = as === 'link' || as === 'button'\n\n  const cardContent = (\n    <MovieCardContent\n      id={id}\n      title={title}\n      posterUrl={posterUrl}\n      voteAverage={voteAverage}\n      year={year}\n      className={className}\n      imageLoading={imageLoading}\n      isInteractive={isInteractive}\n      onClick={as === 'button' ? onClick : undefined}\n      blurDataURL={blurDataURL}\n    />\n  )\n\n  if (as === 'link' && href) {\n    return (\n      <Link href={href} className={getMovieCardLinkClasses()}>\n        {cardContent}\n      </Link>\n    )\n  }\n\n  return cardContent\n}\n\nexport default MovieCard\n"],"mappings":"aA4BI,cAAAA,MAAA,oBA1BJ,OAAOC,MAAU,YAEjB,OAAS,2BAAAC,MAA+B,kCAExC,OAAOC,MAAsB,qBAI7B,SAASC,EAAU,CACjB,GAAAC,EACA,MAAAC,EACA,UAAAC,EACA,YAAAC,EACA,KAAAC,EACA,UAAAC,EACA,aAAAC,EAAe,OACf,YAAAC,EACA,GAAAC,EAAK,OACL,GAAGC,CACL,EAAiC,CAC/B,MAAMC,EAAO,SAAUD,EAAOA,EAAK,KAAO,OACpCE,EAAU,YAAaF,EAAOA,EAAK,QAAU,OAI7CG,EACJjB,EAACG,EAAA,CACC,GAAIE,EACJ,MAAOC,EACP,UAAWC,EACX,YAAaC,EACb,KAAMC,EACN,UAAWC,EACX,aAAcC,EACd,cAXkBE,IAAO,QAAUA,IAAO,SAY1C,QAASA,IAAO,SAAWG,EAAU,OACrC,YAAaJ,EACf,EAGF,OAAIC,IAAO,QAAUE,EAEjBf,EAACC,EAAA,CAAK,KAAMc,EAAM,UAAWb,EAAwB,EAClD,SAAAe,EACH,EAIGA,CACT,CAEA,IAAOC,EAAQd","names":["jsx","Link","getMovieCardLinkClasses","MovieCardContent","MovieCard","id","title","posterUrl","voteAverage","year","className","imageLoading","blurDataURL","as","rest","href","onClick","cardContent","MovieCard_default"]}
+{"version":3,"sources":["../../../src/next/MovieCard/MovieCard.tsx"],"sourcesContent":["'use client'\n\nimport Link from 'next/link'\n\nimport { getMovieCardLinkClasses } from '../../MovieCard/MovieCard.utils'\n\nimport MovieCardContent from './MovieCardContent'\n\nimport type { NextMovieCardProps } from './MovieCard.types'\n\nfunction MovieCard({\n  id,\n  title,\n  posterUrl,\n  voteAverage,\n  year,\n  className,\n  imageLoading = 'lazy',\n  blurDataURL,\n  as = 'card',\n  ...rest\n}: Readonly<NextMovieCardProps>) {\n  const href = 'href' in rest ? rest.href : undefined\n  const onClick = 'onClick' in rest ? rest.onClick : undefined\n\n  const isInteractive = as === 'link' || as === 'zone-link' || as === 'button'\n\n  const cardContent = (\n    <MovieCardContent\n      id={id}\n      title={title}\n      posterUrl={posterUrl}\n      voteAverage={voteAverage}\n      year={year}\n      className={className}\n      imageLoading={imageLoading}\n      isInteractive={isInteractive}\n      onClick={as === 'button' ? onClick : undefined}\n      blurDataURL={blurDataURL}\n    />\n  )\n\n  if (as === 'link' && href) {\n    return (\n      <Link href={href} className={getMovieCardLinkClasses()}>\n        {cardContent}\n      </Link>\n    )\n  }\n\n  if (as === 'zone-link' && href) {\n    return (\n      <a href={href} className={getMovieCardLinkClasses()}>\n        {cardContent}\n      </a>\n    )\n  }\n\n  return cardContent\n}\n\nexport default MovieCard\n"],"mappings":"aA4BI,cAAAA,MAAA,oBA1BJ,OAAOC,MAAU,YAEjB,OAAS,2BAAAC,MAA+B,kCAExC,OAAOC,MAAsB,qBAI7B,SAASC,EAAU,CACjB,GAAAC,EACA,MAAAC,EACA,UAAAC,EACA,YAAAC,EACA,KAAAC,EACA,UAAAC,EACA,aAAAC,EAAe,OACf,YAAAC,EACA,GAAAC,EAAK,OACL,GAAGC,CACL,EAAiC,CAC/B,MAAMC,EAAO,SAAUD,EAAOA,EAAK,KAAO,OACpCE,EAAU,YAAaF,EAAOA,EAAK,QAAU,OAI7CG,EACJjB,EAACG,EAAA,CACC,GAAIE,EACJ,MAAOC,EACP,UAAWC,EACX,YAAaC,EACb,KAAMC,EACN,UAAWC,EACX,aAAcC,EACd,cAXkBE,IAAO,QAAUA,IAAO,aAAeA,IAAO,SAYhE,QAASA,IAAO,SAAWG,EAAU,OACrC,YAAaJ,EACf,EAGF,OAAIC,IAAO,QAAUE,EAEjBf,EAACC,EAAA,CAAK,KAAMc,EAAM,UAAWb,EAAwB,EAClD,SAAAe,EACH,EAIAJ,IAAO,aAAeE,EAEtBf,EAAC,KAAE,KAAMe,EAAM,UAAWb,EAAwB,EAC/C,SAAAe,EACH,EAIGA,CACT,CAEA,IAAOC,EAAQd","names":["jsx","Link","getMovieCardLinkClasses","MovieCardContent","MovieCard","id","title","posterUrl","voteAverage","year","className","imageLoading","blurDataURL","as","rest","href","onClick","cardContent","MovieCard_default"]}

package/dist/next/MovieCard/MovieCard.types.d.ts

@@ -10,6 +10,13 @@ interface NextMovieCardAsLink extends MovieCardBaseProps {
     href: string;
     onClick?: never;
 }
-type NextMovieCardProps = MovieCardAsCard | NextMovieCardAsLink | MovieCardAsButton;
+interface NextMovieCardAsZoneLink extends MovieCardBaseProps {
+    /** Render as a plain anchor for cross-zone navigation (multi-zones). */
+    as: 'zone-link';
+    /** Navigation path (required when as="zone-link") */
+    href: string;
+    onClick?: never;
+}
+type NextMovieCardProps = MovieCardAsCard | NextMovieCardAsLink | NextMovieCardAsZoneLink | MovieCardAsButton;
 
-export { MovieCardAsButton, MovieCardAsCard, MovieCardBaseProps, type NextMovieCardAsLink, type NextMovieCardProps };
+export { MovieCardAsButton, MovieCardAsCard, MovieCardBaseProps, type NextMovieCardAsLink, type NextMovieCardAsZoneLink, type NextMovieCardProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vite-mf-monorepo/ui",
-  "version": "0.4.11",
+  "version": "0.4.12",
   "description": "Design system components for vite-mf-monorepo",
   "type": "module",
   "publishConfig": {