inconel 0.1.20 → 0.1.21

package/dist/cjs/components/Button/Button.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),N=require("react"),j=require("../shared/classNames.cjs");;/* empty css                    */const B=require("./constants.cjs");;/* empty css             */const C=require("./utils.cjs"),I=require("../Svg/Svg.cjs");function O({loading:n=!1,fullWidth:x=!1,variant:y="primary",label:q,buttonType:S,icon:t,iconClassName:M,iconWidth:s,iconHeight:l,iconRight:o=!1,render:v=!0,debounceTime:d,isActive:i,onClick:b,disabled:r,className:g,children:k,size:w="md",pill:A=!1,count:f,progress:m,progressColor:E,...p}){const T=S??y,a=N.useMemo(()=>C.createDebouncedCallback(b,d??0),[b,d]);if(N.useEffect(()=>()=>a.cancel(),[a]),!v)return null;const _=q??k,c=typeof m=="number"?Math.max(0,Math.min(100,m)):null,h=typeof t=="string"&&t?e.jsx("span",{className:j.classNames("inconel-button__icon",o?"inconel-button__icon--right":"inconel-button__icon--left",M),style:{width:s??void 0,height:l??void 0},"aria-hidden":"true",children:e.jsx(I.default,{src:t,renumerateIRIElements:!1,loading:()=>null,fallback:()=>null,beforeInjection:u=>{s&&u.setAttribute("width",String(s)),l&&u.setAttribute("height",String(l)),u.setAttribute("preserveAspectRatio","xMidYMid meet")}})}):null;return e.jsxs("button",{...p,disabled:r||n,"aria-pressed":typeof i=="boolean"?i:p["aria-pressed"],onClick:r||n?void 0:a,className:j.classNames("inconel-button",`inconel-size-${w}`,B.BUTTON_TYPE_CLASS_NAMES[T],x&&"inconel-button--full-width",c!==null&&"inconel-button--has-progress",A&&"inconel-button--pill",n&&"inconel-is-loading",r&&"inconel-is-disabled",i&&"inconel-is-active",g),children:[c!==null&&e.jsx("span",{className:"inconel-button__progress",style:{width:`${c}%`,background:E??void 0}}),n&&e.jsx("span",{className:"inconel-button__spinner","aria-hidden":"true"}),!o&&h,_!==void 0&&e.jsx("span",{className:"inconel-button__title",children:_}),o&&h,f!=null&&e.jsx("span",{className:"inconel-button__count",children:f})]})}exports.Button=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react"),h=require("../shared/classNames.cjs");;/* empty css                    */const O=require("./constants.cjs");;/* empty css             */const P=require("./utils.cjs"),R=require("../Svg/Svg.cjs");function Y({loading:n=!1,fullWidth:S=!1,variant:q="primary",label:v,buttonType:M,icon:s,iconClassName:k,iconWidth:l,iconHeight:o,iconRight:r=!1,render:w=!0,debounceTime:b,isActive:i,onClick:f,disabled:a,className:A,children:E,size:T="md",fixedHeight:g=!0,height:t,pill:B=!1,count:m,progress:p,progressColor:C,style:_,...N}){const I=M??q,$=!g&&t!==void 0?{..._,"--inconel-control-height":typeof t=="number"?`${t}px`:t}:_,c=j.useMemo(()=>P.createDebouncedCallback(f,b??0),[f,b]);if(j.useEffect(()=>()=>c.cancel(),[c]),!w)return null;const x=v??E,u=typeof p=="number"?Math.max(0,Math.min(100,p)):null,y=typeof s=="string"&&s?e.jsx("span",{className:h.classNames("inconel-button__icon",r?"inconel-button__icon--right":"inconel-button__icon--left",k),style:{width:l??void 0,height:o??void 0},"aria-hidden":"true",children:e.jsx(R.default,{src:s,renumerateIRIElements:!1,loading:()=>null,fallback:()=>null,beforeInjection:d=>{l&&d.setAttribute("width",String(l)),o&&d.setAttribute("height",String(o)),d.setAttribute("preserveAspectRatio","xMidYMid meet")}})}):null;return e.jsxs("button",{...N,style:$,disabled:a||n,"aria-pressed":typeof i=="boolean"?i:N["aria-pressed"],onClick:a||n?void 0:c,className:h.classNames("inconel-button",`inconel-size-${T}`,O.BUTTON_TYPE_CLASS_NAMES[I],S&&"inconel-button--full-width",u!==null&&"inconel-button--has-progress",B&&"inconel-button--pill",n&&"inconel-is-loading",a&&"inconel-is-disabled",i&&"inconel-is-active",A),children:[u!==null&&e.jsx("span",{className:"inconel-button__progress",style:{width:`${u}%`,background:C??void 0}}),n&&e.jsx("span",{className:"inconel-button__spinner","aria-hidden":"true"}),!r&&y,x!==void 0&&e.jsx("span",{className:"inconel-button__title",children:x}),r&&y,m!=null&&e.jsx("span",{className:"inconel-button__count",children:m})]})}exports.Button=Y;
 //# sourceMappingURL=Button.cjs.map

