@caseparts-org/caseblocks 0.0.72 → 0.0.74

package/dist/atoms/Link/Link.d.ts

@@ -1,105 +1,17 @@
 import { default as React } from 'react';
 import { HideAtProps } from '../HideAt';
 export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, HideAtProps {
-    external?: boolean;
     href: string;
-    children: React.ReactNode;
     disabled?: boolean;
-    /** Skip default link styling (still applies responsive + disabled adjustments). */
     unstyled?: boolean;
-}
-/** Signature an external router link (e.g. next/link) must satisfy */
-export type LinkComponent = (_props: LinkProps) => JSX.Element;
-export declare function LinkProvider({ component, children, }: {
-    component: LinkComponent;
+    external?: boolean;
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-/**
- *
- * Framework‑agnostic link component with an injectable routing implementation.
- *
- * By default it renders a styled `<a>`. Consumers (e.g. a Next.js or React Router app)
- * can wrap their application in a <LinkProvider /> to override navigation while
- * preserving styling, accessibility, disabled handling, and responsive visibility logic.
- *
- * ## Why a provider?
- * Central injection means every internal usage of <Link /> inside the design system
- * (e.g. in CategoryNav, MainNav, etc.) automatically adopts the host app's router
- * without changing those components or sprinkling `as` props everywhere.
- *
- * ## Disabled behavior
- * - Adds `aria-disabled`
- * - Prevents default navigation & stops propagation
- * - Removes from tab order (tabIndex = -1)
- * - Applies a disabled style
- *
- * ## Responsive visibility
- * Accepts `hideAt?: Breakpoint[]` (see HideAt) to conditionally hide via utility classes.
- *
- * ## Usage (Default / No Provider)
- * ```tsx
- * <Link href="/parts/123">View Part</Link>
- * ```
- *
- * ## Usage (Next.js)
- * Create an app-level provider so all CaseBlocks links use Next.js client navigation & prefetch.
- *
- * ```tsx
- * // app/providers.tsx (or pages/_app.tsx)
- * import React from 'react';
- * import NextLink from 'next/link';
- * import { LinkProvider, LinkProps } from 'atoms/Link/Link';
- *
- * export function AppProviders({ children }: { children: React.ReactNode }) {
- *   return (
- *     <LinkProvider
- *       component={(p: LinkProps) => (
- *         // Next.js <Link> accepts anchor props like className, onClick, etc.
- *         <NextLink href={p.href} className={p.className} prefetch>
- *           {p.children}
- *         </NextLink>
- *       )}
- *     >
- *       {children}
- *     </LinkProvider>
- *   );
- * }
- * ```
- *
- * Now every internal <Link /> (e.g. in <CategoryNav />) uses Next.js routing automatically.
- *
- * ## Usage (react-router-dom)
- * ```tsx
- * import { Link as RouterLink } from 'react-router-dom';
- * import { LinkProvider, LinkProps } from 'atoms/Link/Link';
- *
- * function AppProviders({ children }: { children: React.ReactNode }) {
- *   return (
- *     <LinkProvider
- *       component={({ href, children, className, ...rest }: LinkProps) => (
- *         <RouterLink to={href} className={className} {...rest}>
- *           {children}
- *         </RouterLink>
- *       )}
- *     >
- *       {children}
- *     </LinkProvider>
- *   );
- * }
- * ```
- *
- * ## Supplying a custom implementation
- * The injected component receives already-prepared props:
- * - className (merged styles + responsive + disabled)
- * - href (or "#" when disabled)
- * - aria-disabled / tabIndex adjustments
- * - onClick handler (prevents navigation when disabled)
- *
- * You normally just map `href` to your router's expected prop (`href` for Next.js, `to` for react-router).
- *
- * ## Edge cases / Notes
- * - If your router component must wrap an <a>, you can still do so; styling is already on the outer element.
- * - Do not reimplement disabled logic in the injected component (already handled).
- * - If you need additional router-only props (e.g. prefetch={false}), extend in the adapter inside your app, not here.
- */
-export declare function Link({ external, href, children, disabled, unstyled, hideAt, className, onClick, ...otherProps }: LinkProps): import("react/jsx-runtime").JSX.Element;
+}
+export declare function linkClassName({ className, unstyled, disabled, hideAt }: {
+    className?: string;
+    unstyled?: boolean;
+    disabled?: boolean;
+    hideAt?: HideAtProps["hideAt"];
+}): string;
+/** SSR‑safe base link primitive */
+export declare function Link({ href, disabled, unstyled, external, hideAt, className, children, onClick, ...rest }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Link/Link.js

@@ -1,57 +1,55 @@
-import { jsx as e } from "react/jsx-runtime";
-import p from "react";
-import { t as g } from "../../Text.module-Dzhzk2fH.js";
-import { c as v } from "../../clsx-OuTLNxxd.js";
-import { getHideAtStyles as y } from "../HideAt.js";
-import '../../assets/Link.css';const I = "_link_ygp31_1", L = "_disabled_ygp31_14", c = {
-  link: I,
-  disabled: L
-}, u = p.createContext(null);
-function j({
-  component: n,
-  children: r
+import { jsx as d } from "react/jsx-runtime";
+import { t as u } from "../../Text.module-Dzhzk2fH.js";
+import { c as _ } from "../../clsx-OuTLNxxd.js";
+import { getHideAtStyles as g } from "../HideAt.js";
+import '../../assets/Link.css';const k = "_link_ygp31_1", y = "_disabled_ygp31_14", i = {
+  link: k,
+  disabled: y
+};
+function b({
+  className: e,
+  unstyled: t,
+  disabled: n,
+  hideAt: s
 }) {
-  return /* @__PURE__ */ e(u.Provider, { value: n, children: r });
+  return _(
+    e,
+    !t && u["text-body"],
+    !t && i.link,
+    n && i.disabled,
+    g(s)
+  );
 }
-function A({
-  external: n,
-  href: r,
-  children: o,
+function S({
+  href: e,
   disabled: t = !1,
-  unstyled: l = !1,
-  hideAt: x,
-  className: k,
-  onClick: a,
-  ...s
+  unstyled: n = !1,
+  external: s,
+  hideAt: l,
+  className: f,
+  children: m,
+  onClick: r,
+  ...o
 }) {
-  const m = p.useContext(u), _ = v(
-    k,
-    !l && g["text-body"],
-    !l && c.link,
-    t && c.disabled,
-    y(x)
-  );
-  function d(f) {
+  function p(a) {
     if (t) {
-      f.preventDefault(), f.stopPropagation();
+      a.preventDefault(), a.stopPropagation();
       return;
     }
-    a == null || a(f);
+    r == null || r(a);
   }
-  const i = {
-    ...s,
-    href: t ? "#" : r,
-    className: _,
-    children: o,
-    disabled: t,
-    onClick: d,
+  const c = b({ className: f, unstyled: n, disabled: t, hideAt: l }), x = {
+    ...o,
+    href: t ? "#" : e,
+    className: c,
+    onClick: p,
     "aria-disabled": t || void 0,
-    tabIndex: t ? -1 : s.tabIndex,
-    role: t ? "link" : s.role
+    tabIndex: t ? -1 : o.tabIndex,
+    role: t ? "link" : o.role
   };
-  return n ? /* @__PURE__ */ e("a", { ...i, children: o }) : m ? /* @__PURE__ */ e(m, { ...i }) : /* @__PURE__ */ e("a", { ...i, children: o });
+  return /* @__PURE__ */ d("a", { ...x, children: m });
 }
 export {
-  A as Link,
-  j as LinkProvider
+  S as Link,
+  b as linkClassName
 };

package/dist/atoms/Link/createLinkAdapter.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { LinkProps } from './Link';
+/** Minimal contract a router link should satisfy */
+export type RouterLike = React.ComponentType<{
+    href: string;
+    className?: string;
+    children: React.ReactNode;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement>>;
+/** Build a styled, disabled-aware Link that delegates navigation to RouterLike */
+export declare function createLinkAdapter(RouterComponent: RouterLike): ({ href, disabled, unstyled, hideAt, className, children, onClick, ...rest }: LinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Link/createLinkAdapter.js

@@ -0,0 +1,40 @@
+import { jsx as c } from "react/jsx-runtime";
+import { linkClassName as l } from "./Link.js";
+function k(n) {
+  return function({
+    href: o,
+    disabled: r = !1,
+    unstyled: f = !1,
+    hideAt: p,
+    className: u,
+    children: i,
+    onClick: t,
+    ...e
+  }) {
+    function m(a) {
+      if (r) {
+        a.preventDefault(), a.stopPropagation();
+        return;
+      }
+      t == null || t(a);
+    }
+    const x = l({ className: u, unstyled: f, disabled: r, hideAt: p });
+    return /* @__PURE__ */ c(
+      n,
+      {
+        ...e,
+        href: r ? "#" : o,
+        className: x,
+        onClick: m,
+        "aria-disabled": r || void 0,
+        tabIndex: r ? -1 : e.tabIndex,
+        role: r ? "link" : e.role,
+        "data-router-adapter": "next",
+        children: i
+      }
+    );
+  };
+}
+export {
+  k as createLinkAdapter
+};

package/dist/main-client.d.ts

@@ -1,6 +1,4 @@
 export * from './main-server';
-export { Link, LinkProvider } from './atoms/Link/Link';
-export type { LinkProps } from './atoms/Link/Link';
 export { LinkButton } from './atoms/LinkButton/LinkButton';
 export type { LinkButtonProps } from './atoms/LinkButton/LinkButton';
 export { Image, ImageProvider } from './atoms/Image/Image';

package/dist/main-client.js

@@ -1,69 +1,70 @@
 import { Button as t } from "./atoms/Button/Button.js";
 import { Flex as p } from "./atoms/Flex/Flex.js";
 import { Column as x, Grid as f } from "./atoms/Grid/Grid.js";
-import { Head as i } from "./atoms/Root/Head.js";
+import { Head as n } from "./atoms/Root/Head.js";
 import { Icon as u } from "./atoms/Icon/Icon.js";
-import { Root as l } from "./atoms/Root/Root.js";
+import { Root as c } from "./atoms/Root/Root.js";
 import { Separator as C } from "./atoms/Separator/Separator.js";
-import { Text as k } from "./atoms/Text/Text.js";
-import { Input as A } from "./atoms/Input/Input.js";
-import { Logo as I } from "./molecules/Logo/Logo.js";
-import { SearchBox as L } from "./molecules/SearchBox/SearchBox.js";
-import { QuantityInput as S } from "./molecules/QuantityInput/QuantityInput.js";
-import { Pricing as F } from "./molecules/Pricing/Pricing.js";
-import { Link as M, LinkProvider as N } from "./atoms/Link/Link.js";
-import { LinkButton as s } from "./atoms/LinkButton/LinkButton.js";
-import { Image as G, ImageProvider as H } from "./atoms/Image/Image.js";
-import { Tooltip as R } from "./molecules/Tooltip/Tooltip.js";
-import { Account as j } from "./molecules/Account/Account.js";
-import { Avatar as z } from "./molecules/Avatar/Avatar.js";
-import { Chip as E } from "./molecules/Chip/Chip.js";
-import { ToggleView as K } from "./molecules/ToggleView/ToggleView.js";
-import { StatefulButton as U } from "./molecules/StatefulButton/StatefulButton.js";
-import { AnimatedCheckMark as X } from "./molecules/StatefulButton/AnimatedCheckmark.js";
-import { AddToCart as Z } from "./molecules/AddToCart/AddToCart.js";
-import { Availability as $ } from "./molecules/Availability/Availability.js";
-import { BannerCard as ro } from "./molecules/BannerCard/BannerCard.js";
-import { MainNav as eo } from "./organisms/MainNav/MainNav.js";
-import { ChipSelector as mo } from "./organisms/ChipSelector/ChipSelector.js";
-import { Product as fo } from "./organisms/Product/Product.js";
+import { Text as A } from "./atoms/Text/Text.js";
+import { Input as B } from "./atoms/Input/Input.js";
+import { Link as h } from "./atoms/Link/Link.js";
+import { createLinkAdapter as L } from "./atoms/Link/createLinkAdapter.js";
+import { Logo as T } from "./molecules/Logo/Logo.js";
+import { SearchBox as P } from "./molecules/SearchBox/SearchBox.js";
+import { QuantityInput as M } from "./molecules/QuantityInput/QuantityInput.js";
+import { Pricing as b } from "./molecules/Pricing/Pricing.js";
+import { LinkButton as w } from "./atoms/LinkButton/LinkButton.js";
+import { Image as H, ImageProvider as Q } from "./atoms/Image/Image.js";
+import { Tooltip as V } from "./molecules/Tooltip/Tooltip.js";
+import { Account as q } from "./molecules/Account/Account.js";
+import { Avatar as D } from "./molecules/Avatar/Avatar.js";
+import { Chip as J } from "./molecules/Chip/Chip.js";
+import { ToggleView as O } from "./molecules/ToggleView/ToggleView.js";
+import { StatefulButton as W } from "./molecules/StatefulButton/StatefulButton.js";
+import { AnimatedCheckMark as Y } from "./molecules/StatefulButton/AnimatedCheckmark.js";
+import { AddToCart as _ } from "./molecules/AddToCart/AddToCart.js";
+import { Availability as oo } from "./molecules/Availability/Availability.js";
+import { BannerCard as to } from "./molecules/BannerCard/BannerCard.js";
+import { MainNav as po } from "./organisms/MainNav/MainNav.js";
+import { ChipSelector as xo } from "./organisms/ChipSelector/ChipSelector.js";
+import { Product as ao } from "./organisms/Product/Product.js";
 import { NotFound as io } from "./organisms/NotFound/NotFound.js";
-import { Carousel as uo } from "./organisms/Carousel/Carousel.js";
-import { Footer as co } from "./organisms/Footer/Footer.js";
+import { Carousel as co } from "./organisms/Carousel/Carousel.js";
+import { Footer as Co } from "./organisms/Footer/Footer.js";
 export {
-  j as Account,
-  Z as AddToCart,
-  X as AnimatedCheckMark,
-  $ as Availability,
-  z as Avatar,
-  ro as BannerCard,
+  q as Account,
+  _ as AddToCart,
+  Y as AnimatedCheckMark,
+  oo as Availability,
+  D as Avatar,
+  to as BannerCard,
   t as Button,
-  uo as Carousel,
-  E as Chip,
-  mo as ChipSelector,
+  co as Carousel,
+  J as Chip,
+  xo as ChipSelector,
   x as Column,
   p as Flex,
-  co as Footer,
+  Co as Footer,
   f as Grid,
-  i as Head,
+  n as Head,
   u as Icon,
-  G as Image,
-  H as ImageProvider,
-  A as Input,
-  M as Link,
-  s as LinkButton,
-  N as LinkProvider,
-  I as Logo,
-  eo as MainNav,
+  H as Image,
+  Q as ImageProvider,
+  B as Input,
+  h as Link,
+  w as LinkButton,
+  T as Logo,
+  po as MainNav,
   io as NotFound,
-  F as Pricing,
-  fo as Product,
-  S as QuantityInput,
-  l as Root,
-  L as SearchBox,
+  b as Pricing,
+  ao as Product,
+  M as QuantityInput,
+  c as Root,
+  P as SearchBox,
   C as Separator,
-  U as StatefulButton,
-  k as Text,
-  K as ToggleView,
-  R as Tooltip
+  W as StatefulButton,
+  A as Text,
+  O as ToggleView,
+  V as Tooltip,
+  L as createLinkAdapter
 };

package/dist/main-server.d.ts

@@ -13,6 +13,10 @@ export { Text } from './atoms/Text/Text';
 export type { TextProps } from './atoms/Text/Text';
 export { Input } from './atoms/Input/Input';
 export type { InputProps } from './atoms/Input/Input';
+export { Link } from './atoms/Link/Link';
+export type { LinkProps } from './atoms/Link/Link';
+export { createLinkAdapter } from './atoms/Link/createLinkAdapter';
+export type { RouterLike } from './atoms/Link/createLinkAdapter';
 export { Logo } from './molecules/Logo/Logo';
 export type { LogoProps } from './molecules/Logo/Logo';
 export { SearchBox } from './molecules/SearchBox/SearchBox';

package/dist/main-server.js

@@ -2,28 +2,32 @@ import { Button as t } from "./atoms/Button/Button.js";
 import { Flex as p } from "./atoms/Flex/Flex.js";
 import { Column as m, Grid as f } from "./atoms/Grid/Grid.js";
 import { Head as a } from "./atoms/Root/Head.js";
-import { Icon as i } from "./atoms/Icon/Icon.js";
-import { Root as I } from "./atoms/Root/Root.js";
-import { Separator as g } from "./atoms/Separator/Separator.js";
-import { Text as B } from "./atoms/Text/Text.js";
-import { Input as h } from "./atoms/Input/Input.js";
-import { Logo as C } from "./molecules/Logo/Logo.js";
-import { SearchBox as G } from "./molecules/SearchBox/SearchBox.js";
-import { QuantityInput as L } from "./molecules/QuantityInput/QuantityInput.js";
-import { Pricing as Q } from "./molecules/Pricing/Pricing.js";
+import { Icon as u } from "./atoms/Icon/Icon.js";
+import { Root as d } from "./atoms/Root/Root.js";
+import { Separator as L } from "./atoms/Separator/Separator.js";
+import { Text as k } from "./atoms/Text/Text.js";
+import { Input as B } from "./atoms/Input/Input.js";
+import { Link as h } from "./atoms/Link/Link.js";
+import { createLinkAdapter as A } from "./atoms/Link/createLinkAdapter.js";
+import { Logo as F } from "./molecules/Logo/Logo.js";
+import { SearchBox as H } from "./molecules/SearchBox/SearchBox.js";
+import { QuantityInput as Q } from "./molecules/QuantityInput/QuantityInput.js";
+import { Pricing as T } from "./molecules/Pricing/Pricing.js";
 export {
   t as Button,
   m as Column,
   p as Flex,
   f as Grid,
   a as Head,
-  i as Icon,
-  h as Input,
-  C as Logo,
-  Q as Pricing,
-  L as QuantityInput,
-  I as Root,
-  G as SearchBox,
-  g as Separator,
-  B as Text
+  u as Icon,
+  B as Input,
+  h as Link,
+  F as Logo,
+  T as Pricing,
+  Q as QuantityInput,
+  d as Root,
+  H as SearchBox,
+  L as Separator,
+  k as Text,
+  A as createLinkAdapter
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.72",
+  "version": "0.0.74",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",