npm - @atom-learning/components - Versions diffs - 6.2.1 → 6.3.1 - Mend

@atom-learning/components 6.2.1 → 6.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (550) hide show

package/dist/components/select-field/SelectField.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { FieldElementWrapperProps } from '../../components/field-wrapper';
-import { SelectProps } from '../../components/select';
+import { FieldElementWrapperProps } from '../../components/field-wrapper/FieldWrapper';
+import { SelectProps } from '../../components/select/Select';
 type SelectFieldProps = SelectProps & FieldElementWrapperProps;
 export declare const SelectField: {
     ({ className, hideLabel, children, name, label, validation, prompt, description, appearance, ...remainingProps }: SelectFieldProps): React.JSX.Element;

package/dist/components/select-field/SelectField.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as p from"react";import{useFormContext as S}from"react-hook-form";import{FieldWrapper as h}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as x}from"../form/useFieldError.js";import{useFormCustomContext as C}from"../form/useFormCustomContext.js";import{Select as E}from"../select/Select.js";const m=({className:l,hideLabel:n,children:d,name:e,label:s,validation:r,prompt:c,description:u,appearance:f,...F})=>{const{register:o}=S(),t=C(),{error:a}=x(e),b=r?o(r):o,i=(t==null?void 0:t.appearance)||f;return p.createElement(h,{className:l,description:u,error:a,fieldId:e,hideLabel:n,label:s,prompt:c,required:!!(r!=null&&r.required),appearance:i},p.createElement(E,{name:e,id:e,appearance:i,...F,ref:b,...a&&{state:"error"}},d))};m.displayName="SelectField";export{m as SelectField};
+import*as l from"react";import{useFormContext as S}from"react-hook-form";import{FieldWrapper as h}from"../field-wrapper/FieldWrapper.js";import{useFieldError as x}from"../form/useFieldError.js";import{useFormCustomContext as C}from"../form/useFormCustomContext.js";import{Select as E}from"../select/Select.js";const p=({className:m,hideLabel:n,children:d,name:e,label:s,validation:r,prompt:c,description:u,appearance:f,...F})=>{const{register:a}=S(),o=C(),{error:t}=x(e),b=r?a(r):a,i=(o==null?void 0:o.appearance)||f;return l.createElement(h,{className:m,description:u,error:t,fieldId:e,hideLabel:n,label:s,prompt:c,required:!!(r!=null&&r.required),appearance:i},l.createElement(E,{name:e,id:e,appearance:i,...F,ref:b,...t&&{state:"error"}},d))};p.displayName="SelectField";export{p as SelectField};
 //# sourceMappingURL=SelectField.js.map

package/dist/components/select-field/SelectField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectField.js","sources":["../../../src/components/select-field/SelectField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n FieldElementWrapperProps,\n FieldWrapper\n} from '~/components/field-wrapper'\nimport { useFieldError, useFormCustomContext } from '~/components/form'\nimport { Select, SelectProps } from '~/components/select'\n\ntype SelectFieldProps = SelectProps & FieldElementWrapperProps\n\nexport const SelectField = ({\n className,\n hideLabel,\n children,\n name,\n label,\n validation,\n prompt,\n description,\n appearance,\n ...remainingProps\n}: SelectFieldProps) => {\n const { register } = useFormContext()\n const context = useFormCustomContext()\n const { error } = useFieldError(name)\n const ref = validation ? register(validation) : register\n const formAppearance = context?.appearance \|\| appearance\n\n return (\n <FieldWrapper\n className={className}\n description={description}\n error={error}\n fieldId={name}\n hideLabel={hideLabel}\n label={label}\n prompt={prompt}\n required={Boolean(validation?.required)}\n appearance={formAppearance}\n >\n <Select\n name={name}\n id={name}\n appearance={formAppearance}\n {...remainingProps}\n ref={ref}\n {...(error && { state: 'error' })}\n >\n {children}\n </Select>\n </FieldWrapper>\n )\n}\n\nSelectField.displayName = 'SelectField'\n"],"names":["SelectField","className","hideLabel","children","name","label","validation","prompt","description","appearance","remainingProps","register","useFormContext","context","useFormCustomContext","error","useFieldError","ref","formAppearance","React","FieldWrapper","Select"],"mappings":"~~6XAYa~~,MAAAA,EAAc,CAAC,CAC1B,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,MAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAwB,CACtB,KAAM,CAAE,SAAAC,CAAS,EAAIC,~~EAAAA~~,~~EACfC~~,EAAUC,~~EAAqB~~,~~EAC/B~~,CAAE,MAAAC,CAAM,EAAIC,EAAcZ,CAAI,EAC9Ba,EAAMX,EAAaK,EAASL,CAAU,EAAIK,EAC1CO,GAAiBL,GAAA,~~KAAAA~~,OAAAA,EAAS,aAAcJ,EAE9C,OACEU,EAAA,cAACC,EAAA,CACC,UAAWnB,EACX,YAAaO,EACb,MAAOO,EACP,QAASX,EACT,UAAWF,EACX,MAAOG,EACP,OAAQE,EACR,SAAU,~~CAAA~~,~~EAAQD~~,GAAA,MAAAA,EAAY,UAC9B,WAAYY,~~CAAAA~~,~~EAEZC~~,EAAA,cAACE,EAAA,CACC,KAAMjB,EACN,GAAIA,EACJ,WAAYc,EACX,GAAGR,EACJ,IAAKO,EACJ,GAAIF,GAAS,CAAE,MAAO,OAAQ,CAAA,EAE9BZ,CACH,CACF,CAEJ,EAEAH,EAAY,YAAc"}
1	+ {"version":3,"file":"SelectField.js","sources":["../../../src/components/select-field/SelectField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n FieldElementWrapperProps,\n FieldWrapper\n} from '~/components/field-wrapper/FieldWrapper'\nimport { useFieldError } from '~/components/form/useFieldError'\nimport { useFormCustomContext } from '~/components/form/useFormCustomContext'\nimport { Select, SelectProps } from '~/components/select/Select'\n\ntype SelectFieldProps = SelectProps & FieldElementWrapperProps\n\nexport const SelectField = ({\n className,\n hideLabel,\n children,\n name,\n label,\n validation,\n prompt,\n description,\n appearance,\n ...remainingProps\n}: SelectFieldProps) => {\n const { register } = useFormContext()\n const context = useFormCustomContext()\n const { error } = useFieldError(name)\n const ref = validation ? register(validation) : register\n const formAppearance = context?.appearance \|\| appearance\n\n return (\n <FieldWrapper\n className={className}\n description={description}\n error={error}\n fieldId={name}\n hideLabel={hideLabel}\n label={label}\n prompt={prompt}\n required={Boolean(validation?.required)}\n appearance={formAppearance}\n >\n <Select\n name={name}\n id={name}\n appearance={formAppearance}\n {...remainingProps}\n ref={ref}\n {...(error && { state: 'error' })}\n >\n {children}\n </Select>\n </FieldWrapper>\n )\n}\n\nSelectField.displayName = 'SelectField'\n"],"names":["SelectField","className","hideLabel","children","name","label","validation","prompt","description","appearance","remainingProps","register","useFormContext","context","useFormCustomContext","error","useFieldError","ref","formAppearance","React","FieldWrapper","Select"],"mappings":"sTAaa,MAAAA,EAAc,CAAC,CAC1B,UAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,MAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAwB,CACtB,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAAe,EAC9BC,EAAUC,EACV,EAAA,CAAE,MAAAC,CAAM,EAAIC,EAAcZ,CAAI,EAC9Ba,EAAMX,EAAaK,EAASL,CAAU,EAAIK,EAC1CO,GAAiBL,GAAA,KAAA,OAAAA,EAAS,aAAcJ,EAE9C,OACEU,EAAA,cAACC,EAAA,CACC,UAAWnB,EACX,YAAaO,EACb,MAAOO,EACP,QAASX,EACT,UAAWF,EACX,MAAOG,EACP,OAAQE,EACR,SAAU,CAAQD,EAAAA,GAAA,MAAAA,EAAY,UAC9B,WAAYY,CAEZC,EAAAA,EAAA,cAACE,EAAA,CACC,KAAMjB,EACN,GAAIA,EACJ,WAAYc,EACX,GAAGR,EACJ,IAAKO,EACJ,GAAIF,GAAS,CAAE,MAAO,OAAQ,CAAA,EAE9BZ,CACH,CACF,CAEJ,EAEAH,EAAY,YAAc"}

package/dist/components/side-bar/SideBar.d.ts CHANGED Viewed

@@ -33,7 +33,7 @@ export declare const SideBar: {
         size?: ("sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl">>) | undefined;
         noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
         weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
-        family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+        family?: ("display" | "body" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "display" | "body" | "mono">>) | undefined;
     } & {
         as?: React.ElementType;
     }, "as"> & {

package/dist/components/side-bar/SideBarComponents.d.ts CHANGED Viewed

@@ -33,7 +33,7 @@ export declare const SideBarBrandName: import("react").ForwardRefExoticComponent
     size?: ("sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl">>) | undefined;
     noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
     weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
-    family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+    family?: ("display" | "body" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "display" | "body" | "mono">>) | undefined;
 } & {
     as?: import("react").ElementType;
 }, "as"> & {

package/dist/components/side-bar/SideBarComponents.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SideBarComponents.js","sources":["../../../src/components/side-bar/SideBarComponents.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nimport { Image } from '../image'\nimport { Text } from '../text'\n\nexport const SideBarHeader = styled('div', {\n base: ['border-b', 'border-b-(--border)', 'p-4', 'w-full']\n})\n\nexport const SideBarBody = styled('div', {\n base: ['grow', 'overflow-y-auto', 'overflow-x-hidden', 'p-4', 'w-full']\n})\n\nexport const SideBarFooter = styled('div', {\n base: ['border-t', 'border-t-(--border)', 'p-4', 'w-full']\n})\n\nexport const SideBarBrand = styled('a', {\n base: [\n 'items-end',\n 'text-text',\n 'flex',\n 'gap-4',\n 'no-underline',\n 'hover:no-underline',\n 'focus:no-underline'\n ]\n})\n\nexport const SideBarBrandLogo = Image\n\nexport const SideBarBrandName = styled(Text, {\n base: ['text-text', 'whitespace-nowrap']\n})\n"],"names":["SideBarHeader","styled","SideBarBody","SideBarFooter","SideBarBrand","SideBarBrandLogo","Image","SideBarBrandName","Text"],"mappings":"0HAKa,MAAAA,EAAgBC,EAAO,MAAO,CACzC,KAAM,CAAC,WAAY,sBAAuB,MAAO,QAAQ,CAC3D,CAAC,EAEYC,EAAcD,EAAO,MAAO,CACvC,KAAM,CAAC,OAAQ,kBAAmB,oBAAqB,MAAO,QAAQ,CACxE,CAAC,EAEYE,EAAgBF,EAAO,MAAO,CACzC,KAAM,CAAC,WAAY,sBAAuB,MAAO,QAAQ,CAC3D,CAAC,EAEYG,EAAeH,EAAO,IAAK,CACtC,KAAM,CACJ,YACA,YACA,OACA,QACA,eACA,qBACA,oBACF,CACF,CAAC,EAEYI,EAAmBC,EAEnBC,EAAmBN,EAAOO,EAAM,CAC3C,KAAM,CAAC,YAAa,mBAAmB,CACzC,CAAC"}
1	+ {"version":3,"file":"SideBarComponents.js","sources":["../../../src/components/side-bar/SideBarComponents.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nimport { Image } from '../image/Image'\nimport { Text } from '../text/Text'\n\nexport const SideBarHeader = styled('div', {\n base: ['border-b', 'border-b-(--border)', 'p-4', 'w-full']\n})\n\nexport const SideBarBody = styled('div', {\n base: ['grow', 'overflow-y-auto', 'overflow-x-hidden', 'p-4', 'w-full']\n})\n\nexport const SideBarFooter = styled('div', {\n base: ['border-t', 'border-t-(--border)', 'p-4', 'w-full']\n})\n\nexport const SideBarBrand = styled('a', {\n base: [\n 'items-end',\n 'text-text',\n 'flex',\n 'gap-4',\n 'no-underline',\n 'hover:no-underline',\n 'focus:no-underline'\n ]\n})\n\nexport const SideBarBrandLogo = Image\n\nexport const SideBarBrandName = styled(Text, {\n base: ['text-text', 'whitespace-nowrap']\n})\n"],"names":["SideBarHeader","styled","SideBarBody","SideBarFooter","SideBarBrand","SideBarBrandLogo","Image","SideBarBrandName","Text"],"mappings":"0HAKa,MAAAA,EAAgBC,EAAO,MAAO,CACzC,KAAM,CAAC,WAAY,sBAAuB,MAAO,QAAQ,CAC3D,CAAC,EAEYC,EAAcD,EAAO,MAAO,CACvC,KAAM,CAAC,OAAQ,kBAAmB,oBAAqB,MAAO,QAAQ,CACxE,CAAC,EAEYE,EAAgBF,EAAO,MAAO,CACzC,KAAM,CAAC,WAAY,sBAAuB,MAAO,QAAQ,CAC3D,CAAC,EAEYG,EAAeH,EAAO,IAAK,CACtC,KAAM,CACJ,YACA,YACA,OACA,QACA,eACA,qBACA,oBACF,CACF,CAAC,EAEYI,EAAmBC,EAEnBC,EAAmBN,EAAOO,EAAM,CAC3C,KAAM,CAAC,YAAa,mBAAmB,CACzC,CAAC"}

package/dist/components/skeleton-loader/SkeletonCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SkeletonCard.js","sources":["../../../src/components/skeleton-loader/SkeletonCard.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Flex } from '../flex'\nimport { Tile } from '../tile'\nimport { SkeletonLoader } from './Skeleton'\nimport { SkeletonButton } from './SkeletonButton'\nimport { SkeletonDoughnutChart } from './SkeletonDoughnutChart'\n\nexport const SkeletonCard = ({\n numberOfRows = 3,\n withChart\n}: {\n numberOfRows?: number\n withChart?: boolean\n}) => (\n <Tile className=\"relative w-full flex-col items-center gap-6 p-6\">\n <Flex gap=\"6\" align=\"center\" className=\"w-full\">\n {withChart && <SkeletonDoughnutChart />}\n <Flex direction=\"column\" gap=\"24\" className=\"grow\">\n {Array.from({ length: numberOfRows }, (_, index) => index).map(\n (rowNumber) => (\n <SkeletonLoader\n key={rowNumber}\n className=\"bg-grey-200 h-10 w-full min-w-25 rounded-md\"\n />\n )\n )}\n </Flex>\n </Flex>\n <SkeletonButton />\n </Tile>\n)\n"],"names":["SkeletonCard","numberOfRows","withChart","React","Tile","Flex","SkeletonDoughnutChart","_","index","rowNumber","SkeletonLoader","SkeletonButton"],"mappings":"gRAQaA,EAAe,CAAC,CAC3B,aAAAC,EAAe,EACf,UAAAC,CACF,IAIEC,EAAA,cAACC,EAAA,CAAK,UAAU,mDACdD,EAAA,cAACE,EAAA,CAAK,IAAI,IAAI,MAAM,SAAS,UAAU,QACpCH,EAAAA,GAAaC,EAAA,cAACG,EAAA,IAAsB,EACrCH,EAAA,cAACE,EAAA,CAAK,UAAU,SAAS,IAAI,KAAK,UAAU,MAAA,EACzC,MAAM,KAAK,CAAE,OAAQJ,CAAa,EAAG,CAACM,EAAGC,IAAUA,CAAK,EAAE,IACxDC,GACCN,EAAA,cAACO,EAAA,CACC,IAAKD,EACL,UAAU,6CAAA,CACZ,CAEJ,CACF,CACF,EACAN,EAAA,cAACQ,EAAA,IAAe,CAClB"}
1	+ {"version":3,"file":"SkeletonCard.js","sources":["../../../src/components/skeleton-loader/SkeletonCard.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Flex } from '../flex/Flex'\nimport { Tile } from '../tile/Tile'\nimport { SkeletonLoader } from './Skeleton'\nimport { SkeletonButton } from './SkeletonButton'\nimport { SkeletonDoughnutChart } from './SkeletonDoughnutChart'\n\nexport const SkeletonCard = ({\n numberOfRows = 3,\n withChart\n}: {\n numberOfRows?: number\n withChart?: boolean\n}) => (\n <Tile className=\"relative w-full flex-col items-center gap-6 p-6\">\n <Flex gap=\"6\" align=\"center\" className=\"w-full\">\n {withChart && <SkeletonDoughnutChart />}\n <Flex direction=\"column\" gap=\"24\" className=\"grow\">\n {Array.from({ length: numberOfRows }, (_, index) => index).map(\n (rowNumber) => (\n <SkeletonLoader\n key={rowNumber}\n className=\"bg-grey-200 h-10 w-full min-w-25 rounded-md\"\n />\n )\n )}\n </Flex>\n </Flex>\n <SkeletonButton />\n </Tile>\n)\n"],"names":["SkeletonCard","numberOfRows","withChart","React","Tile","Flex","SkeletonDoughnutChart","_","index","rowNumber","SkeletonLoader","SkeletonButton"],"mappings":"gRAQaA,EAAe,CAAC,CAC3B,aAAAC,EAAe,EACf,UAAAC,CACF,IAIEC,EAAA,cAACC,EAAA,CAAK,UAAU,mDACdD,EAAA,cAACE,EAAA,CAAK,IAAI,IAAI,MAAM,SAAS,UAAU,QACpCH,EAAAA,GAAaC,EAAA,cAACG,EAAA,IAAsB,EACrCH,EAAA,cAACE,EAAA,CAAK,UAAU,SAAS,IAAI,KAAK,UAAU,MAAA,EACzC,MAAM,KAAK,CAAE,OAAQJ,CAAa,EAAG,CAACM,EAAGC,IAAUA,CAAK,EAAE,IACxDC,GACCN,EAAA,cAACO,EAAA,CACC,IAAKD,EACL,UAAU,6CAAA,CACZ,CAEJ,CACF,CACF,EACAN,EAAA,cAACQ,EAAA,IAAe,CAClB"}

