@orion-ds/react 4.9.2 → 4.9.3

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

@@ -0,0 +1,185 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Kanban card/item
+ */
+export interface KanbanCard {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Card title
+     */
+    title: string;
+    /**
+     * Card description
+     */
+    description?: string;
+    /**
+     * Labels/tags
+     */
+    labels?: KanbanLabel[];
+    /**
+     * Assigned users
+     */
+    assignees?: KanbanAssignee[];
+    /**
+     * Due date
+     */
+    dueDate?: string;
+    /**
+     * Priority level
+     */
+    priority?: "low" | "medium" | "high" | "urgent";
+    /**
+     * Custom metadata
+     */
+    metadata?: Record<string, ReactNode>;
+    /**
+     * Cover image URL
+     */
+    coverImage?: string;
+}
+/**
+ * Kanban label
+ */
+export interface KanbanLabel {
+    /**
+     * Label ID
+     */
+    id: string;
+    /**
+     * Label text
+     */
+    text: string;
+    /**
+     * Label color
+     */
+    color: "red" | "orange" | "yellow" | "green" | "blue" | "purple" | "pink" | "gray";
+}
+/**
+ * Kanban assignee
+ */
+export interface KanbanAssignee {
+    /**
+     * User ID
+     */
+    id: string;
+    /**
+     * User name
+     */
+    name: string;
+    /**
+     * Avatar URL
+     */
+    avatar?: string;
+}
+/**
+ * Kanban column
+ */
+export interface KanbanColumn {
+    /**
+     * Column ID
+     */
+    id: string;
+    /**
+     * Column title
+     */
+    title: string;
+    /**
+     * Column color/variant
+     */
+    color?: "default" | "blue" | "green" | "yellow" | "red" | "purple";
+    /**
+     * Cards in this column
+     */
+    cards: KanbanCard[];
+    /**
+     * Max cards limit (WIP limit)
+     */
+    limit?: number;
+}
+/**
+ * Drag result for move operations
+ */
+export interface KanbanDragResult {
+    /**
+     * Card that was moved
+     */
+    cardId: string;
+    /**
+     * Source column ID
+     */
+    sourceColumnId: string;
+    /**
+     * Source index
+     */
+    sourceIndex: number;
+    /**
+     * Destination column ID
+     */
+    destinationColumnId: string;
+    /**
+     * Destination index
+     */
+    destinationIndex: number;
+}
+/**
+ * KanbanBoard section props
+ *
+ * @example
+ * ```tsx
+ * <KanbanBoard
+ *   columns={[
+ *     { id: 'todo', title: 'To Do', cards: [...] },
+ *     { id: 'in-progress', title: 'In Progress', cards: [...] },
+ *     { id: 'done', title: 'Done', cards: [...] }
+ *   ]}
+ *   onCardMove={handleCardMove}
+ *   onCardClick={handleCardClick}
+ * />
+ * ```
+ */
+export interface KanbanBoardProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Board columns
+     */
+    columns: KanbanColumn[];
+    /**
+     * Card move handler
+     */
+    onCardMove?: (result: KanbanDragResult) => void;
+    /**
+     * Card click handler
+     */
+    onCardClick?: (card: KanbanCard, columnId: string) => void;
+    /**
+     * Add card handler (shows add button if provided)
+     */
+    onAddCard?: (columnId: string) => void;
+    /**
+     * Add column handler (shows add column button if provided)
+     */
+    onAddColumn?: () => void;
+    /**
+     * Column menu handler
+     */
+    onColumnMenu?: (columnId: string) => void;
+    /**
+     * Compact card display
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * Show card count in column headers
+     * @default true
+     */
+    showCardCount?: boolean;
+    /**
+     * Enable drag and drop (visual only - actual DnD needs external library)
+     * @default true
+     */
+    draggable?: boolean;
+}
+//# sourceMappingURL=KanbanBoard.types.d.ts.map

