@accelint/design-toolkit 9.3.0 → 9.4.0

package/dist/components/kanban/card.d.ts

@@ -12,16 +12,40 @@
 
 import { KanbanCardProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime93 from "react/jsx-runtime";
+import * as react_jsx_runtime62 from "react/jsx-runtime";
 
 //#region src/components/kanban/card.d.ts
+
+/**
+ * KanbanCard - Individual draggable card component
+ *
+ * Provides drag-and-drop functionality with visual feedback
+ * including drop position indicators.
+ *
+ * @param props - {@link KanbanCardProps}
+ * @param props.className - Optional CSS class name.
+ * @param props.children - Card content (header, body).
+ * @param props.card - Card data.
+ * @param props.isActive - Whether this card is currently active/selected.
+ * @returns The rendered KanbanCard component.
+ *
+ * @example
+ * ```tsx
+ * <KanbanCard card={cardData}>
+ *   <KanbanCardHeader>
+ *     <KanbanCardHeaderTitle>{card.title}</KanbanCardHeaderTitle>
+ *   </KanbanCardHeader>
+ *   <KanbanCardBody>{card.body}</KanbanCardBody>
+ * </KanbanCard>
+ * ```
+ */
 declare function KanbanCard({
   className,
   children,
   card,
   isActive,
   ...rest
-}: KanbanCardProps): react_jsx_runtime93.JSX.Element;
+}: KanbanCardProps): react_jsx_runtime62.JSX.Element;
 //#endregion
 export { KanbanCard };
 //# sourceMappingURL=card.d.ts.map

package/dist/components/kanban/card.js

@@ -22,6 +22,29 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.css";
 
 //#region src/components/kanban/card.tsx
