@accelint/design-toolkit 7.0.1 → 8.1.0

package/dist/components/input/styles.module.css

@@ -0,0 +1,175 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .container {
+    --length: attr(data-length type(<number>), 0);
+    @apply gap-xs rounded-medium px-s py-xs font-display outline-interactive grid items-center outline;
+    grid-template-areas: 'input clear';
+
+    @variant size-medium {
+      @apply text-body-s;
+    }
+
+    @variant size-small {
+      @apply text-body-xs;
+    }
+
+    @variant hover {
+      @apply outline-interactive-hover;
+    }
+
+    @variant focus-visible-within {
+      @apply outline-accent-primary-bold;
+    }
+
+    @variant pressed {
+      @apply outline-interactive-pressed;
+    }
+
+    @variant invalid {
+      @apply outline-serious-bold;
+    }
+
+    @variant disabled {
+      @apply fg-disabled outline-interactive-disabled cursor-not-allowed;
+    }
+
+    &.hasPrefix {
+      grid-template-areas: 'prefix input';
+    }
+
+    &.hasSuffix {
+      grid-template-areas: 'input suffix';
+    }
+
+    &.hasPrefix.hasSuffix {
+      grid-template-areas: 'prefix input suffix';
+    }
+
+    &.isClearable {
+      &.hasPrefix {
+        grid-template-areas: 'prefix input clear';
+      }
+
+      &.hasSuffix {
+        grid-template-areas: 'input suffix-1 suffix-2';
+      }
+
+      &.hasPrefix.hasSuffix {
+        grid-template-areas: 'prefix input suffix-1 suffix-2';
+      }
+    }
+  }
+
+  .prefix {
+    grid-area: prefix;
+  }
+
+  .sizer {
+    grid-area: input;
+
+    &:has([type='color']),
+    &:has([type='date']),
+    &:has([type='datetime-local']),
+    &:has([type='email']),
+    &:has([type='number']),
+    &:has([type='password']),
+    &:has([type='search']),
+    &:has([type='tel']),
+    &:has([type='text']),
+    &:has([type='time']),
+    &:has([type='url']) {
+      @variant group-size-medium/input {
+        min-width: 160px;
+        max-width: 400px;
+      }
+
+      @variant group-size-small/input {
+        min-width: 80px;
+        max-width: 200px;
+      }
+    }
+
+    &:has([type='number']),
+    &:has([type='text']) {
+      &.autoSize {
+        @variant group-size-medium/input {
+          width: calc(
+            (var(--length) * 1ch) +
+              ((var(--length) - 1) * var(--typography-body-s-spacing))
+          );
+        }
+
+        @variant group-size-small/input {
+          min-width: calc(
+            2ch + ((var(--length) - 1) * var(--typography-body-xs-spacing))
+          );
+          width: calc(
+            (var(--length) * 1ch) +
+              ((var(--length) - 1) * var(--typography-body-xs-spacing))
+          );
+        }
+      }
+    }
+  }
+
+  .input {
+    @apply w-full outline-none;
+
+    &[type='number'] {
+      appearance: textfield;
+
+      &::-webkit-inner-spin-button,
+      &::-webkit-outer-spin-button {
+        appearance: none;
+      }
+    }
+  }
+
+  .suffix {
+    grid-area: suffix;
+
+    &.hasSuffix.isClearable {
+      grid-area: suffix-2;
+
+      @variant group-focus-within/input {
+        @variant group-not-data-empty/input {
+          grid-area: suffix-1;
+        }
+      }
+    }
+  }
+
+  .clear {
+    @apply -my-xs -mr-s invisible;
+    grid-area: clear;
+
+    @variant group-focus-within/input {
+      @variant group-not-data-empty/input {
+        @apply visible;
+      }
+    }
+
+    &.hasSuffix.isClearable {
+      grid-area: suffix-1;
+
+      @variant group-focus-within/input {
+        @variant group-not-data-empty/input {
+          grid-area: suffix-2;
+        }
+      }
+    }
+  }
+}

package/dist/components/input/types.d.ts

