@brycks/core-front 0.2.6 → 0.2.8

package/dist/components/data/InfoItem/InfoItem.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),p=require("react"),y=require("../../../utils/styles.cjs"),e=require("../../../design-system/tokens/typography.cjs"),i=require("../../../design-system/tokens/spacing.cjs"),w={sm:{labelSize:e.fontSizes.xs,valueSize:e.fontSizes.sm,gap:i.spacing[.5]},md:{labelSize:e.fontSizes.sm,valueSize:e.fontSizes.md,gap:i.spacing[1]},lg:{labelSize:e.fontSizes.md,valueSize:e.fontSizes.lg,gap:i.spacing[1.5]}},S=p.forwardRef(function({label:c,value:s,children:f,layout:t="vertical",size:r="md",hideEmpty:d=!1,labelWidth:l,className:g,style:m,testId:h,...x},v){const o=s??f,u=w[r];if(d&&(o==null||o===""))return null;const I=()=>{const a={display:"flex",gap:u.gap};switch(t){case"vertical":return{...a,flexDirection:"column"};case"horizontal":return{...a,flexDirection:"row",alignItems:"flex-start"};case"inline":return{...a,flexDirection:"row",alignItems:"center"};default:return a}},k={fontSize:u.labelSize,fontWeight:e.fontWeights.medium,color:"var(--brycks-foreground-muted)",lineHeight:1.4,...t==="horizontal"&&l?{width:l,flexShrink:0}:{}},j={fontSize:u.valueSize,fontWeight:e.fontWeights.regular,color:"var(--brycks-foreground-default)",lineHeight:1.5,...t==="horizontal"?{flex:1}:{}};return n.jsxs("div",{ref:v,className:y.cx("brycks-info-item",`brycks-info-item--${t}`,`brycks-info-item--${r}`,g),style:{...I(),...m},"data-testid":h,...x,children:[n.jsx("dt",{className:"brycks-info-item__label",style:k,children:c}),n.jsx("dd",{className:"brycks-info-item__value",style:{...j,margin:0},children:o??n.jsx("span",{style:{color:"var(--brycks-foreground-muted)"},children:"-"})})]})});S.displayName="InfoItem";const N={sm:i.spacing[2],md:i.spacing[4],lg:i.spacing[6]},z=p.forwardRef(function({gap:c="md",columns:s=1,children:f,className:t,style:r,testId:d,...l},g){const m={display:"grid",gridTemplateColumns:`repeat(${s}, 1fr)`,gap:N[c],margin:0,padding:0,...r};return n.jsx("dl",{ref:g,className:y.cx("brycks-info-list",`brycks-info-list--cols-${s}`,t),style:m,"data-testid":d,...l,children:f})});z.displayName="InfoList";exports.InfoItem=S;exports.InfoList=z;
+//# sourceMappingURL=InfoItem.cjs.map

