@solace-health/ui 0.10.628 → 0.10.630

package/dist/chunk-B52FOQ56.cjs

@@ -0,0 +1,2 @@
+'use strict';var chunkQRO22BPZ_cjs=require('./chunk-QRO22BPZ.cjs'),jsxRuntime=require('react/jsx-runtime');var f=({className:s=void 0,classNames:e={},steps:i,activeStep:p,showLabel:g=true})=>{let a=i.findIndex(o=>o.id===p),b=i[a]?.label??"";return jsxRuntime.jsxs("div",{className:chunkQRO22BPZ_cjs.a("px-6",s,e?.base),children:[jsxRuntime.jsx("ol",{className:chunkQRO22BPZ_cjs.a("flex w-full gap-4",e?.list),"aria-label":"Progress",children:i.map(({id:o,label:d},n)=>{let l=n<=a,c=i.length*100,m=-n*100-(n===0?0:1);return jsxRuntime.jsx("li",{...a===n?{"aria-current":"step"}:{},className:chunkQRO22BPZ_cjs.a("to-gold-400 h-1 flex-1 rounded-full bg-linear-to-r from-green-900 via-[#499064]","transition-opacity duration-500 ease-in-out",!l&&"opacity-30",e?.step,l&&e?.activeStep,!l&&e?.inactiveStep),style:{backgroundSize:`${c}% 100%`,backgroundPosition:`${m}% 0`},children:jsxRuntime.jsx("span",{className:"sr-only",children:d})},`progress-${String(o)}`)})}),g&&jsxRuntime.jsx("span",{"aria-hidden":"true",className:chunkQRO22BPZ_cjs.a("text-dark-green mt-1 mb-5 text-base font-bold",e?.label),children:b})]})};exports.a=f;//# sourceMappingURL=chunk-B52FOQ56.cjs.map
+//# sourceMappingURL=chunk-B52FOQ56.cjs.map