package/dist/cjs/components/Button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { Svg } from '../Svg'\nimport {\n  BUTTON_TYPE_CLASS_NAMES,\n  type ButtonType,\n} from './constants'\nimport './styles.css'\nimport { createDebouncedCallback } from './utils'\n\nexport interface ButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  label?: ReactNode\n  buttonType?: ButtonType\n  icon?: string | null\n  iconClassName?: string\n  iconWidth?: number | null\n  iconHeight?: number | null\n  iconRight?: boolean\n  render?: boolean\n  debounceTime?: number | null\n  isActive?: boolean | null\n  onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange']\n  loading?: boolean\n  fullWidth?: boolean\n  variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark'\n  size?: ControlSize\n  pill?: boolean\n  count?: ReactNode\n  progress?: number | null\n  progressColor?: string | null\n}\n\nexport function Button({\n  loading = false,\n  fullWidth = false,\n  variant = 'primary',\n  label,\n  buttonType,\n  icon,\n  iconClassName,\n  iconWidth,\n  iconHeight,\n  iconRight = false,\n  render = true,\n  debounceTime,\n  isActive,\n  onClick,\n  disabled,\n  className,\n  children,\n  size = 'md',\n  pill = false,\n  count,\n  progress,\n  progressColor,\n  ...props\n}: ButtonProps) {\n  const resolvedType = buttonType ?? variant\n  const debouncedClick = useMemo(\n    () => createDebouncedCallback(onClick, debounceTime ?? 0),\n    [onClick, debounceTime],\n  )\n\n  useEffect(() => () => debouncedClick.cancel(), [debouncedClick])\n\n  if (!render) return null\n\n  const content = label ?? children\n  const progressWidth =\n    typeof progress === 'number' ? Math.max(0, Math.min(100, progress)) : null\n  const iconNode = typeof icon === 'string' && icon ? (\n    <span\n      className={classNames(\n        'inconel-button__icon',\n        iconRight\n          ? 'inconel-button__icon--right'\n          : 'inconel-button__icon--left',\n        iconClassName,\n      )}\n      style={{ width: iconWidth ?? undefined, height: iconHeight ?? undefined }}\n      aria-hidden=\"true\"\n    >\n      <Svg\n        src={icon}\n        renumerateIRIElements={false}\n        loading={() => null}\n        fallback={() => null}\n        beforeInjection={(svg) => {\n          if (iconWidth) svg.setAttribute('width', String(iconWidth))\n          if (iconHeight) svg.setAttribute('height', String(iconHeight))\n          svg.setAttribute('preserveAspectRatio', 'xMidYMid meet')\n        }}\n      />\n    </span>\n  ) : null\n\n  return (\n    <button\n      {...props}\n      disabled={disabled || loading}\n      aria-pressed={\n        typeof isActive === 'boolean' ? isActive : props['aria-pressed']\n      }\n      onClick={disabled || loading ? undefined : debouncedClick}\n      className={classNames(\n        'inconel-button',\n        `inconel-size-${size}`,\n        BUTTON_TYPE_CLASS_NAMES[resolvedType],\n        fullWidth && 'inconel-button--full-width',\n        progressWidth !== null && 'inconel-button--has-progress',\n        pill && 'inconel-button--pill',\n        loading && 'inconel-is-loading',\n        disabled && 'inconel-is-disabled',\n        isActive && 'inconel-is-active',\n        className,\n      )}\n    >\n      {progressWidth !== null && (\n        <span\n          className=\"inconel-button__progress\"\n          style={{\n            width: `${progressWidth}%`,\n            background: progressColor ?? undefined,\n          }}\n        />\n      )}\n      {loading && <span className=\"inconel-button__spinner\" aria-hidden=\"true\" />}\n      {!iconRight && iconNode}\n      {content !== undefined && (\n        <span className=\"inconel-button__title\">{content}</span>\n      )}\n      {iconRight && iconNode}\n      {count != null && <span className=\"inconel-button__count\">{count}</span>}\n    </button>\n  )\n}\n"],"names":["Button","loading","fullWidth","variant","label","buttonType","icon","iconClassName","iconWidth","iconHeight","iconRight","render","debounceTime","isActive","onClick","disabled","className","children","size","pill","count","progress","progressColor","props","resolvedType","debouncedClick","useMemo","createDebouncedCallback","useEffect","content","progressWidth","iconNode","jsx","classNames","Svg","svg","jsxs","BUTTON_TYPE_CLASS_NAMES"],"mappings":"2UAyCO,SAASA,EAAO,CACrB,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,QAAAC,EAAU,UACV,MAAAC,EACA,WAAAC,EACA,KAAAC,EACA,cAAAC,EACA,UAAAC,EACA,WAAAC,EACA,UAAAC,EAAY,GACZ,OAAAC,EAAS,GACT,aAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,KACP,KAAAC,EAAO,GACP,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAenB,GAAcF,EAC7BsB,EAAiBC,EAAAA,QACrB,IAAMC,0BAAwBb,EAASF,GAAgB,CAAC,EACxD,CAACE,EAASF,CAAY,CAAA,EAKxB,GAFAgB,EAAAA,UAAU,IAAM,IAAMH,EAAe,SAAU,CAACA,CAAc,CAAC,EAE3D,CAACd,EAAQ,OAAO,KAEpB,MAAMkB,EAAUzB,GAASa,EACnBa,EACJ,OAAOT,GAAa,SAAW,KAAK,IAAI,EAAG,KAAK,IAAI,IAAKA,CAAQ,CAAC,EAAI,KAClEU,EAAW,OAAOzB,GAAS,UAAYA,EAC3C0B,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,WACT,uBACAvB,EACI,8BACA,6BACJH,CAAA,EAEF,MAAO,CAAE,MAAOC,GAAa,OAAW,OAAQC,GAAc,MAAA,EAC9D,cAAY,OAEZ,SAAAuB,EAAAA,IAACE,EAAAA,QAAA,CACC,IAAK5B,EACL,sBAAuB,GACvB,QAAS,IAAM,KACf,SAAU,IAAM,KAChB,gBAAkB6B,GAAQ,CACpB3B,GAAW2B,EAAI,aAAa,QAAS,OAAO3B,CAAS,CAAC,EACtDC,GAAY0B,EAAI,aAAa,SAAU,OAAO1B,CAAU,CAAC,EAC7D0B,EAAI,aAAa,sBAAuB,eAAe,CACzD,CAAA,CAAA,CACF,CAAA,EAEA,KAEJ,OACEC,EAAAA,KAAC,SAAA,CACE,GAAGb,EACJ,SAAUR,GAAYd,EACtB,eACE,OAAOY,GAAa,UAAYA,EAAWU,EAAM,cAAc,EAEjE,QAASR,GAAYd,EAAU,OAAYwB,EAC3C,UAAWQ,EAAAA,WACT,iBACA,gBAAgBf,CAAI,GACpBmB,EAAAA,wBAAwBb,CAAY,EACpCtB,GAAa,6BACb4B,IAAkB,MAAQ,+BAC1BX,GAAQ,uBACRlB,GAAW,qBACXc,GAAY,sBACZF,GAAY,oBACZG,CAAA,EAGD,SAAA,CAAAc,IAAkB,MACjBE,EAAAA,IAAC,OAAA,CACC,UAAU,2BACV,MAAO,CACL,MAAO,GAAGF,CAAa,IACvB,WAAYR,GAAiB,MAAA,CAC/B,CAAA,EAGHrB,GAAW+B,EAAAA,IAAC,OAAA,CAAK,UAAU,0BAA0B,cAAY,OAAO,EACxE,CAACtB,GAAaqB,EACdF,IAAY,QACXG,EAAAA,IAAC,OAAA,CAAK,UAAU,wBAAyB,SAAAH,EAAQ,EAElDnB,GAAaqB,EACbX,GAAS,MAAQY,EAAAA,IAAC,OAAA,CAAK,UAAU,wBAAyB,SAAAZ,CAAA,CAAM,CAAA,CAAA,CAAA,CAGvE"}
+{"version":3,"file":"Button.cjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { Svg } from '../Svg'\nimport {\n  BUTTON_TYPE_CLASS_NAMES,\n  type ButtonType,\n} from './constants'\nimport './styles.css'\nimport { createDebouncedCallback } from './utils'\n\nexport interface ButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  label?: ReactNode\n  buttonType?: ButtonType\n  icon?: string | null\n  iconClassName?: string\n  iconWidth?: number | null\n  iconHeight?: number | null\n  iconRight?: boolean\n  render?: boolean\n  debounceTime?: number | null\n  isActive?: boolean | null\n  onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange']\n  loading?: boolean\n  fullWidth?: boolean\n  variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark'\n  size?: ControlSize\n  fixedHeight?: boolean\n  height?: number | string\n  pill?: boolean\n  count?: ReactNode\n  progress?: number | null\n  progressColor?: string | null\n}\n\nexport function Button({\n  loading = false,\n  fullWidth = false,\n  variant = 'primary',\n  label,\n  buttonType,\n  icon,\n  iconClassName,\n  iconWidth,\n  iconHeight,\n  iconRight = false,\n  render = true,\n  debounceTime,\n  isActive,\n  onClick,\n  disabled,\n  className,\n  children,\n  size = 'md',\n  fixedHeight = true,\n  height,\n  pill = false,\n  count,\n  progress,\n  progressColor,\n  style,\n  ...props\n}: ButtonProps) {\n  const resolvedType = buttonType ?? variant\n  const resolvedStyle = !fixedHeight && height !== undefined\n    ? { ...style, '--inconel-control-height': typeof height === 'number' ? `${height}px` : height } as typeof style\n    : style\n  const debouncedClick = useMemo(\n    () => createDebouncedCallback(onClick, debounceTime ?? 0),\n    [onClick, debounceTime],\n  )\n\n  useEffect(() => () => debouncedClick.cancel(), [debouncedClick])\n\n  if (!render) return null\n\n  const content = label ?? children\n  const progressWidth =\n    typeof progress === 'number' ? Math.max(0, Math.min(100, progress)) : null\n  const iconNode = typeof icon === 'string' && icon ? (\n    <span\n      className={classNames(\n        'inconel-button__icon',\n        iconRight\n          ? 'inconel-button__icon--right'\n          : 'inconel-button__icon--left',\n        iconClassName,\n      )}\n      style={{ width: iconWidth ?? undefined, height: iconHeight ?? undefined }}\n      aria-hidden=\"true\"\n    >\n      <Svg\n        src={icon}\n        renumerateIRIElements={false}\n        loading={() => null}\n        fallback={() => null}\n        beforeInjection={(svg) => {\n          if (iconWidth) svg.setAttribute('width', String(iconWidth))\n          if (iconHeight) svg.setAttribute('height', String(iconHeight))\n          svg.setAttribute('preserveAspectRatio', 'xMidYMid meet')\n        }}\n      />\n    </span>\n  ) : null\n\n  return (\n    <button\n      {...props}\n      style={resolvedStyle}\n      disabled={disabled || loading}\n      aria-pressed={\n        typeof isActive === 'boolean' ? isActive : props['aria-pressed']\n      }\n      onClick={disabled || loading ? undefined : debouncedClick}\n      className={classNames(\n        'inconel-button',\n        `inconel-size-${size}`,\n        BUTTON_TYPE_CLASS_NAMES[resolvedType],\n        fullWidth && 'inconel-button--full-width',\n        progressWidth !== null && 'inconel-button--has-progress',\n        pill && 'inconel-button--pill',\n        loading && 'inconel-is-loading',\n        disabled && 'inconel-is-disabled',\n        isActive && 'inconel-is-active',\n        className,\n      )}\n    >\n      {progressWidth !== null && (\n        <span\n          className=\"inconel-button__progress\"\n          style={{\n            width: `${progressWidth}%`,\n            background: progressColor ?? undefined,\n          }}\n        />\n      )}\n      {loading && <span className=\"inconel-button__spinner\" aria-hidden=\"true\" />}\n      {!iconRight && iconNode}\n      {content !== undefined && (\n        <span className=\"inconel-button__title\">{content}</span>\n      )}\n      {iconRight && iconNode}\n      {count != null && <span className=\"inconel-button__count\">{count}</span>}\n    </button>\n  )\n}\n"],"names":["Button","loading","fullWidth","variant","label","buttonType","icon","iconClassName","iconWidth","iconHeight","iconRight","render","debounceTime","isActive","onClick","disabled","className","children","size","fixedHeight","height","pill","count","progress","progressColor","style","props","resolvedType","resolvedStyle","debouncedClick","useMemo","createDebouncedCallback","useEffect","content","progressWidth","iconNode","jsx","classNames","Svg","svg","jsxs","BUTTON_TYPE_CLASS_NAMES"],"mappings":"2UA2CO,SAASA,EAAO,CACrB,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,QAAAC,EAAU,UACV,MAAAC,EACA,WAAAC,EACA,KAAAC,EACA,cAAAC,EACA,UAAAC,EACA,WAAAC,EACA,UAAAC,EAAY,GACZ,OAAAC,EAAS,GACT,aAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,KACP,YAAAC,EAAc,GACd,OAAAC,EACA,KAAAC,EAAO,GACP,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAetB,GAAcF,EAC7ByB,EAAgB,CAACT,GAAeC,IAAW,OAC7C,CAAE,GAAGK,EAAO,2BAA4B,OAAOL,GAAW,SAAW,GAAGA,CAAM,KAAOA,GACrFK,EACEI,EAAiBC,EAAAA,QACrB,IAAMC,0BAAwBjB,EAASF,GAAgB,CAAC,EACxD,CAACE,EAASF,CAAY,CAAA,EAKxB,GAFAoB,EAAAA,UAAU,IAAM,IAAMH,EAAe,SAAU,CAACA,CAAc,CAAC,EAE3D,CAAClB,EAAQ,OAAO,KAEpB,MAAMsB,EAAU7B,GAASa,EACnBiB,EACJ,OAAOX,GAAa,SAAW,KAAK,IAAI,EAAG,KAAK,IAAI,IAAKA,CAAQ,CAAC,EAAI,KAClEY,EAAW,OAAO7B,GAAS,UAAYA,EAC3C8B,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,WACT,uBACA3B,EACI,8BACA,6BACJH,CAAA,EAEF,MAAO,CAAE,MAAOC,GAAa,OAAW,OAAQC,GAAc,MAAA,EAC9D,cAAY,OAEZ,SAAA2B,EAAAA,IAACE,EAAAA,QAAA,CACC,IAAKhC,EACL,sBAAuB,GACvB,QAAS,IAAM,KACf,SAAU,IAAM,KAChB,gBAAkBiC,GAAQ,CACpB/B,GAAW+B,EAAI,aAAa,QAAS,OAAO/B,CAAS,CAAC,EACtDC,GAAY8B,EAAI,aAAa,SAAU,OAAO9B,CAAU,CAAC,EAC7D8B,EAAI,aAAa,sBAAuB,eAAe,CACzD,CAAA,CAAA,CACF,CAAA,EAEA,KAEJ,OACEC,EAAAA,KAAC,SAAA,CACE,GAAGd,EACJ,MAAOE,EACP,SAAUb,GAAYd,EACtB,eACE,OAAOY,GAAa,UAAYA,EAAWa,EAAM,cAAc,EAEjE,QAASX,GAAYd,EAAU,OAAY4B,EAC3C,UAAWQ,EAAAA,WACT,iBACA,gBAAgBnB,CAAI,GACpBuB,EAAAA,wBAAwBd,CAAY,EACpCzB,GAAa,6BACbgC,IAAkB,MAAQ,+BAC1Bb,GAAQ,uBACRpB,GAAW,qBACXc,GAAY,sBACZF,GAAY,oBACZG,CAAA,EAGD,SAAA,CAAAkB,IAAkB,MACjBE,EAAAA,IAAC,OAAA,CACC,UAAU,2BACV,MAAO,CACL,MAAO,GAAGF,CAAa,IACvB,WAAYV,GAAiB,MAAA,CAC/B,CAAA,EAGHvB,GAAWmC,EAAAA,IAAC,OAAA,CAAK,UAAU,0BAA0B,cAAY,OAAO,EACxE,CAAC1B,GAAayB,EACdF,IAAY,QACXG,EAAAA,IAAC,OAAA,CAAK,UAAU,wBAAyB,SAAAH,EAAQ,EAElDvB,GAAayB,EACbb,GAAS,MAAQc,EAAAA,IAAC,OAAA,CAAK,UAAU,wBAAyB,SAAAd,CAAA,CAAM,CAAA,CAAA,CAAA,CAGvE"}

