@hadoku/task-ui-components 0.0.0-stage → 4.20.4

package/dist/components/AppHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../src/components/AppHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAGpF,MAAM,WAAW,cAAc;IAC7B;yDACqD;IACrD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB;gFAC4E;IAC5E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;8EAE0E;IAC1E,aAAa,CAAC,EAAE,sBAAsB,CAAA;IACtC;;;oFAGgF;IAChF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;gDAC4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,MAAM,EACN,aAAa,EACb,QAAQ,EACR,SAAc,EACf,EAAE,cAAc,qBAkBhB"}

package/dist/components/AppHeader.js

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { ConnectedSettings } from "./ConnectedSettings.js";
+import { HadokuThemePicker } from "./HadokuThemePicker.js";
+function AppHeader({
+  title,
+  status,
+  settingsProps,
+  children,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxs("header", { className: `app-header ${className}`.trim(), children: [
+    typeof title === "string" ? /* @__PURE__ */ jsx("h1", { className: "app-header__title", children: title }) : /* @__PURE__ */ jsx("div", { className: "app-header__title", children: title }),
+    /* @__PURE__ */ jsxs("div", { className: "app-header__actions", children: [
+      status,
+      /* @__PURE__ */ jsx(HadokuThemePicker, {}),
+      /* @__PURE__ */ jsx(ConnectedSettings, { ...settingsProps, children })
+    ] })
+  ] });
+}
+export {
+  AppHeader
+};
+//# sourceMappingURL=AppHeader.js.map

package/dist/components/AppHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.js","sources":["../../src/components/AppHeader.tsx"],"sourcesContent":["/**\n * AppHeader — the ecosystem-standard top bar for every hadoku.me app.\n *\n * Enforces the shared contract so child apps stop drifting:\n *   [ title (left) ] ————— <space> ————— [ status? · ThemePicker · Settings gear ] (right)\n *\n * Everything BELOW the header is the app's own concern. The header owns the\n * title, and it OWNS both right-hand controls outright — it renders the theme\n * picker and the settings gear itself. Neither is a prop.\n *\n * WHY THEY ARE NOT PROPS ANY MORE\n * -------------------------------\n * `themePicker?: React.ReactNode` was an open hole: a slot that accepts a node\n * accepts ANY node, so \"every app uses the same picker\" was a convention, and\n * conventions drift. They did — one app passed a raw `<ThemePicker>` with its\n * own `isOpen` state and a debug logger wired into `getThemeIcon`, and eight\n * apps each kept a hand-copied `useTheme` hook to feed it. Those copies had\n * already diverged on real behaviour (only one wrote `localStorage`, so the\n * rest lost the theme on browser restart and flashed a default on next paint).\n *\n * The control is now rendered here, from `useHadokuTheme()`. An app cannot\n * substitute, restyle or omit it. What an app CAN do is inject its own\n * preferences — see `children`.\n *\n * @example\n * ```tsx\n * import { AppHeader } from '@wolffm/task-ui-components'\n * import { HadokuThemeRoot } from '@wolffm/themes'\n *\n * // once, at the app root:\n * <HadokuThemeRoot>\n *   <AppHeader title=\"Print Tool\" status={<ApiStatus status={apiStatus} />}>\n *     <MyAppPreferences />   // optional: appended AFTER the canonical rows\n *   </AppHeader>\n * </HadokuThemeRoot>\n * ```\n */\nimport React from 'react'\nimport { ConnectedSettings, type ConnectedSettingsProps } from './ConnectedSettings'\nimport { HadokuThemePicker } from './HadokuThemePicker'\n\nexport interface AppHeaderProps {\n  /** Left-aligned header title. A string is wrapped in an <h1>; pass a node for\n   *  custom markup (e.g. a clickable title button). */\n  title: React.ReactNode\n  /** Optional status/extra node shown left of the theme + settings controls\n   *  (e.g. an \"API Online\" indicator). Acceptable per the header contract. */\n  status?: React.ReactNode\n  /** Identity hints for the settings popout. Narrow on purpose: `userType` and\n   *  `name` exist because an app behind a path-prefixed shim may not be able to\n   *  reach `/session/whoami` (conjure), NOT as a styling or layout hook. */\n  settingsProps?: ConnectedSettingsProps\n  /** THE app-specific extension point. Rendered inside the settings popout as a\n   *  final section, under the four canonical rows. Put your app's own\n   *  preferences here — checkboxes, selects, whatever it needs; this slot is\n   *  deliberately unconstrained. What it cannot do is alter the rows above it. */\n  children?: React.ReactNode\n  /** Extra class on the <header> root. Layout only — it cannot reach the\n   *  controls, which own their own markup. */\n  className?: string\n}\n\nexport function AppHeader({\n  title,\n  status,\n  settingsProps,\n  children,\n  className = ''\n}: AppHeaderProps) {\n  // No useHadokuTheme() call here: <HadokuThemePicker> reads the context and\n  // throws its own actionable error when the app root was never wrapped, so a\n  // second read would only duplicate that.\n  return (\n    <header className={`app-header ${className}`.trim()}>\n      {typeof title === 'string' ? (\n        <h1 className=\"app-header__title\">{title}</h1>\n      ) : (\n        <div className=\"app-header__title\">{title}</div>\n      )}\n      <div className=\"app-header__actions\">\n        {status}\n        <HadokuThemePicker />\n        <ConnectedSettings {...settingsProps}>{children}</ConnectedSettings>\n      </div>\n    </header>\n  )\n}\n"],"names":[],"mappings":";;;AA8DO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAAmB;AAIjB,8BACG,UAAA,EAAO,WAAW,cAAc,SAAS,GAAG,QAC1C,UAAA;AAAA,IAAA,OAAO,UAAU,WAChB,oBAAC,MAAA,EAAG,WAAU,qBAAqB,UAAA,MAAA,CAAM,IAEzC,oBAAC,OAAA,EAAI,WAAU,qBAAqB,UAAA,OAAM;AAAA,IAE5C,qBAAC,OAAA,EAAI,WAAU,uBACZ,UAAA;AAAA,MAAA;AAAA,0BACA,mBAAA,EAAkB;AAAA,MACnB,oBAAC,mBAAA,EAAmB,GAAG,eAAgB,SAAA,CAAS;AAAA,IAAA,EAAA,CAClD;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/BentoCard.d.ts

@@ -0,0 +1,23 @@
+/**
+ * BentoCard Component
+ * Base card component for bento grid layouts
+ * Supports various sizes and disabled state for preloading
+ */
+import React from 'react';
+export type CardSize = 'default' | 'wide' | 'tall' | 'large' | 'hero';
+export interface BentoCardProps {
+    children: React.ReactNode;
+    className?: string;
+    /** Card size affects grid span */
+    size?: CardSize;
+    /** Disable interactions (for preload state) */
+    disabled?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Custom aria-label for accessibility */
+    ariaLabel?: string;
+    /** Optional data attributes for animation libraries */
+    'data-layout-id'?: string;
+}
+export declare function BentoCard({ children, className, size, disabled, onClick, ariaLabel, 'data-layout-id': layoutId, ...rest }: BentoCardProps): React.JSX.Element;
+//# sourceMappingURL=BentoCard.d.ts.map

package/dist/components/BentoCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BentoCard.d.ts","sourceRoot":"","sources":["../../src/components/BentoCard.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AAErE,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kCAAkC;IAClC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAUD,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAc,EACd,IAAgB,EAChB,QAAgB,EAChB,OAAO,EACP,SAAS,EACT,gBAAgB,EAAE,QAAQ,EAC1B,GAAG,IAAI,EACR,EAAE,cAAc,qBA6BhB"}

package/dist/components/BentoCard.js

@@ -0,0 +1,49 @@
+import { jsx } from "react/jsx-runtime";
+const sizeClasses = {
+  default: "bento-card--default",
+  wide: "bento-card--wide",
+  tall: "bento-card--tall",
+  large: "bento-card--large",
+  hero: "bento-card--hero"
+};
+function BentoCard({
+  children,
+  className = "",
+  size = "default",
+  disabled = false,
+  onClick,
+  ariaLabel,
+  "data-layout-id": layoutId,
+  ...rest
+}) {
+  const handleClick = () => {
+    if (!disabled && onClick) {
+      onClick();
+    }
+  };
+  const handleKeyDown = (e) => {
+    if ((e.key === "Enter" || e.key === " ") && !disabled && onClick) {
+      e.preventDefault();
+      onClick();
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "article",
+    {
+      className: `bento-card ${sizeClasses[size]} ${disabled ? "bento-card--disabled" : ""} ${className}`,
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      role: onClick ? "button" : void 0,
+      tabIndex: onClick && !disabled ? 0 : void 0,
+      "aria-label": ariaLabel,
+      "aria-disabled": disabled,
+      "data-layout-id": layoutId,
+      ...rest,
+      children
+    }
+  );
+}
+export {
+  BentoCard
+};
+//# sourceMappingURL=BentoCard.js.map

package/dist/components/BentoCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BentoCard.js","sources":["../../src/components/BentoCard.tsx"],"sourcesContent":["/**\r\n * BentoCard Component\r\n * Base card component for bento grid layouts\r\n * Supports various sizes and disabled state for preloading\r\n */\r\n\r\nimport React from 'react'\r\n\r\nexport type CardSize = 'default' | 'wide' | 'tall' | 'large' | 'hero'\r\n\r\nexport interface BentoCardProps {\r\n  children: React.ReactNode\r\n  className?: string\r\n  /** Card size affects grid span */\r\n  size?: CardSize\r\n  /** Disable interactions (for preload state) */\r\n  disabled?: boolean\r\n  /** Click handler */\r\n  onClick?: () => void\r\n  /** Custom aria-label for accessibility */\r\n  ariaLabel?: string\r\n  /** Optional data attributes for animation libraries */\r\n  'data-layout-id'?: string\r\n}\r\n\r\nconst sizeClasses: Record<CardSize, string> = {\r\n  default: 'bento-card--default',\r\n  wide: 'bento-card--wide',\r\n  tall: 'bento-card--tall',\r\n  large: 'bento-card--large',\r\n  hero: 'bento-card--hero'\r\n}\r\n\r\nexport function BentoCard({\r\n  children,\r\n  className = '',\r\n  size = 'default',\r\n  disabled = false,\r\n  onClick,\r\n  ariaLabel,\r\n  'data-layout-id': layoutId,\r\n  ...rest\r\n}: BentoCardProps) {\r\n  const handleClick = () => {\r\n    if (!disabled && onClick) {\r\n      onClick()\r\n    }\r\n  }\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent) => {\r\n    if ((e.key === 'Enter' || e.key === ' ') && !disabled && onClick) {\r\n      e.preventDefault()\r\n      onClick()\r\n    }\r\n  }\r\n\r\n  return (\r\n    <article\r\n      className={`bento-card ${sizeClasses[size]} ${disabled ? 'bento-card--disabled' : ''} ${className}`}\r\n      onClick={handleClick}\r\n      onKeyDown={handleKeyDown}\r\n      role={onClick ? 'button' : undefined}\r\n      tabIndex={onClick && !disabled ? 0 : undefined}\r\n      aria-label={ariaLabel}\r\n      aria-disabled={disabled}\r\n      data-layout-id={layoutId}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </article>\r\n  )\r\n}\r\n"],"names":[],"mappings":";AAyBA,MAAM,cAAwC;AAAA,EAC5C,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AACR;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,GAAG;AACL,GAAmB;AACjB,QAAM,cAAc,MAAM;AACxB,QAAI,CAAC,YAAY,SAAS;AACxB,cAAA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,gBAAgB,CAAC,MAA2B;AAChD,SAAK,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAQ,CAAC,YAAY,SAAS;AAChE,QAAE,eAAA;AACF,cAAA;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,cAAc,YAAY,IAAI,CAAC,IAAI,WAAW,yBAAyB,EAAE,IAAI,SAAS;AAAA,MACjG,SAAS;AAAA,MACT,WAAW;AAAA,MACX,MAAM,UAAU,WAAW;AAAA,MAC3B,UAAU,WAAW,CAAC,WAAW,IAAI;AAAA,MACrC,cAAY;AAAA,MACZ,iBAAe;AAAA,MACf,kBAAgB;AAAA,MACf,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/BentoGrid.d.ts

@@ -0,0 +1,24 @@
+/**
+ * BentoGrid Component
+ * Responsive grid container for bento-style card layouts
+ * Automatically adjusts columns based on viewport size
+ */
+import React from 'react';
+export type BentoColumns = 1 | 2 | 3 | 4 | 6;
+export interface BentoGridProps {
+    children: React.ReactNode;
+    className?: string;
+    /** Column configuration at each breakpoint */
+    columns?: {
+        sm?: BentoColumns;
+        md?: BentoColumns;
+        lg?: BentoColumns;
+        xl?: BentoColumns;
+    };
+    /** Gap between cards in rem */
+    gap?: number;
+    /** Maximum width of the grid */
+    maxWidth?: string;
+}
+export declare function BentoGrid({ children, className, columns, gap, maxWidth }: BentoGridProps): React.JSX.Element;
+//# sourceMappingURL=BentoGrid.d.ts.map

package/dist/components/BentoGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BentoGrid.d.ts","sourceRoot":"","sources":["../../src/components/BentoGrid.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAE5C,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8CAA8C;IAC9C,OAAO,CAAC,EAAE;QACR,EAAE,CAAC,EAAE,YAAY,CAAA;QACjB,EAAE,CAAC,EAAE,YAAY,CAAA;QACjB,EAAE,CAAC,EAAE,YAAY,CAAA;QACjB,EAAE,CAAC,EAAE,YAAY,CAAA;KAClB,CAAA;IACD,+BAA+B;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,SAAc,EACd,OAAwC,EACxC,GAAO,EACP,QAAmB,EACpB,EAAE,cAAc,qBAehB"}

package/dist/components/BentoGrid.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+function BentoGrid({
+  children,
+  className = "",
+  columns = { sm: 2, md: 3, lg: 4, xl: 6 },
+  gap = 1,
+  maxWidth = "1400px"
+}) {
+  const gridStyle = {
+    "--bento-gap": `${gap}rem`,
+    "--bento-max-width": maxWidth,
+    "--bento-cols-sm": columns.sm ?? 2,
+    "--bento-cols-md": columns.md ?? 3,
+    "--bento-cols-lg": columns.lg ?? 4,
+    "--bento-cols-xl": columns.xl ?? 6
+  };
+  return /* @__PURE__ */ jsx("div", { className: `bento-grid ${className}`, style: gridStyle, children });
+}
+export {
+  BentoGrid
+};
+//# sourceMappingURL=BentoGrid.js.map

package/dist/components/BentoGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BentoGrid.js","sources":["../../src/components/BentoGrid.tsx"],"sourcesContent":["/**\r\n * BentoGrid Component\r\n * Responsive grid container for bento-style card layouts\r\n * Automatically adjusts columns based on viewport size\r\n */\r\n\r\nimport React from 'react'\r\n\r\nexport type BentoColumns = 1 | 2 | 3 | 4 | 6\r\n\r\nexport interface BentoGridProps {\r\n  children: React.ReactNode\r\n  className?: string\r\n  /** Column configuration at each breakpoint */\r\n  columns?: {\r\n    sm?: BentoColumns\r\n    md?: BentoColumns\r\n    lg?: BentoColumns\r\n    xl?: BentoColumns\r\n  }\r\n  /** Gap between cards in rem */\r\n  gap?: number\r\n  /** Maximum width of the grid */\r\n  maxWidth?: string\r\n}\r\n\r\nexport function BentoGrid({\r\n  children,\r\n  className = '',\r\n  columns = { sm: 2, md: 3, lg: 4, xl: 6 },\r\n  gap = 1,\r\n  maxWidth = '1400px'\r\n}: BentoGridProps) {\r\n  const gridStyle: React.CSSProperties = {\r\n    '--bento-gap': `${gap}rem`,\r\n    '--bento-max-width': maxWidth,\r\n    '--bento-cols-sm': columns.sm ?? 2,\r\n    '--bento-cols-md': columns.md ?? 3,\r\n    '--bento-cols-lg': columns.lg ?? 4,\r\n    '--bento-cols-xl': columns.xl ?? 6\r\n  } as React.CSSProperties\r\n\r\n  return (\r\n    <div className={`bento-grid ${className}`} style={gridStyle}>\r\n      {children}\r\n    </div>\r\n  )\r\n}\r\n"],"names":[],"mappings":";AA0BO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,YAAY;AAAA,EACZ,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,EAAA;AAAA,EACrC,MAAM;AAAA,EACN,WAAW;AACb,GAAmB;AACjB,QAAM,YAAiC;AAAA,IACrC,eAAe,GAAG,GAAG;AAAA,IACrB,qBAAqB;AAAA,IACrB,mBAAmB,QAAQ,MAAM;AAAA,IACjC,mBAAmB,QAAQ,MAAM;AAAA,IACjC,mBAAmB,QAAQ,MAAM;AAAA,IACjC,mBAAmB,QAAQ,MAAM;AAAA,EAAA;AAGnC,SACE,oBAAC,SAAI,WAAW,cAAc,SAAS,IAAI,OAAO,WAC/C,SAAA,CACH;AAEJ;"}

package/dist/components/Button.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Button Component
+ * Themed button in five treatments x five colour families, so an app never
+ * falls back to the browser's default button chrome.
+ */
+import React from 'react';
+import { type IconName } from '@wolffm/themes';
+import '../button.css';
+export type ButtonVariant = 'solid' | 'gradient' | 'soft' | 'outline' | 'ghost';
+export type ButtonFamily = 'primary' | 'success' | 'warning' | 'danger' | 'neutral';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export type ButtonShape = 'rounded' | 'pill' | 'square';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    family?: ButtonFamily;
+    size?: ButtonSize;
+    shape?: ButtonShape;
+    /** Registry icon before the label. */
+    icon?: IconName;
+    /** Registry icon after the label (e.g. `chevron-down` on a menu button). */
+    iconEnd?: IconName;
+    /** Shows a spinner, sets aria-busy and blocks clicks. */
+    loading?: boolean;
+    /** Stretch to the container width. */
+    block?: boolean;
+}
+export declare function Button({ variant, family, size, shape, icon, iconEnd, loading, block, disabled, type, className, children, ...rest }: ButtonProps): React.JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,eAAe,CAAA;AAEtB,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;AAC/E,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AACnF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC3C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEvD,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,sCAAsC;IACtC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,4EAA4E;IAC5E,OAAO,CAAC,EAAE,QAAQ,CAAA;IAClB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sCAAsC;IACtC,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAID,wBAAgB,MAAM,CAAC,EACrB,OAAgB,EAChB,MAAkB,EAClB,IAAW,EACX,KAAiB,EACjB,IAAI,EACJ,OAAO,EACP,OAAe,EACf,KAAa,EACb,QAAQ,EACR,IAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,WAAW,qBAkCb"}

package/dist/components/Button.js

@@ -0,0 +1,51 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Icon } from "@wolffm/themes";
+/* empty css            */
+const ICON_SIZE = { sm: 14, md: 16, lg: 18 };
+function Button({
+  variant = "soft",
+  family = "primary",
+  size = "md",
+  shape = "rounded",
+  icon,
+  iconEnd,
+  loading = false,
+  block = false,
+  disabled,
+  type = "button",
+  className,
+  children,
+  ...rest
+}) {
+  const iconOnly = !children && (icon || iconEnd);
+  const classes = [
+    "hdk-btn",
+    `hdk-btn--${variant}`,
+    `hdk-btn--${family}`,
+    `hdk-btn--${size}`,
+    `hdk-btn--${shape}`,
+    iconOnly && "hdk-btn--icon-only",
+    block && "hdk-btn--block",
+    loading && "hdk-btn--loading",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type,
+      className: classes,
+      disabled: disabled || loading,
+      "aria-busy": loading || void 0,
+      ...rest,
+      children: [
+        loading ? /* @__PURE__ */ jsx("span", { className: "hdk-btn__spinner", "aria-hidden": "true" }) : icon && /* @__PURE__ */ jsx(Icon, { name: icon, size: ICON_SIZE[size] }),
+        children,
+        iconEnd && /* @__PURE__ */ jsx(Icon, { name: iconEnd, size: ICON_SIZE[size] })
+      ]
+    }
+  );
+}
+export {
+  Button
+};
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["/**\n * Button Component\n * Themed button in five treatments x five colour families, so an app never\n * falls back to the browser's default button chrome.\n */\n\nimport React from 'react'\nimport { Icon, type IconName } from '@wolffm/themes'\nimport '../button.css'\n\nexport type ButtonVariant = 'solid' | 'gradient' | 'soft' | 'outline' | 'ghost'\nexport type ButtonFamily = 'primary' | 'success' | 'warning' | 'danger' | 'neutral'\nexport type ButtonSize = 'sm' | 'md' | 'lg'\nexport type ButtonShape = 'rounded' | 'pill' | 'square'\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant\n  family?: ButtonFamily\n  size?: ButtonSize\n  shape?: ButtonShape\n  /** Registry icon before the label. */\n  icon?: IconName\n  /** Registry icon after the label (e.g. `chevron-down` on a menu button). */\n  iconEnd?: IconName\n  /** Shows a spinner, sets aria-busy and blocks clicks. */\n  loading?: boolean\n  /** Stretch to the container width. */\n  block?: boolean\n}\n\nconst ICON_SIZE: Record<ButtonSize, number> = { sm: 14, md: 16, lg: 18 }\n\nexport function Button({\n  variant = 'soft',\n  family = 'primary',\n  size = 'md',\n  shape = 'rounded',\n  icon,\n  iconEnd,\n  loading = false,\n  block = false,\n  disabled,\n  type = 'button',\n  className,\n  children,\n  ...rest\n}: ButtonProps) {\n  // An icon with no label is a square button; it still needs an aria-label.\n  const iconOnly = !children && (icon || iconEnd)\n  const classes = [\n    'hdk-btn',\n    `hdk-btn--${variant}`,\n    `hdk-btn--${family}`,\n    `hdk-btn--${size}`,\n    `hdk-btn--${shape}`,\n    iconOnly && 'hdk-btn--icon-only',\n    block && 'hdk-btn--block',\n    loading && 'hdk-btn--loading',\n    className\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <button\n      type={type}\n      className={classes}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      {...rest}\n    >\n      {loading ? (\n        <span className=\"hdk-btn__spinner\" aria-hidden=\"true\" />\n      ) : (\n        icon && <Icon name={icon} size={ICON_SIZE[size]} />\n      )}\n      {children}\n      {iconEnd && <Icon name={iconEnd} size={ICON_SIZE[size]} />}\n    </button>\n  )\n}\n"],"names":[],"mappings":";;;AA8BA,MAAM,YAAwC,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,GAAA;AAE7D,SAAS,OAAO;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgB;AAEd,QAAM,WAAW,CAAC,aAAa,QAAQ;AACvC,QAAM,UAAU;AAAA,IACd;AAAA,IACA,YAAY,OAAO;AAAA,IACnB,YAAY,MAAM;AAAA,IAClB,YAAY,IAAI;AAAA,IAChB,YAAY,KAAK;AAAA,IACjB,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,WAAW;AAAA,IACX;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,MACX,UAAU,YAAY;AAAA,MACtB,aAAW,WAAW;AAAA,MACrB,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,UACC,oBAAC,QAAA,EAAK,WAAU,oBAAmB,eAAY,QAAO,IAEtD,QAAQ,oBAAC,QAAK,MAAM,MAAM,MAAM,UAAU,IAAI,GAAG;AAAA,QAElD;AAAA,QACA,+BAAY,MAAA,EAAK,MAAM,SAAS,MAAM,UAAU,IAAI,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9D;"}

