@brycks/core-front 0.2.7 → 0.2.8

package/dist/components/data/Table/Table.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","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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"}

package/dist/components/data.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./data/Table/Table.cjs"),t=require("./data/List/List.cjs"),a=require("./data/InfoItem/InfoItem.cjs");exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableFoot=e.TableFoot;exports.TableHead=e.TableHead;exports.TableHeader=e.TableHeader;exports.TableRow=e.TableRow;exports.List=t.List;exports.ListDivider=t.ListDivider;exports.ListHeader=t.ListHeader;exports.ListItem=t.ListItem;exports.InfoItem=a.InfoItem;exports.InfoList=a.InfoList;
+//# sourceMappingURL=data.cjs.map

package/dist/components/data.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/data.d.ts

@@ -0,0 +1,2 @@
+export * from './data/index'
+export {}

package/dist/components/data.js

@@ -0,0 +1,20 @@
+import { Table as a, TableBody as t, TableCaption as l, TableCell as r, TableFoot as b, TableHead as i, TableHeader as T, TableRow as d } from "./data/Table/Table.js";
+import { List as m, ListDivider as s, ListHeader as L, ListItem as p } from "./data/List/List.js";
+import { InfoItem as n, InfoList as x } from "./data/InfoItem/InfoItem.js";
+export {
+  n as InfoItem,
+  x as InfoList,
+  m as List,
+  s as ListDivider,
+  L as ListHeader,
+  p as ListItem,
+  a as Table,
+  t as TableBody,
+  l as TableCaption,
+  r as TableCell,
+  b as TableFoot,
+  i as TableHead,
+  T as TableHeader,
+  d as TableRow
+};
+//# sourceMappingURL=data.js.map