package/dist/components/data/InfoItem/InfoItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoItem.cjs","sources":["../../../../src/components/data/InfoItem/InfoItem.tsx"],"sourcesContent":["/**\n * InfoItem Component\n *\n * A component for displaying label-value pairs in detail views.\n * Commonly used in detail pages to show information in a consistent format.\n *\n * @module components/data/InfoItem\n */\n\nimport { forwardRef, type HTMLAttributes, type ReactNode, type CSSProperties } from 'react'\nimport { spacing, fontSizes, fontWeights } from '../../../design-system'\nimport { cx } from '../../../utils/styles'\n\nexport type InfoItemLayout = 'vertical' | 'horizontal' | 'inline'\nexport type InfoItemSize = 'sm' | 'md' | 'lg'\n\nexport interface InfoItemProps extends HTMLAttributes<HTMLDivElement> {\n  /** Label text */\n  label: ReactNode\n  /** Value to display */\n  value?: ReactNode\n  /** Children (alternative to value prop) */\n  children?: ReactNode\n  /** Layout direction */\n  layout?: InfoItemLayout\n  /** Size variant */\n  size?: InfoItemSize\n  /** Hide if value is empty */\n  hideEmpty?: boolean\n  /** Custom label width (for horizontal layout) */\n  labelWidth?: string | number\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<InfoItemSize, { labelSize: number; valueSize: number; gap: number }> = {\n  sm: {\n    labelSize: fontSizes.xs,\n    valueSize: fontSizes.sm,\n    gap: spacing[0.5],\n  },\n  md: {\n    labelSize: fontSizes.sm,\n    valueSize: fontSizes.md,\n    gap: spacing[1],\n  },\n  lg: {\n    labelSize: fontSizes.md,\n    valueSize: fontSizes.lg,\n    gap: spacing[1.5],\n  },\n}\n\nexport const InfoItem = forwardRef<HTMLDivElement, InfoItemProps>(function InfoItem(\n  {\n    label,\n    value,\n    children,\n    layout = 'vertical',\n    size = 'md',\n    hideEmpty = false,\n    labelWidth,\n    className,\n    style,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const displayValue = value ?? children\n  const config = sizeConfig[size]\n\n  // Hide if empty and hideEmpty is true\n  if (hideEmpty && (displayValue === null || displayValue === undefined || displayValue === '')) {\n    return null\n  }\n\n  const getContainerStyle = (): CSSProperties => {\n    const base: CSSProperties = {\n      display: 'flex',\n      gap: config.gap,\n    }\n\n    switch (layout) {\n      case 'vertical':\n        return {\n          ...base,\n          flexDirection: 'column',\n        }\n      case 'horizontal':\n        return {\n          ...base,\n          flexDirection: 'row',\n          alignItems: 'flex-start',\n        }\n      case 'inline':\n        return {\n          ...base,\n          flexDirection: 'row',\n          alignItems: 'center',\n        }\n      default:\n        return base\n    }\n  }\n\n  const labelStyle: CSSProperties = {\n    fontSize: config.labelSize,\n    fontWeight: fontWeights.medium,\n    color: 'var(--brycks-foreground-muted)',\n    lineHeight: 1.4,\n    ...(layout === 'horizontal' && labelWidth ? { width: labelWidth, flexShrink: 0 } : {}),\n  }\n\n  const valueStyle: CSSProperties = {\n    fontSize: config.valueSize,\n    fontWeight: fontWeights.regular,\n    color: 'var(--brycks-foreground-default)',\n    lineHeight: 1.5,\n    ...(layout === 'horizontal' ? { flex: 1 } : {}),\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cx(\n        'brycks-info-item',\n        `brycks-info-item--${layout}`,\n        `brycks-info-item--${size}`,\n        className\n      )}\n      style={{ ...getContainerStyle(), ...style }}\n      data-testid={testId}\n      {...props}\n    >\n      <dt className=\"brycks-info-item__label\" style={labelStyle}>\n        {label}\n      </dt>\n      <dd className=\"brycks-info-item__value\" style={{ ...valueStyle, margin: 0 }}>\n        {displayValue ?? <span style={{ color: 'var(--brycks-foreground-muted)' }}>-</span>}\n      </dd>\n    </div>\n  )\n})\n\nInfoItem.displayName = 'InfoItem'\n\n/**\n * InfoList Component\n *\n * A container for multiple InfoItem components.\n * Provides consistent spacing and layout for info items.\n */\nexport interface InfoListProps extends HTMLAttributes<HTMLDListElement> {\n  /** Gap between items */\n  gap?: 'sm' | 'md' | 'lg'\n  /** Number of columns */\n  columns?: 1 | 2 | 3 | 4\n  /** Children (InfoItem components) */\n  children: ReactNode\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst gapValues: Record<'sm' | 'md' | 'lg', number> = {\n  sm: spacing[2],\n  md: spacing[4],\n  lg: spacing[6],\n}\n\nexport const InfoList = forwardRef<HTMLDListElement, InfoListProps>(function InfoList(\n  {\n    gap = 'md',\n    columns = 1,\n    children,\n    className,\n    style,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const listStyle: CSSProperties = {\n    display: 'grid',\n    gridTemplateColumns: `repeat(${columns}, 1fr)`,\n    gap: gapValues[gap],\n    margin: 0,\n    padding: 0,\n    ...style,\n  }\n\n  return (\n    <dl\n      ref={ref}\n      className={cx(\n        'brycks-info-list',\n        `brycks-info-list--cols-${columns}`,\n        className\n      )}\n      style={listStyle}\n      data-testid={testId}\n      {...props}\n    >\n      {children}\n    </dl>\n  )\n})\n\nInfoList.displayName = 'InfoList'\n"],"names":["sizeConfig","fontSizes","spacing","InfoItem","forwardRef","label","value","children","layout","size","hideEmpty","labelWidth","className","style","testId","props","ref","displayValue","config","getContainerStyle","base","labelStyle","fontWeights","valueStyle","jsxs","cx","jsx","gapValues","InfoList","gap","columns","listStyle"],"mappings":"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"}

package/dist/components/data/InfoItem/InfoItem.js

@@ -0,0 +1,140 @@
+import { jsxs as N, jsx as a } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { cx as b } from "../../../utils/styles.js";
+import { fontWeights as p, fontSizes as t } from "../../../design-system/tokens/typography.js";
+import { spacing as i } from "../../../design-system/tokens/spacing.js";
+const w = {
+  sm: {
+    labelSize: t.xs,
+    valueSize: t.sm,
+    gap: i[0.5]
+  },
+  md: {
+    labelSize: t.sm,
+    valueSize: t.md,
+    gap: i[1]
+  },
+  lg: {
+    labelSize: t.md,
+    valueSize: t.lg,
+    gap: i[1.5]
+  }
+}, _ = y(function({
+  label: c,
+  value: l,
+  children: f,
+  layout: e = "vertical",
+  size: r = "md",
+  hideEmpty: m = !1,
+  labelWidth: n,
+  className: d,
+  style: g,
+  testId: h,
+  ...z
+}, v) {
+  const o = l ?? f, u = w[r];
+  if (m && (o == null || o === ""))
+    return null;
+  const x = () => {
+    const s = {
+      display: "flex",
+      gap: u.gap
+    };
+    switch (e) {
+      case "vertical":
+        return {
+          ...s,
+          flexDirection: "column"
+        };
+      case "horizontal":
+        return {
+          ...s,
+          flexDirection: "row",
+          alignItems: "flex-start"
+        };
+      case "inline":
+        return {
+          ...s,
+          flexDirection: "row",
+          alignItems: "center"
+        };
+      default:
+        return s;
+    }
+  }, k = {
+    fontSize: u.labelSize,
+    fontWeight: p.medium,
+    color: "var(--brycks-foreground-muted)",
+    lineHeight: 1.4,
+    ...e === "horizontal" && n ? { width: n, flexShrink: 0 } : {}
+  }, I = {
+    fontSize: u.valueSize,
+    fontWeight: p.regular,
+    color: "var(--brycks-foreground-default)",
+    lineHeight: 1.5,
+    ...e === "horizontal" ? { flex: 1 } : {}
+  };
+  return /* @__PURE__ */ N(
+    "div",
+    {
+      ref: v,
+      className: b(
+        "brycks-info-item",
+        `brycks-info-item--${e}`,
+        `brycks-info-item--${r}`,
+        d
+      ),
+      style: { ...x(), ...g },
+      "data-testid": h,
+      ...z,
+      children: [
+        /* @__PURE__ */ a("dt", { className: "brycks-info-item__label", style: k, children: c }),
+        /* @__PURE__ */ a("dd", { className: "brycks-info-item__value", style: { ...I, margin: 0 }, children: o ?? /* @__PURE__ */ a("span", { style: { color: "var(--brycks-foreground-muted)" }, children: "-" }) })
+      ]
+    }
+  );
+});
+_.displayName = "InfoItem";
+const $ = {
+  sm: i[2],
+  md: i[4],
+  lg: i[6]
+}, C = y(function({
+  gap: c = "md",
+  columns: l = 1,
+  children: f,
+  className: e,
+  style: r,
+  testId: m,
+  ...n
+}, d) {
+  const g = {
+    display: "grid",
+    gridTemplateColumns: `repeat(${l}, 1fr)`,
+    gap: $[c],
+    margin: 0,
+    padding: 0,
+    ...r
+  };
+  return /* @__PURE__ */ a(
+    "dl",
+    {
+      ref: d,
+      className: b(
+        "brycks-info-list",
+        `brycks-info-list--cols-${l}`,
+        e
+      ),
+      style: g,
+      "data-testid": m,
+      ...n,
+      children: f
+    }
+  );
+});
+C.displayName = "InfoList";
+export {
+  _ as InfoItem,
+  C as InfoList
+};
+//# sourceMappingURL=InfoItem.js.map

package/dist/components/data/InfoItem/InfoItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoItem.js","sources":["../../../../src/components/data/InfoItem/InfoItem.tsx"],"sourcesContent":["/**\n * InfoItem Component\n *\n * A component for displaying label-value pairs in detail views.\n * Commonly used in detail pages to show information in a consistent format.\n *\n * @module components/data/InfoItem\n */\n\nimport { forwardRef, type HTMLAttributes, type ReactNode, type CSSProperties } from 'react'\nimport { spacing, fontSizes, fontWeights } from '../../../design-system'\nimport { cx } from '../../../utils/styles'\n\nexport type InfoItemLayout = 'vertical' | 'horizontal' | 'inline'\nexport type InfoItemSize = 'sm' | 'md' | 'lg'\n\nexport interface InfoItemProps extends HTMLAttributes<HTMLDivElement> {\n  /** Label text */\n  label: ReactNode\n  /** Value to display */\n  value?: ReactNode\n  /** Children (alternative to value prop) */\n  children?: ReactNode\n  /** Layout direction */\n  layout?: InfoItemLayout\n  /** Size variant */\n  size?: InfoItemSize\n  /** Hide if value is empty */\n  hideEmpty?: boolean\n  /** Custom label width (for horizontal layout) */\n  labelWidth?: string | number\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<InfoItemSize, { labelSize: number; valueSize: number; gap: number }> = {\n  sm: {\n    labelSize: fontSizes.xs,\n    valueSize: fontSizes.sm,\n    gap: spacing[0.5],\n  },\n  md: {\n    labelSize: fontSizes.sm,\n    valueSize: fontSizes.md,\n    gap: spacing[1],\n  },\n  lg: {\n    labelSize: fontSizes.md,\n    valueSize: fontSizes.lg,\n    gap: spacing[1.5],\n  },\n}\n\nexport const InfoItem = forwardRef<HTMLDivElement, InfoItemProps>(function InfoItem(\n  {\n    label,\n    value,\n    children,\n    layout = 'vertical',\n    size = 'md',\n    hideEmpty = false,\n    labelWidth,\n    className,\n    style,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const displayValue = value ?? children\n  const config = sizeConfig[size]\n\n  // Hide if empty and hideEmpty is true\n  if (hideEmpty && (displayValue === null || displayValue === undefined || displayValue === '')) {\n    return null\n  }\n\n  const getContainerStyle = (): CSSProperties => {\n    const base: CSSProperties = {\n      display: 'flex',\n      gap: config.gap,\n    }\n\n    switch (layout) {\n      case 'vertical':\n        return {\n          ...base,\n          flexDirection: 'column',\n        }\n      case 'horizontal':\n        return {\n          ...base,\n          flexDirection: 'row',\n          alignItems: 'flex-start',\n        }\n      case 'inline':\n        return {\n          ...base,\n          flexDirection: 'row',\n          alignItems: 'center',\n        }\n      default:\n        return base\n    }\n  }\n\n  const labelStyle: CSSProperties = {\n    fontSize: config.labelSize,\n    fontWeight: fontWeights.medium,\n    color: 'var(--brycks-foreground-muted)',\n    lineHeight: 1.4,\n    ...(layout === 'horizontal' && labelWidth ? { width: labelWidth, flexShrink: 0 } : {}),\n  }\n\n  const valueStyle: CSSProperties = {\n    fontSize: config.valueSize,\n    fontWeight: fontWeights.regular,\n    color: 'var(--brycks-foreground-default)',\n    lineHeight: 1.5,\n    ...(layout === 'horizontal' ? { flex: 1 } : {}),\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cx(\n        'brycks-info-item',\n        `brycks-info-item--${layout}`,\n        `brycks-info-item--${size}`,\n        className\n      )}\n      style={{ ...getContainerStyle(), ...style }}\n      data-testid={testId}\n      {...props}\n    >\n      <dt className=\"brycks-info-item__label\" style={labelStyle}>\n        {label}\n      </dt>\n      <dd className=\"brycks-info-item__value\" style={{ ...valueStyle, margin: 0 }}>\n        {displayValue ?? <span style={{ color: 'var(--brycks-foreground-muted)' }}>-</span>}\n      </dd>\n    </div>\n  )\n})\n\nInfoItem.displayName = 'InfoItem'\n\n/**\n * InfoList Component\n *\n * A container for multiple InfoItem components.\n * Provides consistent spacing and layout for info items.\n */\nexport interface InfoListProps extends HTMLAttributes<HTMLDListElement> {\n  /** Gap between items */\n  gap?: 'sm' | 'md' | 'lg'\n  /** Number of columns */\n  columns?: 1 | 2 | 3 | 4\n  /** Children (InfoItem components) */\n  children: ReactNode\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst gapValues: Record<'sm' | 'md' | 'lg', number> = {\n  sm: spacing[2],\n  md: spacing[4],\n  lg: spacing[6],\n}\n\nexport const InfoList = forwardRef<HTMLDListElement, InfoListProps>(function InfoList(\n  {\n    gap = 'md',\n    columns = 1,\n    children,\n    className,\n    style,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const listStyle: CSSProperties = {\n    display: 'grid',\n    gridTemplateColumns: `repeat(${columns}, 1fr)`,\n    gap: gapValues[gap],\n    margin: 0,\n    padding: 0,\n    ...style,\n  }\n\n  return (\n    <dl\n      ref={ref}\n      className={cx(\n        'brycks-info-list',\n        `brycks-info-list--cols-${columns}`,\n        className\n      )}\n      style={listStyle}\n      data-testid={testId}\n      {...props}\n    >\n      {children}\n    </dl>\n  )\n})\n\nInfoList.displayName = 'InfoList'\n"],"names":["sizeConfig","fontSizes","spacing","InfoItem","forwardRef","label","value","children","layout","size","hideEmpty","labelWidth","className","style","testId","props","ref","displayValue","config","getContainerStyle","base","labelStyle","fontWeights","valueStyle","jsxs","cx","jsx","gapValues","InfoList","gap","columns","listStyle"],"mappings":"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"}

package/dist/components/data/List/List.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),c=require("../../../utils/styles.cjs"),b=d.createContext({size:"md",variant:"default"});function R(){return d.useContext(b)}const v=d.forwardRef(function({size:i="md",variant:e="default",interactive:o=!1,className:t,style:r,children:n,testId:u,...p},f){const g={listStyle:"none",margin:0,padding:0,display:"flex",flexDirection:"column",gap:e==="separated"?8:0,border:e==="bordered"?"1px solid var(--brycks-border-default)":void 0,borderRadius:e==="bordered"?"var(--brycks-radius-lg)":void 0,overflow:e==="bordered"?"hidden":void 0,...r};return s.jsx(b.Provider,{value:{size:i,variant:e},children:s.jsx("ul",{ref:f,className:c.cx("brycks-list",`brycks-list--${i}`,`brycks-list--${e}`,o&&"brycks-list--interactive",t),style:g,"data-testid":u,...p,children:n})})});v.displayName="List";const w={sm:{padding:"8px 12px",fontSize:13,secondarySize:12,gap:10,minHeight:40},md:{padding:"12px 16px",fontSize:14,secondarySize:13,gap:12,minHeight:52},lg:{padding:"16px 20px",fontSize:16,secondarySize:14,gap:14,minHeight:64}},k=d.forwardRef(function({leftElement:i,rightElement:e,secondary:o,selected:t=!1,disabled:r=!1,clickable:n=!1,className:u,style:p,children:f,...g},L){const{size:j,variant:l}=R(),a=w[j],z={display:"flex",alignItems:"center",gap:a.gap,padding:a.padding,minHeight:a.minHeight,backgroundColor:t?"var(--brycks-primary-50)":"transparent",borderBottom:l==="default"||l==="bordered"?"1px solid var(--brycks-border-muted)":void 0,border:l==="separated"?"1px solid var(--brycks-border-default)":void 0,borderRadius:l==="separated"?"var(--brycks-radius-lg)":void 0,cursor:r?"not-allowed":n?"pointer":void 0,opacity:r?.5:1,transition:"background-color 150ms ease-out",...p},H={flex:1,display:"flex",flexDirection:"column",gap:2,minWidth:0},C={fontSize:a.fontSize,fontWeight:500,color:"var(--brycks-foreground-default)",lineHeight:1.4},N={fontSize:a.secondarySize,color:"var(--brycks-foreground-muted)",lineHeight:1.4},x={display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0};return s.jsxs("li",{ref:L,className:c.cx("brycks-list-item",t&&"brycks-list-item--selected",n&&"brycks-list-item--clickable",r&&"brycks-list-item--disabled",u),style:z,onMouseEnter:m=>{n&&!r&&!t&&(m.currentTarget.style.backgroundColor="var(--brycks-background-muted)")},onMouseLeave:m=>{t||(m.currentTarget.style.backgroundColor="transparent")},...g,children:[i&&s.jsx("span",{style:x,children:i}),s.jsxs("div",{style:H,children:[s.jsx("span",{style:C,children:f}),o&&s.jsx("span",{style:N,children:o})]}),e&&s.jsx("span",{style:x,children:e})]})});k.displayName="ListItem";const S=d.forwardRef(function({className:i,style:e,...o},t){const r={height:1,backgroundColor:"var(--brycks-border-muted)",margin:"8px 0",...e};return s.jsx("li",{ref:t,role:"separator",className:c.cx("brycks-list-divider",i),style:r,...o})});S.displayName="ListDivider";const h=d.forwardRef(function({className:i,style:e,children:o,...t},r){const n={padding:"12px 16px 8px 16px",fontSize:11,fontWeight:600,color:"var(--brycks-foreground-muted)",textTransform:"uppercase",letterSpacing:"0.05em",...e};return s.jsx("li",{ref:r,className:c.cx("brycks-list-header",i),style:n,...t,children:o})});h.displayName="ListHeader";exports.List=v;exports.ListDivider=S;exports.ListHeader=h;exports.ListItem=k;
+//# sourceMappingURL=List.cjs.map

package/dist/components/data/List/List.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.cjs","sources":["../../../../src/components/data/List/List.tsx"],"sourcesContent":["/**\n * List Component\n *\n * A flexible list component for displaying items in a vertical layout.\n * Supports different sizes, icons, and interactive items.\n */\n\nimport {\n  forwardRef,\n  createContext,\n  useContext,\n  type CSSProperties,\n  type ReactNode,\n  type HTMLAttributes,\n} from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type ListSize = 'sm' | 'md' | 'lg'\nexport type ListVariant = 'default' | 'bordered' | 'separated'\n\ninterface ListContextValue {\n  size: ListSize\n  variant: ListVariant\n}\n\nconst ListContext = createContext<ListContextValue>({ size: 'md', variant: 'default' })\n\nfunction useListContext() {\n  return useContext(ListContext)\n}\n\nexport interface ListProps extends HTMLAttributes<HTMLUListElement> {\n  /** List size */\n  size?: ListSize\n  /** List variant */\n  variant?: ListVariant\n  /** Whether list items are interactive */\n  interactive?: boolean\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nexport const List = forwardRef<HTMLUListElement, ListProps>(function List(\n  {\n    size = 'md',\n    variant = 'default',\n    interactive = false,\n    className,\n    style,\n    children,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const listStyle: CSSProperties = {\n    listStyle: 'none',\n    margin: 0,\n    padding: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    gap: variant === 'separated' ? 8 : 0,\n    border: variant === 'bordered' ? '1px solid var(--brycks-border-default)' : undefined,\n    borderRadius: variant === 'bordered' ? 'var(--brycks-radius-lg)' : undefined,\n    overflow: variant === 'bordered' ? 'hidden' : undefined,\n    ...style,\n  }\n\n  return (\n    <ListContext.Provider value={{ size, variant }}>\n      <ul\n        ref={ref}\n        className={cx(\n          'brycks-list',\n          `brycks-list--${size}`,\n          `brycks-list--${variant}`,\n          interactive && 'brycks-list--interactive',\n          className\n        )}\n        style={listStyle}\n        data-testid={testId}\n        {...props}\n      >\n        {children}\n      </ul>\n    </ListContext.Provider>\n  )\n})\n\nList.displayName = 'List'\n\n// ListItem\nexport interface ListItemProps extends HTMLAttributes<HTMLLIElement> {\n  /** Icon or avatar on the left */\n  leftElement?: ReactNode\n  /** Element on the right (badge, button, etc.) */\n  rightElement?: ReactNode\n  /** Secondary text below the main content */\n  secondary?: ReactNode\n  /** Whether the item is selected */\n  selected?: boolean\n  /** Whether the item is disabled */\n  disabled?: boolean\n  /** Whether the item is clickable */\n  clickable?: boolean\n  /** Custom class name */\n  className?: string\n}\n\nconst sizeConfig: Record<ListSize, { padding: string; fontSize: number; secondarySize: number; gap: number; minHeight: number }> = {\n  sm: { padding: '8px 12px', fontSize: 13, secondarySize: 12, gap: 10, minHeight: 40 },\n  md: { padding: '12px 16px', fontSize: 14, secondarySize: 13, gap: 12, minHeight: 52 },\n  lg: { padding: '16px 20px', fontSize: 16, secondarySize: 14, gap: 14, minHeight: 64 },\n}\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(function ListItem(\n  {\n    leftElement,\n    rightElement,\n    secondary,\n    selected = false,\n    disabled = false,\n    clickable = false,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref\n) {\n  const { size, variant } = useListContext()\n  const config = sizeConfig[size]\n\n  const itemStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    gap: config.gap,\n    padding: config.padding,\n    minHeight: config.minHeight,\n    backgroundColor: selected\n      ? 'var(--brycks-primary-50)'\n      : 'transparent',\n    borderBottom: variant === 'default' || variant === 'bordered'\n      ? '1px solid var(--brycks-border-muted)'\n      : undefined,\n    border: variant === 'separated' ? '1px solid var(--brycks-border-default)' : undefined,\n    borderRadius: variant === 'separated' ? 'var(--brycks-radius-lg)' : undefined,\n    cursor: disabled ? 'not-allowed' : clickable ? 'pointer' : undefined,\n    opacity: disabled ? 0.5 : 1,\n    transition: 'background-color 150ms ease-out',\n    ...style,\n  }\n\n  const contentStyle: CSSProperties = {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 2,\n    minWidth: 0,\n  }\n\n  const primaryStyle: CSSProperties = {\n    fontSize: config.fontSize,\n    fontWeight: 500,\n    color: 'var(--brycks-foreground-default)',\n    lineHeight: 1.4,\n  }\n\n  const secondaryStyle: CSSProperties = {\n    fontSize: config.secondarySize,\n    color: 'var(--brycks-foreground-muted)',\n    lineHeight: 1.4,\n  }\n\n  const elementStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  }\n\n  return (\n    <li\n      ref={ref}\n      className={cx(\n        'brycks-list-item',\n        selected && 'brycks-list-item--selected',\n        clickable && 'brycks-list-item--clickable',\n        disabled && 'brycks-list-item--disabled',\n        className\n      )}\n      style={itemStyle}\n      onMouseEnter={(e) => {\n        if (clickable && !disabled && !selected) {\n          e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n        }\n      }}\n      onMouseLeave={(e) => {\n        if (!selected) {\n          e.currentTarget.style.backgroundColor = 'transparent'\n        }\n      }}\n      {...props}\n    >\n      {leftElement && <span style={elementStyle}>{leftElement}</span>}\n      <div style={contentStyle}>\n        <span style={primaryStyle}>{children}</span>\n        {secondary && <span style={secondaryStyle}>{secondary}</span>}\n      </div>\n      {rightElement && <span style={elementStyle}>{rightElement}</span>}\n    </li>\n  )\n})\n\nListItem.displayName = 'ListItem'\n\n// ListDivider\nexport interface ListDividerProps extends HTMLAttributes<HTMLLIElement> {\n  /** Custom class name */\n  className?: string\n}\n\nexport const ListDivider = forwardRef<HTMLLIElement, ListDividerProps>(function ListDivider(\n  { className, style, ...props },\n  ref\n) {\n  const dividerStyle: CSSProperties = {\n    height: 1,\n    backgroundColor: 'var(--brycks-border-muted)',\n    margin: '8px 0',\n    ...style,\n  }\n\n  return (\n    <li\n      ref={ref}\n      role=\"separator\"\n      className={cx('brycks-list-divider', className)}\n      style={dividerStyle}\n      {...props}\n    />\n  )\n})\n\nListDivider.displayName = 'ListDivider'\n\n// ListHeader\nexport interface ListHeaderProps extends HTMLAttributes<HTMLLIElement> {\n  /** Custom class name */\n  className?: string\n}\n\nexport const ListHeader = forwardRef<HTMLLIElement, ListHeaderProps>(function ListHeader(\n  { className, style, children, ...props },\n  ref\n) {\n  const headerStyle: CSSProperties = {\n    padding: '12px 16px 8px 16px',\n    fontSize: 11,\n    fontWeight: 600,\n    color: 'var(--brycks-foreground-muted)',\n    textTransform: 'uppercase',\n    letterSpacing: '0.05em',\n    ...style,\n  }\n\n  return (\n    <li\n      ref={ref}\n      className={cx('brycks-list-header', className)}\n      style={headerStyle}\n      {...props}\n    >\n      {children}\n    </li>\n  )\n})\n\nListHeader.displayName = 'ListHeader'\n"],"names":["ListContext","createContext","useListContext","useContext","List","forwardRef","size","variant","interactive","className","style","children","testId","props","ref","listStyle","jsx","cx","sizeConfig","ListItem","leftElement","rightElement","secondary","selected","disabled","clickable","config","itemStyle","contentStyle","primaryStyle","secondaryStyle","elementStyle","jsxs","e","ListDivider","dividerStyle","ListHeader","headerStyle"],"mappings":"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"}

package/dist/components/data/List/List.js

@@ -0,0 +1,178 @@
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
+import { forwardRef as l, createContext as H, useContext as N } from "react";
+import { cx as c } from "../../../utils/styles.js";
+const k = H({ size: "md", variant: "default" });
+function D() {
+  return N(k);
+}
+const I = l(function({
+  size: i = "md",
+  variant: e = "default",
+  interactive: s = !1,
+  className: t,
+  style: r,
+  children: n,
+  testId: y,
+  ...m
+}, u) {
+  const f = {
+    listStyle: "none",
+    margin: 0,
+    padding: 0,
+    display: "flex",
+    flexDirection: "column",
+    gap: e === "separated" ? 8 : 0,
+    border: e === "bordered" ? "1px solid var(--brycks-border-default)" : void 0,
+    borderRadius: e === "bordered" ? "var(--brycks-radius-lg)" : void 0,
+    overflow: e === "bordered" ? "hidden" : void 0,
+    ...r
+  };
+  return /* @__PURE__ */ o(k.Provider, { value: { size: i, variant: e }, children: /* @__PURE__ */ o(
+    "ul",
+    {
+      ref: u,
+      className: c(
+        "brycks-list",
+        `brycks-list--${i}`,
+        `brycks-list--${e}`,
+        s && "brycks-list--interactive",
+        t
+      ),
+      style: f,
+      "data-testid": y,
+      ...m,
+      children: n
+    }
+  ) });
+});
+I.displayName = "List";
+const j = {
+  sm: { padding: "8px 12px", fontSize: 13, secondarySize: 12, gap: 10, minHeight: 40 },
+  md: { padding: "12px 16px", fontSize: 14, secondarySize: 13, gap: 12, minHeight: 52 },
+  lg: { padding: "16px 20px", fontSize: 16, secondarySize: 14, gap: 14, minHeight: 64 }
+}, w = l(function({
+  leftElement: i,
+  rightElement: e,
+  secondary: s,
+  selected: t = !1,
+  disabled: r = !1,
+  clickable: n = !1,
+  className: y,
+  style: m,
+  children: u,
+  ...f
+}, v) {
+  const { size: S, variant: a } = D(), d = j[S], h = {
+    display: "flex",
+    alignItems: "center",
+    gap: d.gap,
+    padding: d.padding,
+    minHeight: d.minHeight,
+    backgroundColor: t ? "var(--brycks-primary-50)" : "transparent",
+    borderBottom: a === "default" || a === "bordered" ? "1px solid var(--brycks-border-muted)" : void 0,
+    border: a === "separated" ? "1px solid var(--brycks-border-default)" : void 0,
+    borderRadius: a === "separated" ? "var(--brycks-radius-lg)" : void 0,
+    cursor: r ? "not-allowed" : n ? "pointer" : void 0,
+    opacity: r ? 0.5 : 1,
+    transition: "background-color 150ms ease-out",
+    ...m
+  }, L = {
+    flex: 1,
+    display: "flex",
+    flexDirection: "column",
+    gap: 2,
+    minWidth: 0
+  }, z = {
+    fontSize: d.fontSize,
+    fontWeight: 500,
+    color: "var(--brycks-foreground-default)",
+    lineHeight: 1.4
+  }, C = {
+    fontSize: d.secondarySize,
+    color: "var(--brycks-foreground-muted)",
+    lineHeight: 1.4
+  }, b = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0
+  };
+  return /* @__PURE__ */ x(
+    "li",
+    {
+      ref: v,
+      className: c(
+        "brycks-list-item",
+        t && "brycks-list-item--selected",
+        n && "brycks-list-item--clickable",
+        r && "brycks-list-item--disabled",
+        y
+      ),
+      style: h,
+      onMouseEnter: (g) => {
+        n && !r && !t && (g.currentTarget.style.backgroundColor = "var(--brycks-background-muted)");
+      },
+      onMouseLeave: (g) => {
+        t || (g.currentTarget.style.backgroundColor = "transparent");
+      },
+      ...f,
+      children: [
+        i && /* @__PURE__ */ o("span", { style: b, children: i }),
+        /* @__PURE__ */ x("div", { style: L, children: [
+          /* @__PURE__ */ o("span", { style: z, children: u }),
+          s && /* @__PURE__ */ o("span", { style: C, children: s })
+        ] }),
+        e && /* @__PURE__ */ o("span", { style: b, children: e })
+      ]
+    }
+  );
+});
+w.displayName = "ListItem";
+const R = l(function({ className: i, style: e, ...s }, t) {
+  const r = {
+    height: 1,
+    backgroundColor: "var(--brycks-border-muted)",
+    margin: "8px 0",
+    ...e
+  };
+  return /* @__PURE__ */ o(
+    "li",
+    {
+      ref: t,
+      role: "separator",
+      className: c("brycks-list-divider", i),
+      style: r,
+      ...s
+    }
+  );
+});
+R.displayName = "ListDivider";
+const T = l(function({ className: i, style: e, children: s, ...t }, r) {
+  const n = {
+    padding: "12px 16px 8px 16px",
+    fontSize: 11,
+    fontWeight: 600,
+    color: "var(--brycks-foreground-muted)",
+    textTransform: "uppercase",
+    letterSpacing: "0.05em",
+    ...e
+  };
+  return /* @__PURE__ */ o(
+    "li",
+    {
+      ref: r,
+      className: c("brycks-list-header", i),
+      style: n,
+      ...t,
+      children: s
+    }
+  );
+});
+T.displayName = "ListHeader";
+export {
+  I as List,
+  R as ListDivider,
+  T as ListHeader,
+  w as ListItem
+};
+//# sourceMappingURL=List.js.map

package/dist/components/data/List/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":["../../../../src/components/data/List/List.tsx"],"sourcesContent":["/**\n * List Component\n *\n * A flexible list component for displaying items in a vertical layout.\n * Supports different sizes, icons, and interactive items.\n */\n\nimport {\n  forwardRef,\n  createContext,\n  useContext,\n  type CSSProperties,\n  type ReactNode,\n  type HTMLAttributes,\n} from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type ListSize = 'sm' | 'md' | 'lg'\nexport type ListVariant = 'default' | 'bordered' | 'separated'\n\ninterface ListContextValue {\n  size: ListSize\n  variant: ListVariant\n}\n\nconst ListContext = createContext<ListContextValue>({ size: 'md', variant: 'default' })\n\nfunction useListContext() {\n  return useContext(ListContext)\n}\n\nexport interface ListProps extends HTMLAttributes<HTMLUListElement> {\n  /** List size */\n  size?: ListSize\n  /** List variant */\n  variant?: ListVariant\n  /** Whether list items are interactive */\n  interactive?: boolean\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nexport const List = forwardRef<HTMLUListElement, ListProps>(function List(\n  {\n    size = 'md',\n    variant = 'default',\n    interactive = false,\n    className,\n    style,\n    children,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const listStyle: CSSProperties = {\n    listStyle: 'none',\n    margin: 0,\n    padding: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    gap: variant === 'separated' ? 8 : 0,\n    border: variant === 'bordered' ? '1px solid var(--brycks-border-default)' : undefined,\n    borderRadius: variant === 'bordered' ? 'var(--brycks-radius-lg)' : undefined,\n    overflow: variant === 'bordered' ? 'hidden' : undefined,\n    ...style,\n  }\n\n  return (\n    <ListContext.Provider value={{ size, variant }}>\n      <ul\n        ref={ref}\n        className={cx(\n          'brycks-list',\n          `brycks-list--${size}`,\n          `brycks-list--${variant}`,\n          interactive && 'brycks-list--interactive',\n          className\n        )}\n        style={listStyle}\n        data-testid={testId}\n        {...props}\n      >\n        {children}\n      </ul>\n    </ListContext.Provider>\n  )\n})\n\nList.displayName = 'List'\n\n// ListItem\nexport interface ListItemProps extends HTMLAttributes<HTMLLIElement> {\n  /** Icon or avatar on the left */\n  leftElement?: ReactNode\n  /** Element on the right (badge, button, etc.) */\n  rightElement?: ReactNode\n  /** Secondary text below the main content */\n  secondary?: ReactNode\n  /** Whether the item is selected */\n  selected?: boolean\n  /** Whether the item is disabled */\n  disabled?: boolean\n  /** Whether the item is clickable */\n  clickable?: boolean\n  /** Custom class name */\n  className?: string\n}\n\nconst sizeConfig: Record<ListSize, { padding: string; fontSize: number; secondarySize: number; gap: number; minHeight: number }> = {\n  sm: { padding: '8px 12px', fontSize: 13, secondarySize: 12, gap: 10, minHeight: 40 },\n  md: { padding: '12px 16px', fontSize: 14, secondarySize: 13, gap: 12, minHeight: 52 },\n  lg: { padding: '16px 20px', fontSize: 16, secondarySize: 14, gap: 14, minHeight: 64 },\n}\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(function ListItem(\n  {\n    leftElement,\n    rightElement,\n    secondary,\n    selected = false,\n    disabled = false,\n    clickable = false,\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref\n) {\n  const { size, variant } = useListContext()\n  const config = sizeConfig[size]\n\n  const itemStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    gap: config.gap,\n    padding: config.padding,\n    minHeight: config.minHeight,\n    backgroundColor: selected\n      ? 'var(--brycks-primary-50)'\n      : 'transparent',\n    borderBottom: variant === 'default' || variant === 'bordered'\n      ? '1px solid var(--brycks-border-muted)'\n      : undefined,\n    border: variant === 'separated' ? '1px solid var(--brycks-border-default)' : undefined,\n    borderRadius: variant === 'separated' ? 'var(--brycks-radius-lg)' : undefined,\n    cursor: disabled ? 'not-allowed' : clickable ? 'pointer' : undefined,\n    opacity: disabled ? 0.5 : 1,\n    transition: 'background-color 150ms ease-out',\n    ...style,\n  }\n\n  const contentStyle: CSSProperties = {\n    flex: 1,\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 2,\n    minWidth: 0,\n  }\n\n  const primaryStyle: CSSProperties = {\n    fontSize: config.fontSize,\n    fontWeight: 500,\n    color: 'var(--brycks-foreground-default)',\n    lineHeight: 1.4,\n  }\n\n  const secondaryStyle: CSSProperties = {\n    fontSize: config.secondarySize,\n    color: 'var(--brycks-foreground-muted)',\n    lineHeight: 1.4,\n  }\n\n  const elementStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  }\n\n  return (\n    <li\n      ref={ref}\n      className={cx(\n        'brycks-list-item',\n        selected && 'brycks-list-item--selected',\n        clickable && 'brycks-list-item--clickable',\n        disabled && 'brycks-list-item--disabled',\n        className\n      )}\n      style={itemStyle}\n      onMouseEnter={(e) => {\n        if (clickable && !disabled && !selected) {\n          e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n        }\n      }}\n      onMouseLeave={(e) => {\n        if (!selected) {\n          e.currentTarget.style.backgroundColor = 'transparent'\n        }\n      }}\n      {...props}\n    >\n      {leftElement && <span style={elementStyle}>{leftElement}</span>}\n      <div style={contentStyle}>\n        <span style={primaryStyle}>{children}</span>\n        {secondary && <span style={secondaryStyle}>{secondary}</span>}\n      </div>\n      {rightElement && <span style={elementStyle}>{rightElement}</span>}\n    </li>\n  )\n})\n\nListItem.displayName = 'ListItem'\n\n// ListDivider\nexport interface ListDividerProps extends HTMLAttributes<HTMLLIElement> {\n  /** Custom class name */\n  className?: string\n}\n\nexport const ListDivider = forwardRef<HTMLLIElement, ListDividerProps>(function ListDivider(\n  { className, style, ...props },\n  ref\n) {\n  const dividerStyle: CSSProperties = {\n    height: 1,\n    backgroundColor: 'var(--brycks-border-muted)',\n    margin: '8px 0',\n    ...style,\n  }\n\n  return (\n    <li\n      ref={ref}\n      role=\"separator\"\n      className={cx('brycks-list-divider', className)}\n      style={dividerStyle}\n      {...props}\n    />\n  )\n})\n\nListDivider.displayName = 'ListDivider'\n\n// ListHeader\nexport interface ListHeaderProps extends HTMLAttributes<HTMLLIElement> {\n  /** Custom class name */\n  className?: string\n}\n\nexport const ListHeader = forwardRef<HTMLLIElement, ListHeaderProps>(function ListHeader(\n  { className, style, children, ...props },\n  ref\n) {\n  const headerStyle: CSSProperties = {\n    padding: '12px 16px 8px 16px',\n    fontSize: 11,\n    fontWeight: 600,\n    color: 'var(--brycks-foreground-muted)',\n    textTransform: 'uppercase',\n    letterSpacing: '0.05em',\n    ...style,\n  }\n\n  return (\n    <li\n      ref={ref}\n      className={cx('brycks-list-header', className)}\n      style={headerStyle}\n      {...props}\n    >\n      {children}\n    </li>\n  )\n})\n\nListHeader.displayName = 'ListHeader'\n"],"names":["ListContext","createContext","useListContext","useContext","List","forwardRef","size","variant","interactive","className","style","children","testId","props","ref","listStyle","jsx","cx","sizeConfig","ListItem","leftElement","rightElement","secondary","selected","disabled","clickable","config","itemStyle","contentStyle","primaryStyle","secondaryStyle","elementStyle","jsxs","e","ListDivider","dividerStyle","ListHeader","headerStyle"],"mappings":"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"}

package/dist/components/data/Table/Table.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("react"),b=require("../../../utils/styles.cjs"),v=c.createContext({size:"md",variant:"default"});function g(){return c.useContext(v)}const m={sm:{fontSize:13,padding:"8px 12px",headerPadding:"8px 12px"},md:{fontSize:14,padding:"12px 16px",headerPadding:"12px 16px"},lg:{fontSize:15,padding:"16px 20px",headerPadding:"14px 20px"}},T=c.forwardRef(function({size:e="md",variant:t="default",stickyHeader:l=!1,loading:r=!1,className:a,style:n,children:s,testId:f,...y},i){const u={position:"relative",width:"100%",overflow:"auto",...n},p={width:"100%",borderCollapse:t==="bordered"?"separate":"collapse",borderSpacing:0,fontSize:m[e].fontSize,opacity:r?.6:1,transition:"opacity 150ms ease-out"};return o.jsx(v.Provider,{value:{size:e,variant:t},children:o.jsx("div",{className:"brycks-table-container",style:u,children:o.jsx("table",{ref:i,className:b.cx("brycks-table",`brycks-table--${e}`,`brycks-table--${t}`,a),style:p,"data-testid":f,...y,children:s})})})});T.displayName="Table";const k=c.forwardRef(function({sticky:e=!1,className:t,style:l,children:r,...a},n){const s={backgroundColor:"var(--brycks-background-muted)",position:e?"sticky":void 0,top:e?0:void 0,zIndex:e?1:void 0,...l};return o.jsx("thead",{ref:n,className:b.cx("brycks-table-head",e&&"brycks-table-head--sticky",t),style:s,...a,children:r})});k.displayName="TableHead";const h=c.forwardRef(function({className:e,style:t,children:l,...r},a){const n={...t};return o.jsx("tbody",{ref:a,className:b.cx("brycks-table-body",e),style:n,...r,children:l})});h.displayName="TableBody";const w=c.forwardRef(function({selected:e=!1,clickable:t=!1,className:l,style:r,children:a,...n},s){const{variant:f}=g(),y={backgroundColor:e?"var(--brycks-primary-50)":"transparent",borderBottom:f!=="bordered"?"1px solid var(--brycks-border-muted)":void 0,cursor:t?"pointer":void 0,transition:"background-color 150ms ease-out",...r};return o.jsx("tr",{ref:s,className:b.cx("brycks-table-row",e&&"brycks-table-row--selected",t&&"brycks-table-row--clickable",l),style:y,onMouseEnter:i=>{t&&!e&&(i.currentTarget.style.backgroundColor="var(--brycks-background-muted)")},onMouseLeave:i=>{e||(i.currentTarget.style.backgroundColor="transparent")},...n,children:a})});w.displayName="TableRow";function L({direction:d}){return d?o.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:d==="asc"?o.jsx("path",{d:"M7 3L10 6H4L7 3Z",fill:"currentColor"}):o.jsx("path",{d:"M7 11L4 8H10L7 11Z",fill:"currentColor"})}):o.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",style:{opacity:.4},children:[o.jsx("path",{d:"M7 3L10 6H4L7 3Z",fill:"currentColor"}),o.jsx("path",{d:"M7 11L4 8H10L7 11Z",fill:"currentColor"})]})}const C=c.forwardRef(function({sortable:e=!1,sortDirection:t=null,onSort:l,align:r="left",className:a,style:n,children:s,...f},y){const{size:i}=g(),p={padding:m[i].headerPadding,fontWeight:600,color:"var(--brycks-foreground-muted)",textAlign:r,whiteSpace:"nowrap",cursor:e?"pointer":void 0,userSelect:e?"none":void 0,transition:"color 150ms ease-out",...n},H={display:"flex",alignItems:"center",gap:6,justifyContent:r==="right"?"flex-end":r==="center"?"center":"flex-start"},R=()=>{e&&l&&l()};return o.jsx("th",{ref:y,className:b.cx("brycks-table-header",e&&"brycks-table-header--sortable",a),style:p,onClick:R,onMouseEnter:x=>{e&&(x.currentTarget.style.color="var(--brycks-foreground-default)")},onMouseLeave:x=>{x.currentTarget.style.color="var(--brycks-foreground-muted)"},...f,children:o.jsxs("span",{style:H,children:[s,e&&o.jsx(L,{direction:t})]})})});C.displayName="TableHeader";const S=c.forwardRef(function({align:e="left",truncate:t=!1,className:l,style:r,children:a,...n},s){const{size:f,variant:y}=g(),u={padding:m[f].padding,color:"var(--brycks-foreground-default)",textAlign:e,verticalAlign:"middle",border:y==="bordered"?"1px solid var(--brycks-border-muted)":void 0,maxWidth:t?200:void 0,overflow:t?"hidden":void 0,textOverflow:t?"ellipsis":void 0,whiteSpace:t?"nowrap":void 0,...r};return o.jsx("td",{ref:s,className:b.cx("brycks-table-cell",t&&"brycks-table-cell--truncate",l),style:u,title:t&&typeof a=="string"?a:void 0,...n,children:a})});S.displayName="TableCell";const j=c.forwardRef(function({className:e,style:t,children:l,...r},a){const n={backgroundColor:"var(--brycks-background-muted)",fontWeight:500,...t};return o.jsx("tfoot",{ref:a,className:b.cx("brycks-table-foot",e),style:n,...r,children:l})});j.displayName="TableFoot";const N=c.forwardRef(function({placement:e="bottom",className:t,style:l,children:r,...a},n){const s={captionSide:e,padding:"12px 16px",fontSize:13,color:"var(--brycks-foreground-muted)",textAlign:"left",...l};return o.jsx("caption",{ref:n,className:b.cx("brycks-table-caption",t),style:s,...a,children:r})});N.displayName="TableCaption";exports.Table=T;exports.TableBody=h;exports.TableCaption=N;exports.TableCell=S;exports.TableFoot=j;exports.TableHead=k;exports.TableHeader=C;exports.TableRow=w;
+//# sourceMappingURL=Table.cjs.map

package/dist/components/data/Table/Table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.cjs","sources":["../../../../src/components/data/Table/Table.tsx"],"sourcesContent":["/**\n * Table Component\n *\n * A flexible table component with sorting, selection, and responsive support.\n * Follows design system patterns for consistent styling.\n */\n\nimport {\n  forwardRef,\n  createContext,\n  useContext,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ThHTMLAttributes,\n  type TdHTMLAttributes,\n} from 'react'\nimport { cx } from '../../../utils/styles'\n\nexport type TableSize = 'sm' | 'md' | 'lg'\nexport type TableVariant = 'default' | 'striped' | 'bordered'\n\ninterface TableContextValue {\n  size: TableSize\n  variant: TableVariant\n}\n\nconst TableContext = createContext<TableContextValue>({ size: 'md', variant: 'default' })\n\nfunction useTableContext() {\n  return useContext(TableContext)\n}\n\nexport interface TableProps extends HTMLAttributes<HTMLTableElement> {\n  /** Table size */\n  size?: TableSize\n  /** Table variant */\n  variant?: TableVariant\n  /** Whether the table has a sticky header */\n  stickyHeader?: boolean\n  /** Whether the table is in a loading state */\n  loading?: boolean\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<TableSize, { fontSize: number; padding: string; headerPadding: string }> = {\n  sm: { fontSize: 13, padding: '8px 12px', headerPadding: '8px 12px' },\n  md: { fontSize: 14, padding: '12px 16px', headerPadding: '12px 16px' },\n  lg: { fontSize: 15, padding: '16px 20px', headerPadding: '14px 20px' },\n}\n\nexport const Table = forwardRef<HTMLTableElement, TableProps>(function Table(\n  {\n    size = 'md',\n    variant = 'default',\n    stickyHeader: _stickyHeader = false,\n    loading = false,\n    className,\n    style,\n    children,\n    testId,\n    ...props\n  },\n  ref\n) {\n  const containerStyle: CSSProperties = {\n    position: 'relative',\n    width: '100%',\n    overflow: 'auto',\n    ...style,\n  }\n\n  const tableStyle: CSSProperties = {\n    width: '100%',\n    borderCollapse: variant === 'bordered' ? 'separate' : 'collapse',\n    borderSpacing: 0,\n    fontSize: sizeConfig[size].fontSize,\n    opacity: loading ? 0.6 : 1,\n    transition: 'opacity 150ms ease-out',\n  }\n\n  return (\n    <TableContext.Provider value={{ size, variant }}>\n      <div className=\"brycks-table-container\" style={containerStyle}>\n        <table\n          ref={ref}\n          className={cx('brycks-table', `brycks-table--${size}`, `brycks-table--${variant}`, className)}\n          style={tableStyle}\n          data-testid={testId}\n          {...props}\n        >\n          {children}\n        </table>\n      </div>\n    </TableContext.Provider>\n  )\n})\n\nTable.displayName = 'Table'\n\n// TableHead\nexport interface TableHeadProps extends HTMLAttributes<HTMLTableSectionElement> {\n  /** Whether the header is sticky */\n  sticky?: boolean\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableHead = forwardRef<HTMLTableSectionElement, TableHeadProps>(function TableHead(\n  { sticky = false, className, style, children, ...props },\n  ref\n) {\n  const headStyle: CSSProperties = {\n    backgroundColor: 'var(--brycks-background-muted)',\n    position: sticky ? 'sticky' : undefined,\n    top: sticky ? 0 : undefined,\n    zIndex: sticky ? 1 : undefined,\n    ...style,\n  }\n\n  return (\n    <thead\n      ref={ref}\n      className={cx('brycks-table-head', sticky && 'brycks-table-head--sticky', className)}\n      style={headStyle}\n      {...props}\n    >\n      {children}\n    </thead>\n  )\n})\n\nTableHead.displayName = 'TableHead'\n\n// TableBody\nexport interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(function TableBody(\n  { className, style, children, ...props },\n  ref\n) {\n  const bodyStyle: CSSProperties = {\n    ...style,\n  }\n\n  return (\n    <tbody\n      ref={ref}\n      className={cx('brycks-table-body', className)}\n      style={bodyStyle}\n      {...props}\n    >\n      {children}\n    </tbody>\n  )\n})\n\nTableBody.displayName = 'TableBody'\n\n// TableRow\nexport interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\n  /** Whether the row is selected */\n  selected?: boolean\n  /** Whether the row is clickable */\n  clickable?: boolean\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(function TableRow(\n  { selected = false, clickable = false, className, style, children, ...props },\n  ref\n) {\n  const { variant } = useTableContext()\n\n  const rowStyle: CSSProperties = {\n    backgroundColor: selected\n      ? 'var(--brycks-primary-50)'\n      : 'transparent',\n    borderBottom: variant !== 'bordered' ? '1px solid var(--brycks-border-muted)' : undefined,\n    cursor: clickable ? 'pointer' : undefined,\n    transition: 'background-color 150ms ease-out',\n    ...style,\n  }\n\n  return (\n    <tr\n      ref={ref}\n      className={cx(\n        'brycks-table-row',\n        selected && 'brycks-table-row--selected',\n        clickable && 'brycks-table-row--clickable',\n        className\n      )}\n      style={rowStyle}\n      onMouseEnter={(e) => {\n        if (clickable && !selected) {\n          e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n        }\n      }}\n      onMouseLeave={(e) => {\n        if (!selected) {\n          e.currentTarget.style.backgroundColor = 'transparent'\n        }\n      }}\n      {...props}\n    >\n      {children}\n    </tr>\n  )\n})\n\nTableRow.displayName = 'TableRow'\n\n// TableHeader (th)\nexport interface TableHeaderProps extends ThHTMLAttributes<HTMLTableCellElement> {\n  /** Whether the column is sortable */\n  sortable?: boolean\n  /** Sort direction */\n  sortDirection?: 'asc' | 'desc' | null\n  /** Callback when sort is requested */\n  onSort?: () => void\n  /** Text alignment */\n  align?: 'left' | 'center' | 'right'\n  /** Custom class name */\n  className?: string\n}\n\nfunction SortIcon({ direction }: { direction: 'asc' | 'desc' | null }) {\n  if (!direction) {\n    return (\n      <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" style={{ opacity: 0.4 }}>\n        <path d=\"M7 3L10 6H4L7 3Z\" fill=\"currentColor\" />\n        <path d=\"M7 11L4 8H10L7 11Z\" fill=\"currentColor\" />\n      </svg>\n    )\n  }\n\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n      {direction === 'asc' ? (\n        <path d=\"M7 3L10 6H4L7 3Z\" fill=\"currentColor\" />\n      ) : (\n        <path d=\"M7 11L4 8H10L7 11Z\" fill=\"currentColor\" />\n      )}\n    </svg>\n  )\n}\n\nexport const TableHeader = forwardRef<HTMLTableCellElement, TableHeaderProps>(function TableHeader(\n  {\n    sortable = false,\n    sortDirection = null,\n    onSort,\n    align = 'left',\n    className,\n    style,\n    children,\n    ...props\n  },\n  ref\n) {\n  const { size } = useTableContext()\n  const config = sizeConfig[size]\n\n  const headerStyle: CSSProperties = {\n    padding: config.headerPadding,\n    fontWeight: 600,\n    color: 'var(--brycks-foreground-muted)',\n    textAlign: align,\n    whiteSpace: 'nowrap',\n    cursor: sortable ? 'pointer' : undefined,\n    userSelect: sortable ? 'none' : undefined,\n    transition: 'color 150ms ease-out',\n    ...style,\n  }\n\n  const contentStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 6,\n    justifyContent: align === 'right' ? 'flex-end' : align === 'center' ? 'center' : 'flex-start',\n  }\n\n  const handleClick = () => {\n    if (sortable && onSort) {\n      onSort()\n    }\n  }\n\n  return (\n    <th\n      ref={ref}\n      className={cx('brycks-table-header', sortable && 'brycks-table-header--sortable', className)}\n      style={headerStyle}\n      onClick={handleClick}\n      onMouseEnter={(e) => {\n        if (sortable) {\n          e.currentTarget.style.color = 'var(--brycks-foreground-default)'\n        }\n      }}\n      onMouseLeave={(e) => {\n        e.currentTarget.style.color = 'var(--brycks-foreground-muted)'\n      }}\n      {...props}\n    >\n      <span style={contentStyle}>\n        {children}\n        {sortable && <SortIcon direction={sortDirection} />}\n      </span>\n    </th>\n  )\n})\n\nTableHeader.displayName = 'TableHeader'\n\n// TableCell (td)\nexport interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {\n  /** Text alignment */\n  align?: 'left' | 'center' | 'right'\n  /** Whether to truncate text */\n  truncate?: boolean\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell(\n  { align = 'left', truncate = false, className, style, children, ...props },\n  ref\n) {\n  const { size, variant } = useTableContext()\n  const config = sizeConfig[size]\n\n  const cellStyle: CSSProperties = {\n    padding: config.padding,\n    color: 'var(--brycks-foreground-default)',\n    textAlign: align,\n    verticalAlign: 'middle',\n    border: variant === 'bordered' ? '1px solid var(--brycks-border-muted)' : undefined,\n    maxWidth: truncate ? 200 : undefined,\n    overflow: truncate ? 'hidden' : undefined,\n    textOverflow: truncate ? 'ellipsis' : undefined,\n    whiteSpace: truncate ? 'nowrap' : undefined,\n    ...style,\n  }\n\n  return (\n    <td\n      ref={ref}\n      className={cx('brycks-table-cell', truncate && 'brycks-table-cell--truncate', className)}\n      style={cellStyle}\n      title={truncate && typeof children === 'string' ? children : undefined}\n      {...props}\n    >\n      {children}\n    </td>\n  )\n})\n\nTableCell.displayName = 'TableCell'\n\n// TableFoot\nexport interface TableFootProps extends HTMLAttributes<HTMLTableSectionElement> {\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableFoot = forwardRef<HTMLTableSectionElement, TableFootProps>(function TableFoot(\n  { className, style, children, ...props },\n  ref\n) {\n  const footStyle: CSSProperties = {\n    backgroundColor: 'var(--brycks-background-muted)',\n    fontWeight: 500,\n    ...style,\n  }\n\n  return (\n    <tfoot\n      ref={ref}\n      className={cx('brycks-table-foot', className)}\n      style={footStyle}\n      {...props}\n    >\n      {children}\n    </tfoot>\n  )\n})\n\nTableFoot.displayName = 'TableFoot'\n\n// TableCaption\nexport interface TableCaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {\n  /** Caption placement */\n  placement?: 'top' | 'bottom'\n  /** Custom class name */\n  className?: string\n}\n\nexport const TableCaption = forwardRef<HTMLTableCaptionElement, TableCaptionProps>(function TableCaption(\n  { placement = 'bottom', className, style, children, ...props },\n  ref\n) {\n  const captionStyle: CSSProperties = {\n    captionSide: placement,\n    padding: '12px 16px',\n    fontSize: 13,\n    color: 'var(--brycks-foreground-muted)',\n    textAlign: 'left',\n    ...style,\n  }\n\n  return (\n    <caption\n      ref={ref}\n      className={cx('brycks-table-caption', className)}\n      style={captionStyle}\n      {...props}\n    >\n      {children}\n    </caption>\n  )\n})\n\nTableCaption.displayName = 'TableCaption'\n"],"names":["TableContext","createContext","useTableContext","useContext","sizeConfig","Table","forwardRef","size","variant","_stickyHeader","loading","className","style","children","testId","props","ref","containerStyle","tableStyle","jsx","cx","TableHead","sticky","headStyle","TableBody","bodyStyle","TableRow","selected","clickable","rowStyle","e","SortIcon","direction","jsxs","TableHeader","sortable","sortDirection","onSort","align","headerStyle","contentStyle","handleClick","TableCell","truncate","cellStyle","TableFoot","footStyle","TableCaption","placement","captionStyle"],"mappings":"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"}