@shapesos/clay 0.8.2 → 0.10.0

package/dist/blocks.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/blocks/index.ts","../src/components/blocks/text-block/text-block.tsx","../src/components/blocks/block-context/block-context.tsx","../src/components/blocks/scrollable-table/scrollable-table-styles.ts","../src/tokens/colors.ts","../src/components/blocks/scrollable-table/scrollable-table.tsx","../src/components/blocks/text-block/sanitize.ts","../src/components/blocks/text-block/text-block-styles.ts","../src/tokens/typography.ts","../src/components/blocks/types.ts","../src/components/blocks/block-services/text-block-service.ts","../src/components/blocks/block-services/index.ts","../src/components/blocks/block/block.tsx"],"sourcesContent":["export { Block } from \"./block\";\nexport { BlockContext, useBlockContext } from \"./block-context\";\nexport type { BlockContextValue } from \"./block-context\";\nexport { blockTypes } from \"./types\";\nexport type { BlockRecord, BlockType, TextBlockRecord, BlockComponentProps, BlockService } from \"./types\";\nexport { BlockServices } from \"./block-services\";\nexport { TextBlockService } from \"./block-services/text-block-service\";\n","import type { ReactNode } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport remarkBreaks from \"remark-breaks\";\nimport remarkGfm from \"remark-gfm\";\n\nimport { ScrollableTable, type TableCounter } from \"../scrollable-table/scrollable-table\";\nimport type { BlockComponentProps, TextBlockRecord } from \"../types\";\nimport { sanitize } from \"./sanitize\";\nimport { TextBlockWrapper } from \"./text-block-styles\";\n\n/** Renders a TEXT block as Markdown with GFM (tables, strikethrough) and line breaks. */\nexport function TextBlock({ block }: BlockComponentProps<TextBlockRecord>): ReactNode {\n  const counter: TableCounter = { value: 0 };\n\n  const markdownComponents = {\n    table: ((tableProps: { node?: unknown; children?: ReactNode }) => (\n      <ScrollableTable {...tableProps} counter={counter} />\n    )) as React.ComponentType<unknown>,\n  };\n\n  return (\n    <TextBlockWrapper>\n      <ReactMarkdown remarkPlugins={[remarkGfm, remarkBreaks]} components={markdownComponents}>\n        {sanitize(block.payload.text)}\n      </ReactMarkdown>\n    </TextBlockWrapper>\n  );\n}\n","import { createContext, useContext, type ComponentType } from \"react\";\n\n/** Renderer-level concerns provided to descendants of any `Block`-rendering tree. */\nexport interface BlockContextValue {\n  /** Optional component rendered next to each table in a TEXT block. Receives the zero-based table index. */\n  TableActions?: ComponentType<{ tableIndex: number }>;\n}\n\nexport const BlockContext = createContext<BlockContextValue | null>(null);\n\n/** Returns the ambient block-rendering context. Returns an empty object outside a `<BlockContext.Provider>`. */\nexport function useBlockContext(): BlockContextValue {\n  return useContext(BlockContext) ?? {};\n}\n","import styled from \"styled-components\";\n\nimport { colors } from \"@/tokens/colors\";\n\nexport const TableContainer = styled.div`\n  position: relative;\n  margin-block: 8px 16px;\n`;\n\nexport const TableScroll = styled.div`\n  width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n`;\n\nexport const TableActionsWrapper = styled.div`\n  display: flex;\n  justify-content: flex-start;\n  margin-block: 8px 0;\n`;\n\nexport const TableActionsDivider = styled.div`\n  height: 1px;\n  background: ${colors[\"brown-40\"]};\n  margin-block: 8px 0;\n`;\n","export const colors = {\n  // White\n  white: \"#FFFFFF\",\n  \"white-alpha-85\": \"rgba(255, 255, 255, 0.85)\",\n  \"white-alpha-40\": \"rgba(255, 255, 255, 0.40)\",\n\n  // Brown\n  \"brown-10\": \"#FAF9F8\",\n  \"brown-20\": \"#F5F3F0\",\n  \"brown-30\": \"#EEEBE5\",\n  \"brown-40\": \"#E6E2DA\",\n  \"brown-50\": \"#CFCBC4\",\n  \"brown-60\": \"#A19E99\",\n  \"brown-70\": \"#73716D\",\n  \"brown-80\": \"#5C5A57\",\n  \"brown-90\": \"#2E2D2C\",\n  \"brown-100\": \"#171716\",\n  \"brown-alpha-12\": \"rgba(23, 23, 22, 0.12)\",\n  \"brown-alpha-20\": \"rgba(23, 23, 22, 0.20)\",\n  \"brown-alpha-55\": \"rgba(23, 23, 22, 0.55)\",\n  \"brown-alpha-70\": \"rgba(23, 23, 22, 0.70)\",\n  \"brown-alpha-80\": \"rgba(23, 23, 22, 0.80)\",\n  \"brown-alpha-90\": \"rgba(23, 23, 22, 0.90)\",\n\n  // Fuchsia\n  \"fuchsia-50\": \"#FAF5FF\",\n  \"fuchsia-300\": \"#F0ABFC\",\n  \"fuchsia-500\": \"#D946EF\",\n  \"fuchsia-600\": \"#C026D3\",\n  \"fuchsia-800\": \"#86198F\",\n\n  // Pink\n  \"pink-50\": \"#FDF2F8\",\n  \"pink-400\": \"#F472B6\",\n  \"pink-600\": \"#DB2777\",\n  \"pink-800\": \"#9D174D\",\n\n  // Violet\n  \"violet-50\": \"#F5F3FF\",\n  \"violet-400\": \"#A78BFA\",\n  \"violet-600\": \"#7C3AED\",\n  \"violet-800\": \"#5B21B6\",\n\n  // Indigo\n  \"indigo-50\": \"#EEF2FF\",\n  \"indigo-400\": \"#818CF8\",\n  \"indigo-500\": \"#6366F1\",\n  \"indigo-600\": \"#4F46E5\",\n  \"indigo-800\": \"#3730A3\",\n\n  // Cyan\n  \"cyan-50\": \"#E7FEFF\",\n  \"cyan-300\": \"#67E8F9\",\n  \"cyan-600\": \"#0891B2\",\n  \"cyan-900\": \"#164E63\",\n\n  // Teal\n  \"teal-50\": \"#EBFDF9\",\n  \"teal-300\": \"#5EEAD4\",\n  \"teal-600\": \"#0D9488\",\n\n  // Rose\n  \"rose-400\": \"#FB7185\",\n\n  // Purple\n  \"purple-400\": \"#C084FC\",\n\n  // Blue\n  \"blue-50\": \"#EFF6FF\",\n  \"blue-100\": \"#DBEAFE\",\n  \"blue-300\": \"#93C5FD\",\n  \"blue-400\": \"#60A5FA\",\n  \"blue-600\": \"#2563EB\",\n  \"blue-800\": \"#1E40AF\",\n\n  // Sky\n  \"sky-300\": \"#7DD3FC\",\n\n  // Green\n  \"green-50\": \"#ECF9F0\",\n  \"green-100\": \"#D4F1D9\",\n  \"green-400\": \"#3DC269\",\n  \"green-700\": \"#277C43\",\n  \"green-800\": \"#1C5930\",\n\n  // Orange\n  \"orange-50\": \"#FFF7ED\",\n  \"orange-100\": \"#FFEDD5\",\n  \"orange-200\": \"#FED7AA\",\n  \"orange-500\": \"#F97316\",\n  \"orange-600\": \"#EA580C\",\n\n  // Red\n  \"red-50\": \"#FEF2F2\",\n  \"red-100\": \"#FEE2E2\",\n  \"red-200\": \"#FECACA\",\n  \"red-400\": \"#F7776C\",\n  \"red-500\": \"#EF4444\",\n  \"red-600\": \"#DC2626\",\n} as const;\n\nexport type ColorToken = keyof typeof colors;\n","import { type ReactNode } from \"react\";\n\nimport { useBlockContext } from \"../block-context/block-context\";\nimport { TableActionsWrapper, TableActionsDivider, TableContainer, TableScroll } from \"./scrollable-table-styles\";\n\n/** Mutable counter used to assign sequential table indices during a single render pass. */\nexport interface TableCounter {\n  /** The current value; incremented each time a table component is rendered. */\n  value: number;\n}\n\n/** Props for the ScrollableTable component. */\ninterface ScrollableTableProps {\n  /** Unused node prop from react-markdown. */\n  node?: unknown;\n  /** Table children elements. */\n  children?: ReactNode;\n  /** Mutable counter for tracking table indices. */\n  counter?: TableCounter;\n}\n\n/** Renders a table inside a horizontally scrollable wrapper with optional actions below. */\nexport function ScrollableTable({ node: _node, counter, ...props }: ScrollableTableProps): ReactNode {\n  const currentIndex = counter ? counter.value : 0;\n  if (counter) {\n    // eslint-disable-next-line react-hooks/immutability -- Counter is an intentionally mutable shared object for sequential table indexing\n    counter.value += 1;\n  }\n\n  const { TableActions } = useBlockContext();\n\n  return (\n    <TableContainer>\n      <TableScroll>\n        <table {...props} />\n      </TableScroll>\n      {TableActions && (\n        <>\n          <TableActionsWrapper>\n            <TableActions tableIndex={currentIndex} />\n          </TableActionsWrapper>\n          <TableActionsDivider />\n        </>\n      )}\n    </TableContainer>\n  );\n}\n","// Strips io-server's `<!-- table-title: ... -->` HTML-comment metadata before rendering.\n// The marker is emitted by the server's CSV-export pipeline so the export button can label\n// the file; it has no place in the visual output. If the server-side format changes\n// (prefix, spacing, closing-tag style), this filter silently stops matching and the\n// raw HTML comment leaks into rendered Markdown — keep this contract aligned with io-server.\nexport function sanitize(text: string): string {\n  return text\n    .split(\"\\n\")\n    .filter((line) => {\n      const t = line.trim();\n      return !(t.startsWith(\"<!-- table-title:\") && t.endsWith(\"-->\"));\n    })\n    .join(\"\\n\");\n}\n","import styled from \"styled-components\";\n\nimport { colors } from \"@/tokens/colors\";\nimport { typographyMixin, typographyTypes } from \"@/tokens/typography\";\n\nexport const TextBlockWrapper = styled.div`\n  ${typographyMixin(typographyTypes.GEIST_BODY_S_REGULAR)};\n  color: ${colors[\"brown-100\"]};\n  word-break: break-word;\n\n  & h1 {\n    ${typographyMixin(typographyTypes.GEIST_HEADING_S_BOLD)};\n    margin-block: 20px;\n  }\n\n  & h2 {\n    ${typographyMixin(typographyTypes.GEIST_BODY_L_SEMI_BOLD)};\n    margin-block: 12px;\n  }\n\n  & h3,\n  & h4,\n  & h5,\n  & h6 {\n    ${typographyMixin(typographyTypes.GEIST_BODY_M_SEMI_BOLD)};\n    margin-block: 8px;\n  }\n\n  & strong {\n    ${typographyMixin(typographyTypes.GEIST_BODY_S_SEMI_BOLD)};\n  }\n\n  & p {\n    margin-block: 0px;\n  }\n\n  & p + p {\n    margin-block: 8px 0px;\n  }\n\n  & ul,\n  & ol {\n    margin-block: 16px;\n    padding-left: 20px;\n  }\n\n  & li + li {\n    margin-block: 4px;\n  }\n\n  & ol {\n    list-style-type: decimal;\n  }\n\n  & ol ol {\n    list-style-type: lower-alpha;\n  }\n\n  & ol ol ol {\n    list-style-type: lower-roman;\n  }\n\n  & a {\n    color: inherit;\n    text-decoration-line: underline;\n    text-decoration-style: dotted;\n    text-decoration-thickness: auto;\n    text-underline-offset: auto;\n    text-underline-position: from-font;\n    transition: color 75ms ease-in-out;\n\n    &:hover {\n      color: ${colors[\"blue-600\"]};\n    }\n  }\n\n  & hr {\n    border: none;\n    border-top: 1px solid ${colors[\"brown-40\"]};\n    margin-block: 20px;\n  }\n\n  & table {\n    margin: 0;\n    width: 100%;\n    border-collapse: collapse;\n  }\n\n  & th,\n  & td {\n    border: none;\n    border-bottom: 1px solid ${colors[\"brown-40\"]};\n    text-align: left;\n  }\n\n  & th {\n    ${typographyMixin(typographyTypes.GEIST_LABEL_CAPTION_MEDIUM)};\n    padding: 8px;\n  }\n\n  & td {\n    ${typographyMixin(typographyTypes.GEIST_BODY_XS_MEDIUM)};\n    padding: 16px 8px;\n    min-width: 150px;\n    width: 1%;\n  }\n\n  & td strong {\n    font-weight: inherit;\n    font-size: inherit;\n    line-height: inherit;\n  }\n\n  & blockquote {\n    margin-block: 4px;\n    margin-inline: 0px;\n    padding-left: 16px;\n    border-left: 4px solid ${colors[\"brown-40\"]};\n    color: ${colors[\"brown-80\"]};\n  }\n`;\n","/** Available font families in the Shapes.co design system. */\nexport const fontFamilies = {\n  /** Geist — primary UI font for body text, labels, headings, and display. */\n  GEIST: \"Geist\",\n  /** Crimson Pro — editorial/serif font, always italic. Used for decorative headings and pull quotes. */\n  CRIMSON_PRO: \"Crimson Pro\",\n} as const;\n\nexport const typographyTypes = {\n  // Geist Label Caption (12px)\n  GEIST_LABEL_CAPTION_REGULAR: \"GEIST_LABEL_CAPTION_REGULAR\",\n  GEIST_LABEL_CAPTION_MEDIUM: \"GEIST_LABEL_CAPTION_MEDIUM\",\n  GEIST_LABEL_CAPTION_SEMI_BOLD: \"GEIST_LABEL_CAPTION_SEMI_BOLD\",\n\n  // Geist Body Extra Small (14px)\n  GEIST_BODY_XS_REGULAR: \"GEIST_BODY_XS_REGULAR\",\n  GEIST_BODY_XS_MEDIUM: \"GEIST_BODY_XS_MEDIUM\",\n  GEIST_BODY_XS_BOLD: \"GEIST_BODY_XS_BOLD\",\n\n  // Geist Body Small (16px)\n  GEIST_BODY_S_REGULAR: \"GEIST_BODY_S_REGULAR\",\n  GEIST_BODY_S_MEDIUM: \"GEIST_BODY_S_MEDIUM\",\n  GEIST_BODY_S_SEMI_BOLD: \"GEIST_BODY_S_SEMI_BOLD\",\n  GEIST_BODY_S_BOLD: \"GEIST_BODY_S_BOLD\",\n\n  // Geist Body Medium (18px)\n  GEIST_BODY_M_LIGHT: \"GEIST_BODY_M_LIGHT\",\n  GEIST_BODY_M_REGULAR: \"GEIST_BODY_M_REGULAR\",\n  GEIST_BODY_M_MEDIUM: \"GEIST_BODY_M_MEDIUM\",\n  GEIST_BODY_M_SEMI_BOLD: \"GEIST_BODY_M_SEMI_BOLD\",\n\n  // Geist Body Large (20px)\n  GEIST_BODY_L_REGULAR: \"GEIST_BODY_L_REGULAR\",\n  GEIST_BODY_L_MEDIUM: \"GEIST_BODY_L_MEDIUM\",\n  GEIST_BODY_L_SEMI_BOLD: \"GEIST_BODY_L_SEMI_BOLD\",\n  GEIST_BODY_L_BOLD: \"GEIST_BODY_L_BOLD\",\n\n  // Geist Heading Small (24px)\n  GEIST_HEADING_S_REGULAR: \"GEIST_HEADING_S_REGULAR\",\n  GEIST_HEADING_S_MEDIUM: \"GEIST_HEADING_S_MEDIUM\",\n  GEIST_HEADING_S_BOLD: \"GEIST_HEADING_S_BOLD\",\n\n  // Geist Heading Medium (28px)\n  GEIST_HEADING_M_BOLD: \"GEIST_HEADING_M_BOLD\",\n\n  // Geist Heading Large (32px)\n  GEIST_HEADING_L_REGULAR: \"GEIST_HEADING_L_REGULAR\",\n  GEIST_HEADING_L_MEDIUM: \"GEIST_HEADING_L_MEDIUM\",\n  GEIST_HEADING_L_SEMI_BOLD: \"GEIST_HEADING_L_SEMI_BOLD\",\n  GEIST_HEADING_L_BOLD: \"GEIST_HEADING_L_BOLD\",\n\n  // Geist Display Large (36px)\n  GEIST_DISPLAY_L_MEDIUM: \"GEIST_DISPLAY_L_MEDIUM\",\n\n  // Crimson Pro Body Small (16px)\n  CRIMSON_PRO_BODY_S_LIGHT: \"CRIMSON_PRO_BODY_S_LIGHT\",\n\n  // Crimson Pro Body Medium (18px)\n  CRIMSON_PRO_BODY_M_LIGHT: \"CRIMSON_PRO_BODY_M_LIGHT\",\n\n  // Crimson Pro Heading Medium (24px)\n  CRIMSON_PRO_HEADING_M_MEDIUM: \"CRIMSON_PRO_HEADING_M_MEDIUM\",\n\n  // Crimson Pro Display Extra Large (46px)\n  CRIMSON_PRO_DISPLAY_XL_REGULAR: \"CRIMSON_PRO_DISPLAY_XL_REGULAR\",\n} as const;\n\n/** Union of all typography type string constants. Used as keys into `typographyStyles`. */\nexport type TypographyType = (typeof typographyTypes)[keyof typeof typographyTypes];\n\n/** CSS properties for a single typography type. All numeric values are in pixels. */\nexport interface TypographyStyle {\n  /** Font family name (e.g., \"Geist\"). */\n  fontFamily: string;\n  /** Font size in pixels. */\n  fontSize: number;\n  /** Font weight (100–900). */\n  fontWeight: number;\n  /** Line height in pixels. */\n  lineHeight: number;\n  /** Letter spacing in pixels. Omitted when the font's default spacing is correct. */\n  letterSpacing?: number;\n  /** CSS font-style value (e.g., \"italic\"). Omitted for normal style. */\n  fontStyle?: string;\n}\n\nexport const typographyStyles: Record<TypographyType, TypographyStyle> = {\n  // Geist Label Caption (12px)\n  [typographyTypes.GEIST_LABEL_CAPTION_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 12,\n    fontWeight: 400,\n    lineHeight: 16,\n  },\n  [typographyTypes.GEIST_LABEL_CAPTION_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 12,\n    fontWeight: 500,\n    lineHeight: 16,\n  },\n  [typographyTypes.GEIST_LABEL_CAPTION_SEMI_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 12,\n    fontWeight: 600,\n    lineHeight: 16,\n  },\n\n  // Geist Body Extra Small (14px)\n  [typographyTypes.GEIST_BODY_XS_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 14,\n    fontWeight: 400,\n    lineHeight: 20,\n  },\n  [typographyTypes.GEIST_BODY_XS_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 14,\n    fontWeight: 500,\n    lineHeight: 20,\n  },\n  [typographyTypes.GEIST_BODY_XS_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 14,\n    fontWeight: 600,\n    lineHeight: 20,\n  },\n\n  // Geist Body Small (16px)\n  [typographyTypes.GEIST_BODY_S_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 16,\n    fontWeight: 400,\n    lineHeight: 24,\n    letterSpacing: -0.08,\n  },\n  [typographyTypes.GEIST_BODY_S_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 16,\n    fontWeight: 500,\n    lineHeight: 24,\n    letterSpacing: -0.08,\n  },\n  [typographyTypes.GEIST_BODY_S_SEMI_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 16,\n    fontWeight: 600,\n    lineHeight: 24,\n    letterSpacing: -0.08,\n  },\n  [typographyTypes.GEIST_BODY_S_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 16,\n    fontWeight: 700,\n    lineHeight: 24,\n    letterSpacing: -0.08,\n  },\n\n  // Geist Body Medium (18px)\n  [typographyTypes.GEIST_BODY_M_LIGHT]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 18,\n    fontWeight: 300,\n    lineHeight: 28,\n    letterSpacing: -0.09,\n  },\n  [typographyTypes.GEIST_BODY_M_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 18,\n    fontWeight: 400,\n    lineHeight: 28,\n    letterSpacing: -0.09,\n  },\n  [typographyTypes.GEIST_BODY_M_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 18,\n    fontWeight: 500,\n    lineHeight: 28,\n    letterSpacing: -0.09,\n  },\n  [typographyTypes.GEIST_BODY_M_SEMI_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 18,\n    fontWeight: 600,\n    lineHeight: 28,\n    letterSpacing: -0.09,\n  },\n\n  // Geist Body Large (20px)\n  [typographyTypes.GEIST_BODY_L_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 20,\n    fontWeight: 400,\n    lineHeight: 30,\n    letterSpacing: -0.2,\n  },\n  [typographyTypes.GEIST_BODY_L_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 20,\n    fontWeight: 500,\n    lineHeight: 30,\n    letterSpacing: -0.2,\n  },\n  [typographyTypes.GEIST_BODY_L_SEMI_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 20,\n    fontWeight: 600,\n    lineHeight: 30,\n    letterSpacing: -0.2,\n  },\n  [typographyTypes.GEIST_BODY_L_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 20,\n    fontWeight: 700,\n    lineHeight: 30,\n    letterSpacing: -0.2,\n  },\n\n  // Geist Heading Small (24px)\n  [typographyTypes.GEIST_HEADING_S_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 24,\n    fontWeight: 400,\n    lineHeight: 32,\n    letterSpacing: -0.48,\n  },\n  [typographyTypes.GEIST_HEADING_S_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 24,\n    fontWeight: 500,\n    lineHeight: 32,\n    letterSpacing: -0.48,\n  },\n  [typographyTypes.GEIST_HEADING_S_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 24,\n    fontWeight: 700,\n    lineHeight: 32,\n    letterSpacing: -0.48,\n  },\n\n  // Geist Heading Medium (28px)\n  [typographyTypes.GEIST_HEADING_M_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 28,\n    fontWeight: 700,\n    lineHeight: 36,\n    letterSpacing: -0.6,\n  },\n\n  // Geist Heading Large (32px)\n  [typographyTypes.GEIST_HEADING_L_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 32,\n    fontWeight: 400,\n    lineHeight: 40,\n    letterSpacing: -0.64,\n  },\n  [typographyTypes.GEIST_HEADING_L_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 32,\n    fontWeight: 500,\n    lineHeight: 40,\n    letterSpacing: -0.64,\n  },\n  [typographyTypes.GEIST_HEADING_L_SEMI_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 32,\n    fontWeight: 600,\n    lineHeight: 40,\n    letterSpacing: -0.64,\n  },\n  [typographyTypes.GEIST_HEADING_L_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 32,\n    fontWeight: 700,\n    lineHeight: 40,\n    letterSpacing: -0.64,\n  },\n\n  // Geist Display Large (36px)\n  [typographyTypes.GEIST_DISPLAY_L_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 36,\n    fontWeight: 500,\n    lineHeight: 44,\n    letterSpacing: -0.72,\n  },\n\n  // Crimson Pro Body Small (16px)\n  [typographyTypes.CRIMSON_PRO_BODY_S_LIGHT]: {\n    fontFamily: fontFamilies.CRIMSON_PRO,\n    fontSize: 16,\n    fontWeight: 300,\n    lineHeight: 20,\n    letterSpacing: -0.32,\n    fontStyle: \"italic\",\n  },\n\n  // Crimson Pro Body Medium (18px)\n  [typographyTypes.CRIMSON_PRO_BODY_M_LIGHT]: {\n    fontFamily: fontFamilies.CRIMSON_PRO,\n    fontSize: 18,\n    fontWeight: 300,\n    lineHeight: 28,\n    letterSpacing: 0,\n    fontStyle: \"italic\",\n  },\n\n  // Crimson Pro Heading Medium (24px)\n  [typographyTypes.CRIMSON_PRO_HEADING_M_MEDIUM]: {\n    fontFamily: fontFamilies.CRIMSON_PRO,\n    fontSize: 24,\n    fontWeight: 400,\n    lineHeight: 32,\n    letterSpacing: -0.48,\n    fontStyle: \"italic\",\n  },\n\n  // Crimson Pro Display Extra Large (46px)\n  [typographyTypes.CRIMSON_PRO_DISPLAY_XL_REGULAR]: {\n    fontFamily: fontFamilies.CRIMSON_PRO,\n    fontSize: 46,\n    fontWeight: 400,\n    lineHeight: 54,\n    letterSpacing: -1.38,\n    fontStyle: \"italic\",\n  },\n};\n\n/**\n * Generates a CSS string for a given typography type, suitable for use in styled-components template literals.\n * @param type - The typography type constant (e.g., `typographyTypes.GEIST_BODY_S_REGULAR`).\n * @returns A semicolon-separated CSS string with font-family, font-size, font-weight, line-height, letter-spacing, and font-style.\n */\nexport function typographyMixin(type: TypographyType): string {\n  const style = typographyStyles[type];\n  return [\n    `font-family: \"${style.fontFamily}\", sans-serif`,\n    `font-size: ${style.fontSize}px`,\n    `font-weight: ${style.fontWeight}`,\n    `line-height: ${style.lineHeight}px`,\n    `letter-spacing: ${style.letterSpacing != null ? `${style.letterSpacing}px` : \"inherit\"}`,\n    `font-style: ${style.fontStyle ?? \"normal\"}`,\n  ].join(\";\\n  \");\n}\n","import type { ComponentType } from \"react\";\n\n/** Block-type discriminator constants. Mirrors the wire shape from io-server / shapes-agent. */\nexport const blockTypes = {\n  TEXT: \"TEXT\",\n} as const;\n\n/** Discriminator for content blocks. */\nexport type BlockType = (typeof blockTypes)[keyof typeof blockTypes];\n\n/** Plain-text content block — rendered as Markdown. */\nexport interface TextBlockRecord {\n  /** Block-type discriminator. */\n  type: typeof blockTypes.TEXT;\n  /** Type-specific data; kept as `payload` to match the wire shape 1:1. */\n  payload: {\n    /** The Markdown source for this text segment. */\n    text: string;\n  };\n}\n\n/** Discriminated union of all supported content blocks. Additive — new types extend this union. */\nexport type BlockRecord = TextBlockRecord;\n\n/** Props every concrete block component receives from the dispatcher. */\nexport interface BlockComponentProps<TBlock extends BlockRecord = BlockRecord> {\n  /** The block to render. */\n  block: TBlock;\n}\n\n/** Per-block-type service — registry entry that pairs a discriminator with its concrete renderer. */\nexport interface BlockService<TBlock extends BlockRecord = BlockRecord> {\n  /** Discriminator value this service handles. */\n  type: BlockType;\n  /** React component that renders a block of this type. */\n  Component: ComponentType<BlockComponentProps<TBlock>>;\n}\n","import { TextBlock } from \"../text-block/text-block\";\nimport { blockTypes } from \"../types\";\nimport type { BlockService, TextBlockRecord } from \"../types\";\n\nexport const TextBlockService: BlockService<TextBlockRecord> = {\n  type: blockTypes.TEXT,\n  Component: TextBlock,\n};\n","import type { BlockService, BlockType } from \"../types\";\nimport { TextBlockService } from \"./text-block-service\";\n\nexport const BlockServices: Record<BlockType, BlockService> = {\n  [TextBlockService.type]: TextBlockService,\n};\n","import type { ReactNode } from \"react\";\n\nimport { BlockServices } from \"../block-services\";\nimport type { BlockRecord } from \"../types\";\n\n/** Props for the Block dispatcher. */\ninterface BlockProps {\n  /** The block to render. Dispatched to the registered concrete component for its `type`. */\n  block: BlockRecord;\n}\n\n/** Dispatches a single block to its registered concrete component. Unknown types render as a no-op. */\nexport function Block({ block }: BlockProps): ReactNode {\n  const service = BlockServices[block.type];\n  if (!service) return null;\n  const { Component } = service;\n  return <Component block={block} />;\n}\n"],"mappings":"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","names":["styled","import_styled_components","styled","import_jsx_runtime","ReactMarkdown","remarkGfm","remarkBreaks","import_jsx_runtime"]}