package/dist/components/skeleton-loader/SkeletonDoughnutChart.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"clsx";import e from"react";import{Tile as l}from"../tile/Tile.js";import"../flex/Flex.js";const r=()=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:120,height:121,fill:"none",className:"animate-shimmer"},e.createElement("mask",{id:"a",fill:"#fff"},e.createElement("path",{d:"m117 60 3 3a60 60 0 0 1-39 53q-2 1-4-2l-5-17q-1-2 2-4a36 36 0 0 0 22-30q0-2 3-3z"})),e.createElement("path",{className:"fill-grey-300",stroke:"#fff",strokeWidth:1.6,d:"m117 60 3 3a60 60 0 0 1-39 53q-2 1-4-2l-5-17q-1-2 2-4a36 36 0 0 0 22-30q0-2 3-3z",mask:"url(#a)"}),e.createElement("mask",{id:"b",fill:"#fff"},e.createElement("path",{d:"M117 60q2 0 3-3A60 60 0 0 0 81 4l-4 2-5 17q-1 4 2 4a36 36 0 0 1 22 30q0 3 3 3z"})),e.createElement("path",{className:"fill-grey-300",stroke:"#fff",strokeWidth:1.6,d:"M117 60q2 0 3-3A60 60 0 0 0 81 4l-4 2-5 17q-1 4 2 4a36 36 0 0 1 22 30q0 3 3 3z",mask:"url(#b)"}),e.createElement("mask",{id:"c",fill:"#fff"},e.createElement("path",{d:"M77 6q1-2-2-4a60 60 0 0 0-62 21q-1 2 1 4l14 10h5a36 36 0 0 1 35-12q3 1 4-2z"})),e.createElement("path",{className:"fill-grey-300",stroke:"#fff",strokeWidth:1.6,d:"M77 6q1-2-2-4a60 60 0 0 0-62 21q-1 2 1 4l14 10h5a36 36 0 0 1 35-12q3 1 4-2z",mask:"url(#c)"}),e.createElement("mask",{id:"d",fill:"#fff"},e.createElement("path",{d:"M14 93q-3 2-1 5a60 60 0 0 0 62 20l2-4-5-16-4-3a36 36 0 0 1-35-11q-3-3-5-1z"})),e.createElement("path",{className:"fill-grey-300",stroke:"#fff",strokeWidth:1.6,d:"M14 93q-3 2-1 5a60 60 0 0 0 62 20l2-4-5-16-4-3a36 36 0 0 1-35-11q-3-3-5-1z",mask:"url(#d)"}),e.createElement("mask",{id:"e",fill:"#fff"},e.createElement("path",{d:"M14 27q-2-2-4 1a60 60 0 0 0 0 65q1 2 4 0l14-10q3-2 1-4a36 36 0 0 1 0-37q2-3-1-5z"})),e.createElement("path",{className:"fill-grey-300",stroke:"#fff",strokeWidth:1.6,d:"M14 27q-2-2-4 1a60 60 0 0 0 0 65q1 2 4 0l14-10q3-2 1-4a36 36 0 0 1 0-37q2-3-1-5z",mask:"url(#e)"})),m=({containerCss:a})=>e.createElement(l,{className:t("p-6","flex-row","gap-4","relative",a)},e.createElement(r,null));export{m as SkeletonDoughnutChart};
+import t from"clsx";import e from"react";import{Tile as l}from"../tile/Tile.js";const r=()=>e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:120,height:121,fill:"none",className:"animate-shimmer"},e.createElement("mask",{id:"a",fill:"#fff"},e.createElement("path",{d:"m117 60 3 3a60 60 0 0 1-39 53q-2 1-4-2l-5-17q-1-2 2-4a36 36 0 0 0 22-30q0-2 3-3z"})),e.createElement("path",{className:"fill-grey-300",stroke:"#fff",strokeWidth:1.6,d:"m117 60 3 3a60 60 0 0 1-39 53q-2 1-4-2l-5-17q-1-2 2-4a36 36 0 0 0 22-30q0-2 3-3z",mask:"url(#a)"}),e.createElement("mask",{id:"b",fill:"#fff"},e.createElement("path",{d:"M117 60q2 0 3-3A60 60 0 0 0 81 4l-4 2-5 17q-1 4 2 4a36 36 0 0 1 22 30q0 3 3 3z"})),e.createElement("path",{className:"fill-grey-300",stroke:"#fff",strokeWidth:1.6,d:"M117 60q2 0 3-3A60 60 0 0 0 81 4l-4 2-5 17q-1 4 2 4a36 36 0 0 1 22 30q0 3 3 3z",mask:"url(#b)"}),e.createElement("mask",{id:"c",fill:"#fff"},e.createElement("path",{d:"M77 6q1-2-2-4a60 60 0 0 0-62 21q-1 2 1 4l14 10h5a36 36 0 0 1 35-12q3 1 4-2z"})),e.createElement("path",{className:"fill-grey-300",stroke:"#fff",strokeWidth:1.6,d:"M77 6q1-2-2-4a60 60 0 0 0-62 21q-1 2 1 4l14 10h5a36 36 0 0 1 35-12q3 1 4-2z",mask:"url(#c)"}),e.createElement("mask",{id:"d",fill:"#fff"},e.createElement("path",{d:"M14 93q-3 2-1 5a60 60 0 0 0 62 20l2-4-5-16-4-3a36 36 0 0 1-35-11q-3-3-5-1z"})),e.createElement("path",{className:"fill-grey-300",stroke:"#fff",strokeWidth:1.6,d:"M14 93q-3 2-1 5a60 60 0 0 0 62 20l2-4-5-16-4-3a36 36 0 0 1-35-11q-3-3-5-1z",mask:"url(#d)"}),e.createElement("mask",{id:"e",fill:"#fff"},e.createElement("path",{d:"M14 27q-2-2-4 1a60 60 0 0 0 0 65q1 2 4 0l14-10q3-2 1-4a36 36 0 0 1 0-37q2-3-1-5z"})),e.createElement("path",{className:"fill-grey-300",stroke:"#fff",strokeWidth:1.6,d:"M14 27q-2-2-4 1a60 60 0 0 0 0 65q1 2 4 0l14-10q3-2 1-4a36 36 0 0 1 0-37q2-3-1-5z",mask:"url(#e)"})),m=({containerCss:a})=>e.createElement(l,{className:t("p-6","flex-row","gap-4","relative",a)},e.createElement(r,null));export{m as SkeletonDoughnutChart};
 //# sourceMappingURL=SkeletonDoughnutChart.js.map

package/dist/components/skeleton-loader/SkeletonDoughnutChart.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SkeletonDoughnutChart.js","sources":["../../../src/components/skeleton-loader/SkeletonDoughnutChart.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React from 'react'\n\nimport { Tile } from '../tile'\n\nconst DoughnutSvg = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={120}\n height={121}\n fill=\"none\"\n className=\"animate-shimmer\"\n >\n <mask id=\"a\" fill=\"#fff\">\n <path d=\"m117 60 3 3a60 60 0 0 1-39 53q-2 1-4-2l-5-17q-1-2 2-4a36 36 0 0 0 22-30q0-2 3-3z\" />\n </mask>\n <path\n className=\"fill-grey-300\"\n stroke=\"#fff\"\n strokeWidth={1.6}\n d=\"m117 60 3 3a60 60 0 0 1-39 53q-2 1-4-2l-5-17q-1-2 2-4a36 36 0 0 0 22-30q0-2 3-3z\"\n mask=\"url(#a)\"\n />\n <mask id=\"b\" fill=\"#fff\">\n <path d=\"M117 60q2 0 3-3A60 60 0 0 0 81 4l-4 2-5 17q-1 4 2 4a36 36 0 0 1 22 30q0 3 3 3z\" />\n </mask>\n <path\n className=\"fill-grey-300\"\n stroke=\"#fff\"\n strokeWidth={1.6}\n d=\"M117 60q2 0 3-3A60 60 0 0 0 81 4l-4 2-5 17q-1 4 2 4a36 36 0 0 1 22 30q0 3 3 3z\"\n mask=\"url(#b)\"\n />\n <mask id=\"c\" fill=\"#fff\">\n <path d=\"M77 6q1-2-2-4a60 60 0 0 0-62 21q-1 2 1 4l14 10h5a36 36 0 0 1 35-12q3 1 4-2z\" />\n </mask>\n <path\n className=\"fill-grey-300\"\n stroke=\"#fff\"\n strokeWidth={1.6}\n d=\"M77 6q1-2-2-4a60 60 0 0 0-62 21q-1 2 1 4l14 10h5a36 36 0 0 1 35-12q3 1 4-2z\"\n mask=\"url(#c)\"\n />\n <mask id=\"d\" fill=\"#fff\">\n <path d=\"M14 93q-3 2-1 5a60 60 0 0 0 62 20l2-4-5-16-4-3a36 36 0 0 1-35-11q-3-3-5-1z\" />\n </mask>\n <path\n className=\"fill-grey-300\"\n stroke=\"#fff\"\n strokeWidth={1.6}\n d=\"M14 93q-3 2-1 5a60 60 0 0 0 62 20l2-4-5-16-4-3a36 36 0 0 1-35-11q-3-3-5-1z\"\n mask=\"url(#d)\"\n />\n <mask id=\"e\" fill=\"#fff\">\n <path d=\"M14 27q-2-2-4 1a60 60 0 0 0 0 65q1 2 4 0l14-10q3-2 1-4a36 36 0 0 1 0-37q2-3-1-5z\" />\n </mask>\n <path\n className=\"fill-grey-300\"\n stroke=\"#fff\"\n strokeWidth={1.6}\n d=\"M14 27q-2-2-4 1a60 60 0 0 0 0 65q1 2 4 0l14-10q3-2 1-4a36 36 0 0 1 0-37q2-3-1-5z\"\n mask=\"url(#e)\"\n />\n </svg>\n)\n\nexport const SkeletonDoughnutChart = ({\n containerCss\n}: {\n containerCss?: string\n}) => (\n <Tile className={clsx('p-6', 'flex-row', 'gap-4', 'relative', containerCss)}>\n <DoughnutSvg />\n </Tile>\n)\n"],"names":["DoughnutSvg","React","SkeletonDoughnutChart","containerCss","Tile","clsx"],"mappings":"~~wGAKA~~,MAAMA,EAAc,IAClBC,EAAA,cAAC,MACC,CAAA,MAAM,6BACN,MAAO,IACP,OAAQ,IACR,KAAK,OACL,UAAU,iBAAA,EAEVA,EAAA,cAAC,OAAA,CAAK,GAAG,IAAI,KAAK,QAChBA,EAAA,cAAC,QAAK,EAAE,kFAAA,CAAmF,CAC7F,EACAA,EAAA,cAAC,OACC,CAAA,UAAU,gBACV,OAAO,OACP,YAAa,IACb,EAAE,mFACF,KAAK,SAAA,CACP,EACAA,EAAA,cAAC,QAAK,GAAG,IAAI,KAAK,MAChBA,EAAAA,EAAA,cAAC,OAAK,CAAA,EAAE,iFAAiF,CAC3F,EACAA,EAAA,cAAC,OAAA,CACC,UAAU,gBACV,OAAO,OACP,YAAa,IACb,EAAE,iFACF,KAAK,UACP,EACAA,EAAA,cAAC,OAAK,CAAA,GAAG,IAAI,KAAK,MAAA,EAChBA,EAAA,cAAC,OAAA,CAAK,EAAE,6EAA8E,CAAA,CACxF,EACAA,EAAA,cAAC,QACC,UAAU,gBACV,OAAO,OACP,YAAa,IACb,EAAE,8EACF,KAAK,SACP,CAAA,EACAA,EAAA,cAAC,OAAA,CAAK,GAAG,IAAI,KAAK,QAChBA,EAAA,cAAC,QAAK,EAAE,4EAAA,CAA6E,CACvF,EACAA,EAAA,cAAC,OACC,CAAA,UAAU,gBACV,OAAO,OACP,YAAa,IACb,EAAE,6EACF,KAAK,SAAA,CACP,EACAA,EAAA,cAAC,QAAK,GAAG,IAAI,KAAK,MAChBA,EAAAA,EAAA,cAAC,OAAK,CAAA,EAAE,mFAAmF,CAC7F,EACAA,EAAA,cAAC,OAAA,CACC,UAAU,gBACV,OAAO,OACP,YAAa,IACb,EAAE,mFACF,KAAK,UACP,CACF,EAGWC,EAAwB,CAAC,CACpC,aAAAC,CACF,IAGEF,EAAA,cAACG,EAAA,CAAK,UAAWC,EAAK,MAAO,WAAY,QAAS,WAAYF,CAAY,GACxEF,EAAA,cAACD,EAAA,IAAY,CACf"}
1	+ {"version":3,"file":"SkeletonDoughnutChart.js","sources":["../../../src/components/skeleton-loader/SkeletonDoughnutChart.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React from 'react'\n\nimport { Tile } from '../tile/Tile'\n\nconst DoughnutSvg = () => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={120}\n height={121}\n fill=\"none\"\n className=\"animate-shimmer\"\n >\n <mask id=\"a\" fill=\"#fff\">\n <path d=\"m117 60 3 3a60 60 0 0 1-39 53q-2 1-4-2l-5-17q-1-2 2-4a36 36 0 0 0 22-30q0-2 3-3z\" />\n </mask>\n <path\n className=\"fill-grey-300\"\n stroke=\"#fff\"\n strokeWidth={1.6}\n d=\"m117 60 3 3a60 60 0 0 1-39 53q-2 1-4-2l-5-17q-1-2 2-4a36 36 0 0 0 22-30q0-2 3-3z\"\n mask=\"url(#a)\"\n />\n <mask id=\"b\" fill=\"#fff\">\n <path d=\"M117 60q2 0 3-3A60 60 0 0 0 81 4l-4 2-5 17q-1 4 2 4a36 36 0 0 1 22 30q0 3 3 3z\" />\n </mask>\n <path\n className=\"fill-grey-300\"\n stroke=\"#fff\"\n strokeWidth={1.6}\n d=\"M117 60q2 0 3-3A60 60 0 0 0 81 4l-4 2-5 17q-1 4 2 4a36 36 0 0 1 22 30q0 3 3 3z\"\n mask=\"url(#b)\"\n />\n <mask id=\"c\" fill=\"#fff\">\n <path d=\"M77 6q1-2-2-4a60 60 0 0 0-62 21q-1 2 1 4l14 10h5a36 36 0 0 1 35-12q3 1 4-2z\" />\n </mask>\n <path\n className=\"fill-grey-300\"\n stroke=\"#fff\"\n strokeWidth={1.6}\n d=\"M77 6q1-2-2-4a60 60 0 0 0-62 21q-1 2 1 4l14 10h5a36 36 0 0 1 35-12q3 1 4-2z\"\n mask=\"url(#c)\"\n />\n <mask id=\"d\" fill=\"#fff\">\n <path d=\"M14 93q-3 2-1 5a60 60 0 0 0 62 20l2-4-5-16-4-3a36 36 0 0 1-35-11q-3-3-5-1z\" />\n </mask>\n <path\n className=\"fill-grey-300\"\n stroke=\"#fff\"\n strokeWidth={1.6}\n d=\"M14 93q-3 2-1 5a60 60 0 0 0 62 20l2-4-5-16-4-3a36 36 0 0 1-35-11q-3-3-5-1z\"\n mask=\"url(#d)\"\n />\n <mask id=\"e\" fill=\"#fff\">\n <path d=\"M14 27q-2-2-4 1a60 60 0 0 0 0 65q1 2 4 0l14-10q3-2 1-4a36 36 0 0 1 0-37q2-3-1-5z\" />\n </mask>\n <path\n className=\"fill-grey-300\"\n stroke=\"#fff\"\n strokeWidth={1.6}\n d=\"M14 27q-2-2-4 1a60 60 0 0 0 0 65q1 2 4 0l14-10q3-2 1-4a36 36 0 0 1 0-37q2-3-1-5z\"\n mask=\"url(#e)\"\n />\n </svg>\n)\n\nexport const SkeletonDoughnutChart = ({\n containerCss\n}: {\n containerCss?: string\n}) => (\n <Tile className={clsx('p-6', 'flex-row', 'gap-4', 'relative', containerCss)}>\n <DoughnutSvg />\n </Tile>\n)\n"],"names":["DoughnutSvg","React","SkeletonDoughnutChart","containerCss","Tile","clsx"],"mappings":"gFAKA,MAAMA,EAAc,IAClBC,EAAA,cAAC,MACC,CAAA,MAAM,6BACN,MAAO,IACP,OAAQ,IACR,KAAK,OACL,UAAU,iBAAA,EAEVA,EAAA,cAAC,OAAA,CAAK,GAAG,IAAI,KAAK,QAChBA,EAAA,cAAC,QAAK,EAAE,kFAAA,CAAmF,CAC7F,EACAA,EAAA,cAAC,OACC,CAAA,UAAU,gBACV,OAAO,OACP,YAAa,IACb,EAAE,mFACF,KAAK,SAAA,CACP,EACAA,EAAA,cAAC,QAAK,GAAG,IAAI,KAAK,MAChBA,EAAAA,EAAA,cAAC,OAAK,CAAA,EAAE,iFAAiF,CAC3F,EACAA,EAAA,cAAC,OAAA,CACC,UAAU,gBACV,OAAO,OACP,YAAa,IACb,EAAE,iFACF,KAAK,UACP,EACAA,EAAA,cAAC,OAAK,CAAA,GAAG,IAAI,KAAK,MAAA,EAChBA,EAAA,cAAC,OAAA,CAAK,EAAE,6EAA8E,CAAA,CACxF,EACAA,EAAA,cAAC,QACC,UAAU,gBACV,OAAO,OACP,YAAa,IACb,EAAE,8EACF,KAAK,SACP,CAAA,EACAA,EAAA,cAAC,OAAA,CAAK,GAAG,IAAI,KAAK,QAChBA,EAAA,cAAC,QAAK,EAAE,4EAAA,CAA6E,CACvF,EACAA,EAAA,cAAC,OACC,CAAA,UAAU,gBACV,OAAO,OACP,YAAa,IACb,EAAE,6EACF,KAAK,SAAA,CACP,EACAA,EAAA,cAAC,QAAK,GAAG,IAAI,KAAK,MAChBA,EAAAA,EAAA,cAAC,OAAK,CAAA,EAAE,mFAAmF,CAC7F,EACAA,EAAA,cAAC,OAAA,CACC,UAAU,gBACV,OAAO,OACP,YAAa,IACb,EAAE,mFACF,KAAK,UACP,CACF,EAGWC,EAAwB,CAAC,CACpC,aAAAC,CACF,IAGEF,EAAA,cAACG,EAAA,CAAK,UAAWC,EAAK,MAAO,WAAY,QAAS,WAAYF,CAAY,GACxEF,EAAA,cAACD,EAAA,IAAY,CACf"}