package/dist/components/Button/Button.d.ts

@@ -17,10 +17,12 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
     fullWidth?: boolean;
     variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark';
     size?: ControlSize;
+    fixedHeight?: boolean;
+    height?: number | string;
     pill?: boolean;
     count?: ReactNode;
     progress?: number | null;
     progressColor?: string | null;
 }
-export declare function Button({ loading, fullWidth, variant, label, buttonType, icon, iconClassName, iconWidth, iconHeight, iconRight, render, debounceTime, isActive, onClick, disabled, className, children, size, pill, count, progress, progressColor, ...props }: ButtonProps): import("react").JSX.Element | null;
+export declare function Button({ loading, fullWidth, variant, label, buttonType, icon, iconClassName, iconWidth, iconHeight, iconRight, render, debounceTime, isActive, onClick, disabled, className, children, size, fixedHeight, height, pill, count, progress, progressColor, style, ...props }: ButtonProps): import("react").JSX.Element | null;
 //# sourceMappingURL=Button.d.ts.map

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAGd,OAAO,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,OAAO,EAEL,KAAK,UAAU,EAChB,MAAM,aAAa,CAAA;AACpB,OAAO,cAAc,CAAA;AAGrB,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAA;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;IAC3E,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAe,EACf,SAAiB,EACjB,OAAmB,EACnB,KAAK,EACL,UAAU,EACV,IAAI,EACJ,aAAa,EACb,SAAS,EACT,UAAU,EACV,SAAiB,EACjB,MAAa,EACb,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,IAAW,EACX,IAAY,EACZ,KAAK,EACL,QAAQ,EACR,aAAa,EACb,GAAG,KAAK,EACT,EAAE,WAAW,sCA+Eb"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAGd,OAAO,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,OAAO,EAEL,KAAK,UAAU,EAChB,MAAM,aAAa,CAAA;AACpB,OAAO,cAAc,CAAA;AAGrB,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAA;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;IAC3E,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAe,EACf,SAAiB,EACjB,OAAmB,EACnB,KAAK,EACL,UAAU,EACV,IAAI,EACJ,aAAa,EACb,SAAS,EACT,UAAU,EACV,SAAiB,EACjB,MAAa,EACb,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,IAAW,EACX,WAAkB,EAClB,MAAM,EACN,IAAY,EACZ,KAAK,EACL,QAAQ,EACR,aAAa,EACb,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,sCAmFb"}

