@pihanga2/shadcn 0.2.18 → 0.2.19

package/README.md

@@ -62,7 +62,7 @@ import "@pihanga2/shadcn/cards/dataTable";
 
 ---
 
-## Included cards (47)
+## Included cards (50)
 
 - `avatar`
 - `badge`
@@ -75,6 +75,7 @@ import "@pihanga2/shadcn/cards/dataTable";
 - `dialog`
 - `drawer`
 - `dropDownMenu`
+- `emptyCard`
 - `field`
 - `fileDrop`
 - `flexGrid`
@@ -91,6 +92,7 @@ import "@pihanga2/shadcn/cards/dataTable";
 - `menu`
 - `modeToggle`
 - `navbarSearch`
+- `observable`
 - `pageWithNavbar`
 - `pageWithNavbarMeta`
 - `pasteTarget`
@@ -107,6 +109,7 @@ import "@pihanga2/shadcn/cards/dataTable";
 - `suspense`
 - `switch`
 - `tabs`
+- `textArea`
 - `textField`
 - `toast`
 - `toggleGroup`

package/cards/button/button.types.d.ts

@@ -4,11 +4,11 @@ export declare const Button: <S extends import('@pihanga2/core').ReduxState>(p:
 export declare const PI_BUTTON_ACTION: {
     CLICKED: string;
 };
-export declare const onButtonClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onButtonClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiButtonClickedEvent>) => void;
 /** @deprecated Use `onButtonClicked` instead. */
-export declare const onPiButtonClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onPiButtonClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiButtonClickedEvent>) => void;
 /**

package/cards/checkbox/checkbox.types.d.ts

@@ -3,11 +3,11 @@ export declare const Checkbox: <S extends import('@pihanga2/core').ReduxState>(p
 export declare const PI_CHECKBOX_ACTION: {
     CHANGED: string;
 };
-export declare const onCheckboxChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onCheckboxChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiCheckboxChangedEvent>) => void;
 /** @deprecated Use `onCheckboxChanged` instead. */
-export declare const onPiCheckboxChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onPiCheckboxChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiCheckboxChangedEvent>) => void;
 export type PiCheckboxProps = {

package/cards/codeMirror/codeMirror.types.d.ts

@@ -5,7 +5,7 @@ export declare const CodeMirrorCard: <S extends import('@pihanga2/core').ReduxSt
 export declare const CODE_MIRROR_ACTION: {
     CHANGED: string;
 };
-export declare const onCodeMirrorChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onCodeMirrorChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & ChangedEvent>) => void;
 /**

package/cards/collapsibleCard/collapsibleCard.types.d.ts

@@ -7,7 +7,7 @@ export declare const COLLAPSIBLE_CARD_ACTION: {
 export type CollapsibleCardOpenChangedEvent = {
     open: boolean;
 };
-export declare const onCollapsibleCardOpenChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onCollapsibleCardOpenChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & CollapsibleCardOpenChangedEvent>) => void;
 export type CollapsibleCardEvents = {

package/cards/dataTable/dataTable.types.d.ts

@@ -9,19 +9,19 @@ export declare const DATA_TABLE_ACTION: {
     HIDE_DETAIL: string;
     PAGE_CHANGED: string;
 };
-export declare const onDataTableRowClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onDataTableRowClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & DataTableRowClickedEvent>) => void;
-export declare const onDataTableSortChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onDataTableSortChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & DataTableSortChangedEvent>) => void;
-export declare const onDataTableShowDetail: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onDataTableShowDetail: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & DataTableDetailEvent>) => void;
-export declare const onDataTableHideDetail: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onDataTableHideDetail: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & DataTableDetailEvent>) => void;
-export declare const onDataTablePageChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onDataTablePageChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & DataTablePageChangedEvent>) => void;
 /** Shared base for all column definitions */

package/cards/dialog/dialog.types.d.ts

@@ -6,13 +6,13 @@ export declare const PI_DIALOG_ACTION: {
     OPENED: string;
     OPEN_CHANGED: string;
 };
-export declare const onDialogOpened: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onDialogOpened: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & DialogOpenedEvent>) => void;
-export declare const onDialogClosed: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onDialogClosed: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & DialogClosedEvent>) => void;
-export declare const onDialogOpenChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onDialogOpenChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & DialogOpenChangedEvent>) => void;
 export type PiDialogProps = {

package/cards/drawer/drawer.types.d.ts

@@ -6,13 +6,13 @@ export declare const PI_DRAWER_ACTION: {
     OPENED: string;
     OPEN_CHANGED: string;
 };
-export declare const onDrawerOpened: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onDrawerOpened: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & DrawerOpenedEvent>) => void;
-export declare const onDrawerClosed: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onDrawerClosed: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & DrawerClosedEvent>) => void;
-export declare const onDrawerOpenChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onDrawerOpenChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & DrawerOpenChangedEvent>) => void;
 export type PiDrawerProps = {

package/cards/dropDownMenu/drop-down.types.d.ts

@@ -4,7 +4,7 @@ export declare const DropDownMenu: <S extends import('@pihanga2/core').ReduxStat
 export declare const DROP_DOWN_MENU_ACTION: {
     SELECTED: string;
 };
-export declare const onDropDownMenuClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onDropDownMenuClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & DropDownMenuSelectedEventAdvanced>) => void;
 export type DropDownMenuProps = {

package/cards/emptyCard/emptyCard.component.js

@@ -0,0 +1,25 @@
+import { getIcon as e } from "../icons.js";
+import { Empty as t, EmptyContent as n, EmptyMedia as r } from "../../components/ui/empty.js";
+import "react";
+import { Card as i } from "@pihanga2/core";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/cards/emptyCard/emptyCard.component.tsx
+var s = (s) => {
+	let { icon: c, content: l, className: u, style: d, cardName: f } = s;
+	return /* @__PURE__ */ o(t, {
+		className: u,
+		style: d,
+		"data-pihanga": f,
+		children: [c && /* @__PURE__ */ a(r, {
+			variant: "icon",
+			children: e(c)
+		}), l && /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(i, {
+			cardName: l,
+			parentCard: f
+		}) })]
+	});
+};
+//#endregion
+export { s as EmptyCardComponent };
+
+//# sourceMappingURL=emptyCard.component.js.map

package/cards/emptyCard/emptyCard.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emptyCard.component.js","names":[],"sources":["../../../src/cards/emptyCard/emptyCard.component.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport {Card, type PiCardProps} from \"@pihanga2/core\";\nimport {Empty, EmptyContent, EmptyMedia} from \"@/components/ui/empty\";\nimport {getIcon} from \"@/cards/icons\";\nimport type {EmptyCardProps} from \"./emptyCard.types\";\n\nexport const EmptyCardComponent = (\n  props: PiCardProps<EmptyCardProps>,\n): React.ReactNode => {\n  const {icon, content, className, style, cardName} = props;\n\n  return (\n    <Empty className={className} style={style} data-pihanga={cardName}>\n      {icon && <EmptyMedia variant=\"icon\">{getIcon(icon)}</EmptyMedia>}\n      {content && (\n        <EmptyContent>\n          <Card cardName={content} parentCard={cardName} />\n        </EmptyContent>\n      )}\n    </Empty>\n  );\n};\n"],"mappings":";;;;;;AAOA,IAAa,KACX,MACoB;CACpB,IAAM,EAAC,SAAM,YAAS,cAAW,UAAO,gBAAY;CAEpD,OACE,kBAAC,GAAD;EAAkB;EAAkB;EAAO,gBAAc;YAAzD,CACG,KAAQ,kBAAC,GAAD;GAAY,SAAQ;aAAQ,EAAQ,CAAI;EAAc,CAAA,GAC9D,KACC,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAM,UAAU;GAAS,YAAY;EAAW,CAAA,EACpC,CAAA,CAEX;;AAEX"}