package/dist/components/skeleton-loader/SkeletonTable.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import c from"clsx";import e from"react";import{Table as m}from"../table/Table.js";import{Tile as s}from"../tile/Tile.js";import"../flex/Flex.js";import{SkeletonLoader as o}from"./Skeleton.js";const p=({numberOfColumns:a=4,numberOfRows:n=4,columnWidth:l,containerCss:d})=>e.createElement(s,{className:c("p-6","flex-row","gap-4","relative",d)},e.createElement(m,{size:"md"},e.createElement(m.Header,{theme:"white"},Array.from({length:a},(t,r)=>r).map(t=>e.createElement(m.HeaderCell,{key:t},e.createElement(o,{style:{"--width":(l==null?void 0:l[t])||"100px"},className:"h-4 w-(--width) rounded-xl"})))),e.createElement(m.Body,{striped:!1},Array.from({length:n},(t,r)=>r).map(t=>e.createElement(m.Row,{key:t},Array.from({length:a},(r,i)=>i).map(r=>e.createElement(m.Cell,{key:r,className:"border-none"},e.createElement(o,{style:{"--width":(l==null?void 0:l[r])||"100px"},className:"bg-grey-200 h-4 w-(--width) rounded-xl"}))))))));export{p as SkeletonTable};
+import c from"clsx";import e from"react";import{Table as l}from"../table/Table.js";import{Tile as s}from"../tile/Tile.js";import{SkeletonLoader as o}from"./Skeleton.js";const p=({numberOfColumns:a=4,numberOfRows:n=4,columnWidth:m,containerCss:d})=>e.createElement(s,{className:c("p-6","flex-row","gap-4","relative",d)},e.createElement(l,{size:"md"},e.createElement(l.Header,{theme:"white"},Array.from({length:a},(t,r)=>r).map(t=>e.createElement(l.HeaderCell,{key:t},e.createElement(o,{style:{"--width":(m==null?void 0:m[t])||"100px"},className:"h-4 w-(--width) rounded-xl"})))),e.createElement(l.Body,{striped:!1},Array.from({length:n},(t,r)=>r).map(t=>e.createElement(l.Row,{key:t},Array.from({length:a},(r,i)=>i).map(r=>e.createElement(l.Cell,{key:r,className:"border-none"},e.createElement(o,{style:{"--width":(m==null?void 0:m[r])||"100px"},className:"bg-grey-200 h-4 w-(--width) rounded-xl"}))))))));export{p as SkeletonTable};
 //# sourceMappingURL=SkeletonTable.js.map

package/dist/components/skeleton-loader/SkeletonTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SkeletonTable.js","sources":["../../../src/components/skeleton-loader/SkeletonTable.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React from 'react'\n\nimport { Table } from '../table'\nimport { Tile } from '../tile'\nimport { SkeletonLoader } from './Skeleton'\n\nexport const SkeletonTable = ({\n numberOfColumns = 4,\n numberOfRows = 4,\n columnWidth,\n containerCss\n}: {\n numberOfColumns?: number\n numberOfRows?: number\n columnWidth?: Record<number, string>\n containerCss?: string\n}) => {\n return (\n <Tile\n className={clsx('p-6', 'flex-row', 'gap-4', 'relative', containerCss)}\n >\n <Table size=\"md\">\n <Table.Header theme=\"white\">\n {Array.from({ length: numberOfColumns }, (_, index) => index).map(\n (columnIndex) => (\n <Table.HeaderCell key={columnIndex}>\n <SkeletonLoader\n style={{ '--width': columnWidth?.[columnIndex] \|\| '100px' }}\n className=\"h-4 w-(--width) rounded-xl\"\n />\n </Table.HeaderCell>\n )\n )}\n </Table.Header>\n <Table.Body striped={false}>\n {Array.from({ length: numberOfRows }, (_, index) => index).map(\n (rowIndex) => (\n <Table.Row key={rowIndex}>\n {Array.from(\n { length: numberOfColumns },\n (_, index) => index\n ).map((columnIndex) => (\n <Table.Cell key={columnIndex} className=\"border-none\">\n <SkeletonLoader\n style={{\n '--width': columnWidth?.[columnIndex] \|\| '100px'\n }}\n className=\"bg-grey-200 h-4 w-(--width) rounded-xl\"\n />\n </Table.Cell>\n ))}\n </Table.Row>\n )\n )}\n </Table.Body>\n </Table>\n </Tile>\n )\n}\n"],"names":["SkeletonTable","numberOfColumns","numberOfRows","columnWidth","containerCss","React","Tile","clsx","Table","_","index","columnIndex","SkeletonLoader","rowIndex"],"mappings":"~~iMAOa~~,MAAAA,EAAgB,CAAC,CAC5B,gBAAAC,EAAkB,EAClB,aAAAC,EAAe,EACf,YAAAC,EACA,aAAAC,CACF,IAOIC,EAAA,cAACC,EAAA,CACC,UAAWC,EAAK,MAAO,WAAY,QAAS,WAAYH,CAAY,CAEpEC,EAAAA,EAAA,cAACG,EAAA,CAAM,KAAK,IAAA,EACVH,EAAA,cAACG,EAAM,OAAN,CAAa,MAAM,OACjB,EAAA,MAAM,KAAK,CAAE,OAAQP,CAAgB,EAAG,CAACQ,EAAGC,IAAUA,CAAK,EAAE,IAC3DC,GACCN,EAAA,cAACG,EAAM,WAAN,CAAiB,IAAKG,CAAAA,EACrBN,EAAA,cAACO,EAAA,CACC,MAAO,CAAE,WAAWT,GAAA,YAAAA,EAAcQ,CAAAA,IAAgB,OAAQ,EAC1D,UAAU,4BACZ,CAAA,CACF,CAEJ,CACF,EACAN,EAAA,cAACG,EAAM,KAAN,CAAW,QAAS,EAClB,EAAA,MAAM,KAAK,CAAE,OAAQN,CAAa,EAAG,CAACO,EAAGC,IAAUA,CAAK,EAAE,IACxDG,GACCR,EAAA,cAACG,EAAM,IAAN,CAAU,IAAKK,GACb,MAAM,KACL,CAAE,OAAQZ,CAAgB,EAC1B,CAACQ,EAAGC,IAAUA,CAChB,EAAE,IAAKC,GACLN,EAAA,cAACG,EAAM,KAAN,CAAW,IAAKG,EAAa,UAAU,aACtCN,EAAAA,EAAA,cAACO,EAAA,CACC,MAAO,CACL,WAAWT,GAAA,KAAA,OAAAA,EAAcQ,CAAgB,IAAA,OAC3C,EACA,UAAU,yCACZ,CACF,CACD,CACH,CAEJ,CACF,CACF,CACF"}
1	+ {"version":3,"file":"SkeletonTable.js","sources":["../../../src/components/skeleton-loader/SkeletonTable.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React from 'react'\n\nimport { Table } from '../table/Table'\nimport { Tile } from '../tile/Tile'\nimport { SkeletonLoader } from './Skeleton'\n\nexport const SkeletonTable = ({\n numberOfColumns = 4,\n numberOfRows = 4,\n columnWidth,\n containerCss\n}: {\n numberOfColumns?: number\n numberOfRows?: number\n columnWidth?: Record<number, string>\n containerCss?: string\n}) => {\n return (\n <Tile\n className={clsx('p-6', 'flex-row', 'gap-4', 'relative', containerCss)}\n >\n <Table size=\"md\">\n <Table.Header theme=\"white\">\n {Array.from({ length: numberOfColumns }, (_, index) => index).map(\n (columnIndex) => (\n <Table.HeaderCell key={columnIndex}>\n <SkeletonLoader\n style={{ '--width': columnWidth?.[columnIndex] \|\| '100px' }}\n className=\"h-4 w-(--width) rounded-xl\"\n />\n </Table.HeaderCell>\n )\n )}\n </Table.Header>\n <Table.Body striped={false}>\n {Array.from({ length: numberOfRows }, (_, index) => index).map(\n (rowIndex) => (\n <Table.Row key={rowIndex}>\n {Array.from(\n { length: numberOfColumns },\n (_, index) => index\n ).map((columnIndex) => (\n <Table.Cell key={columnIndex} className=\"border-none\">\n <SkeletonLoader\n style={{\n '--width': columnWidth?.[columnIndex] \|\| '100px'\n }}\n className=\"bg-grey-200 h-4 w-(--width) rounded-xl\"\n />\n </Table.Cell>\n ))}\n </Table.Row>\n )\n )}\n </Table.Body>\n </Table>\n </Tile>\n )\n}\n"],"names":["SkeletonTable","numberOfColumns","numberOfRows","columnWidth","containerCss","React","Tile","clsx","Table","_","index","columnIndex","SkeletonLoader","rowIndex"],"mappings":"yKAOa,MAAAA,EAAgB,CAAC,CAC5B,gBAAAC,EAAkB,EAClB,aAAAC,EAAe,EACf,YAAAC,EACA,aAAAC,CACF,IAOIC,EAAA,cAACC,EAAA,CACC,UAAWC,EAAK,MAAO,WAAY,QAAS,WAAYH,CAAY,CAEpEC,EAAAA,EAAA,cAACG,EAAA,CAAM,KAAK,IAAA,EACVH,EAAA,cAACG,EAAM,OAAN,CAAa,MAAM,OACjB,EAAA,MAAM,KAAK,CAAE,OAAQP,CAAgB,EAAG,CAACQ,EAAGC,IAAUA,CAAK,EAAE,IAC3DC,GACCN,EAAA,cAACG,EAAM,WAAN,CAAiB,IAAKG,CAAAA,EACrBN,EAAA,cAACO,EAAA,CACC,MAAO,CAAE,WAAWT,GAAA,YAAAA,EAAcQ,CAAAA,IAAgB,OAAQ,EAC1D,UAAU,4BACZ,CAAA,CACF,CAEJ,CACF,EACAN,EAAA,cAACG,EAAM,KAAN,CAAW,QAAS,EAClB,EAAA,MAAM,KAAK,CAAE,OAAQN,CAAa,EAAG,CAACO,EAAGC,IAAUA,CAAK,EAAE,IACxDG,GACCR,EAAA,cAACG,EAAM,IAAN,CAAU,IAAKK,GACb,MAAM,KACL,CAAE,OAAQZ,CAAgB,EAC1B,CAACQ,EAAGC,IAAUA,CAChB,EAAE,IAAKC,GACLN,EAAA,cAACG,EAAM,KAAN,CAAW,IAAKG,EAAa,UAAU,aACtCN,EAAAA,EAAA,cAACO,EAAA,CACC,MAAO,CACL,WAAWT,GAAA,KAAA,OAAAA,EAAcQ,CAAgB,IAAA,OAC3C,EACA,UAAU,yCACZ,CACF,CACD,CACH,CAEJ,CACF,CACF,CACF"}

package/dist/components/skeleton-loader/SkeletonTabs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import r from"clsx";import o from"react";import{Tile as l}from"../tile/Tile.js";import"../flex/Flex.js";import{SkeletonLoader as n}from"./Skeleton.js";const p=({numberOfTabs:t,containerCss:m,tabCss:a})=>o.createElement(l,{className:r("p-6","flex-row","gap-4",m)},Array.from({length:t},(e,s)=>`tab_${s}`).map(e=>o.createElement(n,{key:e,className:r("w-32","h-6","rounded-sm",a)})));export{p as SkeletonTabs};
+import r from"clsx";import o from"react";import{Tile as l}from"../tile/Tile.js";import{SkeletonLoader as n}from"./Skeleton.js";const p=({numberOfTabs:t,containerCss:a,tabCss:m})=>o.createElement(l,{className:r("p-6","flex-row","gap-4",a)},Array.from({length:t},(e,s)=>`tab_${s}`).map(e=>o.createElement(n,{key:e,className:r("w-32","h-6","rounded-sm",m)})));export{p as SkeletonTabs};
 //# sourceMappingURL=SkeletonTabs.js.map