package/dist/components/Button/Button.js

@@ -1,105 +1,109 @@
-import { jsx as e, jsxs as I } from "react/jsx-runtime";
-import { useMemo as T, useEffect as B } from "react";
-import { classNames as N } from "../shared/classNames.js";
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import { useMemo as z, useEffect as D } from "react";
+import { classNames as v } from "../shared/classNames.js";
 /* empty css                  */
-import { BUTTON_TYPE_CLASS_NAMES as Y } from "./constants.js";
+import { BUTTON_TYPE_CLASS_NAMES as L } from "./constants.js";
 /* empty css           */
-import { createDebouncedCallback as $ } from "./utils.js";
-import z from "../Svg/Svg.js";
-function J({
+import { createDebouncedCallback as O } from "./utils.js";
+import P from "../Svg/Svg.js";
+function V({
   loading: n = !1,
-  fullWidth: y = !1,
-  variant: M = "primary",
-  label: S,
-  buttonType: v,
-  icon: t,
-  iconClassName: x,
-  iconWidth: o,
-  iconHeight: l,
-  iconRight: i = !1,
-  render: k = !0,
-  debounceTime: m,
-  isActive: r,
-  onClick: d,
-  disabled: s,
-  className: w,
-  children: A,
-  size: E = "md",
-  pill: g = !1,
-  count: p,
-  progress: f,
-  progressColor: j,
-  ...b
+  fullWidth: S = !1,
+  variant: x = "primary",
+  label: M,
+  buttonType: k,
+  icon: o,
+  iconClassName: w,
+  iconWidth: l,
+  iconHeight: r,
+  iconRight: s = !1,
+  render: A = !0,
+  debounceTime: d,
+  isActive: i,
+  onClick: p,
+  disabled: a,
+  className: E,
+  children: j,
+  size: C = "md",
+  fixedHeight: I = !0,
+  height: t,
+  pill: T = !1,
+  count: f,
+  progress: b,
+  progressColor: $,
+  style: _,
+  ...N
 }) {
-  const C = v ?? M, a = T(
-    () => $(d, m ?? 0),
-    [d, m]
+  const B = k ?? x, Y = !I && t !== void 0 ? { ..._, "--inconel-control-height": typeof t == "number" ? `${t}px` : t } : _, c = z(
+    () => O(p, d ?? 0),
+    [p, d]
   );
-  if (B(() => () => a.cancel(), [a]), !k) return null;
-  const _ = S ?? A, c = typeof f == "number" ? Math.max(0, Math.min(100, f)) : null, h = typeof t == "string" && t ? /* @__PURE__ */ e(
+  if (D(() => () => c.cancel(), [c]), !A) return null;
+  const h = M ?? j, u = typeof b == "number" ? Math.max(0, Math.min(100, b)) : null, y = typeof o == "string" && o ? /* @__PURE__ */ e(
     "span",
     {
-      className: N(
+      className: v(
         "inconel-button__icon",
-        i ? "inconel-button__icon--right" : "inconel-button__icon--left",
-        x
+        s ? "inconel-button__icon--right" : "inconel-button__icon--left",
+        w
       ),
-      style: { width: o ?? void 0, height: l ?? void 0 },
+      style: { width: l ?? void 0, height: r ?? void 0 },
       "aria-hidden": "true",
       children: /* @__PURE__ */ e(
-        z,
+        P,
         {
-          src: t,
+          src: o,
           renumerateIRIElements: !1,
           loading: () => null,
           fallback: () => null,
-          beforeInjection: (u) => {
-            o && u.setAttribute("width", String(o)), l && u.setAttribute("height", String(l)), u.setAttribute("preserveAspectRatio", "xMidYMid meet");
+          beforeInjection: (m) => {
+            l && m.setAttribute("width", String(l)), r && m.setAttribute("height", String(r)), m.setAttribute("preserveAspectRatio", "xMidYMid meet");
           }
         }
       )
     }
   ) : null;
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ g(
     "button",
     {
-      ...b,
-      disabled: s || n,
-      "aria-pressed": typeof r == "boolean" ? r : b["aria-pressed"],
-      onClick: s || n ? void 0 : a,
-      className: N(
+      ...N,
+      style: Y,
+      disabled: a || n,
+      "aria-pressed": typeof i == "boolean" ? i : N["aria-pressed"],
+      onClick: a || n ? void 0 : c,
+      className: v(
         "inconel-button",
-        `inconel-size-${E}`,
-        Y[C],
-        y && "inconel-button--full-width",
-        c !== null && "inconel-button--has-progress",
-        g && "inconel-button--pill",
+        `inconel-size-${C}`,
+        L[B],
+        S && "inconel-button--full-width",
+        u !== null && "inconel-button--has-progress",
+        T && "inconel-button--pill",
         n && "inconel-is-loading",
-        s && "inconel-is-disabled",
-        r && "inconel-is-active",
-        w
+        a && "inconel-is-disabled",
+        i && "inconel-is-active",
+        E
       ),
       children: [
-        c !== null && /* @__PURE__ */ e(
+        u !== null && /* @__PURE__ */ e(
           "span",
           {
             className: "inconel-button__progress",
             style: {
-              width: `${c}%`,
-              background: j ?? void 0
+              width: `${u}%`,
+              background: $ ?? void 0
             }
           }
         ),
         n && /* @__PURE__ */ e("span", { className: "inconel-button__spinner", "aria-hidden": "true" }),
-        !i && h,
-        _ !== void 0 && /* @__PURE__ */ e("span", { className: "inconel-button__title", children: _ }),
-        i && h,
-        p != null && /* @__PURE__ */ e("span", { className: "inconel-button__count", children: p })
+        !s && y,
+        h !== void 0 && /* @__PURE__ */ e("span", { className: "inconel-button__title", children: h }),
+        s && y,
+        f != null && /* @__PURE__ */ e("span", { className: "inconel-button__count", children: f })
       ]
     }
   );
 }
 export {
-  J as Button
+  V as Button
 };
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { Svg } from '../Svg'\nimport {\n  BUTTON_TYPE_CLASS_NAMES,\n  type ButtonType,\n} from './constants'\nimport './styles.css'\nimport { createDebouncedCallback } from './utils'\n\nexport interface ButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  label?: ReactNode\n  buttonType?: ButtonType\n  icon?: string | null\n  iconClassName?: string\n  iconWidth?: number | null\n  iconHeight?: number | null\n  iconRight?: boolean\n  render?: boolean\n  debounceTime?: number | null\n  isActive?: boolean | null\n  onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange']\n  loading?: boolean\n  fullWidth?: boolean\n  variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark'\n  size?: ControlSize\n  pill?: boolean\n  count?: ReactNode\n  progress?: number | null\n  progressColor?: string | null\n}\n\nexport function Button({\n  loading = false,\n  fullWidth = false,\n  variant = 'primary',\n  label,\n  buttonType,\n  icon,\n  iconClassName,\n  iconWidth,\n  iconHeight,\n  iconRight = false,\n  render = true,\n  debounceTime,\n  isActive,\n  onClick,\n  disabled,\n  className,\n  children,\n  size = 'md',\n  pill = false,\n  count,\n  progress,\n  progressColor,\n  ...props\n}: ButtonProps) {\n  const resolvedType = buttonType ?? variant\n  const debouncedClick = useMemo(\n    () => createDebouncedCallback(onClick, debounceTime ?? 0),\n    [onClick, debounceTime],\n  )\n\n  useEffect(() => () => debouncedClick.cancel(), [debouncedClick])\n\n  if (!render) return null\n\n  const content = label ?? children\n  const progressWidth =\n    typeof progress === 'number' ? Math.max(0, Math.min(100, progress)) : null\n  const iconNode = typeof icon === 'string' && icon ? (\n    <span\n      className={classNames(\n        'inconel-button__icon',\n        iconRight\n          ? 'inconel-button__icon--right'\n          : 'inconel-button__icon--left',\n        iconClassName,\n      )}\n      style={{ width: iconWidth ?? undefined, height: iconHeight ?? undefined }}\n      aria-hidden=\"true\"\n    >\n      <Svg\n        src={icon}\n        renumerateIRIElements={false}\n        loading={() => null}\n        fallback={() => null}\n        beforeInjection={(svg) => {\n          if (iconWidth) svg.setAttribute('width', String(iconWidth))\n          if (iconHeight) svg.setAttribute('height', String(iconHeight))\n          svg.setAttribute('preserveAspectRatio', 'xMidYMid meet')\n        }}\n      />\n    </span>\n  ) : null\n\n  return (\n    <button\n      {...props}\n      disabled={disabled || loading}\n      aria-pressed={\n        typeof isActive === 'boolean' ? isActive : props['aria-pressed']\n      }\n      onClick={disabled || loading ? undefined : debouncedClick}\n      className={classNames(\n        'inconel-button',\n        `inconel-size-${size}`,\n        BUTTON_TYPE_CLASS_NAMES[resolvedType],\n        fullWidth && 'inconel-button--full-width',\n        progressWidth !== null && 'inconel-button--has-progress',\n        pill && 'inconel-button--pill',\n        loading && 'inconel-is-loading',\n        disabled && 'inconel-is-disabled',\n        isActive && 'inconel-is-active',\n        className,\n      )}\n    >\n      {progressWidth !== null && (\n        <span\n          className=\"inconel-button__progress\"\n          style={{\n            width: `${progressWidth}%`,\n            background: progressColor ?? undefined,\n          }}\n        />\n      )}\n      {loading && <span className=\"inconel-button__spinner\" aria-hidden=\"true\" />}\n      {!iconRight && iconNode}\n      {content !== undefined && (\n        <span className=\"inconel-button__title\">{content}</span>\n      )}\n      {iconRight && iconNode}\n      {count != null && <span className=\"inconel-button__count\">{count}</span>}\n    </button>\n  )\n}\n"],"names":["Button","loading","fullWidth","variant","label","buttonType","icon","iconClassName","iconWidth","iconHeight","iconRight","render","debounceTime","isActive","onClick","disabled","className","children","size","pill","count","progress","progressColor","props","resolvedType","debouncedClick","useMemo","createDebouncedCallback","useEffect","content","progressWidth","iconNode","jsx","classNames","Svg","svg","jsxs","BUTTON_TYPE_CLASS_NAMES"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { Svg } from '../Svg'\nimport {\n  BUTTON_TYPE_CLASS_NAMES,\n  type ButtonType,\n} from './constants'\nimport './styles.css'\nimport { createDebouncedCallback } from './utils'\n\nexport interface ButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  label?: ReactNode\n  buttonType?: ButtonType\n  icon?: string | null\n  iconClassName?: string\n  iconWidth?: number | null\n  iconHeight?: number | null\n  iconRight?: boolean\n  render?: boolean\n  debounceTime?: number | null\n  isActive?: boolean | null\n  onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange']\n  loading?: boolean\n  fullWidth?: boolean\n  variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark'\n  size?: ControlSize\n  fixedHeight?: boolean\n  height?: number | string\n  pill?: boolean\n  count?: ReactNode\n  progress?: number | null\n  progressColor?: string | null\n}\n\nexport function Button({\n  loading = false,\n  fullWidth = false,\n  variant = 'primary',\n  label,\n  buttonType,\n  icon,\n  iconClassName,\n  iconWidth,\n  iconHeight,\n  iconRight = false,\n  render = true,\n  debounceTime,\n  isActive,\n  onClick,\n  disabled,\n  className,\n  children,\n  size = 'md',\n  fixedHeight = true,\n  height,\n  pill = false,\n  count,\n  progress,\n  progressColor,\n  style,\n  ...props\n}: ButtonProps) {\n  const resolvedType = buttonType ?? variant\n  const resolvedStyle = !fixedHeight && height !== undefined\n    ? { ...style, '--inconel-control-height': typeof height === 'number' ? `${height}px` : height } as typeof style\n    : style\n  const debouncedClick = useMemo(\n    () => createDebouncedCallback(onClick, debounceTime ?? 0),\n    [onClick, debounceTime],\n  )\n\n  useEffect(() => () => debouncedClick.cancel(), [debouncedClick])\n\n  if (!render) return null\n\n  const content = label ?? children\n  const progressWidth =\n    typeof progress === 'number' ? Math.max(0, Math.min(100, progress)) : null\n  const iconNode = typeof icon === 'string' && icon ? (\n    <span\n      className={classNames(\n        'inconel-button__icon',\n        iconRight\n          ? 'inconel-button__icon--right'\n          : 'inconel-button__icon--left',\n        iconClassName,\n      )}\n      style={{ width: iconWidth ?? undefined, height: iconHeight ?? undefined }}\n      aria-hidden=\"true\"\n    >\n      <Svg\n        src={icon}\n        renumerateIRIElements={false}\n        loading={() => null}\n        fallback={() => null}\n        beforeInjection={(svg) => {\n          if (iconWidth) svg.setAttribute('width', String(iconWidth))\n          if (iconHeight) svg.setAttribute('height', String(iconHeight))\n          svg.setAttribute('preserveAspectRatio', 'xMidYMid meet')\n        }}\n      />\n    </span>\n  ) : null\n\n  return (\n    <button\n      {...props}\n      style={resolvedStyle}\n      disabled={disabled || loading}\n      aria-pressed={\n        typeof isActive === 'boolean' ? isActive : props['aria-pressed']\n      }\n      onClick={disabled || loading ? undefined : debouncedClick}\n      className={classNames(\n        'inconel-button',\n        `inconel-size-${size}`,\n        BUTTON_TYPE_CLASS_NAMES[resolvedType],\n        fullWidth && 'inconel-button--full-width',\n        progressWidth !== null && 'inconel-button--has-progress',\n        pill && 'inconel-button--pill',\n        loading && 'inconel-is-loading',\n        disabled && 'inconel-is-disabled',\n        isActive && 'inconel-is-active',\n        className,\n      )}\n    >\n      {progressWidth !== null && (\n        <span\n          className=\"inconel-button__progress\"\n          style={{\n            width: `${progressWidth}%`,\n            background: progressColor ?? undefined,\n          }}\n        />\n      )}\n      {loading && <span className=\"inconel-button__spinner\" aria-hidden=\"true\" />}\n      {!iconRight && iconNode}\n      {content !== undefined && (\n        <span className=\"inconel-button__title\">{content}</span>\n      )}\n      {iconRight && iconNode}\n      {count != null && <span className=\"inconel-button__count\">{count}</span>}\n    </button>\n  )\n}\n"],"names":["Button","loading","fullWidth","variant","label","buttonType","icon","iconClassName","iconWidth","iconHeight","iconRight","render","debounceTime","isActive","onClick","disabled","className","children","size","fixedHeight","height","pill","count","progress","progressColor","style","props","resolvedType","resolvedStyle","debouncedClick","useMemo","createDebouncedCallback","useEffect","content","progressWidth","iconNode","jsx","classNames","Svg","svg","jsxs","BUTTON_TYPE_CLASS_NAMES"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "inconel",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "description": "Accessible, type-safe React UI components for modern applications.",
   "keywords": [
     "react",