package/cards/emptyCard/emptyCard.types.js

@@ -0,0 +1,7 @@
+import { createCardDeclaration as e } from "@pihanga2/core";
+//#region src/cards/emptyCard/emptyCard.types.ts
+var t = "empty-card", n = e(t);
+//#endregion
+export { t as EMPTY_CARD, n as EmptyCard };
+
+//# sourceMappingURL=emptyCard.types.js.map

package/cards/emptyCard/emptyCard.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emptyCard.types.js","names":[],"sources":["../../../src/cards/emptyCard/emptyCard.types.ts"],"sourcesContent":["import {createCardDeclaration, type PiCardRef} from \"@pihanga2/core\";\nimport type React from \"react\";\n\nexport const EMPTY_CARD = \"empty-card\";\n\nexport type EmptyCardProps = {\n  /**\n   * Icon name from the pihanga icon registry.\n   * When provided, renders an `EmptyMedia` slot with `variant=\"icon\"`.\n   */\n  icon?: string;\n\n  /**\n   * Pihanga card reference rendered inside `EmptyContent`.\n   * Use this to show a call-to-action button, form, or any other card.\n   */\n  content?: PiCardRef;\n\n  /** Additional Tailwind / CSS classes forwarded to the root `Empty` element. */\n  className?: string;\n\n  /** Inline styles forwarded to the root `Empty` element. */\n  style?: React.CSSProperties;\n};\n\n/**\n * Factory function for declaring an `empty-card` instance.\n *\n * ```ts\n * import {registerCard} from \"@pihanga2/core\";\n * import {EmptyCard} from \"@/cards/emptyCard\";\n * import {Button} from \"@/cards/button\";\n *\n * registerCard(\"myApp/noResults\", EmptyCard({\n *   icon: \"search\",\n *   content: \"myApp/createButton\",\n * }));\n *\n * registerCard(\"myApp/createButton\", Button({label: \"Create new\"}));\n * ```\n */\nexport const EmptyCard = createCardDeclaration<EmptyCardProps>(EMPTY_CARD);\n"],"mappings":";;AAGA,IAAa,IAAa,cAsCb,IAAY,EAAsC,CAAU"}

package/cards/emptyCard/index.js

@@ -0,0 +1,12 @@
+import { EmptyCardComponent as e } from "./emptyCard.component.js";
+import { EMPTY_CARD as t, EmptyCard as n } from "./emptyCard.types.js";
+import { registerCardComponent as r } from "@pihanga2/core";
+//#region src/cards/emptyCard/index.tsx
+r({
+	name: t,
+	component: e
+});
+//#endregion
+export { t as EMPTY_CARD, n as EmptyCard };
+
+//# sourceMappingURL=index.js.map

package/cards/emptyCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/cards/emptyCard/index.tsx"],"sourcesContent":["import {registerCardComponent} from \"@pihanga2/core\";\n\nimport {EmptyCardComponent} from \"./emptyCard.component\";\nimport {EMPTY_CARD} from \"./emptyCard.types\";\n\nexport * from \"./emptyCard.types\";\n\nregisterCardComponent({\n  name: EMPTY_CARD,\n  component: EmptyCardComponent,\n});\n"],"mappings":";;;;AAOA,EAAsB;CACpB,MAAM;CACN,WAAW;AACb,CAAC"}

package/cards/fileDrop/fileDrop.types.d.ts

@@ -4,10 +4,10 @@ export declare const FILE_DROP_ACTION: {
     ERROR: string;
     FILE_DROPPED: string;
 };
-export declare const onFileDropped: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onFileDropped: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & FileDroppedEvent>) => void;
-export declare const onFileDropError: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onFileDropError: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & FileDropErrorEvent>) => void;
 /** Per-element Tailwind / CSS class overrides for the FileDrop card. */

package/cards/form/form.types.d.ts

@@ -4,11 +4,11 @@ export declare const Form: <S extends import('@pihanga2/core').ReduxState>(p: im
 export declare const PI_FORM_ACTION: {
     SUBMITTED: string;
 };
-export declare const onFormSubmitted: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onFormSubmitted: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiFormSubmittedEvent>) => void;
 /** @deprecated Use `onFormSubmitted` instead. */