package/dist/blocks.d.cts

@@ -0,0 +1,29 @@
+import * as react from 'react';
+import { ReactNode, ComponentType } from 'react';
+import { a as BlockRecord, c as BlockType, b as BlockService, T as TextBlockRecord } from './types-Q9aqd9nq.cjs';
+export { B as BlockComponentProps, d as blockTypes } from './types-Q9aqd9nq.cjs';
+
+/** Props for the Block dispatcher. */
+interface BlockProps {
+    /** The block to render. Dispatched to the registered concrete component for its `type`. */
+    block: BlockRecord;
+}
+/** Dispatches a single block to its registered concrete component. Unknown types render as a no-op. */
+declare function Block({ block }: BlockProps): ReactNode;
+
+/** Renderer-level concerns provided to descendants of any `Block`-rendering tree. */
+interface BlockContextValue {
+    /** Optional component rendered next to each table in a TEXT block. Receives the zero-based table index. */
+    TableActions?: ComponentType<{
+        tableIndex: number;
+    }>;
+}
+declare const BlockContext: react.Context<BlockContextValue | null>;
+/** Returns the ambient block-rendering context. Returns an empty object outside a `<BlockContext.Provider>`. */
+declare function useBlockContext(): BlockContextValue;
+
+declare const BlockServices: Record<BlockType, BlockService>;
+
+declare const TextBlockService: BlockService<TextBlockRecord>;
+
+export { Block, BlockContext, type BlockContextValue, BlockRecord, BlockService, BlockServices, BlockType, TextBlockRecord, TextBlockService, useBlockContext };

