@caseparts-org/caseblocks 0.0.28 → 0.0.30

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/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.28",
+  "version": "0.0.30",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -10,24 +10,12 @@
   ],
   "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"
-    },
-    "./atoms/*": {
-      "types": "./dist/atoms/*.d.ts",
-      "import": "./dist/atoms/*.js"
-    },
-    "./molecules/*": {
-      "types": "./dist/molecules/*.d.ts",
-      "import": "./dist/molecules/*.js"
-    },
-    "./organisms/*": {
-      "types": "./dist/organisms/*.d.ts",
-      "import": "./dist/organisms/*.js"
+    "./client": {
+      "import": "./dist/main-client.js",
+      "types": "./dist/main-client.d.ts"
     },
     "./styles/*": {
       "default": "./dist/styles/*"