package/dist/chunk-B52FOQ56.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/v2/stepper/stepper.tsx"],"names":["Stepper","className","classNames","steps","activeStep","showLabel","activeStepIndex","step","label","jsxs","cn","jsx","id","stepLabel","currentStepIndex","isActive","gradientSizePercent","positionPercent"],"mappings":"+GAiBaA,CAAAA,CAAU,CAAqC,CAC1D,SAAA,CAAAC,EAAY,MAAA,CACZ,UAAA,CAAAC,CAAAA,CAAa,GACb,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,UAAAC,CAAAA,CAAY,IACd,CAAA,GAAuB,CACrB,IAAMC,CAAAA,CAAkBH,CAAAA,CAAM,SAAA,CAAWI,CAAAA,EAASA,EAAK,EAAA,GAAOH,CAAU,EAClEI,CAAAA,CAAQL,CAAAA,CAAMG,CAAe,CAAA,EAAG,KAAA,EAAS,EAAA,CAE/C,OACEG,gBAAC,KAAA,CAAA,CAAI,SAAA,CAAWC,mBAAAA,CAAG,MAAA,CAAQT,EAAWC,CAAAA,EAAY,IAAI,CAAA,CACpD,QAAA,CAAA,CAAAS,eAAC,IAAA,CAAA,CAAG,SAAA,CAAWD,mBAAAA,CAAG,mBAAA,CAAqBR,GAAY,IAAI,CAAA,CAAG,YAAA,CAAW,UAAA,CAClE,SAAAC,CAAAA,CAAM,GAAA,CAAI,CAAC,CAAE,GAAAS,CAAAA,CAAI,KAAA,CAAOC,CAAU,CAAA,CAAGC,IAAqB,CACzD,IAAMC,EAAWD,CAAAA,EAAoBR,CAAAA,CAI/BU,EAAsBb,CAAAA,CAAM,MAAA,CAAS,GAAA,CAGrCc,CAAAA,CAAkB,CAACH,CAAAA,CAAmB,GAAA,EAAOA,CAAAA,GAAqB,CAAA,CAAI,EAAI,CAAA,CAAA,CAEhF,OACEH,cAAAA,CAAC,IAAA,CAAA,CAEE,GAAIL,CAAAA,GAAoBQ,CAAAA,CAAmB,CAAE,cAAA,CAAgB,MAAO,CAAA,CAAI,EAAC,CAC1E,SAAA,CAAWJ,oBACT,iFAAA,CACA,6CAAA,CACA,CAACK,CAAAA,EAAY,aACbb,CAAAA,EAAY,IAAA,CACZa,CAAAA,EAAYb,CAAAA,EAAY,WACxB,CAACa,CAAAA,EAAYb,GAAY,YAC3B,CAAA,CACA,MAAO,CACL,cAAA,CAAgB,CAAA,EAAGc,CAAmB,SACtC,kBAAA,CAAoB,CAAA,EAAGC,CAAe,CAAA,GAAA,CACxC,EAEA,QAAA,CAAAN,cAAAA,CAAC,MAAA,CAAA,CAAK,SAAA,CAAU,UAAW,QAAA,CAAAE,CAAAA,CAAU,CAAA,CAAA,CAfhC,CAAA,SAAA,EAAY,OAAOD,CAAE,CAAC,CAAA,CAgB7B,CAEJ,CAAC,CAAA,CACH,CAAA,CACCP,CAAAA,EACCM,cAAAA,CAAC,QACC,aAAA,CAAY,MAAA,CACZ,SAAA,CAAWD,mBAAAA,CAAG,gDAAiDR,CAAAA,EAAY,KAAK,EAE/E,QAAA,CAAAM,CAAAA,CACH,GAEJ,CAEJ","file":"chunk-B52FOQ56.cjs","sourcesContent":["import { cn } from '@/lib/utils';\nimport { Slots } from '../types';\n\nexport type StepperProps<T extends string | number | symbol> = Slots & {\n  className?: string;\n  classNames?: {\n    list?: string;\n    label?: string;\n    step?: string;\n    activeStep?: string;\n    inactiveStep?: string;\n  };\n  steps: ReadonlyArray<{ id: T; label: string }>;\n  activeStep: T;\n  showLabel?: boolean;\n};\n\nexport const Stepper = <T extends string | number | symbol>({\n  className = undefined,\n  classNames = {},\n  steps,\n  activeStep,\n  showLabel = true,\n}: StepperProps<T>) => {\n  const activeStepIndex = steps.findIndex((step) => step.id === activeStep);\n  const label = steps[activeStepIndex]?.label ?? '';\n\n  return (\n    <div className={cn('px-6', className, classNames?.base)}>\n      <ol className={cn('flex w-full gap-4', classNames?.list)} aria-label=\"Progress\">\n        {steps.map(({ id, label: stepLabel }, currentStepIndex) => {\n          const isActive = currentStepIndex <= activeStepIndex;\n\n          // Make the gradient span all segments (400% for N segments)\n          // Position it so each segment shows its portion\n          const gradientSizePercent = steps.length * 100;\n          // HACK: the `- 1` is necessary otherwise a black spot appears due to subpixel rounding.\n          // Do not apply it to the first segment; it causes the gradient to wrap and show gold.\n          const positionPercent = -currentStepIndex * 100 - (currentStepIndex === 0 ? 0 : 1);\n\n          return (\n            <li\n              key={`progress-${String(id)}`}\n              {...(activeStepIndex === currentStepIndex ? { 'aria-current': 'step' } : {})}\n              className={cn(\n                'to-gold-400 h-1 flex-1 rounded-full bg-linear-to-r from-green-900 via-[#499064]',\n                'transition-opacity duration-500 ease-in-out',\n                !isActive && 'opacity-30',\n                classNames?.step,\n                isActive && classNames?.activeStep,\n                !isActive && classNames?.inactiveStep,\n              )}\n              style={{\n                backgroundSize: `${gradientSizePercent}% 100%`,\n                backgroundPosition: `${positionPercent}% 0`,\n              }}\n            >\n              <span className=\"sr-only\">{stepLabel}</span>\n            </li>\n          );\n        })}\n      </ol>\n      {showLabel && (\n        <span\n          aria-hidden=\"true\"\n          className={cn('text-dark-green mt-1 mb-5 text-base font-bold', classNames?.label)}\n        >\n          {label}\n        </span>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/chunk-NWZF5INX.js

@@ -0,0 +1,2 @@
+import {a}from'./chunk-YTIIAU4W.js';import {jsxs,jsx}from'react/jsx-runtime';var f=({className:s=void 0,classNames:e={},steps:i,activeStep:p,showLabel:g=true})=>{let a$1=i.findIndex(o=>o.id===p),b=i[a$1]?.label??"";return jsxs("div",{className:a("px-6",s,e?.base),children:[jsx("ol",{className:a("flex w-full gap-4",e?.list),"aria-label":"Progress",children:i.map(({id:o,label:d},n)=>{let l=n<=a$1,c=i.length*100,m=-n*100-(n===0?0:1);return jsx("li",{...a$1===n?{"aria-current":"step"}:{},className:a("to-gold-400 h-1 flex-1 rounded-full bg-linear-to-r from-green-900 via-[#499064]","transition-opacity duration-500 ease-in-out",!l&&"opacity-30",e?.step,l&&e?.activeStep,!l&&e?.inactiveStep),style:{backgroundSize:`${c}% 100%`,backgroundPosition:`${m}% 0`},children:jsx("span",{className:"sr-only",children:d})},`progress-${String(o)}`)})}),g&&jsx("span",{"aria-hidden":"true",className:a("text-dark-green mt-1 mb-5 text-base font-bold",e?.label),children:b})]})};export{f as a};//# sourceMappingURL=chunk-NWZF5INX.js.map
+//# sourceMappingURL=chunk-NWZF5INX.js.map

package/dist/chunk-NWZF5INX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/v2/stepper/stepper.tsx"],"names":["Stepper","className","classNames","steps","activeStep","showLabel","activeStepIndex","step","label","jsxs","cn","jsx","id","stepLabel","currentStepIndex","isActive","gradientSizePercent","positionPercent"],"mappings":"iFAiBaA,CAAAA,CAAU,CAAqC,CAC1D,SAAA,CAAAC,EAAY,MAAA,CACZ,UAAA,CAAAC,CAAAA,CAAa,GACb,KAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,UAAAC,CAAAA,CAAY,IACd,CAAA,GAAuB,CACrB,IAAMC,GAAAA,CAAkBH,CAAAA,CAAM,SAAA,CAAWI,CAAAA,EAASA,EAAK,EAAA,GAAOH,CAAU,EAClEI,CAAAA,CAAQL,CAAAA,CAAMG,GAAe,CAAA,EAAG,KAAA,EAAS,EAAA,CAE/C,OACEG,KAAC,KAAA,CAAA,CAAI,SAAA,CAAWC,CAAAA,CAAG,MAAA,CAAQT,EAAWC,CAAAA,EAAY,IAAI,CAAA,CACpD,QAAA,CAAA,CAAAS,IAAC,IAAA,CAAA,CAAG,SAAA,CAAWD,CAAAA,CAAG,mBAAA,CAAqBR,GAAY,IAAI,CAAA,CAAG,YAAA,CAAW,UAAA,CAClE,SAAAC,CAAAA,CAAM,GAAA,CAAI,CAAC,CAAE,GAAAS,CAAAA,CAAI,KAAA,CAAOC,CAAU,CAAA,CAAGC,IAAqB,CACzD,IAAMC,EAAWD,CAAAA,EAAoBR,GAAAA,CAI/BU,EAAsBb,CAAAA,CAAM,MAAA,CAAS,GAAA,CAGrCc,CAAAA,CAAkB,CAACH,CAAAA,CAAmB,GAAA,EAAOA,CAAAA,GAAqB,CAAA,CAAI,EAAI,CAAA,CAAA,CAEhF,OACEH,GAAAA,CAAC,IAAA,CAAA,CAEE,GAAIL,GAAAA,GAAoBQ,CAAAA,CAAmB,CAAE,cAAA,CAAgB,MAAO,CAAA,CAAI,EAAC,CAC1E,SAAA,CAAWJ,EACT,iFAAA,CACA,6CAAA,CACA,CAACK,CAAAA,EAAY,aACbb,CAAAA,EAAY,IAAA,CACZa,CAAAA,EAAYb,CAAAA,EAAY,WACxB,CAACa,CAAAA,EAAYb,GAAY,YAC3B,CAAA,CACA,MAAO,CACL,cAAA,CAAgB,CAAA,EAAGc,CAAmB,SACtC,kBAAA,CAAoB,CAAA,EAAGC,CAAe,CAAA,GAAA,CACxC,EAEA,QAAA,CAAAN,GAAAA,CAAC,MAAA,CAAA,CAAK,SAAA,CAAU,UAAW,QAAA,CAAAE,CAAAA,CAAU,CAAA,CAAA,CAfhC,CAAA,SAAA,EAAY,OAAOD,CAAE,CAAC,CAAA,CAgB7B,CAEJ,CAAC,CAAA,CACH,CAAA,CACCP,CAAAA,EACCM,GAAAA,CAAC,QACC,aAAA,CAAY,MAAA,CACZ,SAAA,CAAWD,CAAAA,CAAG,gDAAiDR,CAAAA,EAAY,KAAK,EAE/E,QAAA,CAAAM,CAAAA,CACH,GAEJ,CAEJ","file":"chunk-NWZF5INX.js","sourcesContent":["import { cn } from '@/lib/utils';\nimport { Slots } from '../types';\n\nexport type StepperProps<T extends string | number | symbol> = Slots & {\n  className?: string;\n  classNames?: {\n    list?: string;\n    label?: string;\n    step?: string;\n    activeStep?: string;\n    inactiveStep?: string;\n  };\n  steps: ReadonlyArray<{ id: T; label: string }>;\n  activeStep: T;\n  showLabel?: boolean;\n};\n\nexport const Stepper = <T extends string | number | symbol>({\n  className = undefined,\n  classNames = {},\n  steps,\n  activeStep,\n  showLabel = true,\n}: StepperProps<T>) => {\n  const activeStepIndex = steps.findIndex((step) => step.id === activeStep);\n  const label = steps[activeStepIndex]?.label ?? '';\n\n  return (\n    <div className={cn('px-6', className, classNames?.base)}>\n      <ol className={cn('flex w-full gap-4', classNames?.list)} aria-label=\"Progress\">\n        {steps.map(({ id, label: stepLabel }, currentStepIndex) => {\n          const isActive = currentStepIndex <= activeStepIndex;\n\n          // Make the gradient span all segments (400% for N segments)\n          // Position it so each segment shows its portion\n          const gradientSizePercent = steps.length * 100;\n          // HACK: the `- 1` is necessary otherwise a black spot appears due to subpixel rounding.\n          // Do not apply it to the first segment; it causes the gradient to wrap and show gold.\n          const positionPercent = -currentStepIndex * 100 - (currentStepIndex === 0 ? 0 : 1);\n\n          return (\n            <li\n              key={`progress-${String(id)}`}\n              {...(activeStepIndex === currentStepIndex ? { 'aria-current': 'step' } : {})}\n              className={cn(\n                'to-gold-400 h-1 flex-1 rounded-full bg-linear-to-r from-green-900 via-[#499064]',\n                'transition-opacity duration-500 ease-in-out',\n                !isActive && 'opacity-30',\n                classNames?.step,\n                isActive && classNames?.activeStep,\n                !isActive && classNames?.inactiveStep,\n              )}\n              style={{\n                backgroundSize: `${gradientSizePercent}% 100%`,\n                backgroundPosition: `${positionPercent}% 0`,\n              }}\n            >\n              <span className=\"sr-only\">{stepLabel}</span>\n            </li>\n          );\n        })}\n      </ol>\n      {showLabel && (\n        <span\n          aria-hidden=\"true\"\n          className={cn('text-dark-green mt-1 mb-5 text-base font-bold', classNames?.label)}\n        >\n          {label}\n        </span>\n      )}\n    </div>\n  );\n};\n"]}