package/dist/components/KanbanBoard/KanbanBoard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanBoard.types.d.ts","sourceRoot":"","sources":["../../../src/components/KanbanBoard/KanbanBoard.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAE7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEhD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAErC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,EACD,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,CAAC;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;IAEnE;;OAEG;IACH,KAAK,EAAE,UAAU,EAAE,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,OAAO,EAAE,YAAY,EAAE,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEhD;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAE3D;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/components/KanbanBoard/index.d.ts

@@ -0,0 +1,3 @@
+export { KanbanBoard } from './KanbanBoard';
+export type { KanbanBoardProps, KanbanColumn, KanbanCard, KanbanLabel, KanbanAssignee, KanbanDragResult, } from './KanbanBoard.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/KanbanBoard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/KanbanBoard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,WAAW,EACX,cAAc,EACd,gBAAgB,GACjB,MAAM,qBAAqB,CAAC"}

package/dist/components/Link/Link.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),w=require("react"),L=require("lucide-react"),e=require("./Link.module.css.cjs"),u=w.forwardRef(({variant:c="default",size:n="md",external:t=!1,underline:o=!0,showExternalIcon:d=!0,icon:a,iconRight:l,iconAnimation:s,className:f,children:h,...m},x)=>{const g=[e.default.link,e.default[c],e.default[n],o&&e.default.underline,f].filter(Boolean).join(" "),j=t?{target:"_blank",rel:"noopener noreferrer"}:{},p=()=>{switch(n){case"sm":return 12;case"lg":return 16;default:return 14}},i=k=>{if(!s)return k==="right"&&t?e.default.iconExternal:"";switch(s){case"arrow":return e.default.iconArrow;case"arrow-left":return e.default.iconArrowLeft;case"external":return e.default.iconExternal;default:return""}},$=()=>l?r.jsx("span",{className:`${e.default.icon} ${e.default.iconRight} ${i("right")}`,"aria-hidden":"true",children:l}):t&&d?r.jsx("span",{className:`${e.default.icon} ${e.default.iconRight} ${e.default.iconExternal}`,"aria-hidden":"true",children:r.jsx(L.ExternalLink,{size:p()})}):null;return r.jsxs("a",{ref:x,className:g,...j,...m,children:[a&&r.jsx("span",{className:`${e.default.icon} ${i("left")}`,"aria-hidden":"true",children:a}),r.jsx("span",{children:h}),$()]})});u.displayName="Link";exports.Link=u;

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,4 @@
+import { LinkProps } from './Link.types';
+
+export declare const Link: import('react').ForwardRefExoticComponent<LinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=Link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,eAAO,MAAM,IAAI,yGA6GhB,CAAC"}

package/dist/components/Link/Link.mjs

@@ -0,0 +1,82 @@
+import { jsxs as N, jsx as e } from "react/jsx-runtime";
+import { forwardRef as k } from "react";
+import { ExternalLink as E } from "lucide-react";
+import r from "./Link.module.css.mjs";
+const L = k(
+  ({
+    variant: c = "default",
+    size: t = "md",
+    external: n = !1,
+    underline: l = !0,
+    showExternalIcon: u = !0,
+    icon: a,
+    iconRight: i,
+    iconAnimation: s,
+    className: f,
+    children: d,
+    ...m
+  }, h) => {
+    const p = [
+      r.link,
+      r[c],
+      r[t],
+      l && r.underline,
+      f
+    ].filter(Boolean).join(" "), g = n ? {
+      target: "_blank",
+      rel: "noopener noreferrer"
+    } : {}, $ = () => {
+      switch (t) {
+        case "sm":
+          return 12;
+        case "lg":
+          return 16;
+        default:
+          return 14;
+      }
+    }, o = (x) => {
+      if (!s)
+        return x === "right" && n ? r.iconExternal : "";
+      switch (s) {
+        case "arrow":
+          return r.iconArrow;
+        case "arrow-left":
+          return r.iconArrowLeft;
+        case "external":
+          return r.iconExternal;
+        default:
+          return "";
+      }
+    }, w = () => i ? /* @__PURE__ */ e(
+      "span",
+      {
+        className: `${r.icon} ${r.iconRight} ${o("right")}`,
+        "aria-hidden": "true",
+        children: i
+      }
+    ) : n && u ? /* @__PURE__ */ e(
+      "span",
+      {
+        className: `${r.icon} ${r.iconRight} ${r.iconExternal}`,
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ e(E, { size: $() })
+      }
+    ) : null;
+    return /* @__PURE__ */ N("a", { ref: h, className: p, ...g, ...m, children: [
+      a && /* @__PURE__ */ e(
+        "span",
+        {
+          className: `${r.icon} ${o("left")}`,
+          "aria-hidden": "true",
+          children: a
+        }
+      ),
+      /* @__PURE__ */ e("span", { children: d }),
+      w()
+    ] });
+  }
+);
+L.displayName = "Link";
+export {
+  L as Link
+};

