@caseparts-org/caseblocks 0.0.27 → 0.0.29

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { HideAtProps } from '../HideAt';
-/** A link element. */
 export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, HideAtProps {
     href: string;
     children: React.ReactNode;
@@ -12,4 +11,92 @@ export declare function LinkProvider({ component, children, }: {
     component: LinkComponent;
     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({ href, children, disabled, hideAt, className, onClick, ...otherProps }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Link/Link.js

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

package/dist/main-client.d.ts

@@ -0,0 +1,16 @@
+export * from './main-server';
+export { Link, LinkProvider } from './atoms/Link/Link';
+export type { LinkProps } from './atoms/Link/Link';
+export { Tooltip } from './molecules/Tooltip/Tooltip';
+export { Account } from './molecules/Account/Account';
+export type { AccountProps } from './molecules/Account/Account';
+export { Avatar } from './molecules/Avatar/Avatar';
+export type { AvatarProps } from './molecules/Avatar/Avatar';
+export { Chip } from './molecules/Chip/Chip';
+export type { ChipProps } from './molecules/Chip/Chip';
+export { ToggleView } from './molecules/ToggleView/ToggleView';
+export type { ToggleViewProps, ToggleOptionProps, ToggleOptionBaseProps, } from './molecules/ToggleView/ToggleView';
+export { MainNav } from './organisms/MainNav/MainNav';
+export type { MainCategory, Category } from './organisms/MainNav/MainNav';
+export { ChipSelector } from './organisms/ChipSelector/ChipSelector';
+export type { ChipSelectorProps } from './organisms/ChipSelector/ChipSelector';

package/dist/main-client.js

@@ -0,0 +1,42 @@
+import { Button as e } 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 c } from "./atoms/Icon/Icon.js";
+import { Root as u } from "./atoms/Root/Root.js";
+import { Separator as g } from "./atoms/Separator/Separator.js";
+import { Text as v } from "./atoms/Text/Text.js";
+import { Input as L } from "./atoms/Input/Input.js";
+import { Logo as T } from "./molecules/Logo/Logo.js";
+import { SearchBox as A } from "./molecules/SearchBox/SearchBox.js";
+import { Link as I, LinkProvider as w } from "./atoms/Link/Link.js";
+import { Tooltip as G } from "./molecules/Tooltip/Tooltip.js";
+import { Account as M } from "./molecules/Account/Account.js";
+import { Avatar as P } from "./molecules/Avatar/Avatar.js";
+import { Chip as V } from "./molecules/Chip/Chip.js";
+import { ToggleView as j } from "./molecules/ToggleView/ToggleView.js";
+import { MainNav as s } from "./organisms/MainNav/MainNav.js";
+import { ChipSelector as z } from "./organisms/ChipSelector/ChipSelector.js";
+export {
+  M as Account,
+  P as Avatar,
+  e as Button,
+  V as Chip,
+  z as ChipSelector,
+  m as Column,
+  p as Flex,
+  f as Grid,
+  a as Head,
+  c as Icon,
+  L as Input,
+  I as Link,
+  w as LinkProvider,
+  T as Logo,
+  s as MainNav,
+  u as Root,
+  A as SearchBox,
+  g as Separator,
+  v as Text,
+  j as ToggleView,
+  G as Tooltip
+};

package/dist/main-server.d.ts

@@ -0,0 +1,18 @@
+export { Button } from './atoms/Button/Button';
+export type { ButtonProps } from './atoms/Button/Button';
+export { Flex } from './atoms/Flex/Flex';
+export type { FlexProps } from './atoms/Flex/Flex';
+export { Grid, Column } from './atoms/Grid/Grid';
+export type { GridProps, ColumnProps } from './atoms/Grid/Grid';
+export { Head } from './atoms/Root/Head';
+export { Icon } from './atoms/Icon/Icon';
+export { Root } from './atoms/Root/Root';
+export { Separator } from './atoms/Separator/Separator';
+export type { SeparatorProps } from './atoms/Separator/Separator';
+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 { Logo } from './molecules/Logo/Logo';
+export { SearchBox } from './molecules/SearchBox/SearchBox';
+export type { SearchBoxProps } from './molecules/SearchBox/SearchBox';

package/dist/main-server.js

@@ -0,0 +1,25 @@
+import { Button as t } from "./atoms/Button/Button.js";
+import { Flex as x } from "./atoms/Flex/Flex.js";
+import { Column as m, Grid as f } from "./atoms/Grid/Grid.js";
+import { Head as n } from "./atoms/Root/Head.js";
+import { Icon as c } from "./atoms/Icon/Icon.js";
+import { Root as l } from "./atoms/Root/Root.js";
+import { Separator as I } from "./atoms/Separator/Separator.js";
+import { Text as g } from "./atoms/Text/Text.js";
+import { Input as i } from "./atoms/Input/Input.js";
+import { Logo as F } from "./molecules/Logo/Logo.js";
+import { SearchBox as H } from "./molecules/SearchBox/SearchBox.js";
+export {
+  t as Button,
+  m as Column,
+  x as Flex,
+  f as Grid,
+  n as Head,
+  c as Icon,
+  i as Input,
+  F as Logo,
+  l as Root,
+  H as SearchBox,
+  I as Separator,
+  g as Text
+};

package/dist/molecules/Tooltip/Tooltip.js

@@ -1,12 +1,7 @@
 import { jsxs as Z, jsx as ee } from "react/jsx-runtime";
 import m, { useEffect as j, useState as te } from "react";
 import { c as K } from "../../clsx-OuTLNxxd.js";
-import '../../assets/Tooltip.css';const re = "_wrapper_ogovb_12", ne = "_tooltip_ogovb_17", ie = "_open_ogovb_30", I = {
-  wrapper: re,
-  tooltip: ne,
-  open: ie
-};
-var U = { exports: {} }, g = {};
+import '../../assets/Tooltip.css';var U = { exports: {} }, g = {};
 /**
  * @license React
  * react-dom.production.js
@@ -17,7 +12,7 @@ var U = { exports: {} }, g = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Y;
-function oe() {
+function re() {
   if (Y) return g;
   Y = 1;
   var s = m;
@@ -160,7 +155,7 @@ var y = {};
  * LICENSE file in the root directory of this source tree.
  */
 var z;
-function ae() {
+function ne() {
   return z || (z = 1, process.env.NODE_ENV !== "production" && function() {
     function s() {
     }
@@ -383,9 +378,13 @@ function $() {
     }
   }
 }
-process.env.NODE_ENV === "production" ? ($(), U.exports = oe()) : U.exports = ae();
+process.env.NODE_ENV === "production" ? ($(), U.exports = re()) : U.exports = ne();
 var A = U.exports;
-const fe = ({
+const ie = "_wrapper_ogovb_12", oe = "_tooltip_ogovb_17", ae = "_open_ogovb_30", I = {
+  wrapper: ie,
+  tooltip: oe,
+  open: ae
+}, fe = ({
   trigger: s,
   children: O,
   position: a = "top",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.27",
+  "version": "0.0.29",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -10,24 +10,24 @@
   ],
   "exports": {
     ".": {
-      "types": "./dist/main.d.ts",
-      "import": "./dist/main.js"
+      "import": "./dist/main-server.js",
+      "types": "./dist/main-server.d.ts"
     },
-    "./link": {
-      "types": "./dist/atoms/Link/Link.d.ts",
-      "import": "./dist/atoms/Link/Link.js"
+    "./client": {
+      "import": "./dist/main-client.js",
+      "types": "./dist/main-client.d.ts"
     },
     "./atoms/*": {
-      "types": "./dist/atoms/*.d.ts",
-      "import": "./dist/atoms/*.js"
+      "import": "./dist/atoms/*.js",
+      "types": "./dist/atoms/*.d.ts"
     },
     "./molecules/*": {
-      "types": "./dist/molecules/*.d.ts",
-      "import": "./dist/molecules/*.js"
+      "import": "./dist/molecules/*.js",
+      "types": "./dist/molecules/*.d.ts"
     },
     "./organisms/*": {
-      "types": "./dist/organisms/*.d.ts",
-      "import": "./dist/organisms/*.js"
+      "import": "./dist/organisms/*.js",
+      "types": "./dist/organisms/*.d.ts"
     },
     "./styles/*": {
       "default": "./dist/styles/*"