-export declare const onPiFormSubmitted: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onPiFormSubmitted: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiFormSubmittedEvent>) => void;
 export type PiFormProps = {

package/cards/graphin/graphin.types.d.ts

@@ -14,31 +14,31 @@ export declare const GRAPHIN_ACTION: {
     CONTEXT_MENU_CLOSE: string;
     AFTER_LAYOUT: string;
 };
-export declare const onGraphinNodeHovered: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, ReduxAction & {
+export declare const onGraphinNodeHovered: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, ReduxAction & {
     cardID: string;
 } & GraphinNodeEventContext<Record<string, unknown>>>) => void;
-export declare const onGraphinNodeHoverEnd: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, ReduxAction & {
+export declare const onGraphinNodeHoverEnd: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, ReduxAction & {
     cardID: string;
 } & GraphinNodeEventContext<Record<string, unknown>>>) => void;
-export declare const onGraphinNodeClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, ReduxAction & {
+export declare const onGraphinNodeClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, ReduxAction & {
     cardID: string;
 } & GraphinNodeEventContext<Record<string, unknown>>>) => void;
-export declare const onGraphinNodeDblClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, ReduxAction & {
+export declare const onGraphinNodeDblClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, ReduxAction & {
     cardID: string;
 } & GraphinNodeEventContext<Record<string, unknown>>>) => void;
-export declare const onGraphinTooltipOpen: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, ReduxAction & {
+export declare const onGraphinTooltipOpen: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, ReduxAction & {
     cardID: string;
 } & GraphinNodeEventContext<Record<string, unknown>>>) => void;
-export declare const onGraphinTooltipClose: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, ReduxAction & {
+export declare const onGraphinTooltipClose: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, ReduxAction & {
     cardID: string;
 } & GraphinNodeEventContext<Record<string, unknown>>>) => void;
-export declare const onGraphinContextMenuOpen: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, ReduxAction & {
+export declare const onGraphinContextMenuOpen: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, ReduxAction & {
     cardID: string;
 } & GraphinNodeEventContext<Record<string, unknown>>>) => void;
-export declare const onGraphinContextMenuClose: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, ReduxAction & {
+export declare const onGraphinContextMenuClose: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, ReduxAction & {
     cardID: string;
 } & GraphinNodeEventContext<Record<string, unknown>>>) => void;
-export declare const onGraphinAfterLayout: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, ReduxAction & {
+export declare const onGraphinAfterLayout: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, ReduxAction & {
     cardID: string;
 } & Record<string, unknown> & {
     cardID: string;

package/cards/input/input.component.js

@@ -6,58 +6,63 @@ import "@pihanga2/core";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/cards/input/input.component.tsx
 var o = (o) => {
-	let { name: s, value: c = "", type: l = "text", placeholder: u, disabled: d, label: f, description: p, className: m, cardName: h, onChanged: g, onCommitted: _ } = o, v = o.id, y = !!o.invalid, b = e(), x = b.isInForm && !!s, [S, C] = r.useState(l === "file" ? "" : c);
+	let { name: s, value: c = "", type: l = "text", placeholder: u, disabled: d, label: f, description: p, className: m, autoFocus: h, cardName: g, onChanged: _, onCommitted: v } = o, y = r.useRef(null);
 	r.useEffect(() => {
-		!x && l !== "file" && C(c);
+		h && y.current?.focus();
+	}, []);
+	let b = o.id, x = !!o.invalid, S = e(), C = S.isInForm && !!s, [w, T] = r.useState(l === "file" ? "" : c);
+	r.useEffect(() => {
+		!C && l !== "file" && T(c);
 	}, [
 		c,
-		x,
+		C,
 		l
 	]);
-	let w = l === "file" ? void 0 : x ? b.formData[s] ?? "" : S;
-	function T(e) {
+	let E = l === "file" ? void 0 : C ? S.formData[s] ?? "" : w;
+	function D(e) {
 		let t = l === "file" ? e.target.files?.[0]?.name ?? "" : e.target.value;
-		x ? b.handleChange(s, t) : (C(t), g({
+		C ? S.handleChange(s, t) : (T(t), _({
 			name: s,
 			value: t
 		}));
 	}
-	function E() {
-		!x && l !== "file" && _({
+	function O() {
+		!C && l !== "file" && v({
 			name: s,
-			value: S
+			value: w
 		});
 	}
-	function D(e) {
-		e.key === "Enter" && !x && l !== "file" && _({
+	function k(e) {
+		e.key === "Enter" && !C && l !== "file" && v({
 			name: s,
-			value: S
+			value: w
 		});
 	}
-	let O = `${h}-${s ?? "input"}`, k = v ?? O;
+	let A = `${g}-${s ?? "input"}`, j = b ?? A;
 	return /* @__PURE__ */ a("div", {
-		"data-pihanga": h,
+		"data-pihanga": g,
 		className: "grid w-full gap-1.5",
 		children: [
 			f && /* @__PURE__ */ i(t, {
-				htmlFor: k,
+				htmlFor: j,
 				children: f
 			}),
 			/* @__PURE__ */ i(n, {
-				id: k,
+				ref: y,
+				id: j,
 				type: l,
-				value: w,
-				onChange: T,
-				onBlur: E,
-				onKeyDown: D,
+				value: E,
+				onChange: D,
+				onBlur: O,
+				onKeyDown: k,
 				placeholder: u,
 				disabled: d,
 				className: m,
-				"aria-invalid": y || void 0,
-				"aria-describedby": p ? `${k}-desc` : void 0
+				"aria-invalid": x || void 0,
+				"aria-describedby": p ? `${j}-desc` : void 0
 			}),
 			p && /* @__PURE__ */ i("p", {
-				id: `${k}-desc`,
+				id: `${j}-desc`,
 				className: "text-sm text-muted-foreground",
 				children: p
 			})

package/cards/input/input.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.component.js","names":[],"sources":["../../../src/cards/input/input.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {type PiCardProps} from \"@pihanga2/core\";\nimport {Input} from \"@/components/ui/input\";\nimport {Label} from \"@/components/ui/label\";\nimport {useFormContext} from \"@/cards/form/form.context\";\nimport type {PiInputEvents, PiInputProps} from \"./input.types\";\n\nexport const InputComponent = (\n  props: PiCardProps<PiInputProps, PiInputEvents>,\n): React.ReactNode => {\n  const {\n    name,\n    value: propValue = \"\",\n    type = \"text\",\n    placeholder,\n    disabled,\n    label,\n    description,\n    className,\n    cardName,\n    onChanged,\n    onCommitted,\n  } = props;\n\n  // `id` and `invalid` may be injected by a parent pi/field card via\n  // Pihanga's extra-prop forwarding.  They are not in the official type so\n  // we read them through an escape hatch.\n  const injectedId = (props as {id?: string}).id;\n  const invalid = Boolean((props as {invalid?: boolean}).invalid);\n\n  // Detect if we are inside a pi/form card via React context.\n  const form = useFormContext();\n  const useFormData = form.isInForm && Boolean(name);\n\n  // Local display state — lets the user type freely without triggering Redux\n  // on every keystroke.  Only `onCommitted` (blur / Enter) writes back to\n  // Redux, so callers that use `onCommitted` instead of `onChanged` avoid\n  // per-keystroke panel rebuilds.\n  const [localValue, setLocalValue] = React.useState<string>(\n    type === \"file\" ? \"\" : propValue,\n  );\n\n  // Sync local value when the prop changes from outside (e.g. when a different\n  // card is selected in the playground, resetting the controls panel).\n  React.useEffect(() => {\n    if (!useFormData && type !== \"file\") {\n      setLocalValue(propValue);\n    }\n  }, [propValue, useFormData, type]);\n\n  // Derive the effective value for the controlled <Input>:\n  //   - inside a form → read from form.formData[name]\n  //   - standalone   → use localValue (updated on every keystroke locally)\n  //   - file inputs  → uncontrolled (no value binding)\n  const inputValue =\n    type === \"file\"\n      ? undefined\n      : useFormData\n        ? ((form.formData[name!] as string | undefined) ?? \"\")\n        : localValue;\n\n  function handleChange(e: React.ChangeEvent<HTMLInputElement>) {\n    const newValue =\n      type === \"file\" ? (e.target.files?.[0]?.name ?? \"\") : e.target.value;\n    if (useFormData) {\n      form.handleChange(name!, newValue);\n    } else {\n      setLocalValue(newValue);\n      onChanged({name, value: newValue});\n    }\n  }\n\n  // Fire onCommitted when the user leaves the field or presses Enter.\n  function handleBlur() {\n    if (!useFormData && type !== \"file\") {\n      onCommitted({name, value: localValue});\n    }\n  }\n\n  function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (e.key === \"Enter\" && !useFormData && type !== \"file\") {\n      onCommitted({name, value: localValue});\n    }\n  }\n\n  // Use the id injected by pi/field (for label↔control linking); fall back\n  // to a locally-generated id when used standalone.\n  const selfId = `${cardName}-${name ?? \"input\"}`;\n  const fieldId = injectedId ?? selfId;\n\n  return (\n    <div data-pihanga={cardName} className=\"grid w-full gap-1.5\">\n      {label && <Label htmlFor={fieldId}>{label}</Label>}\n      <Input\n        id={fieldId}\n        type={type}\n        value={inputValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        disabled={disabled}\n        className={className}\n        aria-invalid={invalid || undefined}\n        aria-describedby={description ? `${fieldId}-desc` : undefined}\n      />\n      {description && (\n        <p id={`${fieldId}-desc`} className=\"text-sm text-muted-foreground\">\n          {description}\n        </p>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAOA,IAAa,KACX,MACoB;CACpB,IAAM,EACJ,SACA,OAAO,IAAY,IACnB,UAAO,QACP,gBACA,aACA,UACA,gBACA,cACA,aACA,cACA,mBACE,GAKE,IAAc,EAAwB,IACtC,IAAU,EAAS,EAA8B,SAGjD,IAAO,EAAe,GACtB,IAAc,EAAK,YAAY,EAAQ,GAMvC,CAAC,GAAY,KAAiB,EAAM,SACxC,MAAS,SAAS,KAAK,CACzB;CAIA,EAAM,gBAAgB;EACpB,AAAI,CAAC,KAAe,MAAS,UAC3B,EAAc,CAAS;CAE3B,GAAG;EAAC;EAAW;EAAa;CAAI,CAAC;CAMjC,IAAM,IACJ,MAAS,SACL,KAAA,IACA,IACI,EAAK,SAAS,MAAiC,KACjD;CAER,SAAS,EAAa,GAAwC;EAC5D,IAAM,IACJ,MAAS,SAAU,EAAE,OAAO,QAAQ,IAAI,QAAQ,KAAM,EAAE,OAAO;EACjE,AAAI,IACF,EAAK,aAAa,GAAO,CAAQ,KAEjC,EAAc,CAAQ,GACtB,EAAU;GAAC;GAAM,OAAO;EAAQ,CAAC;CAErC;CAGA,SAAS,IAAa;EACpB,AAAI,CAAC,KAAe,MAAS,UAC3B,EAAY;GAAC;GAAM,OAAO;EAAU,CAAC;CAEzC;CAEA,SAAS,EAAc,GAA0C;EAC/D,AAAI,EAAE,QAAQ,WAAW,CAAC,KAAe,MAAS,UAChD,EAAY;GAAC;GAAM,OAAO;EAAU,CAAC;CAEzC;CAIA,IAAM,IAAS,GAAG,EAAS,GAAG,KAAQ,WAChC,IAAU,KAAc;CAE9B,OACE,kBAAC,OAAD;EAAK,gBAAc;EAAU,WAAU;YAAvC;GACG,KAAS,kBAAC,GAAD;IAAO,SAAS;cAAU;GAAa,CAAA;GACjD,kBAAC,GAAD;IACE,IAAI;IACE;IACN,OAAO;IACP,UAAU;IACV,QAAQ;IACR,WAAW;IACE;IACH;IACC;IACX,gBAAc,KAAW,KAAA;IACzB,oBAAkB,IAAc,GAAG,EAAQ,SAAS,KAAA;GACrD,CAAA;GACA,KACC,kBAAC,KAAD;IAAG,IAAI,GAAG,EAAQ;IAAQ,WAAU;cACjC;GACA,CAAA;EAEF;;AAET"}
+{"version":3,"file":"input.component.js","names":[],"sources":["../../../src/cards/input/input.component.tsx"],"sourcesContent":["import React from \"react\";\nimport {type PiCardProps} from \"@pihanga2/core\";\nimport {Input} from \"@/components/ui/input\";\nimport {Label} from \"@/components/ui/label\";\nimport {useFormContext} from \"@/cards/form/form.context\";\nimport type {PiInputEvents, PiInputProps} from \"./input.types\";\n\nexport const InputComponent = (\n  props: PiCardProps<PiInputProps, PiInputEvents>,\n): React.ReactNode => {\n  const {\n    name,\n    value: propValue = \"\",\n    type = \"text\",\n    placeholder,\n    disabled,\n    label,\n    description,\n    className,\n    autoFocus,\n    cardName,\n    onChanged,\n    onCommitted,\n  } = props;\n\n  // Focus the input once, the first time it is mounted/shown (e.g. when a\n  // dialog or drawer opens). Intentionally an empty dependency array — this\n  // must not re-fire on subsequent re-renders.\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  React.useEffect(() => {\n    if (autoFocus) inputRef.current?.focus();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // `id` and `invalid` may be injected by a parent pi/field card via\n  // Pihanga's extra-prop forwarding.  They are not in the official type so\n  // we read them through an escape hatch.\n  const injectedId = (props as {id?: string}).id;\n  const invalid = Boolean((props as {invalid?: boolean}).invalid);\n\n  // Detect if we are inside a pi/form card via React context.\n  const form = useFormContext();\n  const useFormData = form.isInForm && Boolean(name);\n\n  // Local display state — lets the user type freely without triggering Redux\n  // on every keystroke.  Only `onCommitted` (blur / Enter) writes back to\n  // Redux, so callers that use `onCommitted` instead of `onChanged` avoid\n  // per-keystroke panel rebuilds.\n  const [localValue, setLocalValue] = React.useState<string>(\n    type === \"file\" ? \"\" : propValue,\n  );\n\n  // Sync local value when the prop changes from outside (e.g. when a different\n  // card is selected in the playground, resetting the controls panel).\n  React.useEffect(() => {\n    if (!useFormData && type !== \"file\") {\n      setLocalValue(propValue);\n    }\n  }, [propValue, useFormData, type]);\n\n  // Derive the effective value for the controlled <Input>:\n  //   - inside a form → read from form.formData[name]\n  //   - standalone   → use localValue (updated on every keystroke locally)\n  //   - file inputs  → uncontrolled (no value binding)\n  const inputValue =\n    type === \"file\"\n      ? undefined\n      : useFormData\n        ? ((form.formData[name!] as string | undefined) ?? \"\")\n        : localValue;\n\n  function handleChange(e: React.ChangeEvent<HTMLInputElement>) {\n    const newValue =\n      type === \"file\" ? (e.target.files?.[0]?.name ?? \"\") : e.target.value;\n    if (useFormData) {\n      form.handleChange(name!, newValue);\n    } else {\n      setLocalValue(newValue);\n      onChanged({name, value: newValue});\n    }\n  }\n\n  // Fire onCommitted when the user leaves the field or presses Enter.\n  function handleBlur() {\n    if (!useFormData && type !== \"file\") {\n      onCommitted({name, value: localValue});\n    }\n  }\n\n  function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (e.key === \"Enter\" && !useFormData && type !== \"file\") {\n      onCommitted({name, value: localValue});\n    }\n  }\n\n  // Use the id injected by pi/field (for label↔control linking); fall back\n  // to a locally-generated id when used standalone.\n  const selfId = `${cardName}-${name ?? \"input\"}`;\n  const fieldId = injectedId ?? selfId;\n\n  return (\n    <div data-pihanga={cardName} className=\"grid w-full gap-1.5\">\n      {label && <Label htmlFor={fieldId}>{label}</Label>}\n      <Input\n        ref={inputRef}\n        id={fieldId}\n        type={type}\n        value={inputValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        disabled={disabled}\n        className={className}\n        aria-invalid={invalid || undefined}\n        aria-describedby={description ? `${fieldId}-desc` : undefined}\n      />\n      {description && (\n        <p id={`${fieldId}-desc`} className=\"text-sm text-muted-foreground\">\n          {description}\n        </p>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAOA,IAAa,KACX,MACoB;CACpB,IAAM,EACJ,SACA,OAAO,IAAY,IACnB,UAAO,QACP,gBACA,aACA,UACA,gBACA,cACA,cACA,aACA,cACA,mBACE,GAKE,IAAW,EAAM,OAAyB,IAAI;CACpD,EAAM,gBAAgB;EACpB,AAAI,KAAW,EAAS,SAAS,MAAM;CAEzC,GAAG,CAAC,CAAC;CAKL,IAAM,IAAc,EAAwB,IACtC,IAAU,EAAS,EAA8B,SAGjD,IAAO,EAAe,GACtB,IAAc,EAAK,YAAY,EAAQ,GAMvC,CAAC,GAAY,KAAiB,EAAM,SACxC,MAAS,SAAS,KAAK,CACzB;CAIA,EAAM,gBAAgB;EACpB,AAAI,CAAC,KAAe,MAAS,UAC3B,EAAc,CAAS;CAE3B,GAAG;EAAC;EAAW;EAAa;CAAI,CAAC;CAMjC,IAAM,IACJ,MAAS,SACL,KAAA,IACA,IACI,EAAK,SAAS,MAAiC,KACjD;CAER,SAAS,EAAa,GAAwC;EAC5D,IAAM,IACJ,MAAS,SAAU,EAAE,OAAO,QAAQ,IAAI,QAAQ,KAAM,EAAE,OAAO;EACjE,AAAI,IACF,EAAK,aAAa,GAAO,CAAQ,KAEjC,EAAc,CAAQ,GACtB,EAAU;GAAC;GAAM,OAAO;EAAQ,CAAC;CAErC;CAGA,SAAS,IAAa;EACpB,AAAI,CAAC,KAAe,MAAS,UAC3B,EAAY;GAAC;GAAM,OAAO;EAAU,CAAC;CAEzC;CAEA,SAAS,EAAc,GAA0C;EAC/D,AAAI,EAAE,QAAQ,WAAW,CAAC,KAAe,MAAS,UAChD,EAAY;GAAC;GAAM,OAAO;EAAU,CAAC;CAEzC;CAIA,IAAM,IAAS,GAAG,EAAS,GAAG,KAAQ,WAChC,IAAU,KAAc;CAE9B,OACE,kBAAC,OAAD;EAAK,gBAAc;EAAU,WAAU;YAAvC;GACG,KAAS,kBAAC,GAAD;IAAO,SAAS;cAAU;GAAa,CAAA;GACjD,kBAAC,GAAD;IACE,KAAK;IACL,IAAI;IACE;IACN,OAAO;IACP,UAAU;IACV,QAAQ;IACR,WAAW;IACE;IACH;IACC;IACX,gBAAc,KAAW,KAAA;IACzB,oBAAkB,IAAc,GAAG,EAAQ,SAAS,KAAA;GACrD,CAAA;GACA,KACC,kBAAC,KAAD;IAAG,IAAI,GAAG,EAAQ;IAAQ,WAAU;cACjC;GACA,CAAA;EAEF;;AAET"}

package/cards/input/input.types.d.ts

@@ -4,11 +4,11 @@ export declare const PI_INPUT_ACTION: {
     CHANGED: string;
     COMMITTED: string;
 };
-export declare const onInputChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onInputChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiInputChangedEvent>) => void;
 /** @deprecated Use `onInputChanged` instead. */
-export declare const onPiInputChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onPiInputChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiInputChangedEvent>) => void;
 /**
@@ -17,11 +17,11 @@ export declare const onPiInputChanged: <S extends import('@pihanga2/core').Redux
  * `onInputCommitted` only fires once per editing session, making it the preferred
  * handler for controlled inputs that trigger expensive downstream work.
  */
-export declare const onInputCommitted: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onInputCommitted: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiInputCommittedEvent>) => void;
 /** @deprecated Use `onInputCommitted` instead. */
-export declare const onPiInputCommitted: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onPiInputCommitted: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & PiInputCommittedEvent>) => void;
 export type PiInputProps = {
@@ -59,6 +59,12 @@ export type PiInputProps = {
     description?: string;
     /** Extra Tailwind / CSS classes forwarded to the underlying <input> element. */
     className?: string;
+    /**
+     * When true, the input grabs keyboard focus the first time it is
+     * mounted/shown (e.g. when a dialog or drawer opens). Only applies once,
+     * on mount — it does not re-focus on subsequent re-renders.
+     */
+    autoFocus?: boolean;
 };
 export type PiInputChangedEvent = {
     /** Field name, mirrors the `name` prop if provided. */

package/cards/input/input.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.types.js","names":[],"sources":["../../../src/cards/input/input.types.ts"],"sourcesContent":["import {\n  createCardDeclaration,\n  createOnAction,\n  registerActions,\n} from \"@pihanga2/core\";\n\nexport const PI_INPUT_CARD = \"pi/input\";\n\nexport const PiInput = createCardDeclaration<PiInputProps, PiInputEvents>(\n  PI_INPUT_CARD,\n);\n\nexport const PI_INPUT_ACTION = registerActions(PI_INPUT_CARD, [\n  \"changed\",\n  \"committed\",\n]);\n\nexport const onInputChanged = createOnAction<PiInputChangedEvent>(\n  PI_INPUT_ACTION.CHANGED,\n);\n\n/** @deprecated Use `onInputChanged` instead. */\nexport const onPiInputChanged = onInputChanged;\n\n/**\n * Subscribe to \"committed\" events — fired when the user finishes editing\n * (blur or Enter key).  Unlike `onInputChanged` (which fires on every keystroke),\n * `onInputCommitted` only fires once per editing session, making it the preferred\n * handler for controlled inputs that trigger expensive downstream work.\n */\nexport const onInputCommitted = createOnAction<PiInputCommittedEvent>(\n  PI_INPUT_ACTION.COMMITTED,\n);\n\n/** @deprecated Use `onInputCommitted` instead. */\nexport const onPiInputCommitted = onInputCommitted;\n\n// ---------------------------------------------------------------------------\n// Props & Events\n// ---------------------------------------------------------------------------\n\nexport type PiInputProps = {\n  /**\n   * Field name used to bind to FormContext when inside a pi/form card.\n   * When provided the component reads its value from form state and writes\n   * back via form.handleChange.\n   */\n  name?: string;\n\n  /**\n   * Controlled value used in standalone mode (outside a Form).\n   * Ignored when `name` is set and the component is inside a pi/form.\n   */\n  value?: string;\n\n  /**\n   * HTML input type.\n   * Common values: \"text\" | \"email\" | \"password\" | \"number\" | \"search\" |\n   * \"url\" | \"tel\" | \"date\" | \"file\".\n   * Defaults to \"text\".\n   */\n  type?: string;\n\n  /** Placeholder text shown when the input is empty. */\n  placeholder?: string;\n\n  /** When true, the input is disabled and non-interactive. */\n  disabled?: boolean;\n\n  /**\n   * Optional label text rendered in a `<label>` element above the input.\n   * The label is automatically associated with the input via `htmlFor`.\n   */\n  label?: string;\n\n  /**\n   * Optional helper / description text rendered below the input.\n   * Use this for hints, formatting guidance, or validation feedback.\n   */\n  description?: string;\n\n  /** Extra Tailwind / CSS classes forwarded to the underlying <input> element. */\n  className?: string;\n};\n\nexport type PiInputChangedEvent = {\n  /** Field name, mirrors the `name` prop if provided. */\n  name?: string;\n  /** New value after the change. */\n  value: string;\n};\n\n/**\n * Payload for the `onCommitted` event (blur / Enter key).\n * Same shape as `PiInputChangedEvent`.\n */\nexport type PiInputCommittedEvent = {\n  /** Field name, mirrors the `name` prop if provided. */\n  name?: string;\n  /** Final committed value. */\n  value: string;\n};\n\nexport type PiInputEvents = {\n  /** Fires on every keystroke. */\n  onChanged: PiInputChangedEvent;\n  /**\n   * Fires once when the user finishes editing (blur or Enter key).\n   * Use this instead of `onChanged` when each change triggers expensive\n   * downstream work (e.g. rebuilding a panel).\n   */\n  onCommitted: PiInputCommittedEvent;\n};\n"],"mappings":";;AAMA,IAAa,IAAgB,YAEhB,IAAU,EACrB,CACF,GAEa,IAAkB,EAAgB,GAAe,CAC5D,WACA,WACF,CAAC,GAEY,IAAiB,EAC5B,EAAgB,OAClB,GAGa,IAAmB,GAQnB,IAAmB,EAC9B,EAAgB,SAClB,GAGa,IAAqB"}
+{"version":3,"file":"input.types.js","names":[],"sources":["../../../src/cards/input/input.types.ts"],"sourcesContent":["import {\n  createCardDeclaration,\n  createOnAction,\n  registerActions,\n} from \"@pihanga2/core\";\n\nexport const PI_INPUT_CARD = \"pi/input\";\n\nexport const PiInput = createCardDeclaration<PiInputProps, PiInputEvents>(\n  PI_INPUT_CARD,\n);\n\nexport const PI_INPUT_ACTION = registerActions(PI_INPUT_CARD, [\n  \"changed\",\n  \"committed\",\n]);\n\nexport const onInputChanged = createOnAction<PiInputChangedEvent>(\n  PI_INPUT_ACTION.CHANGED,\n);\n\n/** @deprecated Use `onInputChanged` instead. */\nexport const onPiInputChanged = onInputChanged;\n\n/**\n * Subscribe to \"committed\" events — fired when the user finishes editing\n * (blur or Enter key).  Unlike `onInputChanged` (which fires on every keystroke),\n * `onInputCommitted` only fires once per editing session, making it the preferred\n * handler for controlled inputs that trigger expensive downstream work.\n */\nexport const onInputCommitted = createOnAction<PiInputCommittedEvent>(\n  PI_INPUT_ACTION.COMMITTED,\n);\n\n/** @deprecated Use `onInputCommitted` instead. */\nexport const onPiInputCommitted = onInputCommitted;\n\n// ---------------------------------------------------------------------------\n// Props & Events\n// ---------------------------------------------------------------------------\n\nexport type PiInputProps = {\n  /**\n   * Field name used to bind to FormContext when inside a pi/form card.\n   * When provided the component reads its value from form state and writes\n   * back via form.handleChange.\n   */\n  name?: string;\n\n  /**\n   * Controlled value used in standalone mode (outside a Form).\n   * Ignored when `name` is set and the component is inside a pi/form.\n   */\n  value?: string;\n\n  /**\n   * HTML input type.\n   * Common values: \"text\" | \"email\" | \"password\" | \"number\" | \"search\" |\n   * \"url\" | \"tel\" | \"date\" | \"file\".\n   * Defaults to \"text\".\n   */\n  type?: string;\n\n  /** Placeholder text shown when the input is empty. */\n  placeholder?: string;\n\n  /** When true, the input is disabled and non-interactive. */\n  disabled?: boolean;\n\n  /**\n   * Optional label text rendered in a `<label>` element above the input.\n   * The label is automatically associated with the input via `htmlFor`.\n   */\n  label?: string;\n\n  /**\n   * Optional helper / description text rendered below the input.\n   * Use this for hints, formatting guidance, or validation feedback.\n   */\n  description?: string;\n\n  /** Extra Tailwind / CSS classes forwarded to the underlying <input> element. */\n  className?: string;\n\n  /**\n   * When true, the input grabs keyboard focus the first time it is\n   * mounted/shown (e.g. when a dialog or drawer opens). Only applies once,\n   * on mount — it does not re-focus on subsequent re-renders.\n   */\n  autoFocus?: boolean;\n};\n\nexport type PiInputChangedEvent = {\n  /** Field name, mirrors the `name` prop if provided. */\n  name?: string;\n  /** New value after the change. */\n  value: string;\n};\n\n/**\n * Payload for the `onCommitted` event (blur / Enter key).\n * Same shape as `PiInputChangedEvent`.\n */\nexport type PiInputCommittedEvent = {\n  /** Field name, mirrors the `name` prop if provided. */\n  name?: string;\n  /** Final committed value. */\n  value: string;\n};\n\nexport type PiInputEvents = {\n  /** Fires on every keystroke. */\n  onChanged: PiInputChangedEvent;\n  /**\n   * Fires once when the user finishes editing (blur or Enter key).\n   * Use this instead of `onChanged` when each change triggers expensive\n   * downstream work (e.g. rebuilding a panel).\n   */\n  onCommitted: PiInputCommittedEvent;\n};\n"],"mappings":";;AAMA,IAAa,IAAgB,YAEhB,IAAU,EACrB,CACF,GAEa,IAAkB,EAAgB,GAAe,CAC5D,WACA,WACF,CAAC,GAEY,IAAiB,EAC5B,EAAgB,OAClB,GAGa,IAAmB,GAQnB,IAAmB,EAC9B,EAAgB,SAClB,GAGa,IAAqB"}

package/cards/jsonViewer/jsonViewer.types.d.ts

@@ -4,10 +4,10 @@ export declare const JSON_VIEWER_ACTION: {
     CLICKED: string;
     COPIED: string;
 };
-export declare const onJsonViewerClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onJsonViewerClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & ClickedEvent>) => void;
-export declare const onJsonViewerCopied: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onJsonViewerCopied: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & CopiedEvent>) => void;
 export type JsonViewerProps<S = object> = {

package/cards/keyboardOverlay/keyboardOverlay.component.js

@@ -11,6 +11,7 @@ function i(e, t) {
 	}
 }
 function a(e, t) {
+	if (t.length === 0) return !0;
 	let n = new Set(t);
 	return (n.has("ctrl") ? e.ctrlKey : !e.ctrlKey) && (n.has("shift") ? e.shiftKey : !e.shiftKey) && (n.has("alt") ? e.altKey : !e.altKey) && (n.has("meta") ? e.metaKey : !e.metaKey);
 }

package/cards/keyboardOverlay/keyboardOverlay.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardOverlay.component.js","names":[],"sources":["../../../src/cards/keyboardOverlay/keyboardOverlay.component.tsx"],"sourcesContent":["import {Card, type PiCardProps} from \"@pihanga2/core\";\nimport React, {useEffect, useRef} from \"react\";\n\nimport type {\n  KeyboardOverlayEvents,\n  KeyboardOverlayProps,\n  Modifier,\n} from \"./keyboardOverlay.types\";\n\n/** Walk up the DOM from `el` and return the first value of `data-{dataKey}` found. */\nfunction findDataAttribute(\n  el: Element | null,\n  dataKey: string,\n): string | undefined {\n  let node: Element | null = el;\n  while (node) {\n    const attr = node.getAttribute(`data-${dataKey}`);\n    if (attr) return attr;\n    node = node.parentElement;\n  }\n  return undefined;\n}\n\n/** Returns `true` when the keyboard event's active modifiers exactly match the definition. */\nfunction modifiersMatch(e: KeyboardEvent, required: Modifier[]): boolean {\n  const need = new Set(required);\n  return (\n    (need.has(\"ctrl\") ? e.ctrlKey : !e.ctrlKey) &&\n    (need.has(\"shift\") ? e.shiftKey : !e.shiftKey) &&\n    (need.has(\"alt\") ? e.altKey : !e.altKey) &&\n    (need.has(\"meta\") ? e.metaKey : !e.metaKey)\n  );\n}\n\nexport const KeyboardOverlayComponent = (\n  props: PiCardProps<KeyboardOverlayProps, KeyboardOverlayEvents>,\n): React.ReactNode => {\n  const {\n    content,\n    shortcuts,\n    onShortcut,\n    cardName,\n    className,\n    style,\n    captureFocus = true,\n    dataKey = \"pihanga\",\n  } = props;\n\n  // Track cursor position passively — no re-render needed.\n  const cursorPos = useRef<{x: number; y: number}>({x: 0, y: 0});\n  const divRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const onMouseMove = (e: MouseEvent) => {\n      cursorPos.current = {x: e.clientX, y: e.clientY};\n    };\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      for (const shortcut of shortcuts) {\n        const mods: Modifier[] = shortcut.modifiers ?? [];\n        const keyMatch = e.key === shortcut.key || e.code === shortcut.key;\n        if (!keyMatch || !modifiersMatch(e, mods)) continue;\n\n        // Only consume the event when propagate !== true.\n        if (!shortcut.propagate) {\n          e.preventDefault();\n          e.stopPropagation();\n        }\n\n        const {x, y} = cursorPos.current;\n        const el = document.elementFromPoint(x, y);\n        const dataValue = findDataAttribute(el, dataKey);\n\n        onShortcut({\n          shortcutId: shortcut.id ?? shortcut.key,\n          key: shortcut.key,\n          modifiers: mods,\n          dataValue,\n          cursorX: x,\n          cursorY: y,\n        });\n        break;\n      }\n    };\n\n    // capture:true ensures we see the keydown before any focused child element.\n    document.addEventListener(\"mousemove\", onMouseMove, {passive: true});\n    document.addEventListener(\"keydown\", onKeyDown, {capture: true});\n    return () => {\n      document.removeEventListener(\"mousemove\", onMouseMove);\n      document.removeEventListener(\"keydown\", onKeyDown, {capture: true});\n    };\n  }, [shortcuts, onShortcut, dataKey]);\n\n  function onMouseEnter() {\n    if (captureFocus) {\n      divRef.current?.focus();\n    }\n  }\n\n  return (\n    <div\n      ref={divRef}\n      tabIndex={captureFocus ? -1 : undefined}\n      onMouseEnter={onMouseEnter}\n      data-pihanga={cardName}\n      className={className}\n      style={{...style, position: \"relative\", outline: \"none\"}}\n    >\n      <Card cardName={content} parentCard={cardName} />\n    </div>\n  );\n};\n"],"mappings":";;;;AAUA,SAAS,EACP,GACA,GACoB;CACpB,IAAI,IAAuB;CAC3B,OAAO,IAAM;EACX,IAAM,IAAO,EAAK,aAAa,QAAQ,GAAS;EAChD,IAAI,GAAM,OAAO;EACjB,IAAO,EAAK;CACd;AAEF;AAGA,SAAS,EAAe,GAAkB,GAA+B;CACvE,IAAM,IAAO,IAAI,IAAI,CAAQ;CAC7B,QACG,EAAK,IAAI,MAAM,IAAI,EAAE,UAAU,CAAC,EAAE,aAClC,EAAK,IAAI,OAAO,IAAI,EAAE,WAAW,CAAC,EAAE,cACpC,EAAK,IAAI,KAAK,IAAI,EAAE,SAAS,CAAC,EAAE,YAChC,EAAK,IAAI,MAAM,IAAI,EAAE,UAAU,CAAC,EAAE;AAEvC;AAEA,IAAa,KACX,MACoB;CACpB,IAAM,EACJ,YACA,cACA,eACA,aACA,cACA,UACA,kBAAe,IACf,aAAU,cACR,GAGE,IAAY,EAA+B;EAAC,GAAG;EAAG,GAAG;CAAC,CAAC,GACvD,IAAS,EAAuB,IAAI;CAE1C,QAAgB;EACd,IAAM,KAAe,MAAkB;GACrC,EAAU,UAAU;IAAC,GAAG,EAAE;IAAS,GAAG,EAAE;GAAO;EACjD,GAEM,KAAa,MAAqB;GACtC,KAAK,IAAM,KAAY,GAAW;IAChC,IAAM,IAAmB,EAAS,aAAa,CAAC;IAEhD,IAAI,EADa,EAAE,QAAQ,EAAS,OAAO,EAAE,SAAS,EAAS,QAC9C,CAAC,EAAe,GAAG,CAAI,GAAG;IAG3C,AAAK,EAAS,cACZ,EAAE,eAAe,GACjB,EAAE,gBAAgB;IAGpB,IAAM,EAAC,MAAG,SAAK,EAAU,SAEnB,IAAY,EADP,SAAS,iBAAiB,GAAG,CACJ,GAAI,CAAO;IAE/C,EAAW;KACT,YAAY,EAAS,MAAM,EAAS;KACpC,KAAK,EAAS;KACd,WAAW;KACX;KACA,SAAS;KACT,SAAS;IACX,CAAC;IACD;GACF;EACF;EAKA,OAFA,SAAS,iBAAiB,aAAa,GAAa,EAAC,SAAS,GAAI,CAAC,GACnE,SAAS,iBAAiB,WAAW,GAAW,EAAC,SAAS,GAAI,CAAC,SAClD;GAEX,AADA,SAAS,oBAAoB,aAAa,CAAW,GACrD,SAAS,oBAAoB,WAAW,GAAW,EAAC,SAAS,GAAI,CAAC;EACpE;CACF,GAAG;EAAC;EAAW;EAAY;CAAO,CAAC;CAEnC,SAAS,IAAe;EACtB,AAAI,KACF,EAAO,SAAS,MAAM;CAE1B;CAEA,OACE,kBAAC,OAAD;EACE,KAAK;EACL,UAAU,IAAe,KAAK,KAAA;EAChB;EACd,gBAAc;EACH;EACX,OAAO;GAAC,GAAG;GAAO,UAAU;GAAY,SAAS;EAAM;YAEvD,kBAAC,GAAD;GAAM,UAAU;GAAS,YAAY;EAAW,CAAA;CAC7C,CAAA;AAET"}
+{"version":3,"file":"keyboardOverlay.component.js","names":[],"sources":["../../../src/cards/keyboardOverlay/keyboardOverlay.component.tsx"],"sourcesContent":["import {Card, type PiCardProps} from \"@pihanga2/core\";\nimport React, {useEffect, useRef} from \"react\";\n\nimport type {\n  KeyboardOverlayEvents,\n  KeyboardOverlayProps,\n  Modifier,\n} from \"./keyboardOverlay.types\";\n\n/** Walk up the DOM from `el` and return the first value of `data-{dataKey}` found. */\nfunction findDataAttribute(\n  el: Element | null,\n  dataKey: string,\n): string | undefined {\n  let node: Element | null = el;\n  while (node) {\n    const attr = node.getAttribute(`data-${dataKey}`);\n    if (attr) return attr;\n    node = node.parentElement;\n  }\n  return undefined;\n}\n\n/**\n * Returns `true` when the keyboard event's active modifiers match the definition.\n *\n * When `required` is empty every key press matches regardless of which modifier\n * flags the OS/browser may inject (e.g. Windows can set ctrlKey on ArrowDown\n * in some configurations). When modifiers ARE specified they must match exactly\n * so that e.g. Ctrl+K and plain K remain distinct shortcuts.\n */\nfunction modifiersMatch(e: KeyboardEvent, required: Modifier[]): boolean {\n  if (required.length === 0) return true;\n  const need = new Set(required);\n  return (\n    (need.has(\"ctrl\") ? e.ctrlKey : !e.ctrlKey) &&\n    (need.has(\"shift\") ? e.shiftKey : !e.shiftKey) &&\n    (need.has(\"alt\") ? e.altKey : !e.altKey) &&\n    (need.has(\"meta\") ? e.metaKey : !e.metaKey)\n  );\n}\n\nexport const KeyboardOverlayComponent = (\n  props: PiCardProps<KeyboardOverlayProps, KeyboardOverlayEvents>,\n): React.ReactNode => {\n  const {\n    content,\n    shortcuts,\n    onShortcut,\n    cardName,\n    className,\n    style,\n    captureFocus = true,\n    dataKey = \"pihanga\",\n  } = props;\n\n  // Track cursor position passively — no re-render needed.\n  const cursorPos = useRef<{x: number; y: number}>({x: 0, y: 0});\n  const divRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const onMouseMove = (e: MouseEvent) => {\n      cursorPos.current = {x: e.clientX, y: e.clientY};\n    };\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      for (const shortcut of shortcuts) {\n        const mods: Modifier[] = shortcut.modifiers ?? [];\n        const keyMatch = e.key === shortcut.key || e.code === shortcut.key;\n        if (!keyMatch || !modifiersMatch(e, mods)) continue;\n\n        // Only consume the event when propagate !== true.\n        if (!shortcut.propagate) {\n          e.preventDefault();\n          e.stopPropagation();\n        }\n\n        const {x, y} = cursorPos.current;\n        const el = document.elementFromPoint(x, y);\n        const dataValue = findDataAttribute(el, dataKey);\n\n        onShortcut({\n          shortcutId: shortcut.id ?? shortcut.key,\n          key: shortcut.key,\n          modifiers: mods,\n          dataValue,\n          cursorX: x,\n          cursorY: y,\n        });\n        break;\n      }\n    };\n\n    // capture:true ensures we see the keydown before any focused child element.\n    document.addEventListener(\"mousemove\", onMouseMove, {passive: true});\n    document.addEventListener(\"keydown\", onKeyDown, {capture: true});\n    return () => {\n      document.removeEventListener(\"mousemove\", onMouseMove);\n      document.removeEventListener(\"keydown\", onKeyDown, {capture: true});\n    };\n  }, [shortcuts, onShortcut, dataKey]);\n\n  function onMouseEnter() {\n    if (captureFocus) {\n      divRef.current?.focus();\n    }\n  }\n\n  return (\n    <div\n      ref={divRef}\n      tabIndex={captureFocus ? -1 : undefined}\n      onMouseEnter={onMouseEnter}\n      data-pihanga={cardName}\n      className={className}\n      style={{...style, position: \"relative\", outline: \"none\"}}\n    >\n      <Card cardName={content} parentCard={cardName} />\n    </div>\n  );\n};\n"],"mappings":";;;;AAUA,SAAS,EACP,GACA,GACoB;CACpB,IAAI,IAAuB;CAC3B,OAAO,IAAM;EACX,IAAM,IAAO,EAAK,aAAa,QAAQ,GAAS;EAChD,IAAI,GAAM,OAAO;EACjB,IAAO,EAAK;CACd;AAEF;AAUA,SAAS,EAAe,GAAkB,GAA+B;CACvE,IAAI,EAAS,WAAW,GAAG,OAAO;CAClC,IAAM,IAAO,IAAI,IAAI,CAAQ;CAC7B,QACG,EAAK,IAAI,MAAM,IAAI,EAAE,UAAU,CAAC,EAAE,aAClC,EAAK,IAAI,OAAO,IAAI,EAAE,WAAW,CAAC,EAAE,cACpC,EAAK,IAAI,KAAK,IAAI,EAAE,SAAS,CAAC,EAAE,YAChC,EAAK,IAAI,MAAM,IAAI,EAAE,UAAU,CAAC,EAAE;AAEvC;AAEA,IAAa,KACX,MACoB;CACpB,IAAM,EACJ,YACA,cACA,eACA,aACA,cACA,UACA,kBAAe,IACf,aAAU,cACR,GAGE,IAAY,EAA+B;EAAC,GAAG;EAAG,GAAG;CAAC,CAAC,GACvD,IAAS,EAAuB,IAAI;CAE1C,QAAgB;EACd,IAAM,KAAe,MAAkB;GACrC,EAAU,UAAU;IAAC,GAAG,EAAE;IAAS,GAAG,EAAE;GAAO;EACjD,GAEM,KAAa,MAAqB;GACtC,KAAK,IAAM,KAAY,GAAW;IAChC,IAAM,IAAmB,EAAS,aAAa,CAAC;IAEhD,IAAI,EADa,EAAE,QAAQ,EAAS,OAAO,EAAE,SAAS,EAAS,QAC9C,CAAC,EAAe,GAAG,CAAI,GAAG;IAG3C,AAAK,EAAS,cACZ,EAAE,eAAe,GACjB,EAAE,gBAAgB;IAGpB,IAAM,EAAC,MAAG,SAAK,EAAU,SAEnB,IAAY,EADP,SAAS,iBAAiB,GAAG,CACJ,GAAI,CAAO;IAE/C,EAAW;KACT,YAAY,EAAS,MAAM,EAAS;KACpC,KAAK,EAAS;KACd,WAAW;KACX;KACA,SAAS;KACT,SAAS;IACX,CAAC;IACD;GACF;EACF;EAKA,OAFA,SAAS,iBAAiB,aAAa,GAAa,EAAC,SAAS,GAAI,CAAC,GACnE,SAAS,iBAAiB,WAAW,GAAW,EAAC,SAAS,GAAI,CAAC,SAClD;GAEX,AADA,SAAS,oBAAoB,aAAa,CAAW,GACrD,SAAS,oBAAoB,WAAW,GAAW,EAAC,SAAS,GAAI,CAAC;EACpE;CACF,GAAG;EAAC;EAAW;EAAY;CAAO,CAAC;CAEnC,SAAS,IAAe;EACtB,AAAI,KACF,EAAO,SAAS,MAAM;CAE1B;CAEA,OACE,kBAAC,OAAD;EACE,KAAK;EACL,UAAU,IAAe,KAAK,KAAA;EAChB;EACd,gBAAc;EACH;EACX,OAAO;GAAC,GAAG;GAAO,UAAU;GAAY,SAAS;EAAM;YAEvD,kBAAC,GAAD;GAAM,UAAU;GAAS,YAAY;EAAW,CAAA;CAC7C,CAAA;AAET"}

package/cards/keyboardOverlay/keyboardOverlay.types.d.ts

@@ -4,7 +4,7 @@ export declare const KeyboardOverlay: <S extends import('@pihanga2/core').ReduxS
 export declare const KEYBOARD_OVERLAY_ACTION: {
     SHORTCUT: string;
 };
-export declare const onKeyboardShortcut: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onKeyboardShortcut: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & KeyboardOverlayShortcutEvent>) => void;
 /** Modifier keys that can be part of a shortcut definition. */

package/cards/list/list.types.d.ts

@@ -5,7 +5,7 @@ export declare const List: <S extends import('@pihanga2/core').ReduxState>(p: im
 export declare const LIST_ACTION: {
     ITEM_CLICKED: string;
 };
-export declare const onListItemClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onListItemClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & ItemClickedEvent>) => void;
 export type IconDecorator = {

package/cards/menu/menu.types.d.ts

@@ -4,7 +4,7 @@ export declare const Menu: <S extends import('@pihanga2/core').ReduxState>(p: im
 export declare const MENU_ACTION: {
     CLICKED: string;
 };
-export declare const onMenuClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onMenuClicked: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & MenuClickEvent>) => void;
 export type BaseButtonProps = {

package/cards/modeToggle/mode-toggle.types.d.ts

@@ -4,7 +4,7 @@ export declare const ModeToggle: <S extends import('@pihanga2/core').ReduxState>
 export declare const MODE_TOGGLE_ACTION: {
     MODE_CHANGED: string;
 };
-export declare const onModeToggleChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core').PiRegister, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
+export declare const onModeToggleChanged: <S extends import('@pihanga2/core').ReduxState>(register: import('@pihanga2/core/types').PiRegisterMinimal, f: import('@pihanga2/core').ReduceF<S, import('@pihanga2/core').ReduxAction & {
     cardID: string;
 } & ModeChangeEvent>) => void;
 export type ModeToggleProps = {