package/dist/components/Link/Link.module.css

@@ -0,0 +1 @@
+._link_1ch8i_9{display:inline-flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-secondary);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:color var(--transition-fast)}._link_1ch8i_9:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px;border-radius:var(--radius-sm)}._default_1ch8i_30{color:var(--text-primary)}._default_1ch8i_30:hover{color:var(--text-brand)}._subtle_1ch8i_38{color:var(--text-secondary)}._subtle_1ch8i_38:hover{color:var(--text-primary)}._brand_1ch8i_46{color:var(--text-brand)}._brand_1ch8i_46:hover{color:var(--interactive-primary-hover)}._sm_1ch8i_58{font-size:var(--font-size-12);gap:var(--spacing-1)}._md_1ch8i_63{font-size:var(--font-size-14);gap:var(--spacing-2)}._lg_1ch8i_68{font-size:var(--font-size-16);gap:var(--spacing-2)}._underline_1ch8i_77{text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 30%,transparent);text-underline-offset:3px;text-decoration-thickness:1px}._underline_1ch8i_77:hover{text-decoration-color:currentColor}._icon_1ch8i_92{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7;transition:opacity var(--transition-fast),transform var(--transition-fast)}._link_1ch8i_9:hover ._icon_1ch8i_92{opacity:1}._sm_1ch8i_58 ._icon_1ch8i_92{width:12px;height:12px}._md_1ch8i_63 ._icon_1ch8i_92{width:14px;height:14px}._lg_1ch8i_68 ._icon_1ch8i_92{width:16px;height:16px}._link_1ch8i_9:hover ._iconExternal_1ch8i_129{transform:translate(1px,-1px)}._link_1ch8i_9:hover ._iconArrow_1ch8i_134{transform:translate(2px)}._link_1ch8i_9:hover ._iconArrowLeft_1ch8i_139{transform:translate(-2px)}

package/dist/components/Link/Link.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n="_link_1ch8i_9",i="_subtle_1ch8i_38",c="_brand_1ch8i_46",o="_sm_1ch8i_58",_="_md_1ch8i_63",t="_lg_1ch8i_68",e="_underline_1ch8i_77",r="_icon_1ch8i_92",l="_iconRight_1ch8i_124",s="_iconExternal_1ch8i_129",d="_iconArrow_1ch8i_134",h="_iconArrowLeft_1ch8i_139",u={link:n,default:"_default_1ch8i_30",subtle:i,brand:c,sm:o,md:_,lg:t,underline:e,icon:r,iconRight:l,iconExternal:s,iconArrow:d,iconArrowLeft:h};exports.brand=c;exports.default=u;exports.icon=r;exports.iconArrow=d;exports.iconArrowLeft=h;exports.iconExternal=s;exports.iconRight=l;exports.lg=t;exports.link=n;exports.md=_;exports.sm=o;exports.subtle=i;exports.underline=e;

package/dist/components/Link/Link.module.css.mjs