@@ -1,20 +1,21 @@
-import { RefAttributes } from 'react';
+import { RefAttributes, ReactNode } from 'react';
 import { InputProps as InputProps$1 } from 'react-aria-components';
-import { VariantProps } from 'tailwind-variants';
 import { ButtonProps } from '../button/types.js';
-import { InputStyles } from './styles.js';
 import '../../lib/types.js';
-import '../button/styles.js';
-import 'tailwind-merge';
 
-type InputProps = Omit<InputProps$1, 'className' | 'size' | 'type'> & RefAttributes<HTMLInputElement> & Omit<VariantProps<typeof InputStyles>, 'isEmpty'> & {
+type InputProps = Omit<InputProps$1, 'className' | 'size'> & RefAttributes<HTMLInputElement> & {
     classNames?: {
         container?: string;
         sizer?: string;
         input?: InputProps$1['className'];
         clear?: ButtonProps['className'];
+        prefix?: string;
+        suffix?: string;
     };
+    autoSize?: boolean;
+    prefix?: ReactNode;
     size?: 'medium' | 'small';
+    suffix?: ReactNode;
     isClearable?: boolean;
     isInvalid?: boolean;
 };

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { KanbanComponentProps } from './types.js';
+import 'react';
+import '../search-field/types.js';
+import 'react-aria-components';
+import '../button/types.js';
+import '../../lib/types.js';
+import '../icon/types.js';
+
+declare function KanbanCardBody({ children, className, ...rest }: KanbanComponentProps): react_jsx_runtime.JSX.Element;
+
+export { KanbanCardBody };

package/dist/components/kanban/card-body.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import t from'./styles.module.css';function i({children:o,className:n,...r}){return jsx("div",{...r,className:clsx(t.cardBody,n),children:o})}export{i as KanbanCardBody};//# sourceMappingURL=card-body.js.map
+//# sourceMappingURL=card-body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/kanban/card-body.tsx"],"names":["KanbanCardBody","children","className","jsx","rest","clsx","styles"],"mappings":"oJAkBO,SAASA,CAAe,CAC7B,SAAAC,CAAAA,CACA,CAAA,SAAAC,CAAAA,CACA,CAAA,GACF,CAAA,CAAyB,CACvB,CAAA,OACEC,GAAC,OAAK,CAAA,GAAGC,CAAM,CAAA,SAAWC,CAAAA,IAAKC,EAAO,CAAA,QAAUJ,CAAS,CAAA,CACtD,CAAA,QAAAD,EACH,CAEJ,CAAA","file":"card-body.js","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 KanbanCardBody({\n  children,\n  className,\n  ...rest\n}: KanbanComponentProps) {\n  return (\n    <div {...rest} className={clsx(styles.cardBody, className)}>\n      {children}\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { KanbanComponentProps } from './types.js';
+import 'react';
+import '../search-field/types.js';
+import 'react-aria-components';
+import '../button/types.js';
+import '../../lib/types.js';
+import '../icon/types.js';
+
+declare function KanbanCardHeaderActions({ children, className, ...rest }: KanbanComponentProps): react_jsx_runtime.JSX.Element;
+
+export { KanbanCardHeaderActions };

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

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import e from'./styles.module.css';function m({children:o,className:n,...r}){return jsx("div",{...r,className:clsx(e.cardHeaderActions,n),children:o})}export{m as KanbanCardHeaderActions};//# sourceMappingURL=card-header-actions.js.map
+//# sourceMappingURL=card-header-actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/kanban/card-header-actions.tsx"],"names":["KanbanCardHeaderActions","children","className","jsx","rest","clsx","styles"],"mappings":"oJAkBO,SAASA,CAAwB,CACtC,SAAAC,CAAAA,CACA,CAAA,SAAAC,CAAAA,CACA,CAAA,GACF,CAAA,CAAyB,CACvB,CAAA,OACEC,GAAC,OAAK,CAAA,GAAGC,CAAM,CAAA,SAAWC,CAAAA,IAAKC,EAAO,CAAA,iBAAmBJ,CAAS,CAAA,CAC/D,CAAA,QAAAD,EACH,CAEJ,CAAA","file":"card-header-actions.js","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 KanbanCardHeaderActions({\n  children,\n  className,\n  ...rest\n}: KanbanComponentProps) {\n  return (\n    <div {...rest} className={clsx(styles.cardHeaderActions, className)}>\n      {children}\n    </div>\n  );\n}\n"]}

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { KanbanComponentProps } from './types.js';
+import 'react';
+import '../search-field/types.js';
+import 'react-aria-components';
+import '../button/types.js';
+import '../../lib/types.js';
+import '../icon/types.js';
+
+declare function KanbanCardHeaderTitle({ className, children, ...rest }: KanbanComponentProps): react_jsx_runtime.JSX.Element;
+
+export { KanbanCardHeaderTitle };

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

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import t from'./styles.module.css';function i({className:n,children:o,...p}){return jsx("span",{...p,className:clsx(t.cardTitle,n),children:o})}export{i as KanbanCardHeaderTitle};//# sourceMappingURL=card-header-title.js.map
+//# sourceMappingURL=card-header-title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/kanban/card-header-title.tsx"],"names":["KanbanCardHeaderTitle","className","children","jsx","rest","clsx","styles"],"mappings":"oJAkBO,SAASA,CAAsB,CACpC,UAAAC,CAAAA,CACA,CAAA,QAAAC,CAAAA,CACA,CAAA,GACF,CAAA,CAAyB,CACvB,CAAA,OACEC,GAAC,QAAM,CAAA,GAAGC,CAAM,CAAA,SAAWC,CAAAA,IAAKC,EAAO,CAAA,SAAWL,CAAS,CAAA,CACxD,CAAA,QAAAC,EACH,CAEJ,CAAA","file":"card-header-title.js","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 KanbanCardHeaderTitle({\n  className,\n  children,\n  ...rest\n}: KanbanComponentProps) {\n  return (\n    <span {...rest} className={clsx(styles.cardTitle, className)}>\n      {children}\n    </span>\n  );\n}\n"]}

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { KanbanComponentProps } from './types.js';
+import 'react';
+import '../search-field/types.js';
+import 'react-aria-components';
+import '../button/types.js';
+import '../../lib/types.js';
+import '../icon/types.js';
+
+declare function KanbanCardHeader({ className, children, ...rest }: KanbanComponentProps): react_jsx_runtime.JSX.Element;
+
+export { KanbanCardHeader };

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

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {KanbanHeader}from'./header.js';import p from'./styles.module.css';function b({className:r,children:a,...n}){return jsx(KanbanHeader,{...n,className:clsx(p.cardHeader,r),children:a})}export{b as KanbanCardHeader};//# sourceMappingURL=card-header.js.map
+//# sourceMappingURL=card-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/kanban/card-header.tsx"],"names":["rest","t","e","o"],"mappings":"2LAmBO,SACL,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,SACGA,CACL,CAAA,GACE,CAAA,CAAA,CAAA,CAAA,OACiBC,GAAA,CAAAC,YAAGF,CAAAA,CAAM,GAAA,CAAA,CAAA,SAAuB,CAAAG,IAAA,CAAA,CAAA,CAAA,UAC5C,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"card-header.js","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 { KanbanHeader } from './header';\nimport styles from './styles.module.css';\nimport type { KanbanComponentProps } from './types';\n\nexport function KanbanCardHeader({\n  className,\n  children,\n  ...rest\n}: KanbanComponentProps) {\n  return (\n    <KanbanHeader {...rest} className={clsx(styles.cardHeader, className)}>\n      {children}\n    </KanbanHeader>\n  );\n}\n"]}

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { KanbanCardProps } from './types.js';
+import 'react';
+import '../search-field/types.js';
+import 'react-aria-components';
+import '../button/types.js';
+import '../../lib/types.js';
+import '../icon/types.js';
+
+declare function KanbanCard({ className, children, card, isActive, ...rest }: KanbanCardProps): react_jsx_runtime.JSX.Element;
+
+export { KanbanCard };

package/dist/components/kanban/card.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsxs,jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useCardInteractions}from'../../hooks/kanban/index.js';import {Divider}from'../divider/index.js';import {useDragContext}from'./kanban.js';import r from'./styles.module.css';function I({className:n,children:d,card:a,isActive:m,...c}){const{isDragging:l,closestEdge:e,ref:p,style:f,attributes:u,listeners:g}=useCardInteractions(a),{activeId:i}=useDragContext(),o=i&&i!==a.id&&e;return jsxs("li",{className:r.cardContainerOuter,ref:p,style:f,children:[o&&e==="top"&&jsx(Divider,{className:r.divider}),jsx("div",{"data-dragging":l||void 0,"data-current":m||void 0,className:clsx(r.card,n),...u,...g,...c,children:d}),o&&e==="bottom"&&jsx(Divider,{className:r.divider})]})}export{I as KanbanCard};//# sourceMappingURL=card.js.map
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/kanban/card.tsx"],"names":["children","isDragging","closestEdge","attributes","listeners","showPlaceholder","activeId","card","b","jsxs","styles","y","ref","jsx","t","isActive","rest","Divider"],"mappings":"0SAuBE,SAAAA,CACA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,QAEF,CAAA,CAAoB,CAClB,IAAA,CAAM,CAAE,CAAA,QAAA,CAAA,CAAAC,CAAAA,GAAY,CAAA,CAAA,CAAA,CAAA,KAAA,CAAAC,UAAkB,CAAA,CAAA,CAAA,WAAO,CAAA,CAAA,CAAAC,GAAY,CAAA,CAAA,CAAA,KAAA,CAAAC,CAAU,CAAA,UAE3D,CAAA,CAAA,CAAA,SAA4B,CAG9BC,CAAAA,CAAkBC,CAAAA,mBAAAA,CAAYA,CAAAA,CAAAA,CAAAA,CAAaC,QAEjD,CAAA,CAAA,CAAA,CAAAC,cAAA,EACEC,CAAAA,CAAC,CAAA,CAAA,EAAA,CAAA,GAAG,CAAA,CAAA,EAAA,EAAA,CAAA,CAAWC,OAAOC,IAAA,CAAA,IAAA,CAAA,CAAA,SAAoB,CAAKC,CAAAA,CAAK,kBACjDP,CAAAA,GAAmBH,CAAAA,CAAAA,CAAgB,KAAA,CAAA,CAClCW,CAAAA,QAAS,CAAA,CAAA,CAAA,EAAA,CAAWH,GAAO,KAAA,EAASI,GAAA,CAGtCD,OAAAA,CAAC,CAAA,SACC,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAeZ,GAAAA,CAAAA,KAAc,CAAA,CAAA,eAC7B,CAAcc,CAAAA,EAAY,MAAA,CAC1B,cAAuB,CAAA,CAAA,EAAA,MACtB,CAAGZ,SAEH,CAAGa,IAAAA,CAEH,CAAA,CAAA,IAAA,CAAA,CAAA,CAAAhB,CAAAA,GAGFK,CAAAA,CAAAA,GAAmBH,CAAAA,CAAgB,GAAA,CAAA,CAAA,QACjCe,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,GAAWP,QAAO,EAASI,WAExC,CAEJ,CAAA,SAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"card.js","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"]}

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { KanbanColContentActionProps } from './types.js';
+import 'react';
+import '../search-field/types.js';
+import 'react-aria-components';
+import '../button/types.js';
+import '../../lib/types.js';
+import '../icon/types.js';
+
+declare function KanbanColumnActions({ className, onAddCard, ...rest }: KanbanColContentActionProps): react_jsx_runtime.JSX.Element;
+
+export { KanbanColumnActions };

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

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {Add}from'@accelint/icons';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import e from'./styles.module.css';function A({className:t,onAddCard:r,...n}){return jsx("div",{...n,className:clsx(e.columnHeader,t),children:jsxs(Button,{variant:"flat",onPress:r,...n,children:[jsx(Icon,{children:jsx(Add,{})}),"Add Card"]})})}export{A as KanbanColumnActions};//# sourceMappingURL=column-actions.js.map
+//# sourceMappingURL=column-actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/kanban/column-actions.tsx"],"names":["rest","o","m","s","a","Icon","p"],"mappings":"uQAsBE,SACA,CAAA,CAAA,CAAA,SAE8B,CAC9B,CAAA,CAAA,SACG,CAAA,CAAA,CAAA,GAAK,CAAA,CAAGA,EAAM,OAAAC,GAAA,CAAA,KAAuB,CAAA,CAAA,GAAA,CAAA,CAAA,SACpC,CAAAC,IAAA,CAAA,CAAA,CAAA,YAAQ,CAAA,CAAA,CAAA,CAAA,QAAe,CAAAC,IAAA,CAAAC,MAAA,CAAA,CAAA,OAAwBJ,CAAAA,MAC7C,CAAA,OAACK,CAAA,CACC,CAAA,GAAA,CAAA,CAAA,QAAC,CAAI,CAAAJ,GACP,CAAAK,IAAO,CAAA,CAAA,QAAA,CAAAL,GAET,IACF,CAEJ,EAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"column-actions.js","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"]}

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { KanbanComponentProps } from './types.js';
+import 'react';
+import '../search-field/types.js';
+import 'react-aria-components';
+import '../button/types.js';
+import '../../lib/types.js';
+import '../icon/types.js';
+
+declare function KanbanColumnContainer({ children, className, ...rest }: KanbanComponentProps): react_jsx_runtime.JSX.Element;
+
+export { KanbanColumnContainer };

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

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import p from'./styles.module.css';function i({children:o,className:n,...t}){return jsx("div",{...t,className:clsx(p.columnItems,n),children:o})}export{i as KanbanColumnContainer};//# sourceMappingURL=column-container.js.map
+//# sourceMappingURL=column-container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/kanban/column-container.tsx"],"names":["KanbanColumnContainer","children","className","jsx","rest","clsx","styles"],"mappings":"oJAkBO,SAASA,CAAsB,CACpC,SAAAC,CAAAA,CACA,CAAA,SAAAC,CAAAA,CACA,CAAA,GACF,CAAA,CAAyB,CACvB,CAAA,OACEC,GAAC,OAAK,CAAA,GAAGC,CAAM,CAAA,SAAWC,CAAAA,IAAKC,EAAO,CAAA,WAAaJ,CAAS,CAAA,CACzD,CAAA,QAAAD,EACH,CAEJ,CAAA","file":"column-container.js","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"]}

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { KanbanColContentProps } from './types.js';
+import 'react';
+import '../search-field/types.js';
+import 'react-aria-components';
+import '../button/types.js';
+import '../../lib/types.js';
+import '../icon/types.js';
+
+declare function KanbanColumnContent({ children, className, column, ...rest }: KanbanColContentProps): react_jsx_runtime.JSX.Element;
+
+export { KanbanColumnContent };

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

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {SortableContext,verticalListSortingStrategy}from'@dnd-kit/sortable';import p from'./styles.module.css';function f({children:o,className:n,column:r,...e}){const a=r.cards.map(s=>s.id);return jsx(SortableContext,{items:a,strategy:verticalListSortingStrategy,children:jsx("div",{...e,className:clsx(p.columnContent,n),children:o})})}export{f as KanbanColumnContent};//# sourceMappingURL=column-content.js.map
+//# sourceMappingURL=column-content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/kanban/column-content.tsx"],"names":["KanbanColumnContent","children","className","column","cardIds","card","jsx","SortableContext","verticalListSortingStrategy","rest","clsx","styles"],"mappings":"gOAsBO,SAASA,CAAoB,CAClC,CAAA,QAAAC,CAAAA,CACA,CAAA,SAAAC,CAAAA,CACA,CAAA,MAAAC,CAAAA,CACA,CAAA,GACF,CAAA,CAA0B,CACxB,CAAA,MAAMC,CAAUD,CAAAA,CAAO,CAAA,KAAM,CAAA,GAAKE,CAAAA,CAAAA,EAASA,CAAK,CAAA,EAAE,CAElD,CAAA,OACEC,GAACC,CAAAA,eAAA,CAAgB,CAAA,KAAOH,CAAAA,CAAS,CAAA,QAAUI,CAAAA,2BACzC,CAAA,QAAAF,CAAAA,GAAC,CAAA,KAAA,CAAK,CAAA,GAAGG,CAAM,CAAA,SAAWC,CAAAA,IAAKC,CAAAA,CAAO,CAAA,aAAeT,CAAS,CAAA,CAC3D,CAAA,QAAAD,CAAAA,CACH,EACF,CAEJ,CAAA","file":"column-content.js","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"]}

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { KanbanMenuProps } from './types.js';
+import 'react';
+import '../search-field/types.js';
+import 'react-aria-components';
+import '../button/types.js';
+import '../../lib/types.js';
+import '../icon/types.js';
+
+declare function KanbanColumnHeaderActions({ className, cardCount, children, ...rest }: KanbanMenuProps): react_jsx_runtime.JSX.Element;
+
+export { KanbanColumnHeaderActions };

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

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsxs,jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {Badge}from'../badge/index.js';import i from'./styles.module.css';function f({className:o,cardCount:e,children:n,...r}){return jsxs("div",{...r,className:clsx(i.colHeaderActions,o),children:[jsx(Badge,{children:e??0}),n]})}export{f as KanbanColumnHeaderActions};//# sourceMappingURL=column-header-actions.js.map
+//# sourceMappingURL=column-header-actions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/kanban/column-header-actions.tsx"],"names":["className","cardCount","children","jsxs","p","rest","clsx","jsx"],"mappings":"+LAmB0C,SACxC,CAAA,CAAAA,CAAAA,SACA,CAAA,CAAAC,CAAAA,UACAC,CAAAA,CACA,QAEA,CAAA,CAAA,CAAA,GACEC,EAAC,CAAA,CAAA,OAAKC,IAAGC,CAAAA,KAAM,CAAA,CAAA,GAAA,CAAWC,CAAAA,iCACxB,CAAA,CAAA,CAAAC,CAAAA,mBAAQN,CAAAA,CAAAA,QAEV,CAEJ,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"column-header-actions.js","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"]}

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

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function KanbanColumnHeaderDragHandle(): react_jsx_runtime.JSX.Element;
+
+export { KanbanColumnHeaderDragHandle };

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

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {DragVert}from'@accelint/icons';import {Icon}from'../icon/index.js';function m(){return jsx(Icon,{size:"small","aria-label":"Drag column",children:jsx(DragVert,{})})}export{m as KanbanColumnHeaderDragHandle};//# sourceMappingURL=column-header-drag-handle.js.map
+//# sourceMappingURL=column-header-drag-handle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/kanban/column-header-drag-handle.tsx"],"names":["KanbanColumnHeaderDragHandle","jsx","Icon","r","a","o"],"mappings":"mIAiBgBA,SACd,CACEC,EAACC,CAAAA,OAAUC,GAAA,CAAAC,IAAA,CAAA,CAAA,IAAQ,CAAA,OAAA,CAAA,YAAW,CAAA,aAC5BH,CAAAA,QAGN,CAAAE,GAAA,CAAAE,QAAA,CAAA,EAAA,CAAA,CAAA,CAAA","file":"column-header-drag-handle.js","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"]}

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { KanbanComponentProps } from './types.js';
+import 'react';
+import '../search-field/types.js';
+import 'react-aria-components';
+import '../button/types.js';
+import '../../lib/types.js';
+import '../icon/types.js';
+
+declare function KanbanColumnHeaderTitle({ children, className, ...rest }: KanbanComponentProps): react_jsx_runtime.JSX.Element;
+
+export { KanbanColumnHeaderTitle };

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

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import e from'./styles.module.css';function l({children:n,className:o,...p}){return jsx("span",{...p,className:clsx(e.columnTitle,o),children:n})}export{l as KanbanColumnHeaderTitle};//# sourceMappingURL=column-header-title.js.map
+//# sourceMappingURL=column-header-title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/kanban/column-header-title.tsx"],"names":["KanbanColumnHeaderTitle","children","className","jsx","rest","clsx","styles"],"mappings":"oJAkBO,SAASA,CAAwB,CACtC,SAAAC,CAAAA,CACA,CAAA,SAAAC,CAAAA,CACA,CAAA,GACF,CAAA,CAAyB,CACvB,CAAA,OACEC,GAAC,QAAM,CAAA,GAAGC,CAAM,CAAA,SAAWC,CAAAA,IAAKC,EAAO,CAAA,WAAaJ,CAAS,CAAA,CAC1D,CAAA,QAAAD,EACH,CAEJ,CAAA","file":"column-header-title.js","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"]}

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { KanbanComponentProps } from './types.js';
+import 'react';
+import '../search-field/types.js';
+import 'react-aria-components';
+import '../button/types.js';
+import '../../lib/types.js';
+import '../icon/types.js';
+
+declare function KanbanColumnHeader({ children, className, ...rest }: KanbanComponentProps): react_jsx_runtime.JSX.Element;
+
+export { KanbanColumnHeader };

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

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import m from'./styles.module.css';function i({children:o,className:n,...e}){return jsx("div",{...e,className:clsx(m.columnHeader,n),children:o})}export{i as KanbanColumnHeader};//# sourceMappingURL=column-header.js.map
+//# sourceMappingURL=column-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/kanban/column-header.tsx"],"names":["KanbanColumnHeader","children","className","jsx","rest","clsx","styles"],"mappings":"oJAkBO,SAASA,CAAmB,CACjC,SAAAC,CAAAA,CACA,CAAA,SAAAC,CAAAA,CACA,CAAA,GACF,CAAA,CAAyB,CACvB,CAAA,OACEC,GAAC,OAAK,CAAA,GAAGC,CAAM,CAAA,SAAWC,CAAAA,IAAKC,EAAO,CAAA,YAAcJ,CAAS,CAAA,CAC1D,CAAA,QAAAD,EACH,CAEJ,CAAA","file":"column-header.js","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"]}

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { KanbanColProps } from './types.js';
+import 'react';
+import '../search-field/types.js';
+import 'react-aria-components';
+import '../button/types.js';
+import '../../lib/types.js';
+import '../icon/types.js';
+
+declare function KanbanColumn({ children, className, column, ...rest }: KanbanColProps): react_jsx_runtime.JSX.Element;
+
+export { KanbanColumn };