package/dist/blocks.d.ts

@@ -0,0 +1,29 @@
+import * as react from 'react';
+import { ReactNode, ComponentType } from 'react';
+import { a as BlockRecord, c as BlockType, b as BlockService, T as TextBlockRecord } from './types-Q9aqd9nq.js';
+export { B as BlockComponentProps, d as blockTypes } from './types-Q9aqd9nq.js';
+
+/** Props for the Block dispatcher. */
+interface BlockProps {
+    /** The block to render. Dispatched to the registered concrete component for its `type`. */
+    block: BlockRecord;
+}
+/** Dispatches a single block to its registered concrete component. Unknown types render as a no-op. */
+declare function Block({ block }: BlockProps): ReactNode;
+
+/** Renderer-level concerns provided to descendants of any `Block`-rendering tree. */
+interface BlockContextValue {
+    /** Optional component rendered next to each table in a TEXT block. Receives the zero-based table index. */
+    TableActions?: ComponentType<{
+        tableIndex: number;
+    }>;
+}
+declare const BlockContext: react.Context<BlockContextValue | null>;
+/** Returns the ambient block-rendering context. Returns an empty object outside a `<BlockContext.Provider>`. */
+declare function useBlockContext(): BlockContextValue;
+
+declare const BlockServices: Record<BlockType, BlockService>;
+
+declare const TextBlockService: BlockService<TextBlockRecord>;
+
+export { Block, BlockContext, type BlockContextValue, BlockRecord, BlockService, BlockServices, BlockType, TextBlockRecord, TextBlockService, useBlockContext };

package/dist/blocks.js

@@ -0,0 +1,21 @@
+import "./chunk-OKPNST44.js";
+import {
+  Block,
+  BlockContext,
+  BlockServices,
+  TextBlockService,
+  blockTypes,
+  useBlockContext
+} from "./chunk-R3BGPOAM.js";
+import "./chunk-SV24ONND.js";
+import "./chunk-JF3P66JF.js";
+import "./chunk-5WRI5ZAA.js";
+export {
+  Block,
+  BlockContext,
+  BlockServices,
+  TextBlockService,
+  blockTypes,
+  useBlockContext
+};
+//# sourceMappingURL=blocks.js.map

package/dist/blocks.js.map

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

package/dist/button.cjs