package/dist/components/ConnectedSettings.d.ts

@@ -0,0 +1,53 @@
+/**
+ * ConnectedSettings — the unified per-user settings control for the hadoku
+ * ecosystem: a gear button that opens a popout housing everything that is a
+ * property of the PERSON (not the app):
+ *   - current access tier (read-only, friendly label)
+ *   - display name (inline edit → POST /session/name)
+ *   - global content-visibility level (tiered pill → PUT /prefs/api/v1/content-level)
+ *   - switch key (an inline sign-in form, on the site's own sign-in client)
+ *
+ * "Connected" (parallel to ConnectedThemePicker): it self-wires to the
+ * hadoku.me edge-router via same-origin fetches (see lib/settingsClient), so
+ * dropping `<ConnectedSettings />` into any app under hadoku.me needs zero
+ * props. Identity is resolved via whoami() unless the host passes `userType` /
+ * `name` (avoids a redundant fetch when the app already knows).
+ *
+ * All of that is resolved AT MOUNT via `prefetchSettings()`, never on
+ * gear-click — opening the popout must cost zero requests. See the effect
+ * below, and `e2e/settings-prefetch.spec.ts` in hadoku-task, which fails if the
+ * fetch moves back behind the click.
+ *
+ * Mirrors ThemePicker's controlled-popout pattern: owns its own `open` state +
+ * a full-viewport overlay for click-outside dismiss. The content pill renders
+ * `maxLevel` segments (friend ⇒ 3, admin ⇒ 4) and is hidden for public callers.
+ * maxLevel comes from the server so the tier ceiling is never trusted from the
+ * client.
+ */
+import React from 'react';
+import { type Tier } from '../lib/settingsClient';
+import '../app-header.css';
+export interface ConnectedSettingsProps {
+    /** Caller's tier. Omit to self-resolve via whoami().
+     *
+     *  This exists for apps that CANNOT reach `/session/whoami` — conjure sits
+     *  behind a path-prefixed shim that serves nothing outside `/conjure`, so
+     *  whoami 404s and the tier would fall back to guest. It is an identity
+     *  hint, not a way to present a different tier than the edge assigns: every
+     *  gate that matters is enforced server-side off the edge-stamped tier. */
+    userType?: Tier;
+    /** Display name. Omit to self-resolve via whoami(). Same rationale. */
+    name?: string | null;
+    /** Notify the host (e.g. a "Signed in as …" label) of a rename. */
+    onNameChange?: (name: string | null) => void;
+    /** App-specific settings rendered as a final section in the same popout, so
+     *  an app with its own preferences keeps ONE unified gear instead of a second
+     *  control. Shown under an "App preferences" divider.
+     *
+     *  This slot is deliberately unconstrained — put whatever the app needs in
+     *  it. The constraint is only that it lands AFTER the four canonical rows and
+     *  cannot change them. */
+    children?: React.ReactNode;
+}
+export declare function ConnectedSettings({ userType: userTypeProp, name: nameProp, onNameChange, children }: ConnectedSettingsProps): React.JSX.Element;
+//# sourceMappingURL=ConnectedSettings.d.ts.map

package/dist/components/ConnectedSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedSettings.d.ts","sourceRoot":"","sources":["../../src/components/ConnectedSettings.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,EAUL,KAAK,IAAI,EACV,MAAM,uBAAuB,CAAA;AAC9B,OAAO,mBAAmB,CAAA;AAE1B,MAAM,WAAW,sBAAsB;IACrC;;;;;;+EAM2E;IAC3E,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,mEAAmE;IACnE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5C;;;;;;8BAM0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAkBD,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,QAAQ,EACT,EAAE,sBAAsB,qBA0cxB"}