package/dist/components/kanban/column.js

@@ -0,0 +1,4 @@
+'use client';
+
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useColumnInteractions}from'../../hooks/kanban/index.js';import m from'./styles.module.css';function b({children:o,className:n,column:t,...e}){const{ref:r,isActive:i,isHighlighted:s}=useColumnInteractions(t);return jsx("ol",{...e,"data-focus-visible":s||void 0,"data-drop-target":i||void 0,className:clsx(m.column,n),ref:r,children:o})}export{b as KanbanColumn};//# sourceMappingURL=column.js.map
+//# sourceMappingURL=column.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/kanban/column.tsx"],"names":["children","className","column","ref","isActive","l","jsx","rest","clsx"],"mappings":"oNAmB6B,SAC3B,CAAAA,CAAAA,CACA,QAAA,CAAA,CAAAC,CAAAA,SACAC,CACA,CAAA,CAAA,MAEA,CAAA,CAAA,CAAA,GAAQ,CAAA,CAAA,CAAAC,CAAAA,KAAK,CAAA,GAAA,CAAAC,CAAAA,CAAU,QAAA,CAAA,CAAA,CAAA,aAEvB,CAAA,CAAA,CAAA,CAAAC,qBACEC,CAAAA,CAAC,CAAA,CAAA,OACKC,GAAAA,CACJ,IAAA,CAAA,CAAA,GAAA,CAAA,CAAA,oBACA,CAAA,CAAA,EAAA,MAAA,CAAA,kBACA,CAAA,CAAA,EAAA,MAAWC,CAAAA,SAAY,CAAQP,IAAS,CAAA,CACxC,CAAA,MAEC,CAAA,CAAA,CAAA,CAAA,GAAA,CAAAD,EACH,QAEJ,CAAA,CAAA,CAAA,CAAA","file":"column.js","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"]}