@@ -0,0 +1,30 @@
+const n = "_link_1ch8i_9", c = "_subtle_1ch8i_38", _ = "_brand_1ch8i_46", i = "_sm_1ch8i_58", o = "_md_1ch8i_63", t = "_lg_1ch8i_68", r = "_underline_1ch8i_77", s = "_icon_1ch8i_92", e = "_iconRight_1ch8i_124", l = "_iconExternal_1ch8i_129", h = "_iconArrow_1ch8i_134", d = "_iconArrowLeft_1ch8i_139", a = {
+  link: n,
+  default: "_default_1ch8i_30",
+  subtle: c,
+  brand: _,
+  sm: i,
+  md: o,
+  lg: t,
+  underline: r,
+  icon: s,
+  iconRight: e,
+  iconExternal: l,
+  iconArrow: h,
+  iconArrowLeft: d
+};
+export {
+  _ as brand,
+  a as default,
+  s as icon,
+  h as iconArrow,
+  d as iconArrowLeft,
+  l as iconExternal,
+  e as iconRight,
+  t as lg,
+  n as link,
+  o as md,
+  i as sm,
+  c as subtle,
+  r as underline
+};

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

@@ -0,0 +1,72 @@
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Link visual variants
+ */
+export type LinkVariant = "default" | "subtle" | "brand";
+/**
+ * Link sizes
+ */
+export type LinkSize = "sm" | "md" | "lg";
+/**
+ * Icon animation types
+ */
+export type LinkIconAnimation = "arrow" | "arrow-left" | "external" | "none";
+/**
+ * Link component props
+ *
+ * @example
+ * ```tsx
+ * <Link href="/about">About us</Link>
+ * <Link href="/docs" variant="brand" external>Documentation</Link>
+ * ```
+ */
+export interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * Visual variant of the link
+     * @default 'default'
+     */
+    variant?: LinkVariant;
+    /**
+     * Size of the link
+     * @default 'md'
+     */
+    size?: LinkSize;
+    /**
+     * Whether the link opens in a new tab
+     * Automatically adds rel="noopener noreferrer" for security
+     * @default false
+     */
+    external?: boolean;
+    /**
+     * Whether to show an underline
+     * @default true
+     */
+    underline?: boolean;
+    /**
+     * Whether to show the external link icon automatically when external is true
+     * @default true
+     */
+    showExternalIcon?: boolean;
+    /**
+     * Icon to display before the link text
+     */
+    icon?: ReactNode;
+    /**
+     * Icon to display after the link text (e.g., external link icon)
+     */
+    iconRight?: ReactNode;
+    /**
+     * Icon hover animation type
+     * - 'arrow': moves icon right on hover
+     * - 'arrow-left': moves icon left on hover
+     * - 'external': diagonal movement for external links
+     * - 'none': no animation
+     */
+    iconAnimation?: LinkIconAnimation;
+    /**
+     * Link content
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=Link.types.d.ts.map

package/dist/components/Link/Link.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.types.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;AAE7E;;;;;;;;GAQG;AACH,MAAM,WAAW,SAAU,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACxE;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/Link/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Link Component - Navigation links.
+ *
+ * @example
+ * ```tsx
+ * import { Link } from '@orion-ds/react';
+ *
+ * <Link href="/about">About Us</Link>
+ * <Link href="/docs" variant="subtle">Documentation</Link>
+ * <Link href="/pricing" variant="brand">View Pricing</Link>
+ * <Link href="https://example.com" external>External Link</Link>
+ * ```
+ */
+export { Link } from './Link';
+export type { LinkProps, LinkVariant, LinkSize } from './Link.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Link/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/List/List.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),h=require("react"),y=require("lucide-react"),a=require("./List.module.css.cjs"),N=({item:s,size:c,interactive:e,selectable:d,onClick:o})=>{const i=h.useCallback(()=>{!s.disabled&&(e||d)&&s.onClick&&s.onClick(),o?.()},[s,e,d,o]),t=h.useCallback(u=>{(u.key==="Enter"||u.key===" ")&&(e||d)&&(u.preventDefault(),i())},[e,d,i]),f=[a.default.item,a.default[c],e&&a.default.interactive,d&&a.default.selectable,s.selected&&a.default.selected,s.disabled&&a.default.disabled,s.className].filter(Boolean).join(" "),r=!s.disabled&&(e||d||s.onClick);return l.jsxs("li",{className:f,role:d?"option":e?"button":void 0,tabIndex:r?0:void 0,"aria-selected":d?s.selected:void 0,"aria-disabled":s.disabled,onClick:r?i:void 0,onKeyDown:r?t:void 0,children:[s.leading&&l.jsx("span",{className:a.default.leading,"aria-hidden":"true",children:s.leading}),l.jsxs("div",{className:a.default.content,children:[l.jsx("span",{className:a.default.primary,children:s.primary}),s.secondary&&l.jsx("span",{className:a.default.secondary,children:s.secondary})]}),s.trailing&&l.jsx("span",{className:a.default.trailing,children:s.trailing}),d&&s.selected&&l.jsx("span",{className:a.default.checkmark,"aria-hidden":"true",children:l.jsx(y.Check,{size:c==="sm"?14:c==="lg"?20:16})})]})},j=h.forwardRef(({items:s,size:c="md",variant:e="default",interactive:d=!1,selectable:o=!1,onSelect:i,renderItem:t,emptyContent:f,className:r,...u},k)=>{const x=h.useCallback(n=>{i&&!n.disabled&&i(n)},[i]),p=[a.default.list,a.default[e],r].filter(Boolean).join(" ");return s.length===0&&f?l.jsx("div",{className:a.default.empty,children:f}):l.jsx("ul",{ref:k,className:p,role:o?"listbox":"list",...u,children:s.map((n,C)=>t?l.jsx("li",{className:a.default.customItem,children:t(n,C)},n.id):l.jsx(N,{item:n,size:c,interactive:d,selectable:o,onClick:()=>x(n)},n.id))})});j.displayName="List";exports.List=j;