package/dist/components/data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/feedback/Alert/Alert.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),S=require("react"),M=require("../../../utils/styles.cjs"),W={info:{icon:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[r.jsx("circle",{cx:"9",cy:"9",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),r.jsx("path",{d:"M9 8V12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),r.jsx("circle",{cx:"9",cy:"5.5",r:"0.75",fill:"currentColor"})]}),colors:{subtle:{backgroundColor:"var(--brycks-info-muted)",color:"var(--brycks-info-default)",borderColor:"transparent"},solid:{backgroundColor:"var(--brycks-info-default)",color:"var(--brycks-info-foreground)",borderColor:"transparent"},outline:{backgroundColor:"transparent",color:"var(--brycks-info-default)",borderColor:"var(--brycks-info-default)"}}},success:{icon:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[r.jsx("circle",{cx:"9",cy:"9",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),r.jsx("path",{d:"M6 9L8 11L12 7",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),colors:{subtle:{backgroundColor:"var(--brycks-success-muted)",color:"var(--brycks-success-default)",borderColor:"transparent"},solid:{backgroundColor:"var(--brycks-success-default)",color:"var(--brycks-success-foreground)",borderColor:"transparent"},outline:{backgroundColor:"transparent",color:"var(--brycks-success-default)",borderColor:"var(--brycks-success-default)"}}},warning:{icon:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[r.jsx("path",{d:"M9 2L16.5 15H1.5L9 2Z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"}),r.jsx("path",{d:"M9 7V10",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),r.jsx("circle",{cx:"9",cy:"12.5",r:"0.75",fill:"currentColor"})]}),colors:{subtle:{backgroundColor:"var(--brycks-warning-muted)",color:"var(--brycks-warning-default)",borderColor:"transparent"},solid:{backgroundColor:"var(--brycks-warning-default)",color:"var(--brycks-warning-foreground)",borderColor:"transparent"},outline:{backgroundColor:"transparent",color:"var(--brycks-warning-default)",borderColor:"var(--brycks-warning-default)"}}},error:{icon:r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",children:[r.jsx("circle",{cx:"9",cy:"9",r:"7.5",stroke:"currentColor",strokeWidth:"1.5"}),r.jsx("path",{d:"M6.5 6.5L11.5 11.5M11.5 6.5L6.5 11.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),colors:{subtle:{backgroundColor:"var(--brycks-error-muted)",color:"var(--brycks-error-default)",borderColor:"transparent"},solid:{backgroundColor:"var(--brycks-error-default)",color:"var(--brycks-error-foreground)",borderColor:"transparent"},outline:{backgroundColor:"transparent",color:"var(--brycks-error-default)",borderColor:"var(--brycks-error-default)"}}}},d=S.forwardRef(function({intent:l="info",variant:e="subtle",title:c,icon:u,showIcon:k=!0,action:n,isDismissible:a,onDismiss:b,className:y,style:f,testId:g,children:s,...h},x){const i=W[l],o=i.colors[e],p={display:"flex",alignItems:"flex-start",gap:12,padding:"12px 16px",borderRadius:"var(--brycks-radius-default)",border:`1px solid ${o.borderColor}`,backgroundColor:o.backgroundColor,color:e==="solid"?o.color:"var(--brycks-foreground-default)",...f},v={flexShrink:0,color:o.color,marginTop:1},C={flex:1,minWidth:0},j={fontSize:14,fontWeight:600,marginBottom:s?4:0,color:o.color},m={fontSize:14,lineHeight:1.5,color:e==="solid"?o.color:"var(--brycks-foreground-muted)"},w={display:"flex",alignItems:"center",gap:8,flexShrink:0},L={display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,borderRadius:"var(--brycks-radius-sm)",color:e==="solid"?o.color:"var(--brycks-foreground-muted)",transition:"all 150ms ease-out",opacity:.7};return r.jsxs("div",{ref:x,role:"alert",className:M.cx("brycks-alert",`brycks-alert--${l}`,`brycks-alert--${e}`,y),style:p,"data-testid":g,...h,children:[k&&r.jsx("span",{className:"brycks-alert-icon",style:v,children:u??i.icon}),r.jsxs("div",{className:"brycks-alert-content",style:C,children:[c&&r.jsx("div",{className:"brycks-alert-title",style:j,children:c}),s&&r.jsx("div",{className:"brycks-alert-description",style:m,children:s})]}),(n||a)&&r.jsxs("div",{className:"brycks-alert-actions",style:w,children:[n,a&&r.jsx("button",{type:"button",className:"brycks-alert-dismiss",style:L,onClick:b,"aria-label":"Dismiss alert",onMouseEnter:t=>{t.currentTarget.style.opacity="1"},onMouseLeave:t=>{t.currentTarget.style.opacity="0.7"},children:r.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:r.jsx("path",{d:"M3 3L11 11M11 3L3 11",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})})]})]})});d.displayName="Alert";exports.Alert=d;
+//# sourceMappingURL=Alert.cjs.map

package/dist/components/feedback/Alert/Alert.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.cjs","sources":["../../../../src/components/feedback/Alert/Alert.tsx"],"sourcesContent":["/**\r\n * Alert Component\r\n *\r\n * Contextual feedback message for user actions and states.\r\n * Clean design with subtle color coding and optional icons.\r\n */\r\n\r\nimport React, {\r\n  forwardRef,\r\n  type CSSProperties,\r\n  type ReactNode,\r\n  type HTMLAttributes,\r\n} from 'react'\r\nimport { cx } from '../../../utils/styles'\r\n\r\nexport type AlertIntent = 'info' | 'success' | 'warning' | 'error'\r\nexport type AlertVariant = 'subtle' | 'solid' | 'outline'\r\n\r\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\r\n  /** Visual intent/status */\r\n  intent?: AlertIntent\r\n  /** Visual variant */\r\n  variant?: AlertVariant\r\n  /** Alert title */\r\n  title?: ReactNode\r\n  /** Custom icon */\r\n  icon?: ReactNode\r\n  /** Whether to show default icon */\r\n  showIcon?: boolean\r\n  /** Action element (button, link) */\r\n  action?: ReactNode\r\n  /** Whether alert can be dismissed */\r\n  isDismissible?: boolean\r\n  /** Callback when dismissed */\r\n  onDismiss?: () => void\r\n  /** Custom class name */\r\n  className?: string\r\n  /** Test ID */\r\n  testId?: string\r\n  /** Alert content */\r\n  children?: ReactNode\r\n}\r\n\r\nconst intentConfig: Record<AlertIntent, { icon: React.JSX.Element; colors: Record<AlertVariant, CSSProperties> }> = {\r\n  info: {\r\n    icon: (\r\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n        <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\r\n        <path d=\"M9 8V12\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n        <circle cx=\"9\" cy=\"5.5\" r=\"0.75\" fill=\"currentColor\" />\r\n      </svg>\r\n    ),\r\n    colors: {\r\n      subtle: {\r\n        backgroundColor: 'var(--brycks-info-muted)',\r\n        color: 'var(--brycks-info-default)',\r\n        borderColor: 'transparent',\r\n      },\r\n      solid: {\r\n        backgroundColor: 'var(--brycks-info-default)',\r\n        color: 'var(--brycks-info-foreground)',\r\n        borderColor: 'transparent',\r\n      },\r\n      outline: {\r\n        backgroundColor: 'transparent',\r\n        color: 'var(--brycks-info-default)',\r\n        borderColor: 'var(--brycks-info-default)',\r\n      },\r\n    },\r\n  },\r\n  success: {\r\n    icon: (\r\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n        <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\r\n        <path d=\"M6 9L8 11L12 7\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\r\n      </svg>\r\n    ),\r\n    colors: {\r\n      subtle: {\r\n        backgroundColor: 'var(--brycks-success-muted)',\r\n        color: 'var(--brycks-success-default)',\r\n        borderColor: 'transparent',\r\n      },\r\n      solid: {\r\n        backgroundColor: 'var(--brycks-success-default)',\r\n        color: 'var(--brycks-success-foreground)',\r\n        borderColor: 'transparent',\r\n      },\r\n      outline: {\r\n        backgroundColor: 'transparent',\r\n        color: 'var(--brycks-success-default)',\r\n        borderColor: 'var(--brycks-success-default)',\r\n      },\r\n    },\r\n  },\r\n  warning: {\r\n    icon: (\r\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n        <path d=\"M9 2L16.5 15H1.5L9 2Z\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" />\r\n        <path d=\"M9 7V10\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n        <circle cx=\"9\" cy=\"12.5\" r=\"0.75\" fill=\"currentColor\" />\r\n      </svg>\r\n    ),\r\n    colors: {\r\n      subtle: {\r\n        backgroundColor: 'var(--brycks-warning-muted)',\r\n        color: 'var(--brycks-warning-default)',\r\n        borderColor: 'transparent',\r\n      },\r\n      solid: {\r\n        backgroundColor: 'var(--brycks-warning-default)',\r\n        color: 'var(--brycks-warning-foreground)',\r\n        borderColor: 'transparent',\r\n      },\r\n      outline: {\r\n        backgroundColor: 'transparent',\r\n        color: 'var(--brycks-warning-default)',\r\n        borderColor: 'var(--brycks-warning-default)',\r\n      },\r\n    },\r\n  },\r\n  error: {\r\n    icon: (\r\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n        <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\r\n        <path d=\"M6.5 6.5L11.5 11.5M11.5 6.5L6.5 11.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n      </svg>\r\n    ),\r\n    colors: {\r\n      subtle: {\r\n        backgroundColor: 'var(--brycks-error-muted)',\r\n        color: 'var(--brycks-error-default)',\r\n        borderColor: 'transparent',\r\n      },\r\n      solid: {\r\n        backgroundColor: 'var(--brycks-error-default)',\r\n        color: 'var(--brycks-error-foreground)',\r\n        borderColor: 'transparent',\r\n      },\r\n      outline: {\r\n        backgroundColor: 'transparent',\r\n        color: 'var(--brycks-error-default)',\r\n        borderColor: 'var(--brycks-error-default)',\r\n      },\r\n    },\r\n  },\r\n}\r\n\r\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\r\n  {\r\n    intent = 'info',\r\n    variant = 'subtle',\r\n    title,\r\n    icon,\r\n    showIcon = true,\r\n    action,\r\n    isDismissible,\r\n    onDismiss,\r\n    className,\r\n    style,\r\n    testId,\r\n    children,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  const config = intentConfig[intent]\r\n  const variantColors = config.colors[variant]\r\n\r\n  const alertStyle: CSSProperties = {\r\n    display: 'flex',\r\n    alignItems: 'flex-start',\r\n    gap: 12,\r\n    padding: '12px 16px',\r\n    borderRadius: 'var(--brycks-radius-default)',\r\n    border: `1px solid ${variantColors.borderColor}`,\r\n    backgroundColor: variantColors.backgroundColor,\r\n    color: variant === 'solid' ? variantColors.color : 'var(--brycks-foreground-default)',\r\n    ...style,\r\n  }\r\n\r\n  const iconStyle: CSSProperties = {\r\n    flexShrink: 0,\r\n    color: variantColors.color,\r\n    marginTop: 1,\r\n  }\r\n\r\n  const contentStyle: CSSProperties = {\r\n    flex: 1,\r\n    minWidth: 0,\r\n  }\r\n\r\n  const titleStyle: CSSProperties = {\r\n    fontSize: 14,\r\n    fontWeight: 600,\r\n    marginBottom: children ? 4 : 0,\r\n    color: variant === 'solid' ? variantColors.color : variantColors.color,\r\n  }\r\n\r\n  const descriptionStyle: CSSProperties = {\r\n    fontSize: 14,\r\n    lineHeight: 1.5,\r\n    color: variant === 'solid' ? variantColors.color : 'var(--brycks-foreground-muted)',\r\n  }\r\n\r\n  const actionsStyle: CSSProperties = {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    gap: 8,\r\n    flexShrink: 0,\r\n  }\r\n\r\n  const dismissButtonStyle: CSSProperties = {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    width: 24,\r\n    height: 24,\r\n    borderRadius: 'var(--brycks-radius-sm)',\r\n    color: variant === 'solid' ? variantColors.color : 'var(--brycks-foreground-muted)',\r\n    transition: 'all 150ms ease-out',\r\n    opacity: 0.7,\r\n  }\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      role=\"alert\"\r\n      className={cx(\r\n        'brycks-alert',\r\n        `brycks-alert--${intent}`,\r\n        `brycks-alert--${variant}`,\r\n        className\r\n      )}\r\n      style={alertStyle}\r\n      data-testid={testId}\r\n      {...props}\r\n    >\r\n      {showIcon && (\r\n        <span className=\"brycks-alert-icon\" style={iconStyle}>\r\n          {icon ?? config.icon}\r\n        </span>\r\n      )}\r\n\r\n      <div className=\"brycks-alert-content\" style={contentStyle}>\r\n        {title && <div className=\"brycks-alert-title\" style={titleStyle}>{title}</div>}\r\n        {children && <div className=\"brycks-alert-description\" style={descriptionStyle}>{children}</div>}\r\n      </div>\r\n\r\n      {(action || isDismissible) && (\r\n        <div className=\"brycks-alert-actions\" style={actionsStyle}>\r\n          {action}\r\n          {isDismissible && (\r\n            <button\r\n              type=\"button\"\r\n              className=\"brycks-alert-dismiss\"\r\n              style={dismissButtonStyle}\r\n              onClick={onDismiss}\r\n              aria-label=\"Dismiss alert\"\r\n              onMouseEnter={(e) => { e.currentTarget.style.opacity = '1' }}\r\n              onMouseLeave={(e) => { e.currentTarget.style.opacity = '0.7' }}\r\n            >\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\r\n                <path d=\"M3 3L11 11M11 3L3 11\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n              </svg>\r\n            </button>\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n})\r\n\r\nAlert.displayName = 'Alert'\r\n"],"names":["intentConfig","jsxs","jsx","Alert","forwardRef","intent","variant","title","icon","showIcon","action","isDismissible","onDismiss","className","style","testId","children","props","ref","config","variantColors","alertStyle","iconStyle","contentStyle","titleStyle","descriptionStyle","actionsStyle","dismissButtonStyle","cx","e"],"mappings":"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"}

package/dist/components/feedback/Alert/Alert.js

@@ -0,0 +1,204 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { forwardRef as W } from "react";
+import { cx as M } from "../../../utils/styles.js";
+const N = {
+  info: {
+    icon: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
+      /* @__PURE__ */ r("circle", { cx: "9", cy: "9", r: "7.5", stroke: "currentColor", strokeWidth: "1.5" }),
+      /* @__PURE__ */ r("path", { d: "M9 8V12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+      /* @__PURE__ */ r("circle", { cx: "9", cy: "5.5", r: "0.75", fill: "currentColor" })
+    ] }),
+    colors: {
+      subtle: {
+        backgroundColor: "var(--brycks-info-muted)",
+        color: "var(--brycks-info-default)",
+        borderColor: "transparent"
+      },
+      solid: {
+        backgroundColor: "var(--brycks-info-default)",
+        color: "var(--brycks-info-foreground)",
+        borderColor: "transparent"
+      },
+      outline: {
+        backgroundColor: "transparent",
+        color: "var(--brycks-info-default)",
+        borderColor: "var(--brycks-info-default)"
+      }
+    }
+  },
+  success: {
+    icon: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
+      /* @__PURE__ */ r("circle", { cx: "9", cy: "9", r: "7.5", stroke: "currentColor", strokeWidth: "1.5" }),
+      /* @__PURE__ */ r("path", { d: "M6 9L8 11L12 7", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+    ] }),
+    colors: {
+      subtle: {
+        backgroundColor: "var(--brycks-success-muted)",
+        color: "var(--brycks-success-default)",
+        borderColor: "transparent"
+      },
+      solid: {
+        backgroundColor: "var(--brycks-success-default)",
+        color: "var(--brycks-success-foreground)",
+        borderColor: "transparent"
+      },
+      outline: {
+        backgroundColor: "transparent",
+        color: "var(--brycks-success-default)",
+        borderColor: "var(--brycks-success-default)"
+      }
+    }
+  },
+  warning: {
+    icon: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
+      /* @__PURE__ */ r("path", { d: "M9 2L16.5 15H1.5L9 2Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }),
+      /* @__PURE__ */ r("path", { d: "M9 7V10", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+      /* @__PURE__ */ r("circle", { cx: "9", cy: "12.5", r: "0.75", fill: "currentColor" })
+    ] }),
+    colors: {
+      subtle: {
+        backgroundColor: "var(--brycks-warning-muted)",
+        color: "var(--brycks-warning-default)",
+        borderColor: "transparent"
+      },
+      solid: {
+        backgroundColor: "var(--brycks-warning-default)",
+        color: "var(--brycks-warning-foreground)",
+        borderColor: "transparent"
+      },
+      outline: {
+        backgroundColor: "transparent",
+        color: "var(--brycks-warning-default)",
+        borderColor: "var(--brycks-warning-default)"
+      }
+    }
+  },
+  error: {
+    icon: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", children: [
+      /* @__PURE__ */ r("circle", { cx: "9", cy: "9", r: "7.5", stroke: "currentColor", strokeWidth: "1.5" }),
+      /* @__PURE__ */ r("path", { d: "M6.5 6.5L11.5 11.5M11.5 6.5L6.5 11.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+    ] }),
+    colors: {
+      subtle: {
+        backgroundColor: "var(--brycks-error-muted)",
+        color: "var(--brycks-error-default)",
+        borderColor: "transparent"
+      },
+      solid: {
+        backgroundColor: "var(--brycks-error-default)",
+        color: "var(--brycks-error-foreground)",
+        borderColor: "transparent"
+      },
+      outline: {
+        backgroundColor: "transparent",
+        color: "var(--brycks-error-default)",
+        borderColor: "var(--brycks-error-default)"
+      }
+    }
+  }
+}, B = W(function({
+  intent: c = "info",
+  variant: t = "subtle",
+  title: n,
+  icon: u,
+  showIcon: k = !0,
+  action: a,
+  isDismissible: i,
+  onDismiss: b,
+  className: y,
+  style: f,
+  testId: g,
+  children: l,
+  ...h
+}, p) {
+  const d = N[c], o = d.colors[t], C = {
+    display: "flex",
+    alignItems: "flex-start",
+    gap: 12,
+    padding: "12px 16px",
+    borderRadius: "var(--brycks-radius-default)",
+    border: `1px solid ${o.borderColor}`,
+    backgroundColor: o.backgroundColor,
+    color: t === "solid" ? o.color : "var(--brycks-foreground-default)",
+    ...f
+  }, v = {
+    flexShrink: 0,
+    color: o.color,
+    marginTop: 1
+  }, m = {
+    flex: 1,
+    minWidth: 0
+  }, x = {
+    fontSize: 14,
+    fontWeight: 600,
+    marginBottom: l ? 4 : 0,
+    color: o.color
+  }, w = {
+    fontSize: 14,
+    lineHeight: 1.5,
+    color: t === "solid" ? o.color : "var(--brycks-foreground-muted)"
+  }, L = {
+    display: "flex",
+    alignItems: "center",
+    gap: 8,
+    flexShrink: 0
+  }, S = {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: 24,
+    height: 24,
+    borderRadius: "var(--brycks-radius-sm)",
+    color: t === "solid" ? o.color : "var(--brycks-foreground-muted)",
+    transition: "all 150ms ease-out",
+    opacity: 0.7
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: p,
+      role: "alert",
+      className: M(
+        "brycks-alert",
+        `brycks-alert--${c}`,
+        `brycks-alert--${t}`,
+        y
+      ),
+      style: C,
+      "data-testid": g,
+      ...h,
+      children: [
+        k && /* @__PURE__ */ r("span", { className: "brycks-alert-icon", style: v, children: u ?? d.icon }),
+        /* @__PURE__ */ e("div", { className: "brycks-alert-content", style: m, children: [
+          n && /* @__PURE__ */ r("div", { className: "brycks-alert-title", style: x, children: n }),
+          l && /* @__PURE__ */ r("div", { className: "brycks-alert-description", style: w, children: l })
+        ] }),
+        (a || i) && /* @__PURE__ */ e("div", { className: "brycks-alert-actions", style: L, children: [
+          a,
+          i && /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              className: "brycks-alert-dismiss",
+              style: S,
+              onClick: b,
+              "aria-label": "Dismiss alert",
+              onMouseEnter: (s) => {
+                s.currentTarget.style.opacity = "1";
+              },
+              onMouseLeave: (s) => {
+                s.currentTarget.style.opacity = "0.7";
+              },
+              children: /* @__PURE__ */ r("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ r("path", { d: "M3 3L11 11M11 3L3 11", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+B.displayName = "Alert";
+export {
+  B as Alert
+};
+//# sourceMappingURL=Alert.js.map

package/dist/components/feedback/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/feedback/Alert/Alert.tsx"],"sourcesContent":["/**\r\n * Alert Component\r\n *\r\n * Contextual feedback message for user actions and states.\r\n * Clean design with subtle color coding and optional icons.\r\n */\r\n\r\nimport React, {\r\n  forwardRef,\r\n  type CSSProperties,\r\n  type ReactNode,\r\n  type HTMLAttributes,\r\n} from 'react'\r\nimport { cx } from '../../../utils/styles'\r\n\r\nexport type AlertIntent = 'info' | 'success' | 'warning' | 'error'\r\nexport type AlertVariant = 'subtle' | 'solid' | 'outline'\r\n\r\nexport interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\r\n  /** Visual intent/status */\r\n  intent?: AlertIntent\r\n  /** Visual variant */\r\n  variant?: AlertVariant\r\n  /** Alert title */\r\n  title?: ReactNode\r\n  /** Custom icon */\r\n  icon?: ReactNode\r\n  /** Whether to show default icon */\r\n  showIcon?: boolean\r\n  /** Action element (button, link) */\r\n  action?: ReactNode\r\n  /** Whether alert can be dismissed */\r\n  isDismissible?: boolean\r\n  /** Callback when dismissed */\r\n  onDismiss?: () => void\r\n  /** Custom class name */\r\n  className?: string\r\n  /** Test ID */\r\n  testId?: string\r\n  /** Alert content */\r\n  children?: ReactNode\r\n}\r\n\r\nconst intentConfig: Record<AlertIntent, { icon: React.JSX.Element; colors: Record<AlertVariant, CSSProperties> }> = {\r\n  info: {\r\n    icon: (\r\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n        <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\r\n        <path d=\"M9 8V12\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n        <circle cx=\"9\" cy=\"5.5\" r=\"0.75\" fill=\"currentColor\" />\r\n      </svg>\r\n    ),\r\n    colors: {\r\n      subtle: {\r\n        backgroundColor: 'var(--brycks-info-muted)',\r\n        color: 'var(--brycks-info-default)',\r\n        borderColor: 'transparent',\r\n      },\r\n      solid: {\r\n        backgroundColor: 'var(--brycks-info-default)',\r\n        color: 'var(--brycks-info-foreground)',\r\n        borderColor: 'transparent',\r\n      },\r\n      outline: {\r\n        backgroundColor: 'transparent',\r\n        color: 'var(--brycks-info-default)',\r\n        borderColor: 'var(--brycks-info-default)',\r\n      },\r\n    },\r\n  },\r\n  success: {\r\n    icon: (\r\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n        <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\r\n        <path d=\"M6 9L8 11L12 7\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\r\n      </svg>\r\n    ),\r\n    colors: {\r\n      subtle: {\r\n        backgroundColor: 'var(--brycks-success-muted)',\r\n        color: 'var(--brycks-success-default)',\r\n        borderColor: 'transparent',\r\n      },\r\n      solid: {\r\n        backgroundColor: 'var(--brycks-success-default)',\r\n        color: 'var(--brycks-success-foreground)',\r\n        borderColor: 'transparent',\r\n      },\r\n      outline: {\r\n        backgroundColor: 'transparent',\r\n        color: 'var(--brycks-success-default)',\r\n        borderColor: 'var(--brycks-success-default)',\r\n      },\r\n    },\r\n  },\r\n  warning: {\r\n    icon: (\r\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n        <path d=\"M9 2L16.5 15H1.5L9 2Z\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinejoin=\"round\" />\r\n        <path d=\"M9 7V10\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n        <circle cx=\"9\" cy=\"12.5\" r=\"0.75\" fill=\"currentColor\" />\r\n      </svg>\r\n    ),\r\n    colors: {\r\n      subtle: {\r\n        backgroundColor: 'var(--brycks-warning-muted)',\r\n        color: 'var(--brycks-warning-default)',\r\n        borderColor: 'transparent',\r\n      },\r\n      solid: {\r\n        backgroundColor: 'var(--brycks-warning-default)',\r\n        color: 'var(--brycks-warning-foreground)',\r\n        borderColor: 'transparent',\r\n      },\r\n      outline: {\r\n        backgroundColor: 'transparent',\r\n        color: 'var(--brycks-warning-default)',\r\n        borderColor: 'var(--brycks-warning-default)',\r\n      },\r\n    },\r\n  },\r\n  error: {\r\n    icon: (\r\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n        <circle cx=\"9\" cy=\"9\" r=\"7.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\r\n        <path d=\"M6.5 6.5L11.5 11.5M11.5 6.5L6.5 11.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n      </svg>\r\n    ),\r\n    colors: {\r\n      subtle: {\r\n        backgroundColor: 'var(--brycks-error-muted)',\r\n        color: 'var(--brycks-error-default)',\r\n        borderColor: 'transparent',\r\n      },\r\n      solid: {\r\n        backgroundColor: 'var(--brycks-error-default)',\r\n        color: 'var(--brycks-error-foreground)',\r\n        borderColor: 'transparent',\r\n      },\r\n      outline: {\r\n        backgroundColor: 'transparent',\r\n        color: 'var(--brycks-error-default)',\r\n        borderColor: 'var(--brycks-error-default)',\r\n      },\r\n    },\r\n  },\r\n}\r\n\r\nexport const Alert = forwardRef<HTMLDivElement, AlertProps>(function Alert(\r\n  {\r\n    intent = 'info',\r\n    variant = 'subtle',\r\n    title,\r\n    icon,\r\n    showIcon = true,\r\n    action,\r\n    isDismissible,\r\n    onDismiss,\r\n    className,\r\n    style,\r\n    testId,\r\n    children,\r\n    ...props\r\n  },\r\n  ref\r\n) {\r\n  const config = intentConfig[intent]\r\n  const variantColors = config.colors[variant]\r\n\r\n  const alertStyle: CSSProperties = {\r\n    display: 'flex',\r\n    alignItems: 'flex-start',\r\n    gap: 12,\r\n    padding: '12px 16px',\r\n    borderRadius: 'var(--brycks-radius-default)',\r\n    border: `1px solid ${variantColors.borderColor}`,\r\n    backgroundColor: variantColors.backgroundColor,\r\n    color: variant === 'solid' ? variantColors.color : 'var(--brycks-foreground-default)',\r\n    ...style,\r\n  }\r\n\r\n  const iconStyle: CSSProperties = {\r\n    flexShrink: 0,\r\n    color: variantColors.color,\r\n    marginTop: 1,\r\n  }\r\n\r\n  const contentStyle: CSSProperties = {\r\n    flex: 1,\r\n    minWidth: 0,\r\n  }\r\n\r\n  const titleStyle: CSSProperties = {\r\n    fontSize: 14,\r\n    fontWeight: 600,\r\n    marginBottom: children ? 4 : 0,\r\n    color: variant === 'solid' ? variantColors.color : variantColors.color,\r\n  }\r\n\r\n  const descriptionStyle: CSSProperties = {\r\n    fontSize: 14,\r\n    lineHeight: 1.5,\r\n    color: variant === 'solid' ? variantColors.color : 'var(--brycks-foreground-muted)',\r\n  }\r\n\r\n  const actionsStyle: CSSProperties = {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    gap: 8,\r\n    flexShrink: 0,\r\n  }\r\n\r\n  const dismissButtonStyle: CSSProperties = {\r\n    display: 'flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    width: 24,\r\n    height: 24,\r\n    borderRadius: 'var(--brycks-radius-sm)',\r\n    color: variant === 'solid' ? variantColors.color : 'var(--brycks-foreground-muted)',\r\n    transition: 'all 150ms ease-out',\r\n    opacity: 0.7,\r\n  }\r\n\r\n  return (\r\n    <div\r\n      ref={ref}\r\n      role=\"alert\"\r\n      className={cx(\r\n        'brycks-alert',\r\n        `brycks-alert--${intent}`,\r\n        `brycks-alert--${variant}`,\r\n        className\r\n      )}\r\n      style={alertStyle}\r\n      data-testid={testId}\r\n      {...props}\r\n    >\r\n      {showIcon && (\r\n        <span className=\"brycks-alert-icon\" style={iconStyle}>\r\n          {icon ?? config.icon}\r\n        </span>\r\n      )}\r\n\r\n      <div className=\"brycks-alert-content\" style={contentStyle}>\r\n        {title && <div className=\"brycks-alert-title\" style={titleStyle}>{title}</div>}\r\n        {children && <div className=\"brycks-alert-description\" style={descriptionStyle}>{children}</div>}\r\n      </div>\r\n\r\n      {(action || isDismissible) && (\r\n        <div className=\"brycks-alert-actions\" style={actionsStyle}>\r\n          {action}\r\n          {isDismissible && (\r\n            <button\r\n              type=\"button\"\r\n              className=\"brycks-alert-dismiss\"\r\n              style={dismissButtonStyle}\r\n              onClick={onDismiss}\r\n              aria-label=\"Dismiss alert\"\r\n              onMouseEnter={(e) => { e.currentTarget.style.opacity = '1' }}\r\n              onMouseLeave={(e) => { e.currentTarget.style.opacity = '0.7' }}\r\n            >\r\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\r\n                <path d=\"M3 3L11 11M11 3L3 11\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\r\n              </svg>\r\n            </button>\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n})\r\n\r\nAlert.displayName = 'Alert'\r\n"],"names":["intentConfig","jsxs","jsx","Alert","forwardRef","intent","variant","title","icon","showIcon","action","isDismissible","onDismiss","className","style","testId","children","props","ref","config","variantColors","alertStyle","iconStyle","contentStyle","titleStyle","descriptionStyle","actionsStyle","dismissButtonStyle","cx","e"],"mappings":"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"}

package/dist/components/feedback/Drawer/Drawer.cjs

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),P=require("react-dom"),X=require("../../../utils/styles.cjs"),Y={sm:"320px",md:"400px",lg:"560px",xl:"720px",full:"100%"};function K(){return r.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:r.jsx("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})}const g=a.forwardRef(function({isOpen:c,onClose:n,placement:t="right",size:d="md",title:s,closeOnOverlayClick:u=!0,closeOnEscape:y=!0,showCloseButton:f=!0,showOverlay:x=!0,className:p,style:j,children:S,testId:E,...D},l){const b=a.useRef(null),m=a.useRef(null);a.useEffect(()=>{if(!c)return;m.current=document.activeElement;const e=b.current;e&&e.focus();const v=o=>{if(o.key==="Escape"&&y){n();return}if(o.key==="Tab"&&e){const i=e.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),w=i[0],h=i[i.length-1];o.shiftKey&&document.activeElement===w?(o.preventDefault(),h?.focus()):!o.shiftKey&&document.activeElement===h&&(o.preventDefault(),w?.focus())}};return document.addEventListener("keydown",v),document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",v),document.body.style.overflow="",m.current?.focus()}},[c,y,n]);const C=a.useCallback(e=>{e.target===e.currentTarget&&u&&n()},[u,n]);if(!c)return null;const R=t==="left"||t==="right",k=Y[d],T={position:"fixed",inset:0,zIndex:"var(--brycks-z-drawer)",display:"flex",backgroundColor:x?"var(--brycks-background-overlay)":"transparent",animation:"brycks-drawer-overlay-in 200ms ease-out"},z={...(()=>{const e={position:"absolute",backgroundColor:"var(--brycks-background-elevated)",boxShadow:"var(--brycks-shadow-2xl)",display:"flex",flexDirection:"column",overflow:"hidden"};return R?{...e,top:0,bottom:0,[t]:0,width:k,maxWidth:"100vw"}:{...e,left:0,right:0,[t]:0,height:k,maxHeight:"100vh"}})(),animation:`brycks-drawer-${t}-in 250ms cubic-bezier(0.32, 0.72, 0, 1)`,outline:"none",...j},M={display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px 20px",borderBottom:"1px solid var(--brycks-border-muted)",flexShrink:0},N={fontSize:18,fontWeight:600,color:"var(--brycks-foreground-default)",margin:0},q={display:"flex",alignItems:"center",justifyContent:"center",width:32,height:32,borderRadius:"var(--brycks-radius-md)",color:"var(--brycks-foreground-muted)",transition:"all 150ms ease-out"},I={flex:1,overflow:"auto",padding:20},L=r.jsxs(r.Fragment,{children:[r.jsx("style",{children:`
+          @keyframes brycks-drawer-overlay-in {
+            from { opacity: 0; }
+            to { opacity: 1; }
+          }
+          @keyframes brycks-drawer-left-in {
+            from { transform: translateX(-100%); }
+            to { transform: translateX(0); }
+          }
+          @keyframes brycks-drawer-right-in {
+            from { transform: translateX(100%); }
+            to { transform: translateX(0); }
+          }
+          @keyframes brycks-drawer-top-in {
+            from { transform: translateY(-100%); }
+            to { transform: translateY(0); }
+          }
+          @keyframes brycks-drawer-bottom-in {
+            from { transform: translateY(100%); }
+            to { transform: translateY(0); }
+          }
+        `}),r.jsx("div",{className:"brycks-drawer-overlay",style:T,onClick:C,"aria-hidden":"true",children:r.jsxs("div",{ref:e=>{b.current=e,typeof l=="function"?l(e):l&&(l.current=e)},role:"dialog","aria-modal":"true","aria-labelledby":s?"brycks-drawer-title":void 0,className:X.cx("brycks-drawer",`brycks-drawer--${t}`,`brycks-drawer--${d}`,p),style:z,tabIndex:-1,"data-testid":E,...D,children:[(s||f)&&r.jsxs("div",{className:"brycks-drawer-header",style:M,children:[s&&r.jsx("h2",{id:"brycks-drawer-title",style:N,children:s}),f&&r.jsx("button",{type:"button",className:"brycks-drawer-close",style:q,onClick:n,"aria-label":"Close drawer",onMouseEnter:e=>{e.currentTarget.style.backgroundColor="var(--brycks-background-muted)",e.currentTarget.style.color="var(--brycks-foreground-default)"},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent",e.currentTarget.style.color="var(--brycks-foreground-muted)"},children:r.jsx(K,{})})]}),r.jsx("div",{className:"brycks-drawer-content",style:I,children:S})]})})]});return P.createPortal(L,document.body)});g.displayName="Drawer";exports.Drawer=g;
+//# sourceMappingURL=Drawer.cjs.map