+/**
+* KanbanCard - Individual draggable card component
+*
+* Provides drag-and-drop functionality with visual feedback
+* including drop position indicators.
+*
+* @param props - {@link KanbanCardProps}
+* @param props.className - Optional CSS class name.
+* @param props.children - Card content (header, body).
+* @param props.card - Card data.
+* @param props.isActive - Whether this card is currently active/selected.
+* @returns The rendered KanbanCard component.
+*
+* @example
+* ```tsx
+* <KanbanCard card={cardData}>
+*   <KanbanCardHeader>
+*     <KanbanCardHeaderTitle>{card.title}</KanbanCardHeaderTitle>
+*   </KanbanCardHeader>
+*   <KanbanCardBody>{card.body}</KanbanCardBody>
+* </KanbanCard>
+* ```
+*/
 function KanbanCard({ className, children, card, isActive, ...rest }) {
 	const { isDragging, closestEdge, ref, style, attributes, listeners } = useCardInteractions(card);
 	const { activeId } = useDragContext();

package/dist/components/kanban/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":[],"sources":["../../../src/components/kanban/card.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useCardInteractions } from '../../hooks/kanban';\nimport { Divider } from '../divider';\nimport { useDragContext } from './kanban';\nimport styles from './styles.module.css';\nimport type { KanbanCardProps } from './types';\n\nexport function KanbanCard({\n  className,\n  children,\n  card,\n  isActive,\n  ...rest\n}: KanbanCardProps) {\n  const { isDragging, closestEdge, ref, style, attributes, listeners } =\n    useCardInteractions(card);\n  const { activeId } = useDragContext();\n\n  // Check if we should show the drop placeholder\n  const showPlaceholder = activeId && activeId !== card.id && closestEdge;\n\n  return (\n    <li className={styles.cardContainerOuter} ref={ref} style={style}>\n      {showPlaceholder && closestEdge === 'top' && (\n        <Divider className={styles.divider} />\n      )}\n\n      <div\n        data-dragging={isDragging || undefined}\n        data-current={isActive || undefined}\n        className={clsx(styles.card, className)}\n        {...attributes}\n        {...listeners}\n        {...rest}\n      >\n        {children}\n      </div>\n\n      {showPlaceholder && closestEdge === 'bottom' && (\n        <Divider className={styles.divider} />\n      )}\n    </li>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,SAAgB,WAAW,EACzB,WACA,UACA,MACA,UACA,GAAG,QACe;CAClB,MAAM,EAAE,YAAY,aAAa,KAAK,OAAO,YAAY,cACvD,oBAAoB,KAAK;CAC3B,MAAM,EAAE,aAAa,gBAAgB;CAGrC,MAAM,kBAAkB,YAAY,aAAa,KAAK,MAAM;AAE5D,QACE,qBAAC;EAAG,WAAW,OAAO;EAAyB;EAAY;;GACxD,mBAAmB,gBAAgB,SAClC,oBAAC,WAAQ,WAAW,OAAO,UAAW;GAGxC,oBAAC;IACC,iBAAe,cAAc;IAC7B,gBAAc,YAAY;IAC1B,WAAW,KAAK,OAAO,MAAM,UAAU;IACvC,GAAI;IACJ,GAAI;IACJ,GAAI;IAEH;KACG;GAEL,mBAAmB,gBAAgB,YAClC,oBAAC,WAAQ,WAAW,OAAO,UAAW;;GAErC"}
+{"version":3,"file":"card.js","names":[],"sources":["../../../src/components/kanban/card.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useCardInteractions } from '../../hooks/kanban';\nimport { Divider } from '../divider';\nimport { useDragContext } from './kanban';\nimport styles from './styles.module.css';\nimport type { KanbanCardProps } from './types';\n\n/**\n * KanbanCard - Individual draggable card component\n *\n * Provides drag-and-drop functionality with visual feedback\n * including drop position indicators.\n *\n * @param props - {@link KanbanCardProps}\n * @param props.className - Optional CSS class name.\n * @param props.children - Card content (header, body).\n * @param props.card - Card data.\n * @param props.isActive - Whether this card is currently active/selected.\n * @returns The rendered KanbanCard component.\n *\n * @example\n * ```tsx\n * <KanbanCard card={cardData}>\n *   <KanbanCardHeader>\n *     <KanbanCardHeaderTitle>{card.title}</KanbanCardHeaderTitle>\n *   </KanbanCardHeader>\n *   <KanbanCardBody>{card.body}</KanbanCardBody>\n * </KanbanCard>\n * ```\n */\nexport function KanbanCard({\n  className,\n  children,\n  card,\n  isActive,\n  ...rest\n}: KanbanCardProps) {\n  const { isDragging, closestEdge, ref, style, attributes, listeners } =\n    useCardInteractions(card);\n  const { activeId } = useDragContext();\n\n  // Check if we should show the drop placeholder\n  const showPlaceholder = activeId && activeId !== card.id && closestEdge;\n\n  return (\n    <li className={styles.cardContainerOuter} ref={ref} style={style}>\n      {showPlaceholder && closestEdge === 'top' && (\n        <Divider className={styles.divider} />\n      )}\n\n      <div\n        data-dragging={isDragging || undefined}\n        data-current={isActive || undefined}\n        className={clsx(styles.card, className)}\n        {...attributes}\n        {...listeners}\n        {...rest}\n      >\n        {children}\n      </div>\n\n      {showPlaceholder && closestEdge === 'bottom' && (\n        <Divider className={styles.divider} />\n      )}\n    </li>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,SAAgB,WAAW,EACzB,WACA,UACA,MACA,UACA,GAAG,QACe;CAClB,MAAM,EAAE,YAAY,aAAa,KAAK,OAAO,YAAY,cACvD,oBAAoB,KAAK;CAC3B,MAAM,EAAE,aAAa,gBAAgB;CAGrC,MAAM,kBAAkB,YAAY,aAAa,KAAK,MAAM;AAE5D,QACE,qBAAC;EAAG,WAAW,OAAO;EAAyB;EAAY;;GACxD,mBAAmB,gBAAgB,SAClC,oBAAC,WAAQ,WAAW,OAAO,UAAW;GAGxC,oBAAC;IACC,iBAAe,cAAc;IAC7B,gBAAc,YAAY;IAC1B,WAAW,KAAK,OAAO,MAAM,UAAU;IACvC,GAAI;IACJ,GAAI;IACJ,GAAI;IAEH;KACG;GAEL,mBAAmB,gBAAgB,YAClC,oBAAC,WAAQ,WAAW,OAAO,UAAW;;GAErC"}

package/dist/components/kanban/column-actions.d.ts

@@ -12,14 +12,22 @@
 
 import { KanbanColContentActionProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime84 from "react/jsx-runtime";
+import * as react_jsx_runtime63 from "react/jsx-runtime";
 
 //#region src/components/kanban/column-actions.d.ts
+/**
+ * KanbanColumnActions - Action button for adding new cards
+ *
+ * @param props - {@link KanbanColContentActionProps}
+ * @param props.className - Optional CSS class name.
+ * @param props.onAddCard - Callback when add card button is pressed.
+ * @returns The rendered KanbanColumnActions component.
+ */
 declare function KanbanColumnActions({
   className,
   onAddCard,
   ...rest
-}: KanbanColContentActionProps): react_jsx_runtime84.JSX.Element;
+}: KanbanColContentActionProps): react_jsx_runtime63.JSX.Element;
 //#endregion
 export { KanbanColumnActions };
 //# sourceMappingURL=column-actions.d.ts.map

package/dist/components/kanban/column-actions.js

@@ -18,10 +18,18 @@ import { Button } from "../button/index.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Add } from "@accelint/icons";
 import styles from "./styles.module.css";
+import Add from "@accelint/icons/add";
 
 //#region src/components/kanban/column-actions.tsx
+/**
+* KanbanColumnActions - Action button for adding new cards
+*
+* @param props - {@link KanbanColContentActionProps}
+* @param props.className - Optional CSS class name.
+* @param props.onAddCard - Callback when add card button is pressed.
+* @returns The rendered KanbanColumnActions component.
+*/
 function KanbanColumnActions({ className, onAddCard, ...rest }) {
 	return /* @__PURE__ */ jsx("div", {
 		...rest,

package/dist/components/kanban/column-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-actions.js","names":[],"sources":["../../../src/components/kanban/column-actions.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Add } from '@accelint/icons';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\nimport type { KanbanColContentActionProps } from './types';\n\nexport function KanbanColumnActions({\n  className,\n  onAddCard,\n  ...rest\n}: KanbanColContentActionProps) {\n  return (\n    <div {...rest} className={clsx(styles.columnHeader, className)}>\n      <Button variant='flat' onPress={onAddCard} {...rest}>\n        <Icon>\n          <Add />\n        </Icon>\n        Add Card\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,SAAgB,oBAAoB,EAClC,WACA,WACA,GAAG,QAC2B;AAC9B,QACE,oBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,cAAc,UAAU;YAC5D,qBAAC;GAAO,SAAQ;GAAO,SAAS;GAAW,GAAI;cAC7C,oBAAC,kBACC,oBAAC,QAAM,GACF;IAEA;GACL"}
+{"version":3,"file":"column-actions.js","names":[],"sources":["../../../src/components/kanban/column-actions.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport Add from '@accelint/icons/add';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\nimport type { KanbanColContentActionProps } from './types';\n\n/**\n * KanbanColumnActions - Action button for adding new cards\n *\n * @param props - {@link KanbanColContentActionProps}\n * @param props.className - Optional CSS class name.\n * @param props.onAddCard - Callback when add card button is pressed.\n * @returns The rendered KanbanColumnActions component.\n */\nexport function KanbanColumnActions({\n  className,\n  onAddCard,\n  ...rest\n}: KanbanColContentActionProps) {\n  return (\n    <div {...rest} className={clsx(styles.columnHeader, className)}>\n      <Button variant='flat' onPress={onAddCard} {...rest}>\n        <Icon>\n          <Add />\n        </Icon>\n        Add Card\n      </Button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAgB,oBAAoB,EAClC,WACA,WACA,GAAG,QAC2B;AAC9B,QACE,oBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,cAAc,UAAU;YAC5D,qBAAC;GAAO,SAAQ;GAAO,SAAS;GAAW,GAAI;cAC7C,oBAAC,kBACC,oBAAC,QAAM,GACF;IAEA;GACL"}

package/dist/components/kanban/column-container.d.ts

@@ -12,14 +12,22 @@
 
 import { KanbanComponentProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime86 from "react/jsx-runtime";
+import * as react_jsx_runtime64 from "react/jsx-runtime";
 
 //#region src/components/kanban/column-container.d.ts
+/**
+ * KanbanColumnContainer - Container that holds all columns
+ *
+ * @param props - {@link KanbanComponentProps}
+ * @param props.children - Column elements.
+ * @param props.className - Optional CSS class name.
+ * @returns The rendered KanbanColumnContainer component.
+ */
 declare function KanbanColumnContainer({
   children,
   className,
   ...rest
-}: KanbanComponentProps): react_jsx_runtime86.JSX.Element;
+}: KanbanComponentProps): react_jsx_runtime64.JSX.Element;
 //#endregion
 export { KanbanColumnContainer };
 //# sourceMappingURL=column-container.d.ts.map

package/dist/components/kanban/column-container.js

@@ -19,6 +19,14 @@ import { jsx } from "react/jsx-runtime";
 import styles from "./styles.module.css";
 
 //#region src/components/kanban/column-container.tsx
+/**
+* KanbanColumnContainer - Container that holds all columns
+*
+* @param props - {@link KanbanComponentProps}
+* @param props.children - Column elements.
+* @param props.className - Optional CSS class name.
+* @returns The rendered KanbanColumnContainer component.
+*/
 function KanbanColumnContainer({ children, className, ...rest }) {
 	return /* @__PURE__ */ jsx("div", {
 		...rest,

package/dist/components/kanban/column-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-container.js","names":[],"sources":["../../../src/components/kanban/column-container.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport styles from './styles.module.css';\nimport type { KanbanComponentProps } from './types';\n\nexport function KanbanColumnContainer({\n  children,\n  className,\n  ...rest\n}: KanbanComponentProps) {\n  return (\n    <div {...rest} className={clsx(styles.columnItems, className)}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkBA,SAAgB,sBAAsB,EACpC,UACA,WACA,GAAG,QACoB;AACvB,QACE,oBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,aAAa,UAAU;EAC1D;GACG"}
+{"version":3,"file":"column-container.js","names":[],"sources":["../../../src/components/kanban/column-container.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport styles from './styles.module.css';\nimport type { KanbanComponentProps } from './types';\n\n/**\n * KanbanColumnContainer - Container that holds all columns\n *\n * @param props - {@link KanbanComponentProps}\n * @param props.children - Column elements.\n * @param props.className - Optional CSS class name.\n * @returns The rendered KanbanColumnContainer component.\n */\nexport function KanbanColumnContainer({\n  children,\n  className,\n  ...rest\n}: KanbanComponentProps) {\n  return (\n    <div {...rest} className={clsx(styles.columnItems, className)}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,SAAgB,sBAAsB,EACpC,UACA,WACA,GAAG,QACoB;AACvB,QACE,oBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,aAAa,UAAU;EAC1D;GACG"}

package/dist/components/kanban/column-content.d.ts

@@ -12,15 +12,26 @@
 
 import { KanbanColContentProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime89 from "react/jsx-runtime";
+import * as react_jsx_runtime65 from "react/jsx-runtime";
 
 //#region src/components/kanban/column-content.d.ts
+/**
+ * KanbanColumnContent - Container for cards within a column
+ *
+ * Provides sortable context for card drag-and-drop.
+ *
+ * @param props - {@link KanbanColContentProps}
+ * @param props.children - Card elements.
+ * @param props.className - Optional CSS class name.
+ * @param props.column - Column data for sortable context.
+ * @returns The rendered KanbanColumnContent component.
+ */
 declare function KanbanColumnContent({
   children,
   className,
   column,
   ...rest
-}: KanbanColContentProps): react_jsx_runtime89.JSX.Element;
+}: KanbanColContentProps): react_jsx_runtime65.JSX.Element;
 //#endregion
 export { KanbanColumnContent };
 //# sourceMappingURL=column-content.d.ts.map

package/dist/components/kanban/column-content.js

@@ -20,6 +20,17 @@ import styles from "./styles.module.css";
 import { SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
 
 //#region src/components/kanban/column-content.tsx
+/**
+* KanbanColumnContent - Container for cards within a column
+*
+* Provides sortable context for card drag-and-drop.
+*
+* @param props - {@link KanbanColContentProps}
+* @param props.children - Card elements.
+* @param props.className - Optional CSS class name.
+* @param props.column - Column data for sortable context.
+* @returns The rendered KanbanColumnContent component.
+*/
 function KanbanColumnContent({ children, className, column, ...rest }) {
 	return /* @__PURE__ */ jsx(SortableContext, {
 		items: column.cards.map((card) => card.id),

package/dist/components/kanban/column-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-content.js","names":[],"sources":["../../../src/components/kanban/column-content.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  SortableContext,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport styles from './styles.module.css';\nimport type { KanbanColContentProps } from './types';\n\nexport function KanbanColumnContent({\n  children,\n  className,\n  column,\n  ...rest\n}: KanbanColContentProps) {\n  const cardIds = column.cards.map((card) => card.id);\n\n  return (\n    <SortableContext items={cardIds} strategy={verticalListSortingStrategy}>\n      <div {...rest} className={clsx(styles.columnContent, className)}>\n        {children}\n      </div>\n    </SortableContext>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBA,SAAgB,oBAAoB,EAClC,UACA,WACA,QACA,GAAG,QACqB;AAGxB,QACE,oBAAC;EAAgB,OAHH,OAAO,MAAM,KAAK,SAAS,KAAK,GAAG;EAGhB,UAAU;YACzC,oBAAC;GAAI,GAAI;GAAM,WAAW,KAAK,OAAO,eAAe,UAAU;GAC5D;IACG;GACU"}
+{"version":3,"file":"column-content.js","names":[],"sources":["../../../src/components/kanban/column-content.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  SortableContext,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport styles from './styles.module.css';\nimport type { KanbanColContentProps } from './types';\n\n/**\n * KanbanColumnContent - Container for cards within a column\n *\n * Provides sortable context for card drag-and-drop.\n *\n * @param props - {@link KanbanColContentProps}\n * @param props.children - Card elements.\n * @param props.className - Optional CSS class name.\n * @param props.column - Column data for sortable context.\n * @returns The rendered KanbanColumnContent component.\n */\nexport function KanbanColumnContent({\n  children,\n  className,\n  column,\n  ...rest\n}: KanbanColContentProps) {\n  const cardIds = column.cards.map((card) => card.id);\n\n  return (\n    <SortableContext items={cardIds} strategy={verticalListSortingStrategy}>\n      <div {...rest} className={clsx(styles.columnContent, className)}>\n        {children}\n      </div>\n    </SortableContext>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,SAAgB,oBAAoB,EAClC,UACA,WACA,QACA,GAAG,QACqB;AAGxB,QACE,oBAAC;EAAgB,OAHH,OAAO,MAAM,KAAK,SAAS,KAAK,GAAG;EAGhB,UAAU;YACzC,oBAAC;GAAI,GAAI;GAAM,WAAW,KAAK,OAAO,eAAe,UAAU;GAC5D;IACG;GACU"}

package/dist/components/kanban/column-header-actions.d.ts

@@ -12,15 +12,26 @@
 
 import { KanbanMenuProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime90 from "react/jsx-runtime";
+import * as react_jsx_runtime68 from "react/jsx-runtime";
 
 //#region src/components/kanban/column-header-actions.d.ts
+/**
+ * KanbanColumnHeaderActions - Container for column actions
+ *
+ * Displays card count badge and optional action buttons.
+ *
+ * @param props - {@link KanbanMenuProps}
+ * @param props.className - Optional CSS class name.
+ * @param props.cardCount - Number of cards to display in badge.
+ * @param props.children - Additional action elements.
+ * @returns The rendered KanbanColumnHeaderActions component.
+ */
 declare function KanbanColumnHeaderActions({
   className,
   cardCount,
   children,
   ...rest
-}: KanbanMenuProps): react_jsx_runtime90.JSX.Element;
+}: KanbanMenuProps): react_jsx_runtime68.JSX.Element;
 //#endregion
 export { KanbanColumnHeaderActions };
 //# sourceMappingURL=column-header-actions.d.ts.map

package/dist/components/kanban/column-header-actions.js

@@ -20,6 +20,17 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.css";
 
 //#region src/components/kanban/column-header-actions.tsx
+/**
+* KanbanColumnHeaderActions - Container for column actions
+*
+* Displays card count badge and optional action buttons.
+*
+* @param props - {@link KanbanMenuProps}
+* @param props.className - Optional CSS class name.
+* @param props.cardCount - Number of cards to display in badge.
+* @param props.children - Additional action elements.
+* @returns The rendered KanbanColumnHeaderActions component.
+*/
 function KanbanColumnHeaderActions({ className, cardCount, children, ...rest }) {
 	return /* @__PURE__ */ jsxs("div", {
 		...rest,

package/dist/components/kanban/column-header-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-header-actions.js","names":[],"sources":["../../../src/components/kanban/column-header-actions.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Badge } from '../badge';\nimport styles from './styles.module.css';\nimport type { KanbanMenuProps } from './types';\n\nexport function KanbanColumnHeaderActions({\n  className,\n  cardCount,\n  children,\n  ...rest\n}: KanbanMenuProps) {\n  return (\n    <div {...rest} className={clsx(styles.colHeaderActions, className)}>\n      <Badge>{cardCount ?? 0}</Badge>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBA,SAAgB,0BAA0B,EACxC,WACA,WACA,UACA,GAAG,QACe;AAClB,QACE,qBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,kBAAkB,UAAU;aAChE,oBAAC,mBAAO,aAAa,IAAU,EAC9B;GACG"}
+{"version":3,"file":"column-header-actions.js","names":[],"sources":["../../../src/components/kanban/column-header-actions.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Badge } from '../badge';\nimport styles from './styles.module.css';\nimport type { KanbanMenuProps } from './types';\n\n/**\n * KanbanColumnHeaderActions - Container for column actions\n *\n * Displays card count badge and optional action buttons.\n *\n * @param props - {@link KanbanMenuProps}\n * @param props.className - Optional CSS class name.\n * @param props.cardCount - Number of cards to display in badge.\n * @param props.children - Additional action elements.\n * @returns The rendered KanbanColumnHeaderActions component.\n */\nexport function KanbanColumnHeaderActions({\n  className,\n  cardCount,\n  children,\n  ...rest\n}: KanbanMenuProps) {\n  return (\n    <div {...rest} className={clsx(styles.colHeaderActions, className)}>\n      <Badge>{cardCount ?? 0}</Badge>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,0BAA0B,EACxC,WACA,WACA,UACA,GAAG,QACe;AAClB,QACE,qBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,kBAAkB,UAAU;aAChE,oBAAC,mBAAO,aAAa,IAAU,EAC9B;GACG"}

package/dist/components/kanban/column-header-drag-handle.d.ts

@@ -11,10 +11,15 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime52 from "react/jsx-runtime";
+import * as react_jsx_runtime72 from "react/jsx-runtime";
 
 //#region src/components/kanban/column-header-drag-handle.d.ts
-declare function KanbanColumnHeaderDragHandle(): react_jsx_runtime52.JSX.Element;
+/**
+ * KanbanColumnHeaderDragHandle - Visual indicator for column dragging
+ *
+ * @returns The rendered KanbanColumnHeaderDragHandle component.
+ */
+declare function KanbanColumnHeaderDragHandle(): react_jsx_runtime72.JSX.Element;
 //#endregion
 export { KanbanColumnHeaderDragHandle };
 //# sourceMappingURL=column-header-drag-handle.d.ts.map

package/dist/components/kanban/column-header-drag-handle.js

@@ -16,9 +16,14 @@
 import { Icon } from "../icon/index.js";
 import "client-only";
 import { jsx } from "react/jsx-runtime";
-import { DragVert } from "@accelint/icons";
+import DragVert from "@accelint/icons/drag-vert";
 
 //#region src/components/kanban/column-header-drag-handle.tsx
+/**
+* KanbanColumnHeaderDragHandle - Visual indicator for column dragging
+*
+* @returns The rendered KanbanColumnHeaderDragHandle component.
+*/
 function KanbanColumnHeaderDragHandle() {
 	return /* @__PURE__ */ jsx(Icon, {
 		size: "small",

package/dist/components/kanban/column-header-drag-handle.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-header-drag-handle.js","names":[],"sources":["../../../src/components/kanban/column-header-drag-handle.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\n\nimport { DragVert } from '@accelint/icons';\nimport { Icon } from '../icon';\n\nexport function KanbanColumnHeaderDragHandle() {\n  return (\n    <Icon size='small' aria-label='Drag column'>\n      <DragVert />\n    </Icon>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiBA,SAAgB,+BAA+B;AAC7C,QACE,oBAAC;EAAK,MAAK;EAAQ,cAAW;YAC5B,oBAAC,aAAW;GACP"}
+{"version":3,"file":"column-header-drag-handle.js","names":[],"sources":["../../../src/components/kanban/column-header-drag-handle.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\n\nimport DragVert from '@accelint/icons/drag-vert';\nimport { Icon } from '../icon';\n\n/**\n * KanbanColumnHeaderDragHandle - Visual indicator for column dragging\n *\n * @returns The rendered KanbanColumnHeaderDragHandle component.\n */\nexport function KanbanColumnHeaderDragHandle() {\n  return (\n    <Icon size='small' aria-label='Drag column'>\n      <DragVert />\n    </Icon>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,SAAgB,+BAA+B;AAC7C,QACE,oBAAC;EAAK,MAAK;EAAQ,cAAW;YAC5B,oBAAC,aAAW;GACP"}

package/dist/components/kanban/column-header-title.d.ts

@@ -12,14 +12,22 @@
 
 import { KanbanComponentProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime55 from "react/jsx-runtime";
+import * as react_jsx_runtime70 from "react/jsx-runtime";
 
 //#region src/components/kanban/column-header-title.d.ts
+/**
+ * KanbanColumnHeaderTitle - Title of the column
+ *
+ * @param props - {@link KanbanComponentProps}
+ * @param props.children - Title text content.
+ * @param props.className - Optional CSS class name.
+ * @returns The rendered KanbanColumnHeaderTitle component.
+ */
 declare function KanbanColumnHeaderTitle({
   children,
   className,
   ...rest
-}: KanbanComponentProps): react_jsx_runtime55.JSX.Element;
+}: KanbanComponentProps): react_jsx_runtime70.JSX.Element;
 //#endregion
 export { KanbanColumnHeaderTitle };
 //# sourceMappingURL=column-header-title.d.ts.map

package/dist/components/kanban/column-header-title.js

@@ -19,6 +19,14 @@ import { jsx } from "react/jsx-runtime";
 import styles from "./styles.module.css";
 
 //#region src/components/kanban/column-header-title.tsx
+/**
+* KanbanColumnHeaderTitle - Title of the column
+*
+* @param props - {@link KanbanComponentProps}
+* @param props.children - Title text content.
+* @param props.className - Optional CSS class name.
+* @returns The rendered KanbanColumnHeaderTitle component.
+*/
 function KanbanColumnHeaderTitle({ children, className, ...rest }) {
 	return /* @__PURE__ */ jsx("span", {
 		...rest,

package/dist/components/kanban/column-header-title.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-header-title.js","names":[],"sources":["../../../src/components/kanban/column-header-title.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport styles from './styles.module.css';\nimport type { KanbanComponentProps } from './types';\n\nexport function KanbanColumnHeaderTitle({\n  children,\n  className,\n  ...rest\n}: KanbanComponentProps) {\n  return (\n    <span {...rest} className={clsx(styles.columnTitle, className)}>\n      {children}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkBA,SAAgB,wBAAwB,EACtC,UACA,WACA,GAAG,QACoB;AACvB,QACE,oBAAC;EAAK,GAAI;EAAM,WAAW,KAAK,OAAO,aAAa,UAAU;EAC3D;GACI"}
+{"version":3,"file":"column-header-title.js","names":[],"sources":["../../../src/components/kanban/column-header-title.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport styles from './styles.module.css';\nimport type { KanbanComponentProps } from './types';\n\n/**\n * KanbanColumnHeaderTitle - Title of the column\n *\n * @param props - {@link KanbanComponentProps}\n * @param props.children - Title text content.\n * @param props.className - Optional CSS class name.\n * @returns The rendered KanbanColumnHeaderTitle component.\n */\nexport function KanbanColumnHeaderTitle({\n  children,\n  className,\n  ...rest\n}: KanbanComponentProps) {\n  return (\n    <span {...rest} className={clsx(styles.columnTitle, className)}>\n      {children}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,SAAgB,wBAAwB,EACtC,UACA,WACA,GAAG,QACoB;AACvB,QACE,oBAAC;EAAK,GAAI;EAAM,WAAW,KAAK,OAAO,aAAa,UAAU;EAC3D;GACI"}

package/dist/components/kanban/column-header.d.ts

@@ -12,14 +12,24 @@
 
 import { KanbanComponentProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime57 from "react/jsx-runtime";
+import * as react_jsx_runtime74 from "react/jsx-runtime";
 
 //#region src/components/kanban/column-header.d.ts
+/**
+ * KanbanColumnHeader - Header section of a column
+ *
+ * Contains title, drag handle, and actions.
+ *
+ * @param props - {@link KanbanComponentProps}
+ * @param props.children - Header content (title, actions, drag handle).
+ * @param props.className - Optional CSS class name.
+ * @returns The rendered KanbanColumnHeader component.
+ */
 declare function KanbanColumnHeader({
   children,
   className,
   ...rest
-}: KanbanComponentProps): react_jsx_runtime57.JSX.Element;
+}: KanbanComponentProps): react_jsx_runtime74.JSX.Element;
 //#endregion
 export { KanbanColumnHeader };
 //# sourceMappingURL=column-header.d.ts.map

package/dist/components/kanban/column-header.js

@@ -19,6 +19,16 @@ import { jsx } from "react/jsx-runtime";
 import styles from "./styles.module.css";
 
 //#region src/components/kanban/column-header.tsx
+/**
+* KanbanColumnHeader - Header section of a column
+*
+* Contains title, drag handle, and actions.
+*
+* @param props - {@link KanbanComponentProps}
+* @param props.children - Header content (title, actions, drag handle).
+* @param props.className - Optional CSS class name.
+* @returns The rendered KanbanColumnHeader component.
+*/
 function KanbanColumnHeader({ children, className, ...rest }) {
 	return /* @__PURE__ */ jsx("div", {
 		...rest,

package/dist/components/kanban/column-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-header.js","names":[],"sources":["../../../src/components/kanban/column-header.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport styles from './styles.module.css';\nimport type { KanbanComponentProps } from './types';\n\nexport function KanbanColumnHeader({\n  children,\n  className,\n  ...rest\n}: KanbanComponentProps) {\n  return (\n    <div {...rest} className={clsx(styles.columnHeader, className)}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAkBA,SAAgB,mBAAmB,EACjC,UACA,WACA,GAAG,QACoB;AACvB,QACE,oBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,cAAc,UAAU;EAC3D;GACG"}
+{"version":3,"file":"column-header.js","names":[],"sources":["../../../src/components/kanban/column-header.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport styles from './styles.module.css';\nimport type { KanbanComponentProps } from './types';\n\n/**\n * KanbanColumnHeader - Header section of a column\n *\n * Contains title, drag handle, and actions.\n *\n * @param props - {@link KanbanComponentProps}\n * @param props.children - Header content (title, actions, drag handle).\n * @param props.className - Optional CSS class name.\n * @returns The rendered KanbanColumnHeader component.\n */\nexport function KanbanColumnHeader({\n  children,\n  className,\n  ...rest\n}: KanbanComponentProps) {\n  return (\n    <div {...rest} className={clsx(styles.columnHeader, className)}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,SAAgB,mBAAmB,EACjC,UACA,WACA,GAAG,QACoB;AACvB,QACE,oBAAC;EAAI,GAAI;EAAM,WAAW,KAAK,OAAO,cAAc,UAAU;EAC3D;GACG"}

package/dist/components/kanban/column.d.ts

@@ -12,15 +12,35 @@
 
 import { KanbanColProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime62 from "react/jsx-runtime";
+import * as react_jsx_runtime81 from "react/jsx-runtime";
 
 //#region src/components/kanban/column.d.ts
+
+/**
+ * KanbanColumn - Individual column that contains cards
+ *
+ * Handles drop target highlighting and card positioning.
+ *
+ * @param props - {@link KanbanColProps}
+ * @param props.children - Column content (header, cards).
+ * @param props.className - Optional CSS class name.
+ * @param props.column - Column data.
+ * @returns The rendered KanbanColumn component.
+ *
+ * @example
+ * ```tsx
+ * <KanbanColumn column={columnData}>
+ *   <KanbanColumnHeader>...</KanbanColumnHeader>
+ *   <KanbanColumnContent column={columnData}>...</KanbanColumnContent>
+ * </KanbanColumn>
+ * ```
+ */
 declare function KanbanColumn({
   children,
   className,
   column,
   ...rest
-}: KanbanColProps): react_jsx_runtime62.JSX.Element;
+}: KanbanColProps): react_jsx_runtime81.JSX.Element;
 //#endregion
 export { KanbanColumn };
 //# sourceMappingURL=column.d.ts.map

package/dist/components/kanban/column.js

@@ -20,6 +20,25 @@ import { jsx } from "react/jsx-runtime";
 import styles from "./styles.module.css";
 
 //#region src/components/kanban/column.tsx
+/**
+* KanbanColumn - Individual column that contains cards
+*
+* Handles drop target highlighting and card positioning.
+*
+* @param props - {@link KanbanColProps}
+* @param props.children - Column content (header, cards).
+* @param props.className - Optional CSS class name.
+* @param props.column - Column data.
+* @returns The rendered KanbanColumn component.
+*
+* @example
+* ```tsx
+* <KanbanColumn column={columnData}>
+*   <KanbanColumnHeader>...</KanbanColumnHeader>
+*   <KanbanColumnContent column={columnData}>...</KanbanColumnContent>
+* </KanbanColumn>
+* ```
+*/
 function KanbanColumn({ children, className, column, ...rest }) {
 	const { ref, isActive, isHighlighted } = useColumnInteractions(column);
 	return /* @__PURE__ */ jsx("ol", {

package/dist/components/kanban/column.js.map

@@ -1 +1 @@
-{"version":3,"file":"column.js","names":[],"sources":["../../../src/components/kanban/column.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useColumnInteractions } from '../../hooks/kanban';\nimport styles from './styles.module.css';\nimport type { KanbanColProps } from './types';\n\nexport function KanbanColumn({\n  children,\n  className,\n  column,\n  ...rest\n}: KanbanColProps) {\n  const { ref, isActive, isHighlighted } = useColumnInteractions(column);\n\n  return (\n    <ol\n      {...rest}\n      data-focus-visible={isHighlighted || undefined}\n      data-drop-target={isActive || undefined}\n      className={clsx(styles.column, className)}\n      ref={ref}\n    >\n      {children}\n    </ol>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBA,SAAgB,aAAa,EAC3B,UACA,WACA,QACA,GAAG,QACc;CACjB,MAAM,EAAE,KAAK,UAAU,kBAAkB,sBAAsB,OAAO;AAEtE,QACE,oBAAC;EACC,GAAI;EACJ,sBAAoB,iBAAiB;EACrC,oBAAkB,YAAY;EAC9B,WAAW,KAAK,OAAO,QAAQ,UAAU;EACpC;EAEJ;GACE"}
+{"version":3,"file":"column.js","names":[],"sources":["../../../src/components/kanban/column.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport 'client-only';\n\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useColumnInteractions } from '../../hooks/kanban';\nimport styles from './styles.module.css';\nimport type { KanbanColProps } from './types';\n\n/**\n * KanbanColumn - Individual column that contains cards\n *\n * Handles drop target highlighting and card positioning.\n *\n * @param props - {@link KanbanColProps}\n * @param props.children - Column content (header, cards).\n * @param props.className - Optional CSS class name.\n * @param props.column - Column data.\n * @returns The rendered KanbanColumn component.\n *\n * @example\n * ```tsx\n * <KanbanColumn column={columnData}>\n *   <KanbanColumnHeader>...</KanbanColumnHeader>\n *   <KanbanColumnContent column={columnData}>...</KanbanColumnContent>\n * </KanbanColumn>\n * ```\n */\nexport function KanbanColumn({\n  children,\n  className,\n  column,\n  ...rest\n}: KanbanColProps) {\n  const { ref, isActive, isHighlighted } = useColumnInteractions(column);\n\n  return (\n    <ol\n      {...rest}\n      data-focus-visible={isHighlighted || undefined}\n      data-drop-target={isActive || undefined}\n      className={clsx(styles.column, className)}\n      ref={ref}\n    >\n      {children}\n    </ol>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,SAAgB,aAAa,EAC3B,UACA,WACA,QACA,GAAG,QACc;CACjB,MAAM,EAAE,KAAK,UAAU,kBAAkB,sBAAsB,OAAO;AAEtE,QACE,oBAAC;EACC,GAAI;EACJ,sBAAoB,iBAAiB;EACrC,oBAAkB,YAAY;EAC9B,WAAW,KAAK,OAAO,QAAQ,UAAU;EACpC;EAEJ;GACE"}