package/dist/components/skeleton-loader/SkeletonTabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SkeletonTabs.js","sources":["../../../src/components/skeleton-loader/SkeletonTabs.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React from 'react'\n\nimport { Tile } from '../tile'\nimport { SkeletonLoader } from './Skeleton'\n\nexport const SkeletonTabs = ({\n numberOfTabs,\n containerCss,\n tabCss\n}: {\n numberOfTabs: number\n containerCss?: string\n tabCss?: string\n}) => (\n <Tile className={clsx('p-6', 'flex-row', 'gap-4', containerCss)}>\n {Array.from({ length: numberOfTabs }, (_, index) => `tab_${index}`).map(\n (key) => (\n <SkeletonLoader\n key={key}\n className={clsx('w-32', 'h-6', 'rounded-sm', tabCss)}\n />\n )\n )}\n </Tile>\n)\n"],"names":["SkeletonTabs","numberOfTabs","containerCss","tabCss","React","Tile","clsx","_","index","key","SkeletonLoader"],"mappings":"~~uJAMa~~,MAAAA,EAAe,CAAC,CAC3B,aAAAC,EACA,aAAAC,EACA,OAAAC,CACF,IAKEC,EAAA,cAACC,EAAA,CAAK,UAAWC,EAAK,MAAO,WAAY,QAASJ,CAAY,CAC3D,EAAA,MAAM,KAAK,CAAE,OAAQD,CAAa,EAAG,CAACM,EAAGC,IAAU,OAAOA,CAAK,EAAE,EAAE,IACjEC,GACCL,EAAA,cAACM,EAAA,CACC,IAAKD,EACL,UAAWH,EAAK,OAAQ,MAAO,aAAcH,CAAM,CAAA,CACrD,CAEJ,CACF"}
1	+ {"version":3,"file":"SkeletonTabs.js","sources":["../../../src/components/skeleton-loader/SkeletonTabs.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React from 'react'\n\nimport { Tile } from '../tile/Tile'\nimport { SkeletonLoader } from './Skeleton'\n\nexport const SkeletonTabs = ({\n numberOfTabs,\n containerCss,\n tabCss\n}: {\n numberOfTabs: number\n containerCss?: string\n tabCss?: string\n}) => (\n <Tile className={clsx('p-6', 'flex-row', 'gap-4', containerCss)}>\n {Array.from({ length: numberOfTabs }, (_, index) => `tab_${index}`).map(\n (key) => (\n <SkeletonLoader\n key={key}\n className={clsx('w-32', 'h-6', 'rounded-sm', tabCss)}\n />\n )\n )}\n </Tile>\n)\n"],"names":["SkeletonTabs","numberOfTabs","containerCss","tabCss","React","Tile","clsx","_","index","key","SkeletonLoader"],"mappings":"+HAMa,MAAAA,EAAe,CAAC,CAC3B,aAAAC,EACA,aAAAC,EACA,OAAAC,CACF,IAKEC,EAAA,cAACC,EAAA,CAAK,UAAWC,EAAK,MAAO,WAAY,QAASJ,CAAY,CAC3D,EAAA,MAAM,KAAK,CAAE,OAAQD,CAAa,EAAG,CAACM,EAAGC,IAAU,OAAOA,CAAK,EAAE,EAAE,IACjEC,GACCL,EAAA,cAACM,EAAA,CACC,IAAKD,EACL,UAAWH,EAAK,OAAQ,MAAO,aAAcH,CAAM,CAAA,CACrD,CAEJ,CACF"}

package/dist/components/slider/Slider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Track as p,Root as b,Range as h,Thumb as v}from"@radix-ui/react-slider";import*as e from"react";import{styled as t}from"../../styled.js";import{CSSWrapper as y}from"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{SliderSteps as g}from"./SliderSteps.js";import{SliderValue as w}from"./SliderValue.js";const S=t(p,{base:["rounded-full","grow","relative","data-[orientation=horizontal]:h-1","data-[orientation=vertical]:w-1"],variants:{theme:{light:["bg-white"],tonal:["bg-grey-600"]}}}),x=t(b,{base:["items-center","flex","relative","touch-none","select-none","cursor-pointer","data-[orientation=horizontal]:h-4","data-[orientation=vertical]:flex-col","data-[orientation=vertical]:w-4","disabled:cursor-not-allowed","disabled:opacity-30"]}),E=t(h,{base:["bg-primary-800","rounded-full","h-full","absolute","disabled:cursor-not-allowed","disabled:opacity-30"]}),k=t(v,{base:["bg-primary-900","rounded-full","block","size-4","hover:bg-primary-1000","focus:outline-2","focus:outline-offset-2","focus:outline-primary-900","focus:outline-solid","disabled:cursor-not-allowed","disabled:opacity-30"]}),a=e.forwardRef(({value:r,defaultValue:l,min:i=0,max:n=100,theme:d="tonal",className:s,children:m,...u},c)=>{const o=r||l;return e.createElement(y,{className:s},e.createElement(x,{defaultValue:l,value:r,min:i,max:n,ref:c,...u},e.createElement(S,{theme:d},e.createElement(E,null)),(o==null?void 0:o.length)&&o.map((V,f)=>e.createElement(k,{key:`thumb${f}`}))),m)});a.Value=w,a.Steps=g,a.displayName="Slider";export{a as Slider};
+import{Track as p,Root as b,Range as h,Thumb as v}from"@radix-ui/react-slider";import*as e from"react";import{styled as t}from"../../styled.js";import{CSSWrapper as y}from"../../utilities/css-wrapper/CSSWrapper.js";import{SliderSteps as g}from"./SliderSteps.js";import{SliderValue as w}from"./SliderValue.js";const S=t(p,{base:["rounded-full","grow","relative","data-[orientation=horizontal]:h-1","data-[orientation=vertical]:w-1"],variants:{theme:{light:["bg-white"],tonal:["bg-grey-600"]}}}),x=t(b,{base:["items-center","flex","relative","touch-none","select-none","cursor-pointer","data-[orientation=horizontal]:h-4","data-[orientation=vertical]:flex-col","data-[orientation=vertical]:w-4","disabled:cursor-not-allowed","disabled:opacity-30"]}),E=t(h,{base:["bg-primary-800","rounded-full","h-full","absolute","disabled:cursor-not-allowed","disabled:opacity-30"]}),k=t(v,{base:["bg-primary-900","rounded-full","block","size-4","hover:bg-primary-1000","focus:outline-2","focus:outline-offset-2","focus:outline-primary-900","focus:outline-solid","disabled:cursor-not-allowed","disabled:opacity-30"]}),a=e.forwardRef(({value:l,defaultValue:r,min:i=0,max:n=100,theme:d="tonal",className:s,children:m,...u},c)=>{const o=l||r;return e.createElement(y,{className:s},e.createElement(x,{defaultValue:r,value:l,min:i,max:n,ref:c,...u},e.createElement(S,{theme:d},e.createElement(E,null)),(o==null?void 0:o.length)&&o.map((V,f)=>e.createElement(k,{key:`thumb${f}`}))),m)});a.Value=w,a.Steps=g,a.displayName="Slider";export{a as Slider};
 //# sourceMappingURL=Slider.js.map

package/dist/components/slider/Slider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.js","sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["import { Range, Root, Thumb, Track } from '@radix-ui/react-slider'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { CSSWrapper } from '~/utilities'\n\nimport { SliderSteps } from './SliderSteps'\nimport { SliderValue } from './SliderValue'\n\nconst StyledTrack = styled(Track, {\n base: [\n 'rounded-full',\n 'grow',\n 'relative',\n 'data-[orientation=horizontal]:h-1',\n 'data-[orientation=vertical]:w-1'\n ],\n variants: {\n theme: {\n light: ['bg-white'],\n tonal: ['bg-grey-600']\n }\n }\n})\n\nconst StyledSlider = styled(Root, {\n base: [\n 'items-center',\n 'flex',\n 'relative',\n 'touch-none',\n 'select-none',\n 'cursor-pointer',\n 'data-[orientation=horizontal]:h-4',\n 'data-[orientation=vertical]:flex-col',\n 'data-[orientation=vertical]:w-4',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ]\n})\n\nconst StyledRange = styled(Range, {\n base: [\n 'bg-primary-800',\n 'rounded-full',\n 'h-full',\n 'absolute',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ]\n})\n\nconst StyledThumb = styled(Thumb, {\n base: [\n 'bg-primary-900',\n 'rounded-full',\n 'block',\n 'size-4',\n 'hover:bg-primary-1000',\n 'focus:outline-2',\n 'focus:outline-offset-2',\n 'focus:outline-primary-900',\n 'focus:outline-solid',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ]\n})\n\nexport type SliderProps = React.ComponentProps<typeof StyledSlider> &\n Pick<React.ComponentProps<typeof StyledTrack>, 'theme'>\n\ntype SliderType = ReturnType<\n typeof React.forwardRef<HTMLSpanElement, SliderProps>\n> & {\n Value: typeof SliderValue\n Steps: typeof SliderSteps\n}\n\nexport const Slider = React.forwardRef<HTMLSpanElement, SliderProps>(\n (\n {\n value,\n defaultValue,\n min = 0,\n max = 100,\n theme = 'tonal',\n className,\n children,\n ...remainingProps\n },\n ref\n ) => {\n const values = value \|\| defaultValue\n return (\n <CSSWrapper className={className}>\n <StyledSlider\n defaultValue={defaultValue}\n value={value}\n min={min}\n max={max}\n ref={ref}\n {...remainingProps}\n >\n <StyledTrack theme={theme}>\n <StyledRange />\n </StyledTrack>\n {values?.length &&\n values.map((_, i) => <StyledThumb key={`thumb${i}`} />)}\n </StyledSlider>\n {children}\n </CSSWrapper>\n )\n }\n) as SliderType\n\nSlider.Value = SliderValue\nSlider.Steps = SliderSteps\n\nSlider.displayName = 'Slider'\n"],"names":["StyledTrack","styled","Track","StyledSlider","Root","StyledRange","Range","StyledThumb","Thumb","Slider","React","value","defaultValue","min","max","theme","className","children","remainingProps","ref","values","CSSWrapper","_","i","SliderValue","SliderSteps"],"mappings":"~~sXASA~~,MAAMA,EAAcC,EAAOC,EAAO,CAChC,KAAM,CACJ,eACA,OACA,WACA,oCACA,iCACF,EACA,SAAU,CACR,MAAO,CACL,MAAO,CAAC,UAAU,EAClB,MAAO,CAAC,aAAa,CACvB,CACF,CACF,CAAC,EAEKC,EAAeF,EAAOG,EAAM,CAChC,KAAM,CACJ,eACA,OACA,WACA,aACA,cACA,iBACA,oCACA,uCACA,kCACA,8BACA,qBACF,CACF,CAAC,EAEKC,EAAcJ,EAAOK,EAAO,CAChC,KAAM,CACJ,iBACA,eACA,SACA,WACA,8BACA,qBACF,CACF,CAAC,EAEKC,EAAcN,EAAOO,EAAO,CAChC,KAAM,CACJ,iBACA,eACA,QACA,SACA,wBACA,kBACA,yBACA,4BACA,sBACA,8BACA,qBACF,CACF,CAAC,EAYYC,EAASC,EAAM,WAC1B,CACE,CACE,MAAAC,EACA,aAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,MAAAC,EAAQ,QACR,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EAAST,GAASC,EACxB,OACEF,EAAA,cAACW,EAAA,CAAW,UAAWL,CAAAA,EACrBN,EAAA,cAACP,EAAA,CACC,aAAcS,EACd,MAAOD,EACP,IAAKE,EACL,IAAKC,EACL,IAAKK,EACJ,GAAGD,CAAAA,EAEJR,EAAA,cAACV,EAAA,CAAY,MAAOe,CAClBL,EAAAA,EAAA,cAACL,EAAA,IAAY,CACf,GACCe,GAAA,KAAA,OAAAA,EAAQ,SACPA,EAAO,IAAI,CAACE,EAAGC,IAAMb,EAAA,cAACH,EAAA,CAAY,IAAK,QAAQgB,CAAC,EAAA,CAAI,CAAE,CAC1D,EACCN,CACH,CAEJ,CACF,EAEAR,EAAO,MAAQe,EACff,EAAO,MAAQgB,EAEfhB,EAAO,YAAc"}
1	+ {"version":3,"file":"Slider.js","sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["import { Range, Root, Thumb, Track } from '@radix-ui/react-slider'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { CSSWrapper } from '~/utilities/css-wrapper/CSSWrapper'\n\nimport { SliderSteps } from './SliderSteps'\nimport { SliderValue } from './SliderValue'\n\nconst StyledTrack = styled(Track, {\n base: [\n 'rounded-full',\n 'grow',\n 'relative',\n 'data-[orientation=horizontal]:h-1',\n 'data-[orientation=vertical]:w-1'\n ],\n variants: {\n theme: {\n light: ['bg-white'],\n tonal: ['bg-grey-600']\n }\n }\n})\n\nconst StyledSlider = styled(Root, {\n base: [\n 'items-center',\n 'flex',\n 'relative',\n 'touch-none',\n 'select-none',\n 'cursor-pointer',\n 'data-[orientation=horizontal]:h-4',\n 'data-[orientation=vertical]:flex-col',\n 'data-[orientation=vertical]:w-4',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ]\n})\n\nconst StyledRange = styled(Range, {\n base: [\n 'bg-primary-800',\n 'rounded-full',\n 'h-full',\n 'absolute',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ]\n})\n\nconst StyledThumb = styled(Thumb, {\n base: [\n 'bg-primary-900',\n 'rounded-full',\n 'block',\n 'size-4',\n 'hover:bg-primary-1000',\n 'focus:outline-2',\n 'focus:outline-offset-2',\n 'focus:outline-primary-900',\n 'focus:outline-solid',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ]\n})\n\nexport type SliderProps = React.ComponentProps<typeof StyledSlider> &\n Pick<React.ComponentProps<typeof StyledTrack>, 'theme'>\n\ntype SliderType = ReturnType<\n typeof React.forwardRef<HTMLSpanElement, SliderProps>\n> & {\n Value: typeof SliderValue\n Steps: typeof SliderSteps\n}\n\nexport const Slider = React.forwardRef<HTMLSpanElement, SliderProps>(\n (\n {\n value,\n defaultValue,\n min = 0,\n max = 100,\n theme = 'tonal',\n className,\n children,\n ...remainingProps\n },\n ref\n ) => {\n const values = value \|\| defaultValue\n return (\n <CSSWrapper className={className}>\n <StyledSlider\n defaultValue={defaultValue}\n value={value}\n min={min}\n max={max}\n ref={ref}\n {...remainingProps}\n >\n <StyledTrack theme={theme}>\n <StyledRange />\n </StyledTrack>\n {values?.length &&\n values.map((_, i) => <StyledThumb key={`thumb${i}`} />)}\n </StyledSlider>\n {children}\n </CSSWrapper>\n )\n }\n) as SliderType\n\nSlider.Value = SliderValue\nSlider.Steps = SliderSteps\n\nSlider.displayName = 'Slider'\n"],"names":["StyledTrack","styled","Track","StyledSlider","Root","StyledRange","Range","StyledThumb","Thumb","Slider","React","value","defaultValue","min","max","theme","className","children","remainingProps","ref","values","CSSWrapper","_","i","SliderValue","SliderSteps"],"mappings":"qTASA,MAAMA,EAAcC,EAAOC,EAAO,CAChC,KAAM,CACJ,eACA,OACA,WACA,oCACA,iCACF,EACA,SAAU,CACR,MAAO,CACL,MAAO,CAAC,UAAU,EAClB,MAAO,CAAC,aAAa,CACvB,CACF,CACF,CAAC,EAEKC,EAAeF,EAAOG,EAAM,CAChC,KAAM,CACJ,eACA,OACA,WACA,aACA,cACA,iBACA,oCACA,uCACA,kCACA,8BACA,qBACF,CACF,CAAC,EAEKC,EAAcJ,EAAOK,EAAO,CAChC,KAAM,CACJ,iBACA,eACA,SACA,WACA,8BACA,qBACF,CACF,CAAC,EAEKC,EAAcN,EAAOO,EAAO,CAChC,KAAM,CACJ,iBACA,eACA,QACA,SACA,wBACA,kBACA,yBACA,4BACA,sBACA,8BACA,qBACF,CACF,CAAC,EAYYC,EAASC,EAAM,WAC1B,CACE,CACE,MAAAC,EACA,aAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,MAAAC,EAAQ,QACR,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EAAST,GAASC,EACxB,OACEF,EAAA,cAACW,EAAA,CAAW,UAAWL,CAAAA,EACrBN,EAAA,cAACP,EAAA,CACC,aAAcS,EACd,MAAOD,EACP,IAAKE,EACL,IAAKC,EACL,IAAKK,EACJ,GAAGD,CAAAA,EAEJR,EAAA,cAACV,EAAA,CAAY,MAAOe,CAClBL,EAAAA,EAAA,cAACL,EAAA,IAAY,CACf,GACCe,GAAA,KAAA,OAAAA,EAAQ,SACPA,EAAO,IAAI,CAACE,EAAGC,IAAMb,EAAA,cAACH,EAAA,CAAY,IAAK,QAAQgB,CAAC,EAAA,CAAI,CAAE,CAC1D,EACCN,CACH,CAEJ,CACF,EAEAR,EAAO,MAAQe,EACff,EAAO,MAAQgB,EAEfhB,EAAO,YAAc"}

package/dist/components/slider/SliderSteps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderSteps.js","sources":["../../../src/components/slider/SliderSteps.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../text'\n\nexport type SliderStepsType = {\n steps?: { label: string; value: number }[]\n}\n\ntype SliderStepsProps = {\n min: number\n max: number\n} & SliderStepsType\n\nconst SliderStepsContainer = styled('div', {\n base: ['h-3', 'mt-3', 'relative', 'w-full']\n})\n\nconst getPercentValue = (value: number, min: number, max: number): number => {\n return ((value - min) / (max - min)) * 100\n}\n\nconst getTransformValue = (value: number, min: number, max: number): number => {\n const percentage = getPercentValue(value, min, max)\n\n if (percentage <= 10) return 0\n if (percentage >= 90) return 100\n return 50\n}\n\nexport const SliderSteps = ({ min, max, steps = [] }: SliderStepsProps) => {\n if (steps.length === 0) return null\n\n return (\n <SliderStepsContainer>\n {steps.map((step) => (\n <Text\n as=\"span\"\n key={step.value}\n style={{\n '--left': `${getPercentValue(step.value, min, max)}%`,\n '--translate-x': `-${getTransformValue(step.value, min, max)}%`\n }}\n className=\"text-grey-700 absolute left-(--left) translate-x-(--translate-x)\"\n >\n {step.label}\n </Text>\n ))}\n </SliderStepsContainer>\n )\n}\n"],"names":["SliderStepsContainer","styled","getPercentValue","value","min","max","getTransformValue","percentage","SliderSteps","steps","React","step","Text"],"mappings":"wGAeA,MAAMA,EAAuBC,EAAO,MAAO,CACzC,KAAM,CAAC,MAAO,OAAQ,WAAY,QAAQ,CAC5C,CAAC,EAEKC,EAAkB,CAACC,EAAeC,EAAaC,KAC1CF,EAAQC,IAAQC,EAAMD,GAAQ,IAGnCE,EAAoB,CAACH,EAAeC,EAAaC,IAAwB,CAC7E,MAAME,EAAaL,EAAgBC,EAAOC,EAAKC,CAAG,EAElD,OAAIE,GAAc,GAAW,EACzBA,GAAc,GAAW,IACtB,EACT,EAEaC,EAAc,CAAC,CAAE,IAAAJ,EAAK,IAAAC,EAAK,MAAAI,EAAQ,EAAG,IAC7CA,EAAM,SAAW,EAAU,KAG7BC,EAAA,cAACV,EAAA,KACES,EAAM,IAAKE,GACVD,EAAA,cAACE,EAAA,CACC,GAAG,OACH,IAAKD,EAAK,MACV,MAAO,CACL,SAAU,GAAGT,EAAgBS,EAAK,MAAOP,EAAKC,CAAG,CAAC,IAClD,gBAAiB,IAAIC,EAAkBK,EAAK,MAAOP,EAAKC,CAAG,CAAC,GAC9D,EACA,UAAU,kEAETM,EAAAA,EAAK,KACR,CACD,CACH"}
1	+ {"version":3,"file":"SliderSteps.js","sources":["../../../src/components/slider/SliderSteps.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../text/Text'\n\nexport type SliderStepsType = {\n steps?: { label: string; value: number }[]\n}\n\ntype SliderStepsProps = {\n min: number\n max: number\n} & SliderStepsType\n\nconst SliderStepsContainer = styled('div', {\n base: ['h-3', 'mt-3', 'relative', 'w-full']\n})\n\nconst getPercentValue = (value: number, min: number, max: number): number => {\n return ((value - min) / (max - min)) * 100\n}\n\nconst getTransformValue = (value: number, min: number, max: number): number => {\n const percentage = getPercentValue(value, min, max)\n\n if (percentage <= 10) return 0\n if (percentage >= 90) return 100\n return 50\n}\n\nexport const SliderSteps = ({ min, max, steps = [] }: SliderStepsProps) => {\n if (steps.length === 0) return null\n\n return (\n <SliderStepsContainer>\n {steps.map((step) => (\n <Text\n as=\"span\"\n key={step.value}\n style={{\n '--left': `${getPercentValue(step.value, min, max)}%`,\n '--translate-x': `-${getTransformValue(step.value, min, max)}%`\n }}\n className=\"text-grey-700 absolute left-(--left) translate-x-(--translate-x)\"\n >\n {step.label}\n </Text>\n ))}\n </SliderStepsContainer>\n )\n}\n"],"names":["SliderStepsContainer","styled","getPercentValue","value","min","max","getTransformValue","percentage","SliderSteps","steps","React","step","Text"],"mappings":"wGAeA,MAAMA,EAAuBC,EAAO,MAAO,CACzC,KAAM,CAAC,MAAO,OAAQ,WAAY,QAAQ,CAC5C,CAAC,EAEKC,EAAkB,CAACC,EAAeC,EAAaC,KAC1CF,EAAQC,IAAQC,EAAMD,GAAQ,IAGnCE,EAAoB,CAACH,EAAeC,EAAaC,IAAwB,CAC7E,MAAME,EAAaL,EAAgBC,EAAOC,EAAKC,CAAG,EAElD,OAAIE,GAAc,GAAW,EACzBA,GAAc,GAAW,IACtB,EACT,EAEaC,EAAc,CAAC,CAAE,IAAAJ,EAAK,IAAAC,EAAK,MAAAI,EAAQ,EAAG,IAC7CA,EAAM,SAAW,EAAU,KAG7BC,EAAA,cAACV,EAAA,KACES,EAAM,IAAKE,GACVD,EAAA,cAACE,EAAA,CACC,GAAG,OACH,IAAKD,EAAK,MACV,MAAO,CACL,SAAU,GAAGT,EAAgBS,EAAK,MAAOP,EAAKC,CAAG,CAAC,IAClD,gBAAiB,IAAIC,EAAkBK,EAAK,MAAOP,EAAKC,CAAG,CAAC,GAC9D,EACA,UAAU,kEAETM,EAAAA,EAAK,KACR,CACD,CACH"}

package/dist/components/slider/SliderValue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderValue.js","sources":["../../../src/components/slider/SliderValue.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Text } from '../text'\n\nexport type SliderValueType = {\n outputLabel?: (value: number \| number[]) => string\n}\n\ntype SliderValueProps = SliderValueType & {\n value?: number[]\n}\n\nexport const SliderValue = ({\n value = [],\n outputLabel = (value) => `Current value is ${value}`\n}: SliderValueProps) => {\n return (\n <Text className=\"text-grey-700 mt-4 w-full\">\n {outputLabel(value.length === 1 ? value[0] : value)}\n </Text>\n )\n}\n"],"names":["SliderValue","value","outputLabel","React","Text"],"mappings":"+DAYO,MAAMA,EAAc,CAAC,CAC1B,MAAAC,EAAQ,CAAA,EACR,YAAAC,EAAeD,GAAU,oBAAoBA,CAAK,EACpD,IAEIE,EAAA,cAACC,EAAA,CAAK,UAAU,2BAAA,EACbF,EAAYD,EAAM,SAAW,EAAIA,EAAM,CAAC,EAAIA,CAAK,CACpD"}
1	+ {"version":3,"file":"SliderValue.js","sources":["../../../src/components/slider/SliderValue.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Text } from '../text/Text'\n\nexport type SliderValueType = {\n outputLabel?: (value: number \| number[]) => string\n}\n\ntype SliderValueProps = SliderValueType & {\n value?: number[]\n}\n\nexport const SliderValue = ({\n value = [],\n outputLabel = (value) => `Current value is ${value}`\n}: SliderValueProps) => {\n return (\n <Text className=\"text-grey-700 mt-4 w-full\">\n {outputLabel(value.length === 1 ? value[0] : value)}\n </Text>\n )\n}\n"],"names":["SliderValue","value","outputLabel","React","Text"],"mappings":"+DAYO,MAAMA,EAAc,CAAC,CAC1B,MAAAC,EAAQ,CAAA,EACR,YAAAC,EAAeD,GAAU,oBAAoBA,CAAK,EACpD,IAEIE,EAAA,cAACC,EAAA,CAAK,UAAU,2BAAA,EACbF,EAAYD,EAAM,SAAW,EAAIA,EAAM,CAAC,EAAIA,CAAK,CACpD"}