package/dist/components/List/List.d.ts

@@ -0,0 +1,4 @@
+import { ListProps } from './List.types';
+
+export declare const List: import('react').ForwardRefExoticComponent<ListProps & import('react').RefAttributes<HTMLUListElement>>;
+//# sourceMappingURL=List.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,SAAS,EAA2B,MAAM,cAAc,CAAC;AAiFvE,eAAO,MAAM,IAAI,wGA2DhB,CAAC"}

package/dist/components/List/List.mjs

@@ -0,0 +1,95 @@
+import { jsx as d, jsxs as N } from "react/jsx-runtime";
+import { forwardRef as m, useCallback as k } from "react";
+import { Check as t } from "lucide-react";
+import a from "./List.module.css.mjs";
+const x = ({
+  item: s,
+  size: i,
+  interactive: n,
+  selectable: l,
+  onClick: c
+}) => {
+  const r = k(() => {
+    !s.disabled && (n || l) && s.onClick && s.onClick(), c?.();
+  }, [s, n, l, c]), p = k(
+    (h) => {
+      (h.key === "Enter" || h.key === " ") && (n || l) && (h.preventDefault(), r());
+    },
+    [n, l, r]
+  ), f = [
+    a.item,
+    a[i],
+    n && a.interactive,
+    l && a.selectable,
+    s.selected && a.selected,
+    s.disabled && a.disabled,
+    s.className
+  ].filter(Boolean).join(" "), e = !s.disabled && (n || l || s.onClick);
+  return /* @__PURE__ */ N(
+    "li",
+    {
+      className: f,
+      role: l ? "option" : n ? "button" : void 0,
+      tabIndex: e ? 0 : void 0,
+      "aria-selected": l ? s.selected : void 0,
+      "aria-disabled": s.disabled,
+      onClick: e ? r : void 0,
+      onKeyDown: e ? p : void 0,
+      children: [
+        s.leading && /* @__PURE__ */ d("span", { className: a.leading, "aria-hidden": "true", children: s.leading }),
+        /* @__PURE__ */ N("div", { className: a.content, children: [
+          /* @__PURE__ */ d("span", { className: a.primary, children: s.primary }),
+          s.secondary && /* @__PURE__ */ d("span", { className: a.secondary, children: s.secondary })
+        ] }),
+        s.trailing && /* @__PURE__ */ d("span", { className: a.trailing, children: s.trailing }),
+        l && s.selected && /* @__PURE__ */ d("span", { className: a.checkmark, "aria-hidden": "true", children: /* @__PURE__ */ d(t, { size: i === "sm" ? 14 : i === "lg" ? 20 : 16 }) })
+      ]
+    }
+  );
+}, b = m(
+  ({
+    items: s,
+    size: i = "md",
+    variant: n = "default",
+    interactive: l = !1,
+    selectable: c = !1,
+    onSelect: r,
+    renderItem: p,
+    emptyContent: f,
+    className: e,
+    ...h
+  }, u) => {
+    const y = k(
+      (o) => {
+        r && !o.disabled && r(o);
+      },
+      [r]
+    ), C = [a.list, a[n], e].filter(Boolean).join(" ");
+    return s.length === 0 && f ? /* @__PURE__ */ d("div", { className: a.empty, children: f }) : /* @__PURE__ */ d(
+      "ul",
+      {
+        ref: u,
+        className: C,
+        role: c ? "listbox" : "list",
+        ...h,
+        children: s.map(
+          (o, g) => p ? /* @__PURE__ */ d("li", { className: a.customItem, children: p(o, g) }, o.id) : /* @__PURE__ */ d(
+            x,
+            {
+              item: o,
+              size: i,
+              interactive: l,
+              selectable: c,
+              onClick: () => y(o)
+            },
+            o.id
+          )
+        )
+      }
+    );
+  }
+);
+b.displayName = "List";
+export {
+  b as List
+};

