@brycks/core-front 0.5.0 → 0.7.0

package/dist/components/primitives/Button/Button.js

@@ -1,9 +1,9 @@
-import { jsxs as b, jsx as t } from "react/jsx-runtime";
-import N, { forwardRef as p } from "react";
+import { jsxs as y, jsx as t } from "react/jsx-runtime";
+import C, { forwardRef as p } from "react";
 import { sizeConfig as g } from "./Button.styles.js";
-import { cx as j } from "../../../utils/styles.js";
-const D = N.memo(function({ size: n }) {
-  return /* @__PURE__ */ b(
+import { cx as D } from "../../../utils/styles.js";
+const j = C.memo(function({ size: n }) {
+  return /* @__PURE__ */ y(
     "svg",
     {
       width: n,
@@ -44,66 +44,70 @@ const D = N.memo(function({ size: n }) {
     }
   );
 }), $ = ({
-  as: o,
+  as: r,
   variant: n = "solid",
-  intent: h = "primary",
+  intent: f = "primary",
   size: c = "md",
-  fullWidth: f,
+  fullWidth: h,
   isLoading: e,
   isDisabled: k,
-  leftIcon: a,
-  rightIcon: l,
-  isIconOnly: r,
+  leftIcon: l,
+  rightIcon: u,
+  isIconOnly: o,
   className: x,
   style: B,
-  children: u,
+  children: d,
   testId: S,
-  ...d
+  ...i
 }, w) => {
-  const y = o || "button", i = k || e, s = g[c], z = {
+  const b = r || "button", a = k || e, s = g[c];
+  typeof process < "u" && process.env.NODE_ENV !== "production" && o && !i["aria-label"] && !i["aria-labelledby"] && console.warn(
+    "Brycks: an icon-only Button/IconButton has no accessible name. Pass `aria-label` or `aria-labelledby`."
+  );
+  const N = {
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
     ...B
-  }, C = j(
+  }, v = D(
     "brycks-button",
     `brycks-button--${n}`,
-    `brycks-button--${h}`,
+    `brycks-button--${f}`,
     `brycks-button--${c}`,
-    f && "brycks-button--full-width",
-    r && "brycks-button--icon-only",
+    h && "brycks-button--full-width",
+    o && "brycks-button--icon-only",
     e && "brycks-button--loading",
-    i && "brycks-button--disabled",
+    a && "brycks-button--disabled",
     x
-  ), v = y === "button" || o === void 0 ? {
-    type: d.type ?? "button",
-    disabled: i
+  ), z = b === "button" || r === void 0 ? {
+    type: i.type ?? "button",
+    disabled: a
   } : {
-    "aria-disabled": i || void 0,
+    "aria-disabled": a || void 0,
     role: "button",
-    tabIndex: i ? -1 : 0
+    tabIndex: a ? -1 : 0
   };
-  return /* @__PURE__ */ b(
-    y,
+  return /* @__PURE__ */ y(
+    b,
     {
       ref: w,
-      className: C,
-      style: z,
+      className: v,
+      style: N,
       "data-testid": S,
-      ...v,
-      ...d,
+      ...z,
+      ...i,
       children: [
         e && /* @__PURE__ */ t(
           "span",
           {
             style: {
               display: "inline-flex",
-              position: r ? "absolute" : "relative"
+              position: o ? "absolute" : "relative"
             },
-            children: /* @__PURE__ */ t(D, { size: s.iconSize })
+            children: /* @__PURE__ */ t(j, { size: s.iconSize })
           }
         ),
-        !e && a && /* @__PURE__ */ t(
+        !e && l && /* @__PURE__ */ t(
           "span",
           {
             style: {
@@ -111,19 +115,19 @@ const D = N.memo(function({ size: n }) {
               width: s.iconSize,
               height: s.iconSize
             },
-            children: a
+            children: l
           }
         ),
-        !r && /* @__PURE__ */ t(
+        !o && /* @__PURE__ */ t(
           "span",
           {
             style: {
-              opacity: e && !r ? 0.5 : 1
+              opacity: e && !o ? 0.5 : 1
             },
-            children: u
+            children: d
           }
         ),
-        !e && l && /* @__PURE__ */ t(
+        !e && u && /* @__PURE__ */ t(
           "span",
           {
             style: {
@@ -131,19 +135,19 @@ const D = N.memo(function({ size: n }) {
               width: s.iconSize,
               height: s.iconSize
             },
-            children: l
+            children: u
           }
         ),
-        r && !e && u
+        o && !e && d
       ]
     }
   );
 }, m = p($);
 m.displayName = "Button";
-const I = (o, n) => /* @__PURE__ */ t(m, { ref: n, isIconOnly: !0, ...o }), R = p(I);
-R.displayName = "IconButton";
+const E = (r, n) => /* @__PURE__ */ t(m, { ref: n, isIconOnly: !0, ...r }), I = p(E);
+I.displayName = "IconButton";
 export {
   m as Button,
-  R as IconButton
+  I as IconButton
 };
 //# sourceMappingURL=Button.js.map

package/dist/components/primitives/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/primitives/Button/Button.tsx"],"sourcesContent":["/**\r\n * Button Component\r\n *\r\n * A versatile, polymorphic button component with multiple variants,\r\n * sizes, and states. Designed with Apple-inspired aesthetics -\r\n * smooth transitions, tactile feedback, and refined visual details.\r\n *\r\n * All color styles are handled via CSS classes for easy customization.\r\n * Layout styles (display, alignment) use inline styles for flexibility.\r\n */\r\n\r\nimport React, {\r\n  forwardRef,\r\n  type ElementType,\r\n  type ComponentPropsWithRef,\r\n  type CSSProperties,\r\n} from 'react'\r\nimport type { ButtonProps } from './Button.types'\r\nimport { sizeConfig } from './Button.styles'\r\nimport { cx } from '../../../utils/styles'\r\n\r\ninterface ButtonComponent {\r\n  <E extends ElementType = 'button'>(\r\n    props: ButtonProps<E> & { ref?: ComponentPropsWithRef<E>['ref'] }\r\n  ): React.JSX.Element | null\r\n  displayName?: string\r\n}\r\n\r\n/** Loading spinner component - uses global CSS keyframes */\r\nconst LoadingSpinner = React.memo(function LoadingSpinner({ size }: { size: number }) {\r\n  return (\r\n    <svg\r\n      width={size}\r\n      height={size}\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"none\"\r\n      className=\"brycks-animate-spin\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <circle\r\n        cx=\"12\"\r\n        cy=\"12\"\r\n        r=\"10\"\r\n        stroke=\"currentColor\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeDasharray=\"31.4 31.4\"\r\n        opacity=\"0.25\"\r\n      />\r\n      <circle\r\n        cx=\"12\"\r\n        cy=\"12\"\r\n        r=\"10\"\r\n        stroke=\"currentColor\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeDasharray=\"31.4 31.4\"\r\n        strokeDashoffset=\"62.8\"\r\n        style={{ transform: 'rotate(-90deg)', transformOrigin: 'center' }}\r\n      />\r\n    </svg>\r\n  )\r\n})\r\n\r\nconst ButtonInner = <E extends ElementType = 'button'>(\r\n  {\r\n    as,\r\n    variant = 'solid',\r\n    intent = 'primary',\r\n    size = 'md',\r\n    fullWidth,\r\n    isLoading,\r\n    isDisabled,\r\n    leftIcon,\r\n    rightIcon,\r\n    isIconOnly,\r\n    className,\r\n    style,\r\n    children,\r\n    testId,\r\n    ...props\r\n  }: ButtonProps<E>,\r\n  ref: React.ForwardedRef<Element>\r\n) => {\r\n  const Component = (as || 'button') as ElementType\r\n\r\n  const disabled = isDisabled || isLoading\r\n\r\n  const sizeValues = sizeConfig[size]\r\n\r\n  // Layout-only inline styles (colors handled by CSS classes)\r\n  const layoutStyle: CSSProperties = {\r\n    display: 'inline-flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    ...style,\r\n  }\r\n\r\n  // Build class name - CSS handles all colors and states\r\n  const buttonClassName = cx(\r\n    'brycks-button',\r\n    `brycks-button--${variant}`,\r\n    `brycks-button--${intent}`,\r\n    `brycks-button--${size}`,\r\n    fullWidth && 'brycks-button--full-width',\r\n    isIconOnly && 'brycks-button--icon-only',\r\n    isLoading && 'brycks-button--loading',\r\n    disabled && 'brycks-button--disabled',\r\n    className\r\n  )\r\n\r\n  const isButton = Component === 'button' || as === undefined\r\n  const buttonProps = isButton\r\n    ? {\r\n        type: (props as { type?: string }).type ?? 'button',\r\n        disabled,\r\n      }\r\n    : {\r\n        'aria-disabled': disabled || undefined,\r\n        role: 'button',\r\n        tabIndex: disabled ? -1 : 0,\r\n      }\r\n\r\n  return (\r\n    <Component\r\n      ref={ref}\r\n      className={buttonClassName}\r\n      style={layoutStyle}\r\n      data-testid={testId}\r\n      {...buttonProps}\r\n      {...props}\r\n    >\r\n      {isLoading && (\r\n        <span\r\n          style={{\r\n            display: 'inline-flex',\r\n            position: isIconOnly ? 'absolute' : 'relative',\r\n          }}\r\n        >\r\n          <LoadingSpinner size={sizeValues.iconSize} />\r\n        </span>\r\n      )}\r\n\r\n      {!isLoading && leftIcon && (\r\n        <span\r\n          style={{\r\n            display: 'inline-flex',\r\n            width: sizeValues.iconSize,\r\n            height: sizeValues.iconSize,\r\n          }}\r\n        >\r\n          {leftIcon}\r\n        </span>\r\n      )}\r\n\r\n      {!isIconOnly && (\r\n        <span\r\n          style={{\r\n            opacity: isLoading && !isIconOnly ? 0.5 : 1,\r\n          }}\r\n        >\r\n          {children}\r\n        </span>\r\n      )}\r\n\r\n      {!isLoading && rightIcon && (\r\n        <span\r\n          style={{\r\n            display: 'inline-flex',\r\n            width: sizeValues.iconSize,\r\n            height: sizeValues.iconSize,\r\n          }}\r\n        >\r\n          {rightIcon}\r\n        </span>\r\n      )}\r\n\r\n      {isIconOnly && !isLoading && children}\r\n    </Component>\r\n  )\r\n}\r\n\r\nexport const Button = forwardRef(ButtonInner) as ButtonComponent\r\n\r\nButton.displayName = 'Button'\r\n\r\n/** Icon button shorthand */\r\nconst IconButtonInner = <E extends ElementType = 'button'>(\r\n  props: Omit<ButtonProps<E>, 'isIconOnly'>,\r\n  ref: React.ForwardedRef<Element>\r\n) => {\r\n  return <Button ref={ref as React.ForwardedRef<HTMLButtonElement>} isIconOnly {...(props as ButtonProps<'button'>)} />\r\n}\r\n\r\nexport const IconButton = forwardRef(IconButtonInner) as ButtonComponent\r\n\r\nIconButton.displayName = 'IconButton'\r\n"],"names":["LoadingSpinner","React","size","jsxs","jsx","ButtonInner","as","variant","intent","fullWidth","isLoading","isDisabled","leftIcon","rightIcon","isIconOnly","className","style","children","testId","props","ref","Component","disabled","sizeValues","sizeConfig","layoutStyle","buttonClassName","cx","buttonProps","Button","forwardRef","IconButtonInner","IconButton"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/primitives/Button/Button.tsx"],"sourcesContent":["/**\r\n * Button Component\r\n *\r\n * A versatile, polymorphic button component with multiple variants,\r\n * sizes, and states. Designed with Apple-inspired aesthetics -\r\n * smooth transitions, tactile feedback, and refined visual details.\r\n *\r\n * All color styles are handled via CSS classes for easy customization.\r\n * Layout styles (display, alignment) use inline styles for flexibility.\r\n */\r\n\r\nimport React, {\r\n  forwardRef,\r\n  type ElementType,\r\n  type ComponentPropsWithRef,\r\n  type CSSProperties,\r\n} from 'react'\r\nimport type { ButtonProps } from './Button.types'\r\nimport { sizeConfig } from './Button.styles'\r\nimport { cx } from '../../../utils/styles'\r\n\r\ninterface ButtonComponent {\r\n  <E extends ElementType = 'button'>(\r\n    props: ButtonProps<E> & { ref?: ComponentPropsWithRef<E>['ref'] }\r\n  ): React.JSX.Element | null\r\n  displayName?: string\r\n}\r\n\r\n/** Loading spinner component - uses global CSS keyframes */\r\nconst LoadingSpinner = React.memo(function LoadingSpinner({ size }: { size: number }) {\r\n  return (\r\n    <svg\r\n      width={size}\r\n      height={size}\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"none\"\r\n      className=\"brycks-animate-spin\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <circle\r\n        cx=\"12\"\r\n        cy=\"12\"\r\n        r=\"10\"\r\n        stroke=\"currentColor\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeDasharray=\"31.4 31.4\"\r\n        opacity=\"0.25\"\r\n      />\r\n      <circle\r\n        cx=\"12\"\r\n        cy=\"12\"\r\n        r=\"10\"\r\n        stroke=\"currentColor\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeDasharray=\"31.4 31.4\"\r\n        strokeDashoffset=\"62.8\"\r\n        style={{ transform: 'rotate(-90deg)', transformOrigin: 'center' }}\r\n      />\r\n    </svg>\r\n  )\r\n})\r\n\r\nconst ButtonInner = <E extends ElementType = 'button'>(\r\n  {\r\n    as,\r\n    variant = 'solid',\r\n    intent = 'primary',\r\n    size = 'md',\r\n    fullWidth,\r\n    isLoading,\r\n    isDisabled,\r\n    leftIcon,\r\n    rightIcon,\r\n    isIconOnly,\r\n    className,\r\n    style,\r\n    children,\r\n    testId,\r\n    ...props\r\n  }: ButtonProps<E>,\r\n  ref: React.ForwardedRef<Element>\r\n) => {\r\n  const Component = (as || 'button') as ElementType\r\n\r\n  const disabled = isDisabled || isLoading\r\n\r\n  const sizeValues = sizeConfig[size]\r\n\r\n  // Dev-only a11y guard: an icon-only button has no text, so it needs an\r\n  // accessible name. Reliable across the polymorphic `as` API where a type\r\n  // constraint isn't (the check is stripped from production builds).\r\n  if (\r\n    typeof process !== 'undefined' &&\r\n    process.env.NODE_ENV !== 'production' &&\r\n    isIconOnly &&\r\n    !(props as Record<string, unknown>)['aria-label'] &&\r\n    !(props as Record<string, unknown>)['aria-labelledby']\r\n  ) {\r\n    console.warn(\r\n      'Brycks: an icon-only Button/IconButton has no accessible name. Pass `aria-label` or `aria-labelledby`.'\r\n    )\r\n  }\r\n\r\n  // Layout-only inline styles (colors handled by CSS classes)\r\n  const layoutStyle: CSSProperties = {\r\n    display: 'inline-flex',\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n    ...style,\r\n  }\r\n\r\n  // Build class name - CSS handles all colors and states\r\n  const buttonClassName = cx(\r\n    'brycks-button',\r\n    `brycks-button--${variant}`,\r\n    `brycks-button--${intent}`,\r\n    `brycks-button--${size}`,\r\n    fullWidth && 'brycks-button--full-width',\r\n    isIconOnly && 'brycks-button--icon-only',\r\n    isLoading && 'brycks-button--loading',\r\n    disabled && 'brycks-button--disabled',\r\n    className\r\n  )\r\n\r\n  const isButton = Component === 'button' || as === undefined\r\n  const buttonProps = isButton\r\n    ? {\r\n        type: (props as { type?: string }).type ?? 'button',\r\n        disabled,\r\n      }\r\n    : {\r\n        'aria-disabled': disabled || undefined,\r\n        role: 'button',\r\n        tabIndex: disabled ? -1 : 0,\r\n      }\r\n\r\n  return (\r\n    <Component\r\n      ref={ref}\r\n      className={buttonClassName}\r\n      style={layoutStyle}\r\n      data-testid={testId}\r\n      {...buttonProps}\r\n      {...props}\r\n    >\r\n      {isLoading && (\r\n        <span\r\n          style={{\r\n            display: 'inline-flex',\r\n            position: isIconOnly ? 'absolute' : 'relative',\r\n          }}\r\n        >\r\n          <LoadingSpinner size={sizeValues.iconSize} />\r\n        </span>\r\n      )}\r\n\r\n      {!isLoading && leftIcon && (\r\n        <span\r\n          style={{\r\n            display: 'inline-flex',\r\n            width: sizeValues.iconSize,\r\n            height: sizeValues.iconSize,\r\n          }}\r\n        >\r\n          {leftIcon}\r\n        </span>\r\n      )}\r\n\r\n      {!isIconOnly && (\r\n        <span\r\n          style={{\r\n            opacity: isLoading && !isIconOnly ? 0.5 : 1,\r\n          }}\r\n        >\r\n          {children}\r\n        </span>\r\n      )}\r\n\r\n      {!isLoading && rightIcon && (\r\n        <span\r\n          style={{\r\n            display: 'inline-flex',\r\n            width: sizeValues.iconSize,\r\n            height: sizeValues.iconSize,\r\n          }}\r\n        >\r\n          {rightIcon}\r\n        </span>\r\n      )}\r\n\r\n      {isIconOnly && !isLoading && children}\r\n    </Component>\r\n  )\r\n}\r\n\r\nexport const Button = forwardRef(ButtonInner) as ButtonComponent\r\n\r\nButton.displayName = 'Button'\r\n\r\n/** Icon button shorthand */\r\nconst IconButtonInner = <E extends ElementType = 'button'>(\r\n  props: Omit<ButtonProps<E>, 'isIconOnly'>,\r\n  ref: React.ForwardedRef<Element>\r\n) => {\r\n  return <Button ref={ref as React.ForwardedRef<HTMLButtonElement>} isIconOnly {...(props as ButtonProps<'button'>)} />\r\n}\r\n\r\nexport const IconButton = forwardRef(IconButtonInner) as ButtonComponent\r\n\r\nIconButton.displayName = 'IconButton'\r\n"],"names":["LoadingSpinner","React","size","jsxs","jsx","ButtonInner","as","variant","intent","fullWidth","isLoading","isDisabled","leftIcon","rightIcon","isIconOnly","className","style","children","testId","props","ref","Component","disabled","sizeValues","sizeConfig","layoutStyle","buttonClassName","cx","buttonProps","Button","forwardRef","IconButtonInner","IconButton"],"mappings":"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"}