package/dist/components/slider-field/SliderField.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
-import { FieldElementWrapperProps } from '../../components/field-wrapper';
-import { SliderProps } from '../../components/slider';
+import { FieldElementWrapperProps } from '../../components/field-wrapper/FieldWrapper';
+import { SliderProps } from '../../components/slider/Slider';
 import { SliderStepsType } from '../../components/slider/SliderSteps';
 import { SliderValueType } from '../slider/SliderValue';
 type SliderFieldProps = SliderProps & SliderStepsType & SliderValueType & FieldElementWrapperProps;

package/dist/components/slider-field/SliderField.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import{useFormContext as S,useController as V}from"react-hook-form";import{FieldWrapper as g}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import{Slider as a}from"../slider/Slider.js";const i=({className:u,hideLabel:d,label:s,name:t,defaultValue:f,value:l,validation:p,outputLabel:c,min:r=0,max:m=100,steps:b=[],...h})=>{const{control:v}=S(),{field:{ref:x,onChange:n,value:o,name:E}}=V({name:t,control:v,rules:p,defaultValue:f});return e.useEffect(()=>{l!=null&&l.length&&n(l)},[JSON.stringify(l)]),e.createElement(g,{className:u,fieldId:t,label:s,hideLabel:d},e.createElement(a,{ref:x,name:E,onValueChange:n,value:o,min:r,max:m,...h},e.createElement(a.Steps,{min:r,max:m,steps:b}),e.createElement(a.Value,{value:o,outputLabel:c})))};i.displayName="SliderField";export{i as SliderField};
+import e from"react";import{useFormContext as S,useController as V}from"react-hook-form";import{FieldWrapper as g}from"../field-wrapper/FieldWrapper.js";import{Slider as a}from"../slider/Slider.js";const i=({className:u,hideLabel:d,label:s,name:t,defaultValue:f,value:l,validation:p,outputLabel:c,min:r=0,max:m=100,steps:b=[],...h})=>{const{control:v}=S(),{field:{ref:x,onChange:n,value:o,name:E}}=V({name:t,control:v,rules:p,defaultValue:f});return e.useEffect(()=>{l!=null&&l.length&&n(l)},[JSON.stringify(l)]),e.createElement(g,{className:u,fieldId:t,label:s,hideLabel:d},e.createElement(a,{ref:x,name:E,onValueChange:n,value:o,min:r,max:m,...h},e.createElement(a.Steps,{min:r,max:m,steps:b}),e.createElement(a.Value,{value:o,outputLabel:c})))};i.displayName="SliderField";export{i as SliderField};
 //# sourceMappingURL=SliderField.js.map

