@shapesos/clay 0.6.0 → 0.8.0

package/dist/button.cjs

@@ -0,0 +1,604 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/button/index.ts
+var button_exports = {};
+__export(button_exports, {
+  BUTTON_SIZE: () => BUTTON_SIZE,
+  BUTTON_VARIANT: () => BUTTON_VARIANT,
+  Button: () => Button,
+  ICON_POSITION: () => ICON_POSITION
+});
+module.exports = __toCommonJS(button_exports);
+
+// src/components/button/button.tsx
+var import_react2 = require("react");
+
+// src/components/icon/icon.tsx
+var import_react = require("react");
+
+// src/components/icon/icon-styles.ts
+var import_styled_components = __toESM(require("styled-components"), 1);
+var STROKE_WIDTH_BY_SIZE = {
+  12: 1.4,
+  14: 1.4,
+  16: 1.8,
+  18: 1.8,
+  20: 1.8,
+  24: 1.8
+};
+var DEFAULT_STROKE_WIDTH = 1.8;
+function getStrokeWidth(size) {
+  return STROKE_WIDTH_BY_SIZE[size] ?? DEFAULT_STROKE_WIDTH;
+}
+var IconWrapper = import_styled_components.default.span`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: ${({ $color }) => $color ?? "currentColor"};
+  flex-shrink: 0;
+`;
+
+// src/components/icon/icon.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var DEFAULT_SIZE = 16;
+var Icon = (0, import_react.forwardRef)(function Icon2({ icon: IconComponent, size = DEFAULT_SIZE, color, className, "aria-label": ariaLabel }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    IconWrapper,
+    {
+      ref,
+      className,
+      $color: color,
+      "aria-label": ariaLabel,
+      role: ariaLabel ? "img" : void 0,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconComponent, { width: size, height: size, strokeWidth: getStrokeWidth(size) })
+    }
+  );
+});
+
+// src/components/button/button-styles.ts
+var import_styled_components2 = __toESM(require("styled-components"), 1);
+
+// src/tokens/colors.ts
+var colors = {
+  // White
+  white: "#FFFFFF",
+  "white-alpha-85": "rgba(255, 255, 255, 0.85)",
+  "white-alpha-40": "rgba(255, 255, 255, 0.40)",
+  // Brown
+  "brown-10": "#FAF9F8",
+  "brown-20": "#F5F3F0",
+  "brown-30": "#EEEBE5",
+  "brown-40": "#E6E2DA",
+  "brown-50": "#CFCBC4",
+  "brown-60": "#A19E99",
+  "brown-70": "#73716D",
+  "brown-80": "#5C5A57",
+  "brown-90": "#2E2D2C",
+  "brown-100": "#171716",
+  "brown-alpha-12": "rgba(23, 23, 22, 0.12)",
+  "brown-alpha-20": "rgba(23, 23, 22, 0.20)",
+  "brown-alpha-55": "rgba(23, 23, 22, 0.55)",
+  "brown-alpha-70": "rgba(23, 23, 22, 0.70)",
+  "brown-alpha-80": "rgba(23, 23, 22, 0.80)",
+  "brown-alpha-90": "rgba(23, 23, 22, 0.90)",
+  // Fuchsia
+  "fuchsia-50": "#FAF5FF",
+  "fuchsia-300": "#F0ABFC",
+  "fuchsia-500": "#D946EF",
+  "fuchsia-600": "#C026D3",
+  "fuchsia-800": "#86198F",
+  // Pink
+  "pink-50": "#FDF2F8",
+  "pink-400": "#F472B6",
+  "pink-600": "#DB2777",
+  "pink-800": "#9D174D",
+  // Violet
+  "violet-50": "#F5F3FF",
+  "violet-400": "#A78BFA",
+  "violet-600": "#7C3AED",
+  "violet-800": "#5B21B6",
+  // Indigo
+  "indigo-50": "#EEF2FF",
+  "indigo-400": "#818CF8",
+  "indigo-500": "#6366F1",
+  "indigo-600": "#4F46E5",
+  "indigo-800": "#3730A3",
+  // Cyan
+  "cyan-50": "#E7FEFF",
+  "cyan-300": "#67E8F9",
+  "cyan-600": "#0891B2",
+  "cyan-900": "#164E63",
+  // Teal
+  "teal-50": "#EBFDF9",
+  "teal-300": "#5EEAD4",
+  "teal-600": "#0D9488",
+  // Rose
+  "rose-400": "#FB7185",
+  // Purple
+  "purple-400": "#C084FC",
+  // Blue
+  "blue-50": "#EFF6FF",
+  "blue-100": "#DBEAFE",
+  "blue-300": "#93C5FD",
+  "blue-400": "#60A5FA",
+  "blue-600": "#2563EB",
+  "blue-800": "#1E40AF",
+  // Sky
+  "sky-300": "#7DD3FC",
+  // Green
+  "green-50": "#ECF9F0",
+  "green-100": "#D4F1D9",
+  "green-400": "#3DC269",
+  "green-700": "#277C43",
+  "green-800": "#1C5930",
+  // Orange
+  "orange-50": "#FFF7ED",
+  "orange-100": "#FFEDD5",
+  "orange-200": "#FED7AA",
+  "orange-500": "#F97316",
+  "orange-600": "#EA580C",
+  // Red
+  "red-50": "#FEF2F2",
+  "red-100": "#FEE2E2",
+  "red-200": "#FECACA",
+  "red-400": "#F7776C",
+  "red-500": "#EF4444",
+  "red-600": "#DC2626"
+};
+
+// src/tokens/typography.ts
+var fontFamilies = {
+  /** Geist — primary UI font for body text, labels, headings, and display. */
+  GEIST: "Geist",
+  /** Crimson Pro — editorial/serif font, always italic. Used for decorative headings and pull quotes. */
+  CRIMSON_PRO: "Crimson Pro"
+};
+var typographyTypes = {
+  // Geist Label Caption (12px)
+  GEIST_LABEL_CAPTION_REGULAR: "GEIST_LABEL_CAPTION_REGULAR",
+  GEIST_LABEL_CAPTION_MEDIUM: "GEIST_LABEL_CAPTION_MEDIUM",
+  GEIST_LABEL_CAPTION_SEMI_BOLD: "GEIST_LABEL_CAPTION_SEMI_BOLD",
+  // Geist Body Extra Small (14px)
+  GEIST_BODY_XS_REGULAR: "GEIST_BODY_XS_REGULAR",
+  GEIST_BODY_XS_MEDIUM: "GEIST_BODY_XS_MEDIUM",
+  GEIST_BODY_XS_BOLD: "GEIST_BODY_XS_BOLD",
+  // Geist Body Small (16px)
+  GEIST_BODY_S_REGULAR: "GEIST_BODY_S_REGULAR",
+  GEIST_BODY_S_MEDIUM: "GEIST_BODY_S_MEDIUM",
+  GEIST_BODY_S_SEMI_BOLD: "GEIST_BODY_S_SEMI_BOLD",
+  GEIST_BODY_S_BOLD: "GEIST_BODY_S_BOLD",
+  // Geist Body Medium (18px)
+  GEIST_BODY_M_LIGHT: "GEIST_BODY_M_LIGHT",
+  GEIST_BODY_M_REGULAR: "GEIST_BODY_M_REGULAR",
+  GEIST_BODY_M_MEDIUM: "GEIST_BODY_M_MEDIUM",
+  GEIST_BODY_M_SEMI_BOLD: "GEIST_BODY_M_SEMI_BOLD",
+  // Geist Body Large (20px)
+  GEIST_BODY_L_REGULAR: "GEIST_BODY_L_REGULAR",
+  GEIST_BODY_L_MEDIUM: "GEIST_BODY_L_MEDIUM",
+  GEIST_BODY_L_SEMI_BOLD: "GEIST_BODY_L_SEMI_BOLD",
+  GEIST_BODY_L_BOLD: "GEIST_BODY_L_BOLD",
+  // Geist Heading Small (24px)
+  GEIST_HEADING_S_REGULAR: "GEIST_HEADING_S_REGULAR",
+  GEIST_HEADING_S_MEDIUM: "GEIST_HEADING_S_MEDIUM",
+  GEIST_HEADING_S_BOLD: "GEIST_HEADING_S_BOLD",
+  // Geist Heading Medium (28px)
+  GEIST_HEADING_M_BOLD: "GEIST_HEADING_M_BOLD",
+  // Geist Heading Large (32px)
+  GEIST_HEADING_L_REGULAR: "GEIST_HEADING_L_REGULAR",
+  GEIST_HEADING_L_MEDIUM: "GEIST_HEADING_L_MEDIUM",
+  GEIST_HEADING_L_SEMI_BOLD: "GEIST_HEADING_L_SEMI_BOLD",
+  GEIST_HEADING_L_BOLD: "GEIST_HEADING_L_BOLD",
+  // Geist Display Large (36px)
+  GEIST_DISPLAY_L_MEDIUM: "GEIST_DISPLAY_L_MEDIUM",
+  // Crimson Pro Body Small (16px)
+  CRIMSON_PRO_BODY_S_LIGHT: "CRIMSON_PRO_BODY_S_LIGHT",
+  // Crimson Pro Body Medium (18px)
+  CRIMSON_PRO_BODY_M_LIGHT: "CRIMSON_PRO_BODY_M_LIGHT",
+  // Crimson Pro Heading Medium (24px)
+  CRIMSON_PRO_HEADING_M_MEDIUM: "CRIMSON_PRO_HEADING_M_MEDIUM",
+  // Crimson Pro Display Extra Large (46px)
+  CRIMSON_PRO_DISPLAY_XL_REGULAR: "CRIMSON_PRO_DISPLAY_XL_REGULAR"
+};
+var typographyStyles = {
+  // Geist Label Caption (12px)
+  [typographyTypes.GEIST_LABEL_CAPTION_REGULAR]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 12,
+    fontWeight: 400,
+    lineHeight: 16
+  },
+  [typographyTypes.GEIST_LABEL_CAPTION_MEDIUM]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 12,
+    fontWeight: 500,
+    lineHeight: 16
+  },
+  [typographyTypes.GEIST_LABEL_CAPTION_SEMI_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 12,
+    fontWeight: 600,
+    lineHeight: 16
+  },
+  // Geist Body Extra Small (14px)
+  [typographyTypes.GEIST_BODY_XS_REGULAR]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 14,
+    fontWeight: 400,
+    lineHeight: 20
+  },
+  [typographyTypes.GEIST_BODY_XS_MEDIUM]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 14,
+    fontWeight: 500,
+    lineHeight: 20
+  },
+  [typographyTypes.GEIST_BODY_XS_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 14,
+    fontWeight: 600,
+    lineHeight: 20
+  },
+  // Geist Body Small (16px)
+  [typographyTypes.GEIST_BODY_S_REGULAR]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 16,
+    fontWeight: 400,
+    lineHeight: 24,
+    letterSpacing: -0.08
+  },
+  [typographyTypes.GEIST_BODY_S_MEDIUM]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 16,
+    fontWeight: 500,
+    lineHeight: 24,
+    letterSpacing: -0.08
+  },
+  [typographyTypes.GEIST_BODY_S_SEMI_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 16,
+    fontWeight: 600,
+    lineHeight: 24,
+    letterSpacing: -0.08
+  },
+  [typographyTypes.GEIST_BODY_S_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 16,
+    fontWeight: 700,
+    lineHeight: 24,
+    letterSpacing: -0.08
+  },
+  // Geist Body Medium (18px)
+  [typographyTypes.GEIST_BODY_M_LIGHT]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 18,
+    fontWeight: 300,
+    lineHeight: 28,
+    letterSpacing: -0.09
+  },
+  [typographyTypes.GEIST_BODY_M_REGULAR]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 18,
+    fontWeight: 400,
+    lineHeight: 28,
+    letterSpacing: -0.09
+  },
+  [typographyTypes.GEIST_BODY_M_MEDIUM]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 18,
+    fontWeight: 500,
+    lineHeight: 28,
+    letterSpacing: -0.09
+  },
+  [typographyTypes.GEIST_BODY_M_SEMI_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 18,
+    fontWeight: 600,
+    lineHeight: 28,
+    letterSpacing: -0.09
+  },
+  // Geist Body Large (20px)
+  [typographyTypes.GEIST_BODY_L_REGULAR]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 20,
+    fontWeight: 400,
+    lineHeight: 30,
+    letterSpacing: -0.2
+  },
+  [typographyTypes.GEIST_BODY_L_MEDIUM]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 20,
+    fontWeight: 500,
+    lineHeight: 30,
+    letterSpacing: -0.2
+  },
+  [typographyTypes.GEIST_BODY_L_SEMI_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 20,
+    fontWeight: 600,
+    lineHeight: 30,
+    letterSpacing: -0.2
+  },
+  [typographyTypes.GEIST_BODY_L_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 20,
+    fontWeight: 700,
+    lineHeight: 30,
+    letterSpacing: -0.2
+  },
+  // Geist Heading Small (24px)
+  [typographyTypes.GEIST_HEADING_S_REGULAR]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 24,
+    fontWeight: 400,
+    lineHeight: 32,
+    letterSpacing: -0.48
+  },
+  [typographyTypes.GEIST_HEADING_S_MEDIUM]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 24,
+    fontWeight: 500,
+    lineHeight: 32,
+    letterSpacing: -0.48
+  },
+  [typographyTypes.GEIST_HEADING_S_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 24,
+    fontWeight: 700,
+    lineHeight: 32,
+    letterSpacing: -0.48
+  },
+  // Geist Heading Medium (28px)
+  [typographyTypes.GEIST_HEADING_M_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 28,
+    fontWeight: 700,
+    lineHeight: 36,
+    letterSpacing: -0.6
+  },
+  // Geist Heading Large (32px)
+  [typographyTypes.GEIST_HEADING_L_REGULAR]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 32,
+    fontWeight: 400,
+    lineHeight: 40,
+    letterSpacing: -0.64
+  },
+  [typographyTypes.GEIST_HEADING_L_MEDIUM]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 32,
+    fontWeight: 500,
+    lineHeight: 40,
+    letterSpacing: -0.64
+  },
+  [typographyTypes.GEIST_HEADING_L_SEMI_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 32,
+    fontWeight: 600,
+    lineHeight: 40,
+    letterSpacing: -0.64
+  },
+  [typographyTypes.GEIST_HEADING_L_BOLD]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 32,
+    fontWeight: 700,
+    lineHeight: 40,
+    letterSpacing: -0.64
+  },
+  // Geist Display Large (36px)
+  [typographyTypes.GEIST_DISPLAY_L_MEDIUM]: {
+    fontFamily: fontFamilies.GEIST,
+    fontSize: 36,
+    fontWeight: 500,
+    lineHeight: 44,
+    letterSpacing: -0.72
+  },
+  // Crimson Pro Body Small (16px)
+  [typographyTypes.CRIMSON_PRO_BODY_S_LIGHT]: {
+    fontFamily: fontFamilies.CRIMSON_PRO,
+    fontSize: 16,
+    fontWeight: 300,
+    lineHeight: 20,
+    letterSpacing: -0.32,
+    fontStyle: "italic"
+  },
+  // Crimson Pro Body Medium (18px)
+  [typographyTypes.CRIMSON_PRO_BODY_M_LIGHT]: {
+    fontFamily: fontFamilies.CRIMSON_PRO,
+    fontSize: 18,
+    fontWeight: 300,
+    lineHeight: 28,
+    letterSpacing: 0,
+    fontStyle: "italic"
+  },
+  // Crimson Pro Heading Medium (24px)
+  [typographyTypes.CRIMSON_PRO_HEADING_M_MEDIUM]: {
+    fontFamily: fontFamilies.CRIMSON_PRO,
+    fontSize: 24,
+    fontWeight: 400,
+    lineHeight: 32,
+    letterSpacing: -0.48,
+    fontStyle: "italic"
+  },
+  // Crimson Pro Display Extra Large (46px)
+  [typographyTypes.CRIMSON_PRO_DISPLAY_XL_REGULAR]: {
+    fontFamily: fontFamilies.CRIMSON_PRO,
+    fontSize: 46,
+    fontWeight: 400,
+    lineHeight: 54,
+    letterSpacing: -1.38,
+    fontStyle: "italic"
+  }
+};
+function typographyMixin(type) {
+  const style = typographyStyles[type];
+  return [
+    `font-family: "${style.fontFamily}", sans-serif`,
+    `font-size: ${style.fontSize}px`,
+    `font-weight: ${style.fontWeight}`,
+    `line-height: ${style.lineHeight}px`,
+    `letter-spacing: ${style.letterSpacing != null ? `${style.letterSpacing}px` : "inherit"}`,
+    `font-style: ${style.fontStyle ?? "normal"}`
+  ].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;
+  `
+};
+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;
+
+    &:hover:not(:disabled) {
+      background: ${colors["brown-20"]};
+    }
+
+    &:disabled {
+      color: ${colors["brown-50"]};
+    }
+  `
+};
+var StyledButton = import_styled_components2.default.button`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  ${typographyMixin(typographyTypes.GEIST_BODY_XS_MEDIUM)};
+  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
+
+  &:disabled {
+    cursor: not-allowed;
+  }
+
+  ${({ $size }) => sizeStyles[$size]}
+  ${({ $variant }) => variantStyles[$variant]}
+`;
+
+// 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,
+  size = BUTTON_SIZE.M,
+  icon,
+  iconPosition = ICON_POSITION.LEADING,
+  disabled = false,
+  onClick,
+  className,
+  "aria-label": ariaLabel
+}, ref) {
+  const iconElement = icon ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { icon, size: 16 }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    StyledButton,
+    {
+      ref,
+      type: "button",
+      $variant: variant,
+      $size: size,
+      disabled,
+      onClick: disabled ? void 0 : onClick,
+      className,
+      "aria-label": ariaLabel,
+      children: [
+        iconPosition === ICON_POSITION.LEADING && iconElement,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children }),
+        iconPosition === ICON_POSITION.TRAILING && iconElement
+      ]
+    }
+  );
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BUTTON_SIZE,
+  BUTTON_VARIANT,
+  Button,
+  ICON_POSITION
+});
+//# sourceMappingURL=button.cjs.map

package/dist/button.cjs.map

@@ -0,0 +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"]}