@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/button/index.ts
 var button_exports = {};
 __export(button_exports, {
+  BUTTON_INTENT: () => BUTTON_INTENT,
   BUTTON_SIZE: () => BUTTON_SIZE,
   BUTTON_VARIANT: () => BUTTON_VARIANT,
   Button: () => Button,
@@ -468,67 +469,106 @@ function typographyMixin(type) {
   ].join(";\n  ");
 }
 
-// src/components/button/button-styles.ts
-var sizeStyles = {
-  xs: import_styled_components2.css`
-    padding: 6px 10px;
-    border-radius: 8px;
-    gap: 4px;
-  `,
-  s: import_styled_components2.css`
-    padding: 8px 12px;
-    border-radius: 10px;
-    gap: 6px;
-  `,
-  m: import_styled_components2.css`
-    padding: 10px 14px;
-    border-radius: 10px;
-    gap: 6px;
-  `
+// src/components/button/constants.ts
+var BUTTON_VARIANT = {
+  SOLID: "solid",
+  OUTLINE: "outline",
+  GHOST: "ghost"
+};
+var BUTTON_SIZE = {
+  XS: "xs",
+  S: "s",
+  M: "m"
+};
+var BUTTON_INTENT = {
+  PRIMARY: "primary",
+  ERROR: "error"
+};
+var ICON_POSITION = {
+  LEADING: "leading",
+  TRAILING: "trailing"
 };
-var variantStyles = {
-  solid: import_styled_components2.css`
-    background: ${colors["brown-100"]};
-    color: ${colors.white};
-    border: none;
-
-    &:hover:not(:disabled) {
-      background: ${colors["brown-90"]};
-    }
-
-    &:disabled {
-      background: ${colors["brown-20"]};
-      color: ${colors["brown-50"]};
-    }
-  `,
-  outline: import_styled_components2.css`
-    background: ${colors.white};
-    color: ${colors["brown-100"]};
-    border: 1px solid ${colors["brown-40"]};
-
-    &:hover:not(:disabled) {
-      background: ${colors["brown-20"]};
-    }
 
-    &:disabled {
-      border-color: ${colors["brown-20"]};
-      color: ${colors["brown-50"]};
-    }
-  `,
-  ghost: import_styled_components2.css`
-    background: transparent;
-    color: ${colors["brown-100"]};
-    border: none;
+// src/components/button/button-styles.ts
+var intentColors = {
+  [BUTTON_INTENT.PRIMARY]: {
+    base: colors["brown-100"],
+    hover: colors["brown-90"],
+    disabledBg: colors["brown-20"],
+    disabledText: colors["brown-50"],
+    subtleHover: colors["brown-20"],
+    border: colors["brown-40"],
+    disabledBorder: colors["brown-20"]
+  },
+  [BUTTON_INTENT.ERROR]: {
+    base: colors["red-500"],
+    hover: colors["red-600"],
+    disabledBg: colors["red-100"],
+    disabledText: colors["red-200"],
+    subtleHover: colors["red-50"],
+    border: colors["red-200"],
+    disabledBorder: colors["red-100"]
+  }
+};
+var sizeValues = {
+  [BUTTON_SIZE.XS]: { padding: "6px 10px", borderRadius: "8px", gap: "4px" },
+  [BUTTON_SIZE.S]: { padding: "8px 12px", borderRadius: "10px", gap: "6px" },
+  [BUTTON_SIZE.M]: { padding: "10px 14px", borderRadius: "10px", gap: "6px" }
+};
+function sizeMixin({ $size }) {
+  const s = sizeValues[$size];
+  return import_styled_components2.css`
+    padding: ${s.padding};
+    border-radius: ${s.borderRadius};
+    gap: ${s.gap};
+  `;
+}
+var variantColorMap = {
+  [BUTTON_VARIANT.SOLID]: (c) => ({
+    background: c.base,
+    color: colors.white,
+    border: "none",
+    hoverBg: c.hover,
+    disabledBg: c.disabledBg,
+    disabledColor: c.disabledText
+  }),
+  [BUTTON_VARIANT.OUTLINE]: (c) => ({
+    background: colors.white,
+    color: c.base,
+    border: `1px solid ${c.border}`,
+    hoverBg: c.subtleHover,
+    disabledColor: c.disabledText,
+    disabledBorder: c.disabledBorder
+  }),
+  [BUTTON_VARIANT.GHOST]: (c) => ({
+    background: "transparent",
+    color: c.base,
+    border: "none",
+    hoverBg: c.subtleHover,
+    disabledColor: c.disabledText
+  })
+};
+function variantMixin({
+  $variant,
+  $intent
+}) {
+  const v = variantColorMap[$variant](intentColors[$intent]);
+  return import_styled_components2.css`
+    background: ${v.background};
+    color: ${v.color};
+    border: ${v.border};
 
     &:hover:not(:disabled) {
-      background: ${colors["brown-20"]};
+      background: ${v.hoverBg};
     }
 
     &:disabled {
-      color: ${colors["brown-50"]};
+      color: ${v.disabledColor};
+      ${v.disabledBg ? `background: ${v.disabledBg};` : ""}
+      ${v.disabledBorder ? `border-color: ${v.disabledBorder};` : ""}
     }
-  `
-};
+  `;
+}
 var StyledButton = import_styled_components2.default.button`
   display: inline-flex;
   align-items: center;
@@ -541,31 +581,16 @@ var StyledButton = import_styled_components2.default.button`
     cursor: not-allowed;
   }
 
-  ${({ $size }) => sizeStyles[$size]}
-  ${({ $variant }) => variantStyles[$variant]}
+  ${sizeMixin}
+  ${variantMixin}
 `;
 
-// src/components/button/constants.ts
-var BUTTON_VARIANT = {
-  SOLID: "solid",
-  OUTLINE: "outline",
-  GHOST: "ghost"
-};
-var BUTTON_SIZE = {
-  XS: "xs",
-  S: "s",
-  M: "m"
-};
-var ICON_POSITION = {
-  LEADING: "leading",
-  TRAILING: "trailing"
-};
-
 // src/components/button/button.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var Button = (0, import_react2.forwardRef)(function Button2({
   children,
   variant = BUTTON_VARIANT.SOLID,
+  intent = BUTTON_INTENT.PRIMARY,
   size = BUTTON_SIZE.M,
   icon,
   iconPosition = ICON_POSITION.LEADING,
@@ -581,6 +606,7 @@ var Button = (0, import_react2.forwardRef)(function Button2({
       ref,
       type: "button",
       $variant: variant,
+      $intent: intent,
       $size: size,
       disabled,
       onClick: disabled ? void 0 : onClick,
@@ -596,6 +622,7 @@ var Button = (0, import_react2.forwardRef)(function Button2({
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  BUTTON_INTENT,
   BUTTON_SIZE,
   BUTTON_VARIANT,
   Button,

package/dist/button.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/button/index.ts","../src/components/button/button.tsx","../src/components/icon/icon.tsx","../src/components/icon/icon-styles.ts","../src/components/button/button-styles.ts","../src/tokens/colors.ts","../src/tokens/typography.ts","../src/components/button/constants.ts"],"sourcesContent":["export { Button } from \"./button\";\nexport { BUTTON_VARIANT, BUTTON_SIZE, ICON_POSITION } from \"./constants\";\nexport type { ButtonProps, ButtonVariant, ButtonSize, IconPosition } from \"./types\";\n","import { forwardRef } from \"react\";\nimport { Icon } from \"../icon/icon\";\nimport { StyledButton } from \"./button-styles\";\nimport { BUTTON_SIZE, BUTTON_VARIANT, ICON_POSITION } from \"./constants\";\nimport type { ButtonProps } from \"./types\";\n\n/** A versatile button component with multiple variants and sizes. */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    children,\n    variant = BUTTON_VARIANT.SOLID,\n    size = BUTTON_SIZE.M,\n    icon,\n    iconPosition = ICON_POSITION.LEADING,\n    disabled = false,\n    onClick,\n    className,\n    \"aria-label\": ariaLabel,\n  },\n  ref\n) {\n  const iconElement = icon ? <Icon icon={icon} size={16} /> : null;\n\n  return (\n    <StyledButton\n      ref={ref}\n      type=\"button\"\n      $variant={variant}\n      $size={size}\n      disabled={disabled}\n      onClick={disabled ? undefined : onClick}\n      className={className}\n      aria-label={ariaLabel}\n    >\n      {iconPosition === ICON_POSITION.LEADING && iconElement}\n      <span>{children}</span>\n      {iconPosition === ICON_POSITION.TRAILING && iconElement}\n    </StyledButton>\n  );\n});\n","import { forwardRef } from \"react\";\n\nimport { IconWrapper, getStrokeWidth } from \"./icon-styles\";\nimport type { IconProps } from \"./types\";\n\nconst DEFAULT_SIZE = 16;\n\nexport const Icon = forwardRef<HTMLSpanElement, IconProps>(function Icon(\n  { icon: IconComponent, size = DEFAULT_SIZE, color, className, \"aria-label\": ariaLabel },\n  ref\n) {\n  return (\n    <IconWrapper\n      ref={ref}\n      className={className}\n      $color={color}\n      aria-label={ariaLabel}\n      role={ariaLabel ? \"img\" : undefined}\n    >\n      <IconComponent width={size} height={size} strokeWidth={getStrokeWidth(size)} />\n    </IconWrapper>\n  );\n});\n","import styled from \"styled-components\";\n\nexport const STROKE_WIDTH_BY_SIZE: Record<number, number> = {\n  12: 1.4,\n  14: 1.4,\n  16: 1.8,\n  18: 1.8,\n  20: 1.8,\n  24: 1.8,\n};\n\nexport const DEFAULT_STROKE_WIDTH = 1.8;\n\nexport function getStrokeWidth(size: number): number {\n  return STROKE_WIDTH_BY_SIZE[size] ?? DEFAULT_STROKE_WIDTH;\n}\n\nexport const IconWrapper = styled.span<{ $color?: string }>`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: ${({ $color }) => $color ?? \"currentColor\"};\n  flex-shrink: 0;\n`;\n","import styled, { css } from \"styled-components\";\nimport { colors } from \"../../tokens/colors\";\nimport { typographyMixin, typographyTypes } from \"../../tokens/typography\";\nimport type { ButtonSize, ButtonVariant } from \"./types\";\n\nconst sizeStyles: Record<ButtonSize, ReturnType<typeof css>> = {\n  xs: css`\n    padding: 6px 10px;\n    border-radius: 8px;\n    gap: 4px;\n  `,\n  s: css`\n    padding: 8px 12px;\n    border-radius: 10px;\n    gap: 6px;\n  `,\n  m: css`\n    padding: 10px 14px;\n    border-radius: 10px;\n    gap: 6px;\n  `,\n};\n\nconst variantStyles: Record<ButtonVariant, ReturnType<typeof css>> = {\n  solid: css`\n    background: ${colors[\"brown-100\"]};\n    color: ${colors.white};\n    border: none;\n\n    &:hover:not(:disabled) {\n      background: ${colors[\"brown-90\"]};\n    }\n\n    &:disabled {\n      background: ${colors[\"brown-20\"]};\n      color: ${colors[\"brown-50\"]};\n    }\n  `,\n  outline: css`\n    background: ${colors.white};\n    color: ${colors[\"brown-100\"]};\n    border: 1px solid ${colors[\"brown-40\"]};\n\n    &:hover:not(:disabled) {\n      background: ${colors[\"brown-20\"]};\n    }\n\n    &:disabled {\n      border-color: ${colors[\"brown-20\"]};\n      color: ${colors[\"brown-50\"]};\n    }\n  `,\n  ghost: css`\n    background: transparent;\n    color: ${colors[\"brown-100\"]};\n    border: none;\n\n    &:hover:not(:disabled) {\n      background: ${colors[\"brown-20\"]};\n    }\n\n    &:disabled {\n      color: ${colors[\"brown-50\"]};\n    }\n  `,\n};\n\n/** Styled button element with variant and size transient props. */\nexport const StyledButton = styled.button<{ $variant: ButtonVariant; $size: ButtonSize }>`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  ${typographyMixin(typographyTypes.GEIST_BODY_XS_MEDIUM)};\n  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  ${({ $size }) => sizeStyles[$size]}\n  ${({ $variant }) => variantStyles[$variant]}\n`;\n","export const colors = {\n  // White\n  white: \"#FFFFFF\",\n  \"white-alpha-85\": \"rgba(255, 255, 255, 0.85)\",\n  \"white-alpha-40\": \"rgba(255, 255, 255, 0.40)\",\n\n  // Brown\n  \"brown-10\": \"#FAF9F8\",\n  \"brown-20\": \"#F5F3F0\",\n  \"brown-30\": \"#EEEBE5\",\n  \"brown-40\": \"#E6E2DA\",\n  \"brown-50\": \"#CFCBC4\",\n  \"brown-60\": \"#A19E99\",\n  \"brown-70\": \"#73716D\",\n  \"brown-80\": \"#5C5A57\",\n  \"brown-90\": \"#2E2D2C\",\n  \"brown-100\": \"#171716\",\n  \"brown-alpha-12\": \"rgba(23, 23, 22, 0.12)\",\n  \"brown-alpha-20\": \"rgba(23, 23, 22, 0.20)\",\n  \"brown-alpha-55\": \"rgba(23, 23, 22, 0.55)\",\n  \"brown-alpha-70\": \"rgba(23, 23, 22, 0.70)\",\n  \"brown-alpha-80\": \"rgba(23, 23, 22, 0.80)\",\n  \"brown-alpha-90\": \"rgba(23, 23, 22, 0.90)\",\n\n  // Fuchsia\n  \"fuchsia-50\": \"#FAF5FF\",\n  \"fuchsia-300\": \"#F0ABFC\",\n  \"fuchsia-500\": \"#D946EF\",\n  \"fuchsia-600\": \"#C026D3\",\n  \"fuchsia-800\": \"#86198F\",\n\n  // Pink\n  \"pink-50\": \"#FDF2F8\",\n  \"pink-400\": \"#F472B6\",\n  \"pink-600\": \"#DB2777\",\n  \"pink-800\": \"#9D174D\",\n\n  // Violet\n  \"violet-50\": \"#F5F3FF\",\n  \"violet-400\": \"#A78BFA\",\n  \"violet-600\": \"#7C3AED\",\n  \"violet-800\": \"#5B21B6\",\n\n  // Indigo\n  \"indigo-50\": \"#EEF2FF\",\n  \"indigo-400\": \"#818CF8\",\n  \"indigo-500\": \"#6366F1\",\n  \"indigo-600\": \"#4F46E5\",\n  \"indigo-800\": \"#3730A3\",\n\n  // Cyan\n  \"cyan-50\": \"#E7FEFF\",\n  \"cyan-300\": \"#67E8F9\",\n  \"cyan-600\": \"#0891B2\",\n  \"cyan-900\": \"#164E63\",\n\n  // Teal\n  \"teal-50\": \"#EBFDF9\",\n  \"teal-300\": \"#5EEAD4\",\n  \"teal-600\": \"#0D9488\",\n\n  // Rose\n  \"rose-400\": \"#FB7185\",\n\n  // Purple\n  \"purple-400\": \"#C084FC\",\n\n  // Blue\n  \"blue-50\": \"#EFF6FF\",\n  \"blue-100\": \"#DBEAFE\",\n  \"blue-300\": \"#93C5FD\",\n  \"blue-400\": \"#60A5FA\",\n  \"blue-600\": \"#2563EB\",\n  \"blue-800\": \"#1E40AF\",\n\n  // Sky\n  \"sky-300\": \"#7DD3FC\",\n\n  // Green\n  \"green-50\": \"#ECF9F0\",\n  \"green-100\": \"#D4F1D9\",\n  \"green-400\": \"#3DC269\",\n  \"green-700\": \"#277C43\",\n  \"green-800\": \"#1C5930\",\n\n  // Orange\n  \"orange-50\": \"#FFF7ED\",\n  \"orange-100\": \"#FFEDD5\",\n  \"orange-200\": \"#FED7AA\",\n  \"orange-500\": \"#F97316\",\n  \"orange-600\": \"#EA580C\",\n\n  // Red\n  \"red-50\": \"#FEF2F2\",\n  \"red-100\": \"#FEE2E2\",\n  \"red-200\": \"#FECACA\",\n  \"red-400\": \"#F7776C\",\n  \"red-500\": \"#EF4444\",\n  \"red-600\": \"#DC2626\",\n} as const;\n\nexport type ColorToken = keyof typeof colors;\n","/** Available font families in the Shapes.co design system. */\nexport const fontFamilies = {\n  /** Geist — primary UI font for body text, labels, headings, and display. */\n  GEIST: \"Geist\",\n  /** Crimson Pro — editorial/serif font, always italic. Used for decorative headings and pull quotes. */\n  CRIMSON_PRO: \"Crimson Pro\",\n} as const;\n\nexport const typographyTypes = {\n  // Geist Label Caption (12px)\n  GEIST_LABEL_CAPTION_REGULAR: \"GEIST_LABEL_CAPTION_REGULAR\",\n  GEIST_LABEL_CAPTION_MEDIUM: \"GEIST_LABEL_CAPTION_MEDIUM\",\n  GEIST_LABEL_CAPTION_SEMI_BOLD: \"GEIST_LABEL_CAPTION_SEMI_BOLD\",\n\n  // Geist Body Extra Small (14px)\n  GEIST_BODY_XS_REGULAR: \"GEIST_BODY_XS_REGULAR\",\n  GEIST_BODY_XS_MEDIUM: \"GEIST_BODY_XS_MEDIUM\",\n  GEIST_BODY_XS_BOLD: \"GEIST_BODY_XS_BOLD\",\n\n  // Geist Body Small (16px)\n  GEIST_BODY_S_REGULAR: \"GEIST_BODY_S_REGULAR\",\n  GEIST_BODY_S_MEDIUM: \"GEIST_BODY_S_MEDIUM\",\n  GEIST_BODY_S_SEMI_BOLD: \"GEIST_BODY_S_SEMI_BOLD\",\n  GEIST_BODY_S_BOLD: \"GEIST_BODY_S_BOLD\",\n\n  // Geist Body Medium (18px)\n  GEIST_BODY_M_LIGHT: \"GEIST_BODY_M_LIGHT\",\n  GEIST_BODY_M_REGULAR: \"GEIST_BODY_M_REGULAR\",\n  GEIST_BODY_M_MEDIUM: \"GEIST_BODY_M_MEDIUM\",\n  GEIST_BODY_M_SEMI_BOLD: \"GEIST_BODY_M_SEMI_BOLD\",\n\n  // Geist Body Large (20px)\n  GEIST_BODY_L_REGULAR: \"GEIST_BODY_L_REGULAR\",\n  GEIST_BODY_L_MEDIUM: \"GEIST_BODY_L_MEDIUM\",\n  GEIST_BODY_L_SEMI_BOLD: \"GEIST_BODY_L_SEMI_BOLD\",\n  GEIST_BODY_L_BOLD: \"GEIST_BODY_L_BOLD\",\n\n  // Geist Heading Small (24px)\n  GEIST_HEADING_S_REGULAR: \"GEIST_HEADING_S_REGULAR\",\n  GEIST_HEADING_S_MEDIUM: \"GEIST_HEADING_S_MEDIUM\",\n  GEIST_HEADING_S_BOLD: \"GEIST_HEADING_S_BOLD\",\n\n  // Geist Heading Medium (28px)\n  GEIST_HEADING_M_BOLD: \"GEIST_HEADING_M_BOLD\",\n\n  // Geist Heading Large (32px)\n  GEIST_HEADING_L_REGULAR: \"GEIST_HEADING_L_REGULAR\",\n  GEIST_HEADING_L_MEDIUM: \"GEIST_HEADING_L_MEDIUM\",\n  GEIST_HEADING_L_SEMI_BOLD: \"GEIST_HEADING_L_SEMI_BOLD\",\n  GEIST_HEADING_L_BOLD: \"GEIST_HEADING_L_BOLD\",\n\n  // Geist Display Large (36px)\n  GEIST_DISPLAY_L_MEDIUM: \"GEIST_DISPLAY_L_MEDIUM\",\n\n  // Crimson Pro Body Small (16px)\n  CRIMSON_PRO_BODY_S_LIGHT: \"CRIMSON_PRO_BODY_S_LIGHT\",\n\n  // Crimson Pro Body Medium (18px)\n  CRIMSON_PRO_BODY_M_LIGHT: \"CRIMSON_PRO_BODY_M_LIGHT\",\n\n  // Crimson Pro Heading Medium (24px)\n  CRIMSON_PRO_HEADING_M_MEDIUM: \"CRIMSON_PRO_HEADING_M_MEDIUM\",\n\n  // Crimson Pro Display Extra Large (46px)\n  CRIMSON_PRO_DISPLAY_XL_REGULAR: \"CRIMSON_PRO_DISPLAY_XL_REGULAR\",\n} as const;\n\n/** Union of all typography type string constants. Used as keys into `typographyStyles`. */\nexport type TypographyType = (typeof typographyTypes)[keyof typeof typographyTypes];\n\n/** CSS properties for a single typography type. All numeric values are in pixels. */\nexport interface TypographyStyle {\n  /** Font family name (e.g., \"Geist\"). */\n  fontFamily: string;\n  /** Font size in pixels. */\n  fontSize: number;\n  /** Font weight (100–900). */\n  fontWeight: number;\n  /** Line height in pixels. */\n  lineHeight: number;\n  /** Letter spacing in pixels. Omitted when the font's default spacing is correct. */\n  letterSpacing?: number;\n  /** CSS font-style value (e.g., \"italic\"). Omitted for normal style. */\n  fontStyle?: string;\n}\n\nexport const typographyStyles: Record<TypographyType, TypographyStyle> = {\n  // Geist Label Caption (12px)\n  [typographyTypes.GEIST_LABEL_CAPTION_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 12,\n    fontWeight: 400,\n    lineHeight: 16,\n  },\n  [typographyTypes.GEIST_LABEL_CAPTION_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 12,\n    fontWeight: 500,\n    lineHeight: 16,\n  },\n  [typographyTypes.GEIST_LABEL_CAPTION_SEMI_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 12,\n    fontWeight: 600,\n    lineHeight: 16,\n  },\n\n  // Geist Body Extra Small (14px)\n  [typographyTypes.GEIST_BODY_XS_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 14,\n    fontWeight: 400,\n    lineHeight: 20,\n  },\n  [typographyTypes.GEIST_BODY_XS_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 14,\n    fontWeight: 500,\n    lineHeight: 20,\n  },\n  [typographyTypes.GEIST_BODY_XS_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 14,\n    fontWeight: 600,\n    lineHeight: 20,\n  },\n\n  // Geist Body Small (16px)\n  [typographyTypes.GEIST_BODY_S_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 16,\n    fontWeight: 400,\n    lineHeight: 24,\n    letterSpacing: -0.08,\n  },\n  [typographyTypes.GEIST_BODY_S_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 16,\n    fontWeight: 500,\n    lineHeight: 24,\n    letterSpacing: -0.08,\n  },\n  [typographyTypes.GEIST_BODY_S_SEMI_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 16,\n    fontWeight: 600,\n    lineHeight: 24,\n    letterSpacing: -0.08,\n  },\n  [typographyTypes.GEIST_BODY_S_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 16,\n    fontWeight: 700,\n    lineHeight: 24,\n    letterSpacing: -0.08,\n  },\n\n  // Geist Body Medium (18px)\n  [typographyTypes.GEIST_BODY_M_LIGHT]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 18,\n    fontWeight: 300,\n    lineHeight: 28,\n    letterSpacing: -0.09,\n  },\n  [typographyTypes.GEIST_BODY_M_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 18,\n    fontWeight: 400,\n    lineHeight: 28,\n    letterSpacing: -0.09,\n  },\n  [typographyTypes.GEIST_BODY_M_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 18,\n    fontWeight: 500,\n    lineHeight: 28,\n    letterSpacing: -0.09,\n  },\n  [typographyTypes.GEIST_BODY_M_SEMI_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 18,\n    fontWeight: 600,\n    lineHeight: 28,\n    letterSpacing: -0.09,\n  },\n\n  // Geist Body Large (20px)\n  [typographyTypes.GEIST_BODY_L_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 20,\n    fontWeight: 400,\n    lineHeight: 30,\n    letterSpacing: -0.2,\n  },\n  [typographyTypes.GEIST_BODY_L_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 20,\n    fontWeight: 500,\n    lineHeight: 30,\n    letterSpacing: -0.2,\n  },\n  [typographyTypes.GEIST_BODY_L_SEMI_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 20,\n    fontWeight: 600,\n    lineHeight: 30,\n    letterSpacing: -0.2,\n  },\n  [typographyTypes.GEIST_BODY_L_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 20,\n    fontWeight: 700,\n    lineHeight: 30,\n    letterSpacing: -0.2,\n  },\n\n  // Geist Heading Small (24px)\n  [typographyTypes.GEIST_HEADING_S_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 24,\n    fontWeight: 400,\n    lineHeight: 32,\n    letterSpacing: -0.48,\n  },\n  [typographyTypes.GEIST_HEADING_S_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 24,\n    fontWeight: 500,\n    lineHeight: 32,\n    letterSpacing: -0.48,\n  },\n  [typographyTypes.GEIST_HEADING_S_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 24,\n    fontWeight: 700,\n    lineHeight: 32,\n    letterSpacing: -0.48,\n  },\n\n  // Geist Heading Medium (28px)\n  [typographyTypes.GEIST_HEADING_M_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 28,\n    fontWeight: 700,\n    lineHeight: 36,\n    letterSpacing: -0.6,\n  },\n\n  // Geist Heading Large (32px)\n  [typographyTypes.GEIST_HEADING_L_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 32,\n    fontWeight: 400,\n    lineHeight: 40,\n    letterSpacing: -0.64,\n  },\n  [typographyTypes.GEIST_HEADING_L_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 32,\n    fontWeight: 500,\n    lineHeight: 40,\n    letterSpacing: -0.64,\n  },\n  [typographyTypes.GEIST_HEADING_L_SEMI_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 32,\n    fontWeight: 600,\n    lineHeight: 40,\n    letterSpacing: -0.64,\n  },\n  [typographyTypes.GEIST_HEADING_L_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 32,\n    fontWeight: 700,\n    lineHeight: 40,\n    letterSpacing: -0.64,\n  },\n\n  // Geist Display Large (36px)\n  [typographyTypes.GEIST_DISPLAY_L_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 36,\n    fontWeight: 500,\n    lineHeight: 44,\n    letterSpacing: -0.72,\n  },\n\n  // Crimson Pro Body Small (16px)\n  [typographyTypes.CRIMSON_PRO_BODY_S_LIGHT]: {\n    fontFamily: fontFamilies.CRIMSON_PRO,\n    fontSize: 16,\n    fontWeight: 300,\n    lineHeight: 20,\n    letterSpacing: -0.32,\n    fontStyle: \"italic\",\n  },\n\n  // Crimson Pro Body Medium (18px)\n  [typographyTypes.CRIMSON_PRO_BODY_M_LIGHT]: {\n    fontFamily: fontFamilies.CRIMSON_PRO,\n    fontSize: 18,\n    fontWeight: 300,\n    lineHeight: 28,\n    letterSpacing: 0,\n    fontStyle: \"italic\",\n  },\n\n  // Crimson Pro Heading Medium (24px)\n  [typographyTypes.CRIMSON_PRO_HEADING_M_MEDIUM]: {\n    fontFamily: fontFamilies.CRIMSON_PRO,\n    fontSize: 24,\n    fontWeight: 400,\n    lineHeight: 32,\n    letterSpacing: -0.48,\n    fontStyle: \"italic\",\n  },\n\n  // Crimson Pro Display Extra Large (46px)\n  [typographyTypes.CRIMSON_PRO_DISPLAY_XL_REGULAR]: {\n    fontFamily: fontFamilies.CRIMSON_PRO,\n    fontSize: 46,\n    fontWeight: 400,\n    lineHeight: 54,\n    letterSpacing: -1.38,\n    fontStyle: \"italic\",\n  },\n};\n\n/**\n * Generates a CSS string for a given typography type, suitable for use in styled-components template literals.\n * @param type - The typography type constant (e.g., `typographyTypes.GEIST_BODY_S_REGULAR`).\n * @returns A semicolon-separated CSS string with font-family, font-size, font-weight, line-height, letter-spacing, and font-style.\n */\nexport function typographyMixin(type: TypographyType): string {\n  const style = typographyStyles[type];\n  return [\n    `font-family: \"${style.fontFamily}\", sans-serif`,\n    `font-size: ${style.fontSize}px`,\n    `font-weight: ${style.fontWeight}`,\n    `line-height: ${style.lineHeight}px`,\n    `letter-spacing: ${style.letterSpacing != null ? `${style.letterSpacing}px` : \"inherit\"}`,\n    `font-style: ${style.fontStyle ?? \"normal\"}`,\n  ].join(\";\\n  \");\n}\n","/** Available visual style variants for the Button component. */\nexport const BUTTON_VARIANT = {\n  SOLID: \"solid\",\n  OUTLINE: \"outline\",\n  GHOST: \"ghost\",\n} as const;\n\n/** Available size presets for the Button component. */\nexport const BUTTON_SIZE = {\n  XS: \"xs\",\n  S: \"s\",\n  M: \"m\",\n} as const;\n\n/** Available icon positions relative to the label text. */\nexport const ICON_POSITION = {\n  LEADING: \"leading\",\n  TRAILING: \"trailing\",\n} as const;\n"],"mappings":"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","names":["import_react","styled","Icon","import_styled_components","styled","import_jsx_runtime","Button"]}
+{"version":3,"sources":["../src/components/button/index.ts","../src/components/button/button.tsx","../src/components/icon/icon.tsx","../src/components/icon/icon-styles.ts","../src/components/button/button-styles.ts","../src/tokens/colors.ts","../src/tokens/typography.ts","../src/components/button/constants.ts"],"sourcesContent":["export { Button } from \"./button\";\nexport { BUTTON_INTENT, BUTTON_VARIANT, BUTTON_SIZE, ICON_POSITION } from \"./constants\";\nexport type { ButtonProps, ButtonIntent, ButtonVariant, ButtonSize, IconPosition } from \"./types\";\n","import { forwardRef } from \"react\";\nimport { Icon } from \"../icon/icon\";\nimport { StyledButton } from \"./button-styles\";\nimport { BUTTON_INTENT, BUTTON_SIZE, BUTTON_VARIANT, ICON_POSITION } from \"./constants\";\nimport type { ButtonProps } from \"./types\";\n\n/** A versatile button component with multiple variants and sizes. */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    children,\n    variant = BUTTON_VARIANT.SOLID,\n    intent = BUTTON_INTENT.PRIMARY,\n    size = BUTTON_SIZE.M,\n    icon,\n    iconPosition = ICON_POSITION.LEADING,\n    disabled = false,\n    onClick,\n    className,\n    \"aria-label\": ariaLabel,\n  },\n  ref\n) {\n  const iconElement = icon ? <Icon icon={icon} size={16} /> : null;\n\n  return (\n    <StyledButton\n      ref={ref}\n      type=\"button\"\n      $variant={variant}\n      $intent={intent}\n      $size={size}\n      disabled={disabled}\n      onClick={disabled ? undefined : onClick}\n      className={className}\n      aria-label={ariaLabel}\n    >\n      {iconPosition === ICON_POSITION.LEADING && iconElement}\n      <span>{children}</span>\n      {iconPosition === ICON_POSITION.TRAILING && iconElement}\n    </StyledButton>\n  );\n});\n","import { forwardRef } from \"react\";\n\nimport { IconWrapper, getStrokeWidth } from \"./icon-styles\";\nimport type { IconProps } from \"./types\";\n\nconst DEFAULT_SIZE = 16;\n\nexport const Icon = forwardRef<HTMLSpanElement, IconProps>(function Icon(\n  { icon: IconComponent, size = DEFAULT_SIZE, color, className, \"aria-label\": ariaLabel },\n  ref\n) {\n  return (\n    <IconWrapper\n      ref={ref}\n      className={className}\n      $color={color}\n      aria-label={ariaLabel}\n      role={ariaLabel ? \"img\" : undefined}\n    >\n      <IconComponent width={size} height={size} strokeWidth={getStrokeWidth(size)} />\n    </IconWrapper>\n  );\n});\n","import styled from \"styled-components\";\n\nexport const STROKE_WIDTH_BY_SIZE: Record<number, number> = {\n  12: 1.4,\n  14: 1.4,\n  16: 1.8,\n  18: 1.8,\n  20: 1.8,\n  24: 1.8,\n};\n\nexport const DEFAULT_STROKE_WIDTH = 1.8;\n\nexport function getStrokeWidth(size: number): number {\n  return STROKE_WIDTH_BY_SIZE[size] ?? DEFAULT_STROKE_WIDTH;\n}\n\nexport const IconWrapper = styled.span<{ $color?: string }>`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: ${({ $color }) => $color ?? \"currentColor\"};\n  flex-shrink: 0;\n`;\n","import styled, { css } from \"styled-components\";\nimport { colors } from \"../../tokens/colors\";\nimport { typographyMixin, typographyTypes } from \"../../tokens/typography\";\nimport { BUTTON_INTENT, BUTTON_SIZE, BUTTON_VARIANT } from \"./constants\";\nimport type { ButtonIntent, ButtonSize, ButtonVariant } from \"./types\";\n\ninterface IntentColors {\n  /** Primary fill / text color. */\n  base: string;\n  /** Hover fill for solid variant. */\n  hover: string;\n  /** Muted fill for disabled solid variant. */\n  disabledBg: string;\n  /** Muted text for disabled state. */\n  disabledText: string;\n  /** Subtle hover background for outline/ghost variants. */\n  subtleHover: string;\n  /** Border color for outline variant. */\n  border: string;\n  /** Muted border for disabled outline variant. */\n  disabledBorder: string;\n}\n\nconst intentColors: Record<ButtonIntent, IntentColors> = {\n  [BUTTON_INTENT.PRIMARY]: {\n    base: colors[\"brown-100\"],\n    hover: colors[\"brown-90\"],\n    disabledBg: colors[\"brown-20\"],\n    disabledText: colors[\"brown-50\"],\n    subtleHover: colors[\"brown-20\"],\n    border: colors[\"brown-40\"],\n    disabledBorder: colors[\"brown-20\"],\n  },\n  [BUTTON_INTENT.ERROR]: {\n    base: colors[\"red-500\"],\n    hover: colors[\"red-600\"],\n    disabledBg: colors[\"red-100\"],\n    disabledText: colors[\"red-200\"],\n    subtleHover: colors[\"red-50\"],\n    border: colors[\"red-200\"],\n    disabledBorder: colors[\"red-100\"],\n  },\n};\n\ninterface SizeValues {\n  padding: string;\n  borderRadius: string;\n  gap: string;\n}\n\nconst sizeValues: Record<ButtonSize, SizeValues> = {\n  [BUTTON_SIZE.XS]: { padding: \"6px 10px\", borderRadius: \"8px\", gap: \"4px\" },\n  [BUTTON_SIZE.S]: { padding: \"8px 12px\", borderRadius: \"10px\", gap: \"6px\" },\n  [BUTTON_SIZE.M]: { padding: \"10px 14px\", borderRadius: \"10px\", gap: \"6px\" },\n};\n\nfunction sizeMixin({ $size }: { $size: ButtonSize }): ReturnType<typeof css> {\n  const s = sizeValues[$size];\n  return css`\n    padding: ${s.padding};\n    border-radius: ${s.borderRadius};\n    gap: ${s.gap};\n  `;\n}\n\ninterface VariantColorMap {\n  background: string;\n  color: string;\n  border: string;\n  hoverBg: string;\n  disabledBg?: string;\n  disabledColor: string;\n  disabledBorder?: string;\n}\n\nconst variantColorMap: Record<ButtonVariant, (c: IntentColors) => VariantColorMap> = {\n  [BUTTON_VARIANT.SOLID]: (c) => ({\n    background: c.base,\n    color: colors.white,\n    border: \"none\",\n    hoverBg: c.hover,\n    disabledBg: c.disabledBg,\n    disabledColor: c.disabledText,\n  }),\n  [BUTTON_VARIANT.OUTLINE]: (c) => ({\n    background: colors.white,\n    color: c.base,\n    border: `1px solid ${c.border}`,\n    hoverBg: c.subtleHover,\n    disabledColor: c.disabledText,\n    disabledBorder: c.disabledBorder,\n  }),\n  [BUTTON_VARIANT.GHOST]: (c) => ({\n    background: \"transparent\",\n    color: c.base,\n    border: \"none\",\n    hoverBg: c.subtleHover,\n    disabledColor: c.disabledText,\n  }),\n};\n\nfunction variantMixin({\n  $variant,\n  $intent,\n}: {\n  $variant: ButtonVariant;\n  $intent: ButtonIntent;\n}): ReturnType<typeof css> {\n  const v = variantColorMap[$variant](intentColors[$intent]);\n\n  return css`\n    background: ${v.background};\n    color: ${v.color};\n    border: ${v.border};\n\n    &:hover:not(:disabled) {\n      background: ${v.hoverBg};\n    }\n\n    &:disabled {\n      color: ${v.disabledColor};\n      ${v.disabledBg ? `background: ${v.disabledBg};` : \"\"}\n      ${v.disabledBorder ? `border-color: ${v.disabledBorder};` : \"\"}\n    }\n  `;\n}\n\n/** Styled button element with variant, intent, and size transient props. */\nexport const StyledButton = styled.button<{\n  $variant: ButtonVariant;\n  $intent: ButtonIntent;\n  $size: ButtonSize;\n}>`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  ${typographyMixin(typographyTypes.GEIST_BODY_XS_MEDIUM)};\n  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  ${sizeMixin}\n  ${variantMixin}\n`;\n","export const colors = {\n  // White\n  white: \"#FFFFFF\",\n  \"white-alpha-85\": \"rgba(255, 255, 255, 0.85)\",\n  \"white-alpha-40\": \"rgba(255, 255, 255, 0.40)\",\n\n  // Brown\n  \"brown-10\": \"#FAF9F8\",\n  \"brown-20\": \"#F5F3F0\",\n  \"brown-30\": \"#EEEBE5\",\n  \"brown-40\": \"#E6E2DA\",\n  \"brown-50\": \"#CFCBC4\",\n  \"brown-60\": \"#A19E99\",\n  \"brown-70\": \"#73716D\",\n  \"brown-80\": \"#5C5A57\",\n  \"brown-90\": \"#2E2D2C\",\n  \"brown-100\": \"#171716\",\n  \"brown-alpha-12\": \"rgba(23, 23, 22, 0.12)\",\n  \"brown-alpha-20\": \"rgba(23, 23, 22, 0.20)\",\n  \"brown-alpha-55\": \"rgba(23, 23, 22, 0.55)\",\n  \"brown-alpha-70\": \"rgba(23, 23, 22, 0.70)\",\n  \"brown-alpha-80\": \"rgba(23, 23, 22, 0.80)\",\n  \"brown-alpha-90\": \"rgba(23, 23, 22, 0.90)\",\n\n  // Fuchsia\n  \"fuchsia-50\": \"#FAF5FF\",\n  \"fuchsia-300\": \"#F0ABFC\",\n  \"fuchsia-500\": \"#D946EF\",\n  \"fuchsia-600\": \"#C026D3\",\n  \"fuchsia-800\": \"#86198F\",\n\n  // Pink\n  \"pink-50\": \"#FDF2F8\",\n  \"pink-400\": \"#F472B6\",\n  \"pink-600\": \"#DB2777\",\n  \"pink-800\": \"#9D174D\",\n\n  // Violet\n  \"violet-50\": \"#F5F3FF\",\n  \"violet-400\": \"#A78BFA\",\n  \"violet-600\": \"#7C3AED\",\n  \"violet-800\": \"#5B21B6\",\n\n  // Indigo\n  \"indigo-50\": \"#EEF2FF\",\n  \"indigo-400\": \"#818CF8\",\n  \"indigo-500\": \"#6366F1\",\n  \"indigo-600\": \"#4F46E5\",\n  \"indigo-800\": \"#3730A3\",\n\n  // Cyan\n  \"cyan-50\": \"#E7FEFF\",\n  \"cyan-300\": \"#67E8F9\",\n  \"cyan-600\": \"#0891B2\",\n  \"cyan-900\": \"#164E63\",\n\n  // Teal\n  \"teal-50\": \"#EBFDF9\",\n  \"teal-300\": \"#5EEAD4\",\n  \"teal-600\": \"#0D9488\",\n\n  // Rose\n  \"rose-400\": \"#FB7185\",\n\n  // Purple\n  \"purple-400\": \"#C084FC\",\n\n  // Blue\n  \"blue-50\": \"#EFF6FF\",\n  \"blue-100\": \"#DBEAFE\",\n  \"blue-300\": \"#93C5FD\",\n  \"blue-400\": \"#60A5FA\",\n  \"blue-600\": \"#2563EB\",\n  \"blue-800\": \"#1E40AF\",\n\n  // Sky\n  \"sky-300\": \"#7DD3FC\",\n\n  // Green\n  \"green-50\": \"#ECF9F0\",\n  \"green-100\": \"#D4F1D9\",\n  \"green-400\": \"#3DC269\",\n  \"green-700\": \"#277C43\",\n  \"green-800\": \"#1C5930\",\n\n  // Orange\n  \"orange-50\": \"#FFF7ED\",\n  \"orange-100\": \"#FFEDD5\",\n  \"orange-200\": \"#FED7AA\",\n  \"orange-500\": \"#F97316\",\n  \"orange-600\": \"#EA580C\",\n\n  // Red\n  \"red-50\": \"#FEF2F2\",\n  \"red-100\": \"#FEE2E2\",\n  \"red-200\": \"#FECACA\",\n  \"red-400\": \"#F7776C\",\n  \"red-500\": \"#EF4444\",\n  \"red-600\": \"#DC2626\",\n} as const;\n\nexport type ColorToken = keyof typeof colors;\n","/** Available font families in the Shapes.co design system. */\nexport const fontFamilies = {\n  /** Geist — primary UI font for body text, labels, headings, and display. */\n  GEIST: \"Geist\",\n  /** Crimson Pro — editorial/serif font, always italic. Used for decorative headings and pull quotes. */\n  CRIMSON_PRO: \"Crimson Pro\",\n} as const;\n\nexport const typographyTypes = {\n  // Geist Label Caption (12px)\n  GEIST_LABEL_CAPTION_REGULAR: \"GEIST_LABEL_CAPTION_REGULAR\",\n  GEIST_LABEL_CAPTION_MEDIUM: \"GEIST_LABEL_CAPTION_MEDIUM\",\n  GEIST_LABEL_CAPTION_SEMI_BOLD: \"GEIST_LABEL_CAPTION_SEMI_BOLD\",\n\n  // Geist Body Extra Small (14px)\n  GEIST_BODY_XS_REGULAR: \"GEIST_BODY_XS_REGULAR\",\n  GEIST_BODY_XS_MEDIUM: \"GEIST_BODY_XS_MEDIUM\",\n  GEIST_BODY_XS_BOLD: \"GEIST_BODY_XS_BOLD\",\n\n  // Geist Body Small (16px)\n  GEIST_BODY_S_REGULAR: \"GEIST_BODY_S_REGULAR\",\n  GEIST_BODY_S_MEDIUM: \"GEIST_BODY_S_MEDIUM\",\n  GEIST_BODY_S_SEMI_BOLD: \"GEIST_BODY_S_SEMI_BOLD\",\n  GEIST_BODY_S_BOLD: \"GEIST_BODY_S_BOLD\",\n\n  // Geist Body Medium (18px)\n  GEIST_BODY_M_LIGHT: \"GEIST_BODY_M_LIGHT\",\n  GEIST_BODY_M_REGULAR: \"GEIST_BODY_M_REGULAR\",\n  GEIST_BODY_M_MEDIUM: \"GEIST_BODY_M_MEDIUM\",\n  GEIST_BODY_M_SEMI_BOLD: \"GEIST_BODY_M_SEMI_BOLD\",\n\n  // Geist Body Large (20px)\n  GEIST_BODY_L_REGULAR: \"GEIST_BODY_L_REGULAR\",\n  GEIST_BODY_L_MEDIUM: \"GEIST_BODY_L_MEDIUM\",\n  GEIST_BODY_L_SEMI_BOLD: \"GEIST_BODY_L_SEMI_BOLD\",\n  GEIST_BODY_L_BOLD: \"GEIST_BODY_L_BOLD\",\n\n  // Geist Heading Small (24px)\n  GEIST_HEADING_S_REGULAR: \"GEIST_HEADING_S_REGULAR\",\n  GEIST_HEADING_S_MEDIUM: \"GEIST_HEADING_S_MEDIUM\",\n  GEIST_HEADING_S_BOLD: \"GEIST_HEADING_S_BOLD\",\n\n  // Geist Heading Medium (28px)\n  GEIST_HEADING_M_BOLD: \"GEIST_HEADING_M_BOLD\",\n\n  // Geist Heading Large (32px)\n  GEIST_HEADING_L_REGULAR: \"GEIST_HEADING_L_REGULAR\",\n  GEIST_HEADING_L_MEDIUM: \"GEIST_HEADING_L_MEDIUM\",\n  GEIST_HEADING_L_SEMI_BOLD: \"GEIST_HEADING_L_SEMI_BOLD\",\n  GEIST_HEADING_L_BOLD: \"GEIST_HEADING_L_BOLD\",\n\n  // Geist Display Large (36px)\n  GEIST_DISPLAY_L_MEDIUM: \"GEIST_DISPLAY_L_MEDIUM\",\n\n  // Crimson Pro Body Small (16px)\n  CRIMSON_PRO_BODY_S_LIGHT: \"CRIMSON_PRO_BODY_S_LIGHT\",\n\n  // Crimson Pro Body Medium (18px)\n  CRIMSON_PRO_BODY_M_LIGHT: \"CRIMSON_PRO_BODY_M_LIGHT\",\n\n  // Crimson Pro Heading Medium (24px)\n  CRIMSON_PRO_HEADING_M_MEDIUM: \"CRIMSON_PRO_HEADING_M_MEDIUM\",\n\n  // Crimson Pro Display Extra Large (46px)\n  CRIMSON_PRO_DISPLAY_XL_REGULAR: \"CRIMSON_PRO_DISPLAY_XL_REGULAR\",\n} as const;\n\n/** Union of all typography type string constants. Used as keys into `typographyStyles`. */\nexport type TypographyType = (typeof typographyTypes)[keyof typeof typographyTypes];\n\n/** CSS properties for a single typography type. All numeric values are in pixels. */\nexport interface TypographyStyle {\n  /** Font family name (e.g., \"Geist\"). */\n  fontFamily: string;\n  /** Font size in pixels. */\n  fontSize: number;\n  /** Font weight (100–900). */\n  fontWeight: number;\n  /** Line height in pixels. */\n  lineHeight: number;\n  /** Letter spacing in pixels. Omitted when the font's default spacing is correct. */\n  letterSpacing?: number;\n  /** CSS font-style value (e.g., \"italic\"). Omitted for normal style. */\n  fontStyle?: string;\n}\n\nexport const typographyStyles: Record<TypographyType, TypographyStyle> = {\n  // Geist Label Caption (12px)\n  [typographyTypes.GEIST_LABEL_CAPTION_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 12,\n    fontWeight: 400,\n    lineHeight: 16,\n  },\n  [typographyTypes.GEIST_LABEL_CAPTION_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 12,\n    fontWeight: 500,\n    lineHeight: 16,\n  },\n  [typographyTypes.GEIST_LABEL_CAPTION_SEMI_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 12,\n    fontWeight: 600,\n    lineHeight: 16,\n  },\n\n  // Geist Body Extra Small (14px)\n  [typographyTypes.GEIST_BODY_XS_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 14,\n    fontWeight: 400,\n    lineHeight: 20,\n  },\n  [typographyTypes.GEIST_BODY_XS_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 14,\n    fontWeight: 500,\n    lineHeight: 20,\n  },\n  [typographyTypes.GEIST_BODY_XS_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 14,\n    fontWeight: 600,\n    lineHeight: 20,\n  },\n\n  // Geist Body Small (16px)\n  [typographyTypes.GEIST_BODY_S_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 16,\n    fontWeight: 400,\n    lineHeight: 24,\n    letterSpacing: -0.08,\n  },\n  [typographyTypes.GEIST_BODY_S_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 16,\n    fontWeight: 500,\n    lineHeight: 24,\n    letterSpacing: -0.08,\n  },\n  [typographyTypes.GEIST_BODY_S_SEMI_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 16,\n    fontWeight: 600,\n    lineHeight: 24,\n    letterSpacing: -0.08,\n  },\n  [typographyTypes.GEIST_BODY_S_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 16,\n    fontWeight: 700,\n    lineHeight: 24,\n    letterSpacing: -0.08,\n  },\n\n  // Geist Body Medium (18px)\n  [typographyTypes.GEIST_BODY_M_LIGHT]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 18,\n    fontWeight: 300,\n    lineHeight: 28,\n    letterSpacing: -0.09,\n  },\n  [typographyTypes.GEIST_BODY_M_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 18,\n    fontWeight: 400,\n    lineHeight: 28,\n    letterSpacing: -0.09,\n  },\n  [typographyTypes.GEIST_BODY_M_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 18,\n    fontWeight: 500,\n    lineHeight: 28,\n    letterSpacing: -0.09,\n  },\n  [typographyTypes.GEIST_BODY_M_SEMI_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 18,\n    fontWeight: 600,\n    lineHeight: 28,\n    letterSpacing: -0.09,\n  },\n\n  // Geist Body Large (20px)\n  [typographyTypes.GEIST_BODY_L_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 20,\n    fontWeight: 400,\n    lineHeight: 30,\n    letterSpacing: -0.2,\n  },\n  [typographyTypes.GEIST_BODY_L_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 20,\n    fontWeight: 500,\n    lineHeight: 30,\n    letterSpacing: -0.2,\n  },\n  [typographyTypes.GEIST_BODY_L_SEMI_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 20,\n    fontWeight: 600,\n    lineHeight: 30,\n    letterSpacing: -0.2,\n  },\n  [typographyTypes.GEIST_BODY_L_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 20,\n    fontWeight: 700,\n    lineHeight: 30,\n    letterSpacing: -0.2,\n  },\n\n  // Geist Heading Small (24px)\n  [typographyTypes.GEIST_HEADING_S_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 24,\n    fontWeight: 400,\n    lineHeight: 32,\n    letterSpacing: -0.48,\n  },\n  [typographyTypes.GEIST_HEADING_S_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 24,\n    fontWeight: 500,\n    lineHeight: 32,\n    letterSpacing: -0.48,\n  },\n  [typographyTypes.GEIST_HEADING_S_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 24,\n    fontWeight: 700,\n    lineHeight: 32,\n    letterSpacing: -0.48,\n  },\n\n  // Geist Heading Medium (28px)\n  [typographyTypes.GEIST_HEADING_M_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 28,\n    fontWeight: 700,\n    lineHeight: 36,\n    letterSpacing: -0.6,\n  },\n\n  // Geist Heading Large (32px)\n  [typographyTypes.GEIST_HEADING_L_REGULAR]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 32,\n    fontWeight: 400,\n    lineHeight: 40,\n    letterSpacing: -0.64,\n  },\n  [typographyTypes.GEIST_HEADING_L_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 32,\n    fontWeight: 500,\n    lineHeight: 40,\n    letterSpacing: -0.64,\n  },\n  [typographyTypes.GEIST_HEADING_L_SEMI_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 32,\n    fontWeight: 600,\n    lineHeight: 40,\n    letterSpacing: -0.64,\n  },\n  [typographyTypes.GEIST_HEADING_L_BOLD]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 32,\n    fontWeight: 700,\n    lineHeight: 40,\n    letterSpacing: -0.64,\n  },\n\n  // Geist Display Large (36px)\n  [typographyTypes.GEIST_DISPLAY_L_MEDIUM]: {\n    fontFamily: fontFamilies.GEIST,\n    fontSize: 36,\n    fontWeight: 500,\n    lineHeight: 44,\n    letterSpacing: -0.72,\n  },\n\n  // Crimson Pro Body Small (16px)\n  [typographyTypes.CRIMSON_PRO_BODY_S_LIGHT]: {\n    fontFamily: fontFamilies.CRIMSON_PRO,\n    fontSize: 16,\n    fontWeight: 300,\n    lineHeight: 20,\n    letterSpacing: -0.32,\n    fontStyle: \"italic\",\n  },\n\n  // Crimson Pro Body Medium (18px)\n  [typographyTypes.CRIMSON_PRO_BODY_M_LIGHT]: {\n    fontFamily: fontFamilies.CRIMSON_PRO,\n    fontSize: 18,\n    fontWeight: 300,\n    lineHeight: 28,\n    letterSpacing: 0,\n    fontStyle: \"italic\",\n  },\n\n  // Crimson Pro Heading Medium (24px)\n  [typographyTypes.CRIMSON_PRO_HEADING_M_MEDIUM]: {\n    fontFamily: fontFamilies.CRIMSON_PRO,\n    fontSize: 24,\n    fontWeight: 400,\n    lineHeight: 32,\n    letterSpacing: -0.48,\n    fontStyle: \"italic\",\n  },\n\n  // Crimson Pro Display Extra Large (46px)\n  [typographyTypes.CRIMSON_PRO_DISPLAY_XL_REGULAR]: {\n    fontFamily: fontFamilies.CRIMSON_PRO,\n    fontSize: 46,\n    fontWeight: 400,\n    lineHeight: 54,\n    letterSpacing: -1.38,\n    fontStyle: \"italic\",\n  },\n};\n\n/**\n * Generates a CSS string for a given typography type, suitable for use in styled-components template literals.\n * @param type - The typography type constant (e.g., `typographyTypes.GEIST_BODY_S_REGULAR`).\n * @returns A semicolon-separated CSS string with font-family, font-size, font-weight, line-height, letter-spacing, and font-style.\n */\nexport function typographyMixin(type: TypographyType): string {\n  const style = typographyStyles[type];\n  return [\n    `font-family: \"${style.fontFamily}\", sans-serif`,\n    `font-size: ${style.fontSize}px`,\n    `font-weight: ${style.fontWeight}`,\n    `line-height: ${style.lineHeight}px`,\n    `letter-spacing: ${style.letterSpacing != null ? `${style.letterSpacing}px` : \"inherit\"}`,\n    `font-style: ${style.fontStyle ?? \"normal\"}`,\n  ].join(\";\\n  \");\n}\n","/** Available visual style variants for the Button component. */\nexport const BUTTON_VARIANT = {\n  SOLID: \"solid\",\n  OUTLINE: \"outline\",\n  GHOST: \"ghost\",\n} as const;\n\n/** Available size presets for the Button component. */\nexport const BUTTON_SIZE = {\n  XS: \"xs\",\n  S: \"s\",\n  M: \"m\",\n} as const;\n\n/** Available semantic intents for the Button component. */\nexport const BUTTON_INTENT = {\n  PRIMARY: \"primary\",\n  ERROR: \"error\",\n} as const;\n\n/** Available icon positions relative to the label text. */\nexport const ICON_POSITION = {\n  LEADING: \"leading\",\n  TRAILING: \"trailing\",\n} as const;\n"],"mappings":"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","names":["import_react","styled","Icon","import_styled_components","styled","import_jsx_runtime","Button"]}