package/dist/components/slider-field/SliderField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderField.js","sources":["../../../src/components/slider-field/SliderField.tsx"],"sourcesContent":["import React from 'react'\nimport { useController, useFormContext } from 'react-hook-form'\n\nimport {\n FieldElementWrapperProps,\n FieldWrapper\n} from '~/components/field-wrapper'\nimport { Slider, SliderProps } from '~/components/slider'\nimport { SliderStepsType } from '~/components/slider/SliderSteps'\n\nimport { SliderValueType } from '../slider/SliderValue'\n\ntype SliderFieldProps = SliderProps &\n SliderStepsType &\n SliderValueType &\n FieldElementWrapperProps\n\nexport const SliderField = ({\n className,\n hideLabel,\n label,\n name,\n defaultValue,\n value,\n validation,\n outputLabel,\n min = 0,\n max = 100,\n steps = [],\n ...remainingProps\n}: SliderFieldProps) => {\n const { control } = useFormContext()\n const {\n field: { ref, onChange, value: innerValue, name: innerName }\n } = useController({\n name,\n control,\n rules: validation,\n defaultValue\n })\n\n React.useEffect(() => {\n // Update the react-hook-form inner value to match what is passed in.\n if (value?.length) onChange(value)\n }, [JSON.stringify(value)])\n\n return (\n <FieldWrapper\n className={className}\n fieldId={name}\n label={label}\n hideLabel={hideLabel}\n >\n <Slider\n ref={ref}\n name={innerName}\n onValueChange={onChange}\n value={innerValue}\n min={min}\n max={max}\n {...remainingProps}\n >\n <Slider.Steps min={min} max={max} steps={steps} />\n\n <Slider.Value value={innerValue} outputLabel={outputLabel} />\n </Slider>\n </FieldWrapper>\n )\n}\n\nSliderField.displayName = 'SliderField'\n"],"names":["SliderField","className","hideLabel","label","name","defaultValue","value","validation","outputLabel","min","max","steps","remainingProps","control","useFormContext","ref","onChange","innerValue","innerName","useController","React","FieldWrapper","Slider"],"mappings":"~~qPAiBa~~,MAAAA,EAAc,CAAC,CAC1B,UAAAC,EACA,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,aAAAC,EACA,MAAAC,EACA,WAAAC,EACA,YAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,MAAAC,EAAQ,CAAA,EACR,GAAGC,CACL,IAAwB,CACtB,KAAM,CAAE,QAAAC,CAAQ,EAAIC,EACd,EAAA,CACJ,MAAO,CAAE,IAAAC,EAAK,SAAAC,EAAU,MAAOC,EAAY,KAAMC,CAAU,CAC7D,EAAIC,EAAc,CAChB,KAAAf,EACA,QAAAS,EACA,MAAON,EACP,aAAAF,CACF,CAAC,EAED,OAAAe,EAAM,UAAU,IAAM,CAEhBd,GAAA,MAAAA,EAAO,QAAQU,EAASV,CAAK,CACnC,EAAG,CAAC,KAAK,UAAUA,CAAK,CAAC,CAAC,EAGxBc,EAAA,cAACC,EAAA,CACC,UAAWpB,EACX,QAASG,EACT,MAAOD,EACP,UAAWD,CAAAA,EAEXkB,EAAA,cAACE,EAAA,CACC,IAAKP,EACL,KAAMG,EACN,cAAeF,EACf,MAAOC,EACP,IAAKR,EACL,IAAKC,EACJ,GAAGE,GAEJQ,EAAA,cAACE,EAAO,MAAP,CAAa,IAAKb,EAAK,IAAKC,EAAK,MAAOC,CAAO,CAAA,EAEhDS,EAAA,cAACE,EAAO,MAAP,CAAa,MAAOL,EAAY,YAAaT,CAAa,CAAA,CAC7D,CACF,CAEJ,EAEAR,EAAY,YAAc"}
1	+ {"version":3,"file":"SliderField.js","sources":["../../../src/components/slider-field/SliderField.tsx"],"sourcesContent":["import React from 'react'\nimport { useController, useFormContext } from 'react-hook-form'\n\nimport {\n FieldElementWrapperProps,\n FieldWrapper\n} from '~/components/field-wrapper/FieldWrapper'\nimport { Slider, SliderProps } from '~/components/slider/Slider'\nimport { SliderStepsType } from '~/components/slider/SliderSteps'\n\nimport { SliderValueType } from '../slider/SliderValue'\n\ntype SliderFieldProps = SliderProps &\n SliderStepsType &\n SliderValueType &\n FieldElementWrapperProps\n\nexport const SliderField = ({\n className,\n hideLabel,\n label,\n name,\n defaultValue,\n value,\n validation,\n outputLabel,\n min = 0,\n max = 100,\n steps = [],\n ...remainingProps\n}: SliderFieldProps) => {\n const { control } = useFormContext()\n const {\n field: { ref, onChange, value: innerValue, name: innerName }\n } = useController({\n name,\n control,\n rules: validation,\n defaultValue\n })\n\n React.useEffect(() => {\n // Update the react-hook-form inner value to match what is passed in.\n if (value?.length) onChange(value)\n }, [JSON.stringify(value)])\n\n return (\n <FieldWrapper\n className={className}\n fieldId={name}\n label={label}\n hideLabel={hideLabel}\n >\n <Slider\n ref={ref}\n name={innerName}\n onValueChange={onChange}\n value={innerValue}\n min={min}\n max={max}\n {...remainingProps}\n >\n <Slider.Steps min={min} max={max} steps={steps} />\n\n <Slider.Value value={innerValue} outputLabel={outputLabel} />\n </Slider>\n </FieldWrapper>\n )\n}\n\nSliderField.displayName = 'SliderField'\n"],"names":["SliderField","className","hideLabel","label","name","defaultValue","value","validation","outputLabel","min","max","steps","remainingProps","control","useFormContext","ref","onChange","innerValue","innerName","useController","React","FieldWrapper","Slider"],"mappings":"sMAiBa,MAAAA,EAAc,CAAC,CAC1B,UAAAC,EACA,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,aAAAC,EACA,MAAAC,EACA,WAAAC,EACA,YAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,MAAAC,EAAQ,CAAA,EACR,GAAGC,CACL,IAAwB,CACtB,KAAM,CAAE,QAAAC,CAAQ,EAAIC,EACd,EAAA,CACJ,MAAO,CAAE,IAAAC,EAAK,SAAAC,EAAU,MAAOC,EAAY,KAAMC,CAAU,CAC7D,EAAIC,EAAc,CAChB,KAAAf,EACA,QAAAS,EACA,MAAON,EACP,aAAAF,CACF,CAAC,EAED,OAAAe,EAAM,UAAU,IAAM,CAEhBd,GAAA,MAAAA,EAAO,QAAQU,EAASV,CAAK,CACnC,EAAG,CAAC,KAAK,UAAUA,CAAK,CAAC,CAAC,EAGxBc,EAAA,cAACC,EAAA,CACC,UAAWpB,EACX,QAASG,EACT,MAAOD,EACP,UAAWD,CAAAA,EAEXkB,EAAA,cAACE,EAAA,CACC,IAAKP,EACL,KAAMG,EACN,cAAeF,EACf,MAAOC,EACP,IAAKR,EACL,IAAKC,EACJ,GAAGE,GAEJQ,EAAA,cAACE,EAAO,MAAP,CAAa,IAAKb,EAAK,IAAKC,EAAK,MAAOC,CAAO,CAAA,EAEhDS,EAAA,cAACE,EAAO,MAAP,CAAa,MAAOL,EAAY,YAAaT,CAAa,CAAA,CAC7D,CACF,CAEJ,EAEAR,EAAY,YAAc"}

package/dist/components/sortable/Handle.d.ts CHANGED Viewed

@@ -1,18 +1,18 @@
 import * as React from 'react';
-import { Icon } from '../icon';
+import { Icon } from '../icon/Icon';
 export declare const StyledHandle: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "theme" | "size" | "appearance" | "isRounded"> & {
-    theme?: ("warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger">>) | undefined;
+}, "appearance" | "size" | "theme" | "isRounded"> & {
+    theme?: ("primary" | "white" | "neutral" | "primaryDark" | "success" | "warning" | "danger" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "primary" | "white" | "neutral" | "primaryDark" | "success" | "warning" | "danger">>) | undefined;
     appearance?: ("simple" | "outline" | "solid" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "simple" | "outline" | "solid">>) | undefined;
     size?: ("sm" | "md" | "lg" | "xs" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs">>) | undefined;
     isRounded?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
 } & {
     as?: React.ElementType;
-}, "children" | "label" | keyof import("../../types").NavigatorActions | "hasTooltip" | "tooltipSide"> & {
+}, "children" | "label" | "hasTooltip" | "tooltipSide" | keyof import("../../types/navigatorActions.types").NavigatorActions> & {
     children: React.ReactNode;
     label: string;
-} & Omit<import("../../utilities/optional-tooltip-wrapper").TOptionalTooltipWrapperProps, "label"> & import("../../types").NavigatorActions, "ref"> & React.RefAttributes<HTMLButtonElement>, "isDragging"> & {
+} & Omit<import("../../utilities/optional-tooltip-wrapper/OptionalTooltipWrapper").TOptionalTooltipWrapperProps, "label"> & import("../../types/navigatorActions.types").NavigatorActions, "ref"> & React.RefAttributes<HTMLButtonElement>, "isDragging"> & {
     isDragging?: boolean | undefined;
 } & {
     as?: React.ElementType;

package/dist/components/sortable/Handle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Handle.js","sources":["../../../src/components/sortable/Handle.tsx"],"sourcesContent":["import { DragHandle } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon'\nimport { Icon } from '../icon'\n\nexport const StyledHandle = styled(ActionIcon, {\n base: [\n 'text-inherit!',\n 'fill-current',\n 'disabled:**:pointer-events-none',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ],\n variants: {\n isDragging: {\n true: ['cursor-grabbing'],\n false: ['cursor-grab']\n }\n }\n})\n\nexport type THandleProps = Omit<\n React.ComponentProps<typeof StyledHandle>,\n 'children'\n> &\n Pick<React.ComponentProps<typeof Icon>, 'size'>\n\nexport const Handle = React.forwardRef<HTMLButtonElement, THandleProps>(\n ({ isDragging, size, ...rest }, ref) => {\n return (\n <StyledHandle\n ref={ref}\n isDragging={isDragging}\n appearance=\"simple\"\n hasTooltip={false}\n size={size}\n {...rest}\n >\n <Icon is={DragHandle} />\n </StyledHandle>\n )\n }\n)\n\nHandle.displayName = 'Handle'\n"],"names":["StyledHandle","styled","ActionIcon","Handle","React","isDragging","size","rest","ref","Icon","DragHandle"],"mappings":"oNAQa,MAAAA,EAAeC,EAAOC,EAAY,CAC7C,KAAM,CACJ,gBACA,eACA,kCACA,8BACA,qBACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,iBAAiB,EACxB,MAAO,CAAC,aAAa,CACvB,CACF,CACF,CAAC,EAQYC,EAASC,EAAM,WAC1B,CAAC,CAAE,WAAAC,EAAY,KAAAC,EAAM,GAAGC,CAAK,EAAGC,IAE5BJ,EAAA,cAACJ,EACC,CAAA,IAAKQ,EACL,WAAYH,EACZ,WAAW,SACX,WAAY,GACZ,KAAMC,EACL,GAAGC,CAAAA,EAEJH,EAAA,cAACK,EAAA,CAAK,GAAIC,CAAAA,CAAY,CACxB,CAGN,EAEAP,EAAO,YAAc"}
1	+ {"version":3,"file":"Handle.js","sources":["../../../src/components/sortable/Handle.tsx"],"sourcesContent":["import { DragHandle } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\nexport const StyledHandle = styled(ActionIcon, {\n base: [\n 'text-inherit!',\n 'fill-current',\n 'disabled:**:pointer-events-none',\n 'disabled:cursor-not-allowed',\n 'disabled:opacity-30'\n ],\n variants: {\n isDragging: {\n true: ['cursor-grabbing'],\n false: ['cursor-grab']\n }\n }\n})\n\nexport type THandleProps = Omit<\n React.ComponentProps<typeof StyledHandle>,\n 'children'\n> &\n Pick<React.ComponentProps<typeof Icon>, 'size'>\n\nexport const Handle = React.forwardRef<HTMLButtonElement, THandleProps>(\n ({ isDragging, size, ...rest }, ref) => {\n return (\n <StyledHandle\n ref={ref}\n isDragging={isDragging}\n appearance=\"simple\"\n hasTooltip={false}\n size={size}\n {...rest}\n >\n <Icon is={DragHandle} />\n </StyledHandle>\n )\n }\n)\n\nHandle.displayName = 'Handle'\n"],"names":["StyledHandle","styled","ActionIcon","Handle","React","isDragging","size","rest","ref","Icon","DragHandle"],"mappings":"oNAQa,MAAAA,EAAeC,EAAOC,EAAY,CAC7C,KAAM,CACJ,gBACA,eACA,kCACA,8BACA,qBACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,iBAAiB,EACxB,MAAO,CAAC,aAAa,CACvB,CACF,CACF,CAAC,EAQYC,EAASC,EAAM,WAC1B,CAAC,CAAE,WAAAC,EAAY,KAAAC,EAAM,GAAGC,CAAK,EAAGC,IAE5BJ,EAAA,cAACJ,EACC,CAAA,IAAKQ,EACL,WAAYH,EACZ,WAAW,SACX,WAAY,GACZ,KAAMC,EACL,GAAGC,CAAAA,EAEJH,EAAA,cAACK,EAAA,CAAK,GAAIC,CAAAA,CAAY,CACxB,CAGN,EAEAP,EAAO,YAAc"}

package/dist/components/sortable/index.d.ts CHANGED Viewed

@@ -1,21 +1,3 @@
-export declare const Sortable: {
-    Root: {
-        ({ sortableIds, onSortChange, children }: React.PropsWithChildren<{
-            sortableIds: React.ReactText[];
-            onSortChange: (onSortChangeData: {
-                order: import("@dnd-kit/core").UniqueIdentifier[];
-                oldIndex: number;
-                newIndex: number;
-            }) => void;
-        }>): import("react").JSX.Element;
-        displayName: string;
-    };
-    Item: {
-        ({ id, asChild, className, style, isDragHandle, disabled, ...rest }: React.PropsWithChildren<import("./SortableItem").TSortableItemProps>): import("react").JSX.Element;
-        displayName: string;
-    };
-    Handle: {
-        ({ targetId, disabled, label, ...rest }: import("./SortableHandle").TSortableHandleProps): import("react").JSX.Element;
-        displayName: string;
-    };
-};
+export { SortableHandle as Handle } from './SortableHandle';
+export { SortableItem as Item } from './SortableItem';
+export { SortableRoot as Root } from './SortableRoot';

package/dist/components/sortable/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{SortableHandle as o}from"./SortableHandle.js";import{SortableItem as t}from"./SortableItem.js";import{SortableRoot as r}from"./SortableRoot.js";const e={Root:r,Item:t,Handle:o};export{e as Sortable};
+import{SortableHandle as t}from"./SortableHandle.js";import{SortableItem as a}from"./SortableItem.js";import{SortableRoot as m}from"./SortableRoot.js";export{t as Handle,a as Item,m as Root};
 //# sourceMappingURL=index.js.map

package/dist/components/sortable/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":[~~"../../../src/components/sortable/index.ts"~~],"sourcesContent":["import { SortableHandle as Handle } from './SortableHandle'\nimport { SortableItem as Item } from './SortableItem'\nimport { SortableRoot as Root } from './SortableRoot'\n\nexport const Sortable = { Root, Item, Handle }\n"],"names":[~~"Sortable","Root","Item","Handle"~~],"mappings":"~~uJAIO,MAAMA,EAAW,CAAE,KAAAC,EAAM,KAAAC,EAAM,OAAAC,CAAO~~"}
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/stepper/StepperStepBack.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { Button } from '../button';
+import { Button } from '../button/Button';
 import { IStepperNavigateProps } from './types';
 export declare const StepperStepBack: ({ label, children, ...rest }: IStepperNavigateProps & React.ComponentProps<typeof Button>) => React.JSX.Element;

package/dist/components/stepper/StepperStepBack.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepperStepBack.js","sources":["../../../src/components/stepper/StepperStepBack.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '../button'\nimport { useStepper } from './stepper-context/StepperContext'\nimport { IStepperNavigateProps } from './types'\n\nexport const StepperStepBack = ({\n label,\n children,\n ...rest\n}: IStepperNavigateProps & React.ComponentProps<typeof Button>) => {\n const { activeStep, goToPreviousStep } = useStepper()\n return (\n <Button\n size=\"sm\"\n appearance=\"outline\"\n {...rest}\n disabled={activeStep === 0}\n onClick={goToPreviousStep}\n >\n {children \|\| label?.(activeStep)}\n </Button>\n )\n}\n"],"names":["StepperStepBack","label","children","rest","activeStep","goToPreviousStep","useStepper","React","Button"],"mappings":"sIAMa,MAAAA,EAAkB,CAAC,CAC9B,MAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAmE,CACjE,KAAM,CAAE,WAAAC,EAAY,iBAAAC,CAAiB,EAAIC,IACzC,OACEC,EAAA,cAACC,EAAA,CACC,KAAK,KACL,WAAW,UACV,GAAGL,EACJ,SAAUC,IAAe,EACzB,QAASC,CAAAA,EAERH,IAAYD,GAAA,KAAA,OAAAA,EAAQG,CAAAA,EACvB,CAEJ"}
1	+ {"version":3,"file":"StepperStepBack.js","sources":["../../../src/components/stepper/StepperStepBack.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '../button/Button'\nimport { useStepper } from './stepper-context/StepperContext'\nimport { IStepperNavigateProps } from './types'\n\nexport const StepperStepBack = ({\n label,\n children,\n ...rest\n}: IStepperNavigateProps & React.ComponentProps<typeof Button>) => {\n const { activeStep, goToPreviousStep } = useStepper()\n return (\n <Button\n size=\"sm\"\n appearance=\"outline\"\n {...rest}\n disabled={activeStep === 0}\n onClick={goToPreviousStep}\n >\n {children \|\| label?.(activeStep)}\n </Button>\n )\n}\n"],"names":["StepperStepBack","label","children","rest","activeStep","goToPreviousStep","useStepper","React","Button"],"mappings":"sIAMa,MAAAA,EAAkB,CAAC,CAC9B,MAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAmE,CACjE,KAAM,CAAE,WAAAC,EAAY,iBAAAC,CAAiB,EAAIC,IACzC,OACEC,EAAA,cAACC,EAAA,CACC,KAAK,KACL,WAAW,UACV,GAAGL,EACJ,SAAUC,IAAe,EACzB,QAASC,CAAAA,EAERH,IAAYD,GAAA,KAAA,OAAAA,EAAQG,CAAAA,EACvB,CAEJ"}

package/dist/components/stepper/StepperStepBullet.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
 export declare const StepperStepBullet: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "direction" | "align" | "wrap" | "justify" | "gap"> & {
-    direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
+}, "gap" | "wrap" | "direction" | "align" | "justify"> & {
+    direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
     wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-    justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-    align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
-    gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
+    justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
+    align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
+    gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
 } & {
     as?: import("react").ElementType;
 }, "status"> & {

package/dist/components/stepper/StepperStepBullet.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{styled as e}from"../../styled.js";import{Flex as t}from"../flex/Flex.js";const r=e(t,{base:["relative","p-2","justify-center","items-center","size-8","rounded-[50%]","border-0","bg-grey-200","z-1","flex-none"],variants:{status:{default:["bg-grey-200","text-grey-700"],active:["bg-white","border-2","border-current","text-primary-900"],viewed:["bg-white","border-2","border-grey-600","text-grey-1000"],completed:["bg-primary-800","text-white"],reviewed:["bg-primary-900","text-white"],success:["bg-success","text-white"]}}});export{r as StepperStepBullet};
+import{styled as e}from"../../styled.js";import{Flex as t}from"../flex/Flex.js";const r=e(t,{base:["relative","p-2","justify-center","items-center","size-8","rounded-[50%]","bg-grey-200","z-1","flex-none"],variants:{status:{default:["bg-grey-200","text-grey-700"],active:["bg-white","border-2","border-current","text-primary-900"],viewed:["bg-white","border-2","border-grey-600","text-grey-1000"],completed:["bg-primary-800","text-white"],reviewed:["bg-primary-900","text-white"],success:["bg-success","text-white"]}}});export{r as StepperStepBullet};
 //# sourceMappingURL=StepperStepBullet.js.map

package/dist/components/stepper/StepperStepBullet.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepperStepBullet.js","sources":["../../../src/components/stepper/StepperStepBullet.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nimport { Flex } from '../flex'\n\nexport const StepperStepBullet = styled(Flex, {\n base: [\n 'relative',\n 'p-2',\n 'justify-center',\n 'items-center',\n 'size-8',\n 'rounded-[50%]',\n '~~border-0',\n '~~bg-grey-200',\n 'z-1',\n 'flex-none'\n ],\n variants: {\n status: {\n default: ['bg-grey-200', 'text-grey-700'],\n active: ['bg-white', 'border-2', 'border-current', 'text-primary-900'],\n viewed: ['bg-white', 'border-2', 'border-grey-600', 'text-grey-1000'],\n completed: ['bg-primary-800', 'text-white'],\n reviewed: ['bg-primary-900', 'text-white'],\n success: ['bg-success', 'text-white']\n }\n }\n})\n"],"names":["StepperStepBullet","styled","Flex"],"mappings":"gFAIO,MAAMA,EAAoBC,EAAOC,EAAM,CAC5C,KAAM,CACJ,WACA,MACA,iBACA,eACA,SACA,gBACA,~~WACA,~~cACA,MACA,WACF,EACA,SAAU,CACR,OAAQ,CACN,QAAS,CAAC,cAAe,eAAe,EACxC,OAAQ,CAAC,WAAY,WAAY,iBAAkB,kBAAkB,EACrE,OAAQ,CAAC,WAAY,WAAY,kBAAmB,gBAAgB,EACpE,UAAW,CAAC,iBAAkB,YAAY,EAC1C,SAAU,CAAC,iBAAkB,YAAY,EACzC,QAAS,CAAC,aAAc,YAAY,CACtC,CACF,CACF,CAAC"}
1	+ {"version":3,"file":"StepperStepBullet.js","sources":["../../../src/components/stepper/StepperStepBullet.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nimport { Flex } from '../flex/Flex'\n\nexport const StepperStepBullet = styled(Flex, {\n base: [\n 'relative',\n 'p-2',\n 'justify-center',\n 'items-center',\n 'size-8',\n 'rounded-[50%]',\n 'bg-grey-200',\n 'z-1',\n 'flex-none'\n ],\n variants: {\n status: {\n default: ['bg-grey-200', 'text-grey-700'],\n active: ['bg-white', 'border-2', 'border-current', 'text-primary-900'],\n viewed: ['bg-white', 'border-2', 'border-grey-600', 'text-grey-1000'],\n completed: ['bg-primary-800', 'text-white'],\n reviewed: ['bg-primary-900', 'text-white'],\n success: ['bg-success', 'text-white']\n }\n }\n})\n"],"names":["StepperStepBullet","styled","Flex"],"mappings":"gFAIO,MAAMA,EAAoBC,EAAOC,EAAM,CAC5C,KAAM,CACJ,WACA,MACA,iBACA,eACA,SACA,gBACA,cACA,MACA,WACF,EACA,SAAU,CACR,OAAQ,CACN,QAAS,CAAC,cAAe,eAAe,EACxC,OAAQ,CAAC,WAAY,WAAY,iBAAkB,kBAAkB,EACrE,OAAQ,CAAC,WAAY,WAAY,kBAAmB,gBAAgB,EACpE,UAAW,CAAC,iBAAkB,YAAY,EAC1C,SAAU,CAAC,iBAAkB,YAAY,EACzC,QAAS,CAAC,aAAc,YAAY,CACtC,CACF,CACF,CAAC"}

package/dist/components/stepper/StepperStepContainer.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
 export declare const StepperStepContainer: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "direction" | "align" | "wrap" | "justify" | "gap"> & {
-    direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
+}, "gap" | "wrap" | "direction" | "align" | "justify"> & {
+    direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
     wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-    justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-    align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
-    gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
+    justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
+    align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
+    gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
 } & {
     as?: import("react").ElementType;
 }, "direction" | "separator" | "status" | "canInteract"> & {

package/dist/components/stepper/StepperStepContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepperStepContainer.js","sources":["../../../src/components/stepper/StepperStepContainer.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nimport { Flex } from '../flex'\n\nexport const StepperStepContainer = styled(Flex, {\n base: [\n 'relative',\n 'font-body',\n 'font-semibold',\n 'text-md',\n 'items-center',\n 'not-last:after:absolute',\n \"not-last:after:content-['']\",\n 'focus-visible:outline-none'\n ],\n variants: {\n canInteract: {\n true: []\n },\n direction: {\n vertical: [\n 'flex-row',\n 'not-last:after:h-full',\n 'not-last:after:left-3.5',\n 'not-last:after:top-1/2',\n 'not-last:after:w-1',\n 'py-3'\n ],\n horizontal: [\n 'flex-col',\n 'not-last:after:h-1',\n 'not-last:after:left-1/2',\n 'not-last:after:top-3.5',\n 'not-last:after:w-full',\n 'px-2'\n ]\n },\n separator: {\n default: ['not-last:after:bg-grey-200'],\n active: ['not-last:after:bg-primary-800'],\n success: ['not-last:after:bg-success'],\n viewed: ['not-last:after:bg-grey-600']\n },\n status: {\n completed: [],\n active: [],\n default: [],\n viewed: [],\n success: [],\n reviewed: []\n }\n },\n compoundVariants: [\n {\n canInteract: true,\n status: 'completed',\n class: [\n 'focus-visible:first:outline-2',\n 'focus-visible:first:outline-offset-2',\n 'focus-visible:first:outline-primary-800',\n 'focus-visible:first:outline-solid',\n 'hover:first:bg-primary-900',\n 'hover:first:text-white!',\n 'hover:last:text-primary-900'\n ]\n },\n {\n canInteract: true,\n status: 'active',\n class: [\n 'focus-visible:first:outline-2',\n 'focus-visible:first:outline-offset-2',\n 'focus-visible:first:outline-primary-800',\n 'focus-visible:first:outline-solid',\n 'hover:first:border-grey-800',\n 'hover:first:text-grey-1000',\n 'hover:last:text-grey-1000'\n ]\n },\n {\n canInteract: true,\n status: 'viewed',\n class: [\n 'focus-visible:first:outline-2!',\n 'focus-visible:first:outline-offset-2!',\n 'focus-visible:first:outline-primary-800!',\n 'focus-visible:first:outline-solid!',\n 'hover:first:border-grey-800',\n 'hover:first:text-grey-1000',\n 'hover:last:text-grey-1000'\n ]\n },\n {\n canInteract: true,\n status: 'reviewed',\n class: [\n 'focus-visible:first:outline-2!',\n 'focus-visible:first:outline-offset-2!',\n 'focus-visible:first:outline-primary-800!',\n 'focus-visible:first:outline-solid!'\n ]\n }\n ]\n})\n"],"names":["StepperStepContainer","styled","Flex"],"mappings":"gFAIO,MAAMA,EAAuBC,EAAOC,EAAM,CAC/C,KAAM,CACJ,WACA,YACA,gBACA,UACA,eACA,0BACA,8BACA,4BACF,EACA,SAAU,CACR,YAAa,CACX,KAAM,CAAA,CACR,EACA,UAAW,CACT,SAAU,CACR,WACA,wBACA,0BACA,yBACA,qBACA,MACF,EACA,WAAY,CACV,WACA,qBACA,0BACA,yBACA,wBACA,MACF,CACF,EACA,UAAW,CACT,QAAS,CAAC,4BAA4B,EACtC,OAAQ,CAAC,+BAA+B,EACxC,QAAS,CAAC,2BAA2B,EACrC,OAAQ,CAAC,4BAA4B,CACvC,EACA,OAAQ,CACN,UAAW,CAAA,EACX,OAAQ,CAAA,EACR,QAAS,CAAA,EACT,OAAQ,CAAA,EACR,QAAS,CAAC,EACV,SAAU,CACZ,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,YAAa,GACb,OAAQ,YACR,MAAO,CACL,gCACA,uCACA,0CACA,oCACA,6BACA,0BACA,6BACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,SACR,MAAO,CACL,gCACA,uCACA,0CACA,oCACA,8BACA,6BACA,2BACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,SACR,MAAO,CACL,iCACA,wCACA,2CACA,qCACA,8BACA,6BACA,2BACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,WACR,MAAO,CACL,iCACA,wCACA,2CACA,oCACF,CACF,CACF,CACF,CAAC"}
1	+ {"version":3,"file":"StepperStepContainer.js","sources":["../../../src/components/stepper/StepperStepContainer.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nimport { Flex } from '../flex/Flex'\n\nexport const StepperStepContainer = styled(Flex, {\n base: [\n 'relative',\n 'font-body',\n 'font-semibold',\n 'text-md',\n 'items-center',\n 'not-last:after:absolute',\n \"not-last:after:content-['']\",\n 'focus-visible:outline-none'\n ],\n variants: {\n canInteract: {\n true: []\n },\n direction: {\n vertical: [\n 'flex-row',\n 'not-last:after:h-full',\n 'not-last:after:left-3.5',\n 'not-last:after:top-1/2',\n 'not-last:after:w-1',\n 'py-3'\n ],\n horizontal: [\n 'flex-col',\n 'not-last:after:h-1',\n 'not-last:after:left-1/2',\n 'not-last:after:top-3.5',\n 'not-last:after:w-full',\n 'px-2'\n ]\n },\n separator: {\n default: ['not-last:after:bg-grey-200'],\n active: ['not-last:after:bg-primary-800'],\n success: ['not-last:after:bg-success'],\n viewed: ['not-last:after:bg-grey-600']\n },\n status: {\n completed: [],\n active: [],\n default: [],\n viewed: [],\n success: [],\n reviewed: []\n }\n },\n compoundVariants: [\n {\n canInteract: true,\n status: 'completed',\n class: [\n 'focus-visible:first:outline-2',\n 'focus-visible:first:outline-offset-2',\n 'focus-visible:first:outline-primary-800',\n 'focus-visible:first:outline-solid',\n 'hover:first:bg-primary-900',\n 'hover:first:text-white!',\n 'hover:last:text-primary-900'\n ]\n },\n {\n canInteract: true,\n status: 'active',\n class: [\n 'focus-visible:first:outline-2',\n 'focus-visible:first:outline-offset-2',\n 'focus-visible:first:outline-primary-800',\n 'focus-visible:first:outline-solid',\n 'hover:first:border-grey-800',\n 'hover:first:text-grey-1000',\n 'hover:last:text-grey-1000'\n ]\n },\n {\n canInteract: true,\n status: 'viewed',\n class: [\n 'focus-visible:first:outline-2!',\n 'focus-visible:first:outline-offset-2!',\n 'focus-visible:first:outline-primary-800!',\n 'focus-visible:first:outline-solid!',\n 'hover:first:border-grey-800',\n 'hover:first:text-grey-1000',\n 'hover:last:text-grey-1000'\n ]\n },\n {\n canInteract: true,\n status: 'reviewed',\n class: [\n 'focus-visible:first:outline-2!',\n 'focus-visible:first:outline-offset-2!',\n 'focus-visible:first:outline-primary-800!',\n 'focus-visible:first:outline-solid!'\n ]\n }\n ]\n})\n"],"names":["StepperStepContainer","styled","Flex"],"mappings":"gFAIO,MAAMA,EAAuBC,EAAOC,EAAM,CAC/C,KAAM,CACJ,WACA,YACA,gBACA,UACA,eACA,0BACA,8BACA,4BACF,EACA,SAAU,CACR,YAAa,CACX,KAAM,CAAA,CACR,EACA,UAAW,CACT,SAAU,CACR,WACA,wBACA,0BACA,yBACA,qBACA,MACF,EACA,WAAY,CACV,WACA,qBACA,0BACA,yBACA,wBACA,MACF,CACF,EACA,UAAW,CACT,QAAS,CAAC,4BAA4B,EACtC,OAAQ,CAAC,+BAA+B,EACxC,QAAS,CAAC,2BAA2B,EACrC,OAAQ,CAAC,4BAA4B,CACvC,EACA,OAAQ,CACN,UAAW,CAAA,EACX,OAAQ,CAAA,EACR,QAAS,CAAA,EACT,OAAQ,CAAA,EACR,QAAS,CAAC,EACV,SAAU,CACZ,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,YAAa,GACb,OAAQ,YACR,MAAO,CACL,gCACA,uCACA,0CACA,oCACA,6BACA,0BACA,6BACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,SACR,MAAO,CACL,gCACA,uCACA,0CACA,oCACA,8BACA,6BACA,2BACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,SACR,MAAO,CACL,iCACA,wCACA,2CACA,qCACA,8BACA,6BACA,2BACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,WACR,MAAO,CACL,iCACA,wCACA,2CACA,oCACF,CACF,CACF,CACF,CAAC"}

package/dist/components/stepper/StepperStepForward.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { Button } from '../button';
+import { Button } from '../button/Button';
 import { IStepperNavigateProps } from './types';
 export declare const StepperStepForward: ({ label, children, onClick, ...rest }: IStepperNavigateProps & Partial<React.ComponentProps<typeof Button>>) => React.JSX.Element;

package/dist/components/stepper/StepperStepForward.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepperStepForward.js","sources":["../../../src/components/stepper/StepperStepForward.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '../button'\nimport { useStepper } from './stepper-context/StepperContext'\nimport { IStepperNavigateProps } from './types'\n\nexport const StepperStepForward = ({\n label,\n children,\n onClick,\n ...rest\n}: IStepperNavigateProps & Partial<React.ComponentProps<typeof Button>>) => {\n const { goToNextStep, activeStep } = useStepper()\n\n const handleClick = () => {\n if (onClick) {\n return onClick(() => goToNextStep?.())\n }\n goToNextStep?.()\n }\n\n return (\n <Button size=\"sm\" {...rest} onClick={handleClick} className=\"ml-auto\">\n {children \|\| label?.(activeStep)}\n </Button>\n )\n}\n"],"names":["StepperStepForward","label","children","onClick","rest","goToNextStep","activeStep","useStepper","React","Button"],"mappings":"sIAMa,MAAAA,EAAqB,CAAC,CACjC,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAA4E,CAC1E,KAAM,CAAE,aAAAC,EAAc,WAAAC,CAAW,EAAIC,EAAAA,EASrC,OACEC,EAAA,cAACC,EAAA,CAAO,KAAK,KAAM,GAAGL,EAAM,QARV,IAAM,CACxB,GAAID,EACF,OAAOA,EAAQ,IAAME,GAAA,KAAAA,OAAAA,EAAgB,CAAA,EAEvCA,GAAA,MAAAA,EACF,CAAA,EAGoD,UAAU,SAAA,EACzDH,IAAYD,GAAA,KAAAA,OAAAA,EAAQK,GACvB,CAEJ"}
1	+ {"version":3,"file":"StepperStepForward.js","sources":["../../../src/components/stepper/StepperStepForward.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '../button/Button'\nimport { useStepper } from './stepper-context/StepperContext'\nimport { IStepperNavigateProps } from './types'\n\nexport const StepperStepForward = ({\n label,\n children,\n onClick,\n ...rest\n}: IStepperNavigateProps & Partial<React.ComponentProps<typeof Button>>) => {\n const { goToNextStep, activeStep } = useStepper()\n\n const handleClick = () => {\n if (onClick) {\n return onClick(() => goToNextStep?.())\n }\n goToNextStep?.()\n }\n\n return (\n <Button size=\"sm\" {...rest} onClick={handleClick} className=\"ml-auto\">\n {children \|\| label?.(activeStep)}\n </Button>\n )\n}\n"],"names":["StepperStepForward","label","children","onClick","rest","goToNextStep","activeStep","useStepper","React","Button"],"mappings":"sIAMa,MAAAA,EAAqB,CAAC,CACjC,MAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAA4E,CAC1E,KAAM,CAAE,aAAAC,EAAc,WAAAC,CAAW,EAAIC,EAAAA,EASrC,OACEC,EAAA,cAACC,EAAA,CAAO,KAAK,KAAM,GAAGL,EAAM,QARV,IAAM,CACxB,GAAID,EACF,OAAOA,EAAQ,IAAME,GAAA,KAAAA,OAAAA,EAAgB,CAAA,EAEvCA,GAAA,MAAAA,EACF,CAAA,EAGoD,UAAU,SAAA,EACzDH,IAAYD,GAAA,KAAAA,OAAAA,EAAQK,GACvB,CAEJ"}

package/dist/components/stepper/StepperStepLabel.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ export declare const StepperStepLabel: import("react").ForwardRefExoticComponent
     size?: ("sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl">>) | undefined;
     noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
     weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
-    family?: ("body" | "display" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "body" | "display" | "mono">>) | undefined;
+    family?: ("display" | "body" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "display" | "body" | "mono">>) | undefined;
 } & {
     as?: import("react").ElementType;
 }, "as"> & {

package/dist/components/stepper/StepperStepLabel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepperStepLabel.js","sources":["../../../src/components/stepper/StepperStepLabel.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nimport { Text } from '../text'\n\nexport const StepperStepLabel = styled(Text, {\n base: ['font-semibold'],\n variants: {\n direction: {\n vertical: ['ml-3', 'text-left'],\n horizontal: ['mt-3', 'text-center']\n },\n status: {\n default: ['font-normal', 'text-grey-700'],\n active: ['text-primary-900'],\n viewed: ['text-grey-1000'],\n completed: ['text-primary-800'],\n success: ['text-success'],\n reviewed: []\n }\n }\n})\n"],"names":["StepperStepLabel","styled","Text"],"mappings":"gFAIa,MAAAA,EAAmBC,EAAOC,EAAM,CAC3C,KAAM,CAAC,eAAe,EACtB,SAAU,CACR,UAAW,CACT,SAAU,CAAC,OAAQ,WAAW,EAC9B,WAAY,CAAC,OAAQ,aAAa,CACpC,EACA,OAAQ,CACN,QAAS,CAAC,cAAe,eAAe,EACxC,OAAQ,CAAC,kBAAkB,EAC3B,OAAQ,CAAC,gBAAgB,EACzB,UAAW,CAAC,kBAAkB,EAC9B,QAAS,CAAC,cAAc,EACxB,SAAU,CACZ,CAAA,CACF,CACF,CAAC"}
1	+ {"version":3,"file":"StepperStepLabel.js","sources":["../../../src/components/stepper/StepperStepLabel.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nimport { Text } from '../text/Text'\n\nexport const StepperStepLabel = styled(Text, {\n base: ['font-semibold'],\n variants: {\n direction: {\n vertical: ['ml-3', 'text-left'],\n horizontal: ['mt-3', 'text-center']\n },\n status: {\n default: ['font-normal', 'text-grey-700'],\n active: ['text-primary-900'],\n viewed: ['text-grey-1000'],\n completed: ['text-primary-800'],\n success: ['text-success'],\n reviewed: []\n }\n }\n})\n"],"names":["StepperStepLabel","styled","Text"],"mappings":"gFAIa,MAAAA,EAAmBC,EAAOC,EAAM,CAC3C,KAAM,CAAC,eAAe,EACtB,SAAU,CACR,UAAW,CACT,SAAU,CAAC,OAAQ,WAAW,EAC9B,WAAY,CAAC,OAAQ,aAAa,CACpC,EACA,OAAQ,CACN,QAAS,CAAC,cAAe,eAAe,EACxC,OAAQ,CAAC,kBAAkB,EAC3B,OAAQ,CAAC,gBAAgB,EACzB,UAAW,CAAC,kBAAkB,EAC9B,QAAS,CAAC,cAAc,EACxB,SAAU,CACZ,CAAA,CACF,CACF,CAAC"}

package/dist/components/stepper/StepperSteps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepperSteps.js","sources":["../../../src/components/stepper/StepperSteps.tsx"],"sourcesContent":["import { Ok } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Flex } from '../flex'\nimport { Icon } from '../icon'\nimport { useStepper } from './stepper-context/StepperContext'\nimport { StepperStepBullet } from './StepperStepBullet'\nimport { StepperStepContainer } from './StepperStepContainer'\nimport { StepperStepLabel } from './StepperStepLabel'\nimport { IStepperStepsProps, Status } from './types'\n\nconst StepperStepsContainer = styled(Flex, {\n base: ['justify-between'],\n variants: {\n direction: {\n vertical: ['flex-col'],\n horizontal: ['flex-row']\n }\n }\n})\n\nexport const StepperSteps = ({ className }: IStepperStepsProps) => {\n const {\n steps,\n goToStep,\n activeStep,\n viewedSteps,\n allowSkip,\n direction,\n hideLabels,\n completedSteps,\n showCompletedIcons\n } = useStepper()\n\n const getBulletStatus = (index: number) => {\n const activeBullet = steps[index]\n\n if (activeBullet.status) return activeBullet.status\n if (completedSteps.length === steps.length) return Status.SUCCESS\n if (activeStep === index && completedSteps.includes(activeStep))\n return Status.REVIEWED\n if (activeStep === index) return Status.ACTIVE\n if (completedSteps.includes(index)) return Status.COMPLETED\n if (viewedSteps.includes(index)) return Status.VIEWED\n return Status.DEFAULT\n }\n\n const getSeparatorStatus = (index: number) => {\n const bulletStatus = steps[index]?.status\n\n if (completedSteps.length === steps.length) {\n return Status.SUCCESS\n }\n\n if (bulletStatus === Status.SUCCESS) {\n return Status.SUCCESS\n }\n\n if (bulletStatus === Status.COMPLETED \|\| index < Math.max(...viewedSteps)) {\n return Status.ACTIVE\n }\n\n if (bulletStatus === Status.VIEWED) {\n return Status.VIEWED\n }\n\n return Status.DEFAULT\n }\n\n return (\n <StepperStepsContainer className={className} direction={direction}>\n {steps.map((step, index) => {\n const bulletStatus = getBulletStatus(index)\n const separatorStatus = getSeparatorStatus(index)\n\n return (\n <StepperStepContainer\n tabIndex={0}\n key={`step_${index}`}\n direction={direction}\n separator={separatorStatus}\n status={bulletStatus}\n style={{ '--steps': steps.length \|\| 0 }}\n className={\n direction === 'horizontal'\n ? 'w-[calc(100%/var(--steps))]'\n : 'h-[calc(100%/var(--steps))]'\n }\n canInteract={allowSkip}\n >\n <StepperStepBullet\n as={allowSkip ? 'button' : 'div'}\n onClick={() =>\n allowSkip && viewedSteps.includes(index)\n ? goToStep?.(index)\n : undefined\n }\n status={bulletStatus}\n aria-current={index === activeStep ? 'step' : undefined}\n aria-label={!step.label ? `step ${index + 1}` : ''}\n aria-labelledby={step.label ? `step-${index}` : undefined}\n className={\n allowSkip && viewedSteps.includes(index)\n ? 'cursor-pointer'\n : 'cursor-auto'\n }\n >\n {step.status === Status.SUCCESS \|\|\n (showCompletedIcons && bulletStatus === Status.COMPLETED) ? (\n <Icon is={Ok} />\n ) : (\n index + 1\n )}\n </StepperStepBullet>\n\n {step.label && !hideLabels && (\n <StepperStepLabel\n as=\"span\"\n id={`step-${index}`}\n direction={direction}\n status={bulletStatus}\n >\n {step.label}\n </StepperStepLabel>\n )}\n </StepperStepContainer>\n )\n })}\n </StepperStepsContainer>\n )\n}\n"],"names":["StepperStepsContainer","styled","Flex","StepperSteps","className","steps","goToStep","activeStep","viewedSteps","allowSkip","direction","hideLabels","completedSteps","showCompletedIcons","useStepper","getBulletStatus","index","activeBullet","Status","getSeparatorStatus","_a","bulletStatus","React","step","separatorStatus","StepperStepContainer","StepperStepBullet","Icon","Ok","StepperStepLabel"],"mappings":"mdAaA,MAAMA,EAAwBC,EAAOC,EAAM,CACzC,KAAM,CAAC,iBAAiB,EACxB,SAAU,CACR,UAAW,CACT,SAAU,CAAC,UAAU,EACrB,WAAY,CAAC,UAAU,CACzB,CACF,CACF,CAAC,EAEYC,EAAe,CAAC,CAAE,UAAAC,CAAU,IAA0B,CACjE,KAAM,CACJ,MAAAC,EACA,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EACA,UAAAC,EACA,WAAAC,EACA,eAAAC,EACA,mBAAAC,CACF,EAAIC,EAAW,EAETC,EAAmBC,GAAkB,CACzC,MAAMC,EAAeZ,EAAMW,CAAK,EAEhC,OAAIC,EAAa,OAAeA,EAAa,OACzCL,EAAe,SAAWP,EAAM,OAAea,EAAO,QACtDX,IAAeS,GAASJ,EAAe,SAASL,CAAU,EACrDW,EAAO,SACZX,IAAeS,EAAcE,EAAO,OACpCN,EAAe,SAASI,CAAK,EAAUE,EAAO,UAC9CV,EAAY,SAASQ,CAAK,EAAUE,EAAO,OACxCA,EAAO,OAChB,EAEMC,EAAsBH,GAAkB,CAjDhD,IAAAI,EAkDI,MAAMC,GAAeD,EAAAf,EAAMW,CAAK,IAAX,KAAA,OAAAI,EAAc,OAEnC,OAAIR,EAAe,SAAWP,EAAM,OAC3Ba,EAAO,QAGZG,IAAiBH,EAAO,QACnBA,EAAO,QAGZG,IAAiBH,EAAO,WAAaF,EAAQ,KAAK,IAAI,GAAGR,CAAW,EAC/DU,EAAO,OAGZG,IAAiBH,EAAO,OACnBA,EAAO,OAGTA,EAAO,OAChB,EAEA,OACEI,EAAA,cAACtB,EAAA,CAAsB,UAAWI,EAAW,UAAWM,CAAAA,EACrDL,EAAM,IAAI,CAACkB,EAAMP,IAAU,CAC1B,MAAMK,EAAeN,EAAgBC,CAAK,EACpCQ,EAAkBL,EAAmBH,CAAK,EAEhD,OACEM,EAAA,cAACG,EAAA,CACC,SAAU,EACV,IAAK,QAAQT,CAAK,GAClB,UAAWN,EACX,UAAWc,EACX,OAAQH,EACR,MAAO,CAAE,UAAWhB,EAAM,QAAU,CAAE,EACtC,UACEK,IAAc,aACV,8BACA,8BAEN,YAAaD,CAEba,EAAAA,EAAA,cAACI,EAAA,CACC,GAAIjB,EAAY,SAAW,MAC3B,QAAS,IACPA,GAAaD,EAAY,SAASQ,CAAK,EACnCV,GAAA,KAAA,OAAAA,EAAWU,CACX,EAAA,OAEN,OAAQK,EACR,eAAcL,IAAUT,EAAa,OAAS,OAC9C,aAAagB,EAAK,MAA8B,GAAtB,QAAQP,EAAQ,CAAC,GAC3C,kBAAiBO,EAAK,MAAQ,QAAQP,CAAK,GAAK,OAChD,UACEP,GAAaD,EAAY,SAASQ,CAAK,EACnC,iBACA,eAGLO,EAAK,SAAWL,EAAO,SACvBL,GAAsBQ,IAAiBH,EAAO,UAC7CI,EAAA,cAACK,EAAA,CAAK,GAAIC,CAAAA,CAAI,EAEdZ,EAAQ,CAEZ,EAECO,EAAK,OAAS,CAACZ,GACdW,EAAA,cAACO,EAAA,CACC,GAAG,OACH,GAAI,QAAQb,CAAK,GACjB,UAAWN,EACX,OAAQW,GAEPE,EAAK,KACR,CAEJ,CAEJ,CAAC,CACH,CAEJ"}
1	+ {"version":3,"file":"StepperSteps.js","sources":["../../../src/components/stepper/StepperSteps.tsx"],"sourcesContent":["import { Ok } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Flex } from '../flex/Flex'\nimport { Icon } from '../icon/Icon'\nimport { useStepper } from './stepper-context/StepperContext'\nimport { StepperStepBullet } from './StepperStepBullet'\nimport { StepperStepContainer } from './StepperStepContainer'\nimport { StepperStepLabel } from './StepperStepLabel'\nimport { IStepperStepsProps, Status } from './types'\n\nconst StepperStepsContainer = styled(Flex, {\n base: ['justify-between'],\n variants: {\n direction: {\n vertical: ['flex-col'],\n horizontal: ['flex-row']\n }\n }\n})\n\nexport const StepperSteps = ({ className }: IStepperStepsProps) => {\n const {\n steps,\n goToStep,\n activeStep,\n viewedSteps,\n allowSkip,\n direction,\n hideLabels,\n completedSteps,\n showCompletedIcons\n } = useStepper()\n\n const getBulletStatus = (index: number) => {\n const activeBullet = steps[index]\n\n if (activeBullet.status) return activeBullet.status\n if (completedSteps.length === steps.length) return Status.SUCCESS\n if (activeStep === index && completedSteps.includes(activeStep))\n return Status.REVIEWED\n if (activeStep === index) return Status.ACTIVE\n if (completedSteps.includes(index)) return Status.COMPLETED\n if (viewedSteps.includes(index)) return Status.VIEWED\n return Status.DEFAULT\n }\n\n const getSeparatorStatus = (index: number) => {\n const bulletStatus = steps[index]?.status\n\n if (completedSteps.length === steps.length) {\n return Status.SUCCESS\n }\n\n if (bulletStatus === Status.SUCCESS) {\n return Status.SUCCESS\n }\n\n if (bulletStatus === Status.COMPLETED \|\| index < Math.max(...viewedSteps)) {\n return Status.ACTIVE\n }\n\n if (bulletStatus === Status.VIEWED) {\n return Status.VIEWED\n }\n\n return Status.DEFAULT\n }\n\n return (\n <StepperStepsContainer className={className} direction={direction}>\n {steps.map((step, index) => {\n const bulletStatus = getBulletStatus(index)\n const separatorStatus = getSeparatorStatus(index)\n\n return (\n <StepperStepContainer\n tabIndex={0}\n key={`step_${index}`}\n direction={direction}\n separator={separatorStatus}\n status={bulletStatus}\n style={{ '--steps': steps.length \|\| 0 }}\n className={\n direction === 'horizontal'\n ? 'w-[calc(100%/var(--steps))]'\n : 'h-[calc(100%/var(--steps))]'\n }\n canInteract={allowSkip}\n >\n <StepperStepBullet\n as={allowSkip ? 'button' : 'div'}\n onClick={() =>\n allowSkip && viewedSteps.includes(index)\n ? goToStep?.(index)\n : undefined\n }\n status={bulletStatus}\n aria-current={index === activeStep ? 'step' : undefined}\n aria-label={!step.label ? `step ${index + 1}` : ''}\n aria-labelledby={step.label ? `step-${index}` : undefined}\n className={\n allowSkip && viewedSteps.includes(index)\n ? 'cursor-pointer'\n : 'cursor-auto'\n }\n >\n {step.status === Status.SUCCESS \|\|\n (showCompletedIcons && bulletStatus === Status.COMPLETED) ? (\n <Icon is={Ok} />\n ) : (\n index + 1\n )}\n </StepperStepBullet>\n\n {step.label && !hideLabels && (\n <StepperStepLabel\n as=\"span\"\n id={`step-${index}`}\n direction={direction}\n status={bulletStatus}\n >\n {step.label}\n </StepperStepLabel>\n )}\n </StepperStepContainer>\n )\n })}\n </StepperStepsContainer>\n )\n}\n"],"names":["StepperStepsContainer","styled","Flex","StepperSteps","className","steps","goToStep","activeStep","viewedSteps","allowSkip","direction","hideLabels","completedSteps","showCompletedIcons","useStepper","getBulletStatus","index","activeBullet","Status","getSeparatorStatus","_a","bulletStatus","React","step","separatorStatus","StepperStepContainer","StepperStepBullet","Icon","Ok","StepperStepLabel"],"mappings":"mdAaA,MAAMA,EAAwBC,EAAOC,EAAM,CACzC,KAAM,CAAC,iBAAiB,EACxB,SAAU,CACR,UAAW,CACT,SAAU,CAAC,UAAU,EACrB,WAAY,CAAC,UAAU,CACzB,CACF,CACF,CAAC,EAEYC,EAAe,CAAC,CAAE,UAAAC,CAAU,IAA0B,CACjE,KAAM,CACJ,MAAAC,EACA,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EACA,UAAAC,EACA,WAAAC,EACA,eAAAC,EACA,mBAAAC,CACF,EAAIC,EAAW,EAETC,EAAmBC,GAAkB,CACzC,MAAMC,EAAeZ,EAAMW,CAAK,EAEhC,OAAIC,EAAa,OAAeA,EAAa,OACzCL,EAAe,SAAWP,EAAM,OAAea,EAAO,QACtDX,IAAeS,GAASJ,EAAe,SAASL,CAAU,EACrDW,EAAO,SACZX,IAAeS,EAAcE,EAAO,OACpCN,EAAe,SAASI,CAAK,EAAUE,EAAO,UAC9CV,EAAY,SAASQ,CAAK,EAAUE,EAAO,OACxCA,EAAO,OAChB,EAEMC,EAAsBH,GAAkB,CAjDhD,IAAAI,EAkDI,MAAMC,GAAeD,EAAAf,EAAMW,CAAK,IAAX,KAAA,OAAAI,EAAc,OAEnC,OAAIR,EAAe,SAAWP,EAAM,OAC3Ba,EAAO,QAGZG,IAAiBH,EAAO,QACnBA,EAAO,QAGZG,IAAiBH,EAAO,WAAaF,EAAQ,KAAK,IAAI,GAAGR,CAAW,EAC/DU,EAAO,OAGZG,IAAiBH,EAAO,OACnBA,EAAO,OAGTA,EAAO,OAChB,EAEA,OACEI,EAAA,cAACtB,EAAA,CAAsB,UAAWI,EAAW,UAAWM,CAAAA,EACrDL,EAAM,IAAI,CAACkB,EAAMP,IAAU,CAC1B,MAAMK,EAAeN,EAAgBC,CAAK,EACpCQ,EAAkBL,EAAmBH,CAAK,EAEhD,OACEM,EAAA,cAACG,EAAA,CACC,SAAU,EACV,IAAK,QAAQT,CAAK,GAClB,UAAWN,EACX,UAAWc,EACX,OAAQH,EACR,MAAO,CAAE,UAAWhB,EAAM,QAAU,CAAE,EACtC,UACEK,IAAc,aACV,8BACA,8BAEN,YAAaD,CAEba,EAAAA,EAAA,cAACI,EAAA,CACC,GAAIjB,EAAY,SAAW,MAC3B,QAAS,IACPA,GAAaD,EAAY,SAASQ,CAAK,EACnCV,GAAA,KAAA,OAAAA,EAAWU,CACX,EAAA,OAEN,OAAQK,EACR,eAAcL,IAAUT,EAAa,OAAS,OAC9C,aAAagB,EAAK,MAA8B,GAAtB,QAAQP,EAAQ,CAAC,GAC3C,kBAAiBO,EAAK,MAAQ,QAAQP,CAAK,GAAK,OAChD,UACEP,GAAaD,EAAY,SAASQ,CAAK,EACnC,iBACA,eAGLO,EAAK,SAAWL,EAAO,SACvBL,GAAsBQ,IAAiBH,EAAO,UAC7CI,EAAA,cAACK,EAAA,CAAK,GAAIC,CAAAA,CAAI,EAEdZ,EAAQ,CAEZ,EAECO,EAAK,OAAS,CAACZ,GACdW,EAAA,cAACO,EAAA,CACC,GAAG,OACH,GAAI,QAAQb,CAAK,GACjB,UAAWN,EACX,OAAQW,GAEPE,EAAK,KACR,CAEJ,CAEJ,CAAC,CACH,CAEJ"}