package/dist/components/List/List.module.css

@@ -0,0 +1 @@
+._list_7tqqq_5{margin:0;padding:0;list-style:none}._bordered_7tqqq_12{border:1px solid var(--border-subtle);border-radius:var(--radius-control);overflow:hidden}._divided_7tqqq_18 ._item_7tqqq_18:not(:last-child){border-bottom:1px solid var(--border-subtle)}._bordered_7tqqq_12 ._item_7tqqq_18:not(:last-child){border-bottom:1px solid var(--border-subtle)}._item_7tqqq_18{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--surface-base);transition:background-color var(--duration-fast) var(--ease-out)}._sm_7tqqq_37{gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}._md_7tqqq_43{font-size:var(--font-size-base)}._lg_7tqqq_47{gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-lg)}._interactive_7tqqq_54{cursor:pointer}._interactive_7tqqq_54:hover:not(._disabled_7tqqq_58){background:var(--surface-subtle)}._interactive_7tqqq_54:active:not(._disabled_7tqqq_58){background:var(--surface-layer)}._interactive_7tqqq_54:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:-2px}._selectable_7tqqq_72{cursor:pointer;padding-right:var(--spacing-10)}._selectable_7tqqq_72:hover:not(._disabled_7tqqq_58){background:var(--surface-subtle)}._selected_7tqqq_81{background:var(--interactive-primary-subtle)}._selected_7tqqq_81:hover:not(._disabled_7tqqq_58){background:var(--interactive-primary-subtle)}._disabled_7tqqq_58{opacity:.5;cursor:not-allowed}._leading_7tqqq_96{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}._sm_7tqqq_37 ._leading_7tqqq_96{width:20px;height:20px}._md_7tqqq_43 ._leading_7tqqq_96{width:24px;height:24px}._lg_7tqqq_47 ._leading_7tqqq_96{width:32px;height:32px}._content_7tqqq_120{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}._primary_7tqqq_128{font-weight:var(--font-weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._secondary_7tqqq_136{font-size:var(--font-size-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._sm_7tqqq_37 ._secondary_7tqqq_136{font-size:var(--font-size-xs)}._lg_7tqqq_47 ._secondary_7tqqq_136{font-size:var(--font-size-base)}._trailing_7tqqq_153{display:flex;align-items:center;flex-shrink:0;color:var(--text-tertiary)}._checkmark_7tqqq_161{position:absolute;right:var(--spacing-3);display:flex;align-items:center;color:var(--interactive-primary)}._selectable_7tqqq_72{position:relative}._customItem_7tqqq_174{list-style:none}._empty_7tqqq_179{padding:var(--spacing-8);text-align:center;color:var(--text-secondary)}

package/dist/components/List/List.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_list_7tqqq_5",e="_bordered_7tqqq_12",_="_divided_7tqqq_18",q="_item_7tqqq_18",c="_sm_7tqqq_37",s="_md_7tqqq_43",d="_lg_7tqqq_47",i="_interactive_7tqqq_54",n="_disabled_7tqqq_58",o="_selectable_7tqqq_72",l="_selected_7tqqq_81",r="_leading_7tqqq_96",a="_content_7tqqq_120",m="_primary_7tqqq_128",b="_secondary_7tqqq_136",g="_trailing_7tqqq_153",y="_checkmark_7tqqq_161",u="_customItem_7tqqq_174",v="_empty_7tqqq_179",p={list:t,bordered:e,divided:_,item:q,sm:c,md:s,lg:d,interactive:i,disabled:n,selectable:o,selected:l,leading:r,content:a,primary:m,secondary:b,trailing:g,checkmark:y,customItem:u,empty:v};exports.bordered=e;exports.checkmark=y;exports.content=a;exports.customItem=u;exports.default=p;exports.disabled=n;exports.divided=_;exports.empty=v;exports.interactive=i;exports.item=q;exports.leading=r;exports.lg=d;exports.list=t;exports.md=s;exports.primary=m;exports.secondary=b;exports.selectable=o;exports.selected=l;exports.sm=c;exports.trailing=g;

package/dist/components/List/List.module.css.mjs

@@ -0,0 +1,43 @@
+const t = "_list_7tqqq_5", e = "_bordered_7tqqq_12", q = "_divided_7tqqq_18", _ = "_item_7tqqq_18", c = "_sm_7tqqq_37", s = "_md_7tqqq_43", n = "_lg_7tqqq_47", d = "_interactive_7tqqq_54", i = "_disabled_7tqqq_58", o = "_selectable_7tqqq_72", a = "_selected_7tqqq_81", l = "_leading_7tqqq_96", r = "_content_7tqqq_120", m = "_primary_7tqqq_128", y = "_secondary_7tqqq_136", b = "_trailing_7tqqq_153", g = "_checkmark_7tqqq_161", p = "_customItem_7tqqq_174", k = "_empty_7tqqq_179", v = {
+  list: t,
+  bordered: e,
+  divided: q,
+  item: _,
+  sm: c,
+  md: s,
+  lg: n,
+  interactive: d,
+  disabled: i,
+  selectable: o,
+  selected: a,
+  leading: l,
+  content: r,
+  primary: m,
+  secondary: y,
+  trailing: b,
+  checkmark: g,
+  customItem: p,
+  empty: k
+};
+export {
+  e as bordered,
+  g as checkmark,
+  r as content,
+  p as customItem,
+  v as default,
+  i as disabled,
+  q as divided,
+  k as empty,
+  d as interactive,
+  _ as item,
+  l as leading,
+  n as lg,
+  t as list,
+  s as md,
+  m as primary,
+  y as secondary,
+  o as selectable,
+  a as selected,
+  c as sm,
+  b as trailing
+};