package/dist/button.d.cts

@@ -13,6 +13,11 @@ declare const BUTTON_SIZE: {
     readonly S: "s";
     readonly M: "m";
 };
+/** Available semantic intents for the Button component. */
+declare const BUTTON_INTENT: {
+    readonly PRIMARY: "primary";
+    readonly ERROR: "error";
+};
 /** Available icon positions relative to the label text. */
 declare const ICON_POSITION: {
     readonly LEADING: "leading";
@@ -23,6 +28,8 @@ declare const ICON_POSITION: {
 type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];
 /** Size preset for the button. */
 type ButtonSize = (typeof BUTTON_SIZE)[keyof typeof BUTTON_SIZE];
+/** Semantic intent controlling the button's color scheme. */
+type ButtonIntent = (typeof BUTTON_INTENT)[keyof typeof BUTTON_INTENT];
 /** Position of the optional icon relative to the label text. */
 type IconPosition = (typeof ICON_POSITION)[keyof typeof ICON_POSITION];
 /** Props for the Button component. */
@@ -31,6 +38,8 @@ interface ButtonProps {
     children: React.ReactNode;
     /** Visual style variant. @default "solid" */
     variant?: ButtonVariant;
+    /** Semantic intent controlling the color scheme. @default "primary" */
+    intent?: ButtonIntent;
     /** Size preset controlling padding, border radius, and icon gap. @default "m" */
     size?: ButtonSize;
     /** Optional icon component (Tabler icon or any SVG component). Rendered at 16px. */
@@ -50,4 +59,4 @@ interface ButtonProps {
 /** A versatile button component with multiple variants and sizes. */
 declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
-export { BUTTON_SIZE, BUTTON_VARIANT, Button, type ButtonProps, type ButtonSize, type ButtonVariant, ICON_POSITION, type IconPosition };
+export { BUTTON_INTENT, BUTTON_SIZE, BUTTON_VARIANT, Button, type ButtonIntent, type ButtonProps, type ButtonSize, type ButtonVariant, ICON_POSITION, type IconPosition };

package/dist/button.d.ts

@@ -13,6 +13,11 @@ declare const BUTTON_SIZE: {
     readonly S: "s";
     readonly M: "m";
 };
+/** Available semantic intents for the Button component. */
+declare const BUTTON_INTENT: {
+    readonly PRIMARY: "primary";
+    readonly ERROR: "error";
+};
 /** Available icon positions relative to the label text. */
 declare const ICON_POSITION: {
     readonly LEADING: "leading";
@@ -23,6 +28,8 @@ declare const ICON_POSITION: {
 type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];
 /** Size preset for the button. */
 type ButtonSize = (typeof BUTTON_SIZE)[keyof typeof BUTTON_SIZE];
+/** Semantic intent controlling the button's color scheme. */
+type ButtonIntent = (typeof BUTTON_INTENT)[keyof typeof BUTTON_INTENT];
 /** Position of the optional icon relative to the label text. */
 type IconPosition = (typeof ICON_POSITION)[keyof typeof ICON_POSITION];
 /** Props for the Button component. */
@@ -31,6 +38,8 @@ interface ButtonProps {
     children: React.ReactNode;
     /** Visual style variant. @default "solid" */
     variant?: ButtonVariant;
+    /** Semantic intent controlling the color scheme. @default "primary" */
+    intent?: ButtonIntent;
     /** Size preset controlling padding, border radius, and icon gap. @default "m" */
     size?: ButtonSize;
     /** Optional icon component (Tabler icon or any SVG component). Rendered at 16px. */
@@ -50,4 +59,4 @@ interface ButtonProps {
 /** A versatile button component with multiple variants and sizes. */
 declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
-export { BUTTON_SIZE, BUTTON_VARIANT, Button, type ButtonProps, type ButtonSize, type ButtonVariant, ICON_POSITION, type IconPosition };
+export { BUTTON_INTENT, BUTTON_SIZE, BUTTON_VARIANT, Button, type ButtonIntent, type ButtonProps, type ButtonSize, type ButtonVariant, ICON_POSITION, type IconPosition };

package/dist/button.js

@@ -1,14 +1,16 @@
 import {
+  BUTTON_INTENT,
   BUTTON_SIZE,
   BUTTON_VARIANT,
   Button,
   ICON_POSITION
-} from "./chunk-FFABDVB3.js";
+} from "./chunk-EDICS62G.js";
 import "./chunk-SV24ONND.js";
 import "./chunk-OLJIJYB5.js";
 import "./chunk-JF3P66JF.js";
 import "./chunk-5WRI5ZAA.js";
 export {
+  BUTTON_INTENT,
   BUTTON_SIZE,
   BUTTON_VARIANT,
   Button,