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

@atom-learning/components 6.3.1 → 6.4.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 (135) hide show

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

@@ -1,43 +1,42 @@
-export declare const SideBarHeader: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+import * as React from 'react';
+export declare const SideBarHeader: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, never> & {
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 }>;
-export declare const SideBarBody: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+export declare const SideBarBody: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, never> & {
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 }>;
-export declare const SideBarFooter: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+export declare const SideBarFooter: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, never> & {
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 }>;
-export declare const SideBarBrand: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
-}, never> & {
-    as?: import("react").ElementType;
+export declare const SideBarBrand: React.ForwardRefExoticComponent<React.ComponentPropsWithRef<"a"> & {
+    as?: React.ElementType;
 }>;
-export declare const SideBarBrandLogo: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
-    ref?: ((instance: HTMLImageElement | null) => void) | import("react").RefObject<HTMLImageElement> | null | undefined;
+export declare const SideBarBrandLogo: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
+    ref?: ((instance: HTMLImageElement | null) => void) | React.RefObject<HTMLImageElement> | null | undefined;
 }, "fluid"> & {
     fluid?: boolean | undefined;
 } & {
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 }, "as"> & {
     as?: never;
-}, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
-export declare const SideBarBrandName: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
-    ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
+}, "ref"> & React.RefAttributes<HTMLImageElement>>;
+export declare const SideBarBrandName: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
 }, "size" | "noCapsize" | "weight" | "family"> & {
     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?: ("display" | "body" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "display" | "body" | "mono">>) | undefined;
 } & {
-    as?: import("react").ElementType;
+    as?: React.ElementType;
 }, "as"> & {
     as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, never> & {
-    as?: import("react").ElementType;
+}, "ref"> & React.RefAttributes<HTMLParagraphElement>, never> & {
+    as?: React.ElementType;
 }>;

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

@@ -1,2 +1,2 @@
-import{styled as e}from"../../styled.js";import{Image as r}from"../image/Image.js";import{Text as o}from"../text/Text.js";const d=e("div",{base:["border-b","border-b-(--border)","p-4","w-full"]}),a=e("div",{base:["grow","overflow-y-auto","overflow-x-hidden","p-4","w-full"]}),t=e("div",{base:["border-t","border-t-(--border)","p-4","w-full"]}),i=e("a",{base:["items-end","text-text","flex","gap-4","no-underline","hover:no-underline","focus:no-underline"]}),n=r,b=e(o,{base:["text-text","whitespace-nowrap"]});export{a as SideBarBody,i as SideBarBrand,n as SideBarBrandLogo,b as SideBarBrandName,t as SideBarFooter,d as SideBarHeader};
+import{styled as e}from"../../styled.js";import{Image as r}from"../image/Image.js";import{Text as o}from"../text/Text.js";const d=e("div",{base:["border-b","border-b-(--border)","p-4","w-full"]}),t=e("div",{base:["grow","overflow-y-auto","overflow-x-hidden","p-4","w-full"]}),a=e("div",{base:["border-t","border-t-(--border)","p-4","w-full"]}),i=e("a",{base:["items-end","text-text","flex","gap-4","no-underline","hover:no-underline","focus:no-underline"]}),n=i,b=r,l=e(o,{base:["text-text","whitespace-nowrap"]});export{t as SideBarBody,n as SideBarBrand,b as SideBarBrandLogo,l as SideBarBrandName,a as SideBarFooter,d as SideBarHeader};
 //# sourceMappingURL=SideBarComponents.js.map

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/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"}
1	+ {"version":3,"file":"SideBarComponents.js","sources":["../../../src/components/side-bar/SideBarComponents.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { 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\nconst StyledSideBarBrand = 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 SideBarBrand =\n StyledSideBarBrand as React.ForwardRefExoticComponent<\n React.ComponentPropsWithRef<'a'> & { as?: React.ElementType }\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","StyledSideBarBrand","SideBarBrand","SideBarBrandLogo","Image","SideBarBrandName","Text"],"mappings":"0HAOa,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,EAEKG,EAAqBH,EAAO,IAAK,CACrC,KAAM,CACJ,YACA,YACA,OACA,QACA,eACA,qBACA,oBACF,CACF,CAAC,EAEYI,EACXD,EAIWE,EAAmBC,EAEnBC,EAAmBP,EAAOQ,EAAM,CAC3C,KAAM,CAAC,YAAa,mBAAmB,CACzC,CAAC"}

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

@@ -1,13 +1,5 @@
-export declare const StepperStepBullet: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const StepperStepBullet: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | 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" | "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"> & {
     status?: "default" | "success" | "active" | "viewed" | "completed" | "reviewed" | undefined;
 } & {

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%]","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";const t=e("div",{base:["flex","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{t 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/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"}
1	+ {"version":3,"file":"StepperStepBullet.js","sources":["../../../src/components/stepper/StepperStepBullet.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const StepperStepBullet = styled('div', {\n base: [\n 'flex',\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"],"mappings":"yCAEO,MAAMA,EAAoBC,EAAO,MAAO,CAC7C,KAAM,CACJ,OACA,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,13 +1,5 @@
-export declare const StepperStepContainer: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const StepperStepContainer: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | 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" | "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"> & {
     canInteract?: boolean | undefined;
     direction?: "horizontal" | "vertical" | undefined;

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

@@ -1,2 +1,2 @@
-import{styled as t}from"../../styled.js";import{Flex as e}from"../flex/Flex.js";const s=t(e,{base:["relative","font-body","font-semibold","text-md","items-center","not-last:after:absolute","not-last:after:content-['']","focus-visible:outline-none"],variants:{canInteract:{true:[]},direction:{vertical:["flex-row","not-last:after:h-full","not-last:after:left-3.5","not-last:after:top-1/2","not-last:after:w-1","py-3"],horizontal:["flex-col","not-last:after:h-1","not-last:after:left-1/2","not-last:after:top-3.5","not-last:after:w-full","px-2"]},separator:{default:["not-last:after:bg-grey-200"],active:["not-last:after:bg-primary-800"],success:["not-last:after:bg-success"],viewed:["not-last:after:bg-grey-600"]},status:{completed:[],active:[],default:[],viewed:[],success:[],reviewed:[]}},compoundVariants:[{canInteract:!0,status:"completed",class:["focus-visible:first:outline-2","focus-visible:first:outline-offset-2","focus-visible:first:outline-primary-800","focus-visible:first:outline-solid","hover:first:bg-primary-900","hover:first:text-white!","hover:last:text-primary-900"]},{canInteract:!0,status:"active",class:["focus-visible:first:outline-2","focus-visible:first:outline-offset-2","focus-visible:first:outline-primary-800","focus-visible:first:outline-solid","hover:first:border-grey-800","hover:first:text-grey-1000","hover:last:text-grey-1000"]},{canInteract:!0,status:"viewed",class:["focus-visible:first:outline-2!","focus-visible:first:outline-offset-2!","focus-visible:first:outline-primary-800!","focus-visible:first:outline-solid!","hover:first:border-grey-800","hover:first:text-grey-1000","hover:last:text-grey-1000"]},{canInteract:!0,status:"reviewed",class:["focus-visible:first:outline-2!","focus-visible:first:outline-offset-2!","focus-visible:first:outline-primary-800!","focus-visible:first:outline-solid!"]}]});export{s as StepperStepContainer};
+import{styled as t}from"../../styled.js";const e=t("div",{base:["flex","relative","font-body","font-semibold","text-md","items-center","not-last:after:absolute","not-last:after:content-['']","focus-visible:outline-none"],variants:{canInteract:{true:[]},direction:{vertical:["flex-row","not-last:after:h-full","not-last:after:left-3.5","not-last:after:top-1/2","not-last:after:w-1","py-3"],horizontal:["flex-col","not-last:after:h-1","not-last:after:left-1/2","not-last:after:top-3.5","not-last:after:w-full","px-2"]},separator:{default:["not-last:after:bg-grey-200"],active:["not-last:after:bg-primary-800"],success:["not-last:after:bg-success"],viewed:["not-last:after:bg-grey-600"]},status:{completed:[],active:[],default:[],viewed:[],success:[],reviewed:[]}},compoundVariants:[{canInteract:!0,status:"completed",class:["focus-visible:first:outline-2","focus-visible:first:outline-offset-2","focus-visible:first:outline-primary-800","focus-visible:first:outline-solid","hover:first:bg-primary-900","hover:first:text-white!","hover:last:text-primary-900"]},{canInteract:!0,status:"active",class:["focus-visible:first:outline-2","focus-visible:first:outline-offset-2","focus-visible:first:outline-primary-800","focus-visible:first:outline-solid","hover:first:border-grey-800","hover:first:text-grey-1000","hover:last:text-grey-1000"]},{canInteract:!0,status:"viewed",class:["focus-visible:first:outline-2!","focus-visible:first:outline-offset-2!","focus-visible:first:outline-primary-800!","focus-visible:first:outline-solid!","hover:first:border-grey-800","hover:first:text-grey-1000","hover:last:text-grey-1000"]},{canInteract:!0,status:"reviewed",class:["focus-visible:first:outline-2!","focus-visible:first:outline-offset-2!","focus-visible:first:outline-primary-800!","focus-visible:first:outline-solid!"]}]});export{e as StepperStepContainer};
 //# sourceMappingURL=StepperStepContainer.js.map

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/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\nexport const StepperStepContainer = styled('div', {\n base: [\n 'flex',\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"],"mappings":"yCAEO,MAAMA,EAAuBC,EAAO,MAAO,CAChD,KAAM,CACJ,OACA,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,CACX,EAAA,OAAQ,CACR,EAAA,QAAS,CAAC,EACV,OAAQ,CACR,EAAA,QAAS,CAAA,EACT,SAAU,CAAA,CACZ,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/StepperSteps.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Ok as f}from"@atom-learning/icons";import*as l from"react";import{styled as v}from"../../styled.js";import{Flex as h}from"../flex/Flex.js";import{Icon as I}from"../icon/Icon.js";import{useStepper as D}from"./stepper-context/StepperContext.js";import{StepperStepBullet as T}from"./StepperStepBullet.js";import{StepperStepContainer as w}from"./StepperStepContainer.js";import{StepperStepLabel as L}from"./StepperStepLabel.js";import{Status as t}from"./types.js";const U=v(h,{base:["justify-between"],variants:{direction:{vertical:["flex-col"],horizontal:["flex-row"]}}}),g=({className:S})=>{const{steps:o,goToStep:m,activeStep:r,viewedSteps:i,allowSkip:n,direction:p,hideLabels:E,completedSteps:c,showCompletedIcons:u}=D(),d=s=>{const e=o[s];return e.status?e.status:c.length===o.length?t.SUCCESS:r===s&&c.includes(r)?t.REVIEWED:r===s?t.ACTIVE:c.includes(s)?t.COMPLETED:i.includes(s)?t.VIEWED:t.DEFAULT},C=s=>{var e;const a=(e=o[s])==null?void 0:e.status;return c.length===o.length?t.SUCCESS:a===t.SUCCESS?t.SUCCESS:a===t.COMPLETED||s<Math.max(...i)?t.ACTIVE:a===t.VIEWED?t.VIEWED:t.DEFAULT};return l.createElement(U,{className:S,direction:p},o.map((s,e)=>{const a=d(e),b=C(e);return l.createElement(w,{tabIndex:0,key:`step_${e}`,direction:p,separator:b,status:a,style:{"--steps":o.length||0},className:p==="horizontal"?"w-[calc(100%/var(--steps))]":"h-[calc(100%/var(--steps))]",canInteract:n},l.createElement(T,{as:n?"button":"div",onClick:()=>n&&i.includes(e)?m==null?void 0:m(e):void 0,status:a,"aria-current":e===r?"step":void 0,"aria-label":s.label?"":`step ${e+1}`,"aria-labelledby":s.label?`step-${e}`:void 0,className:n&&i.includes(e)?"cursor-pointer":"cursor-auto"},s.status===t.SUCCESS||u&&a===t.COMPLETED?l.createElement(I,{is:f}):e+1),s.label&&!E&&l.createElement(L,{as:"span",id:`step-${e}`,direction:p,status:a},s.label))}))};export{g as StepperSteps};
+import{Ok as f}from"@atom-learning/icons";import*as l from"react";import{styled as v}from"../../styled.js";import{Icon as h}from"../icon/Icon.js";import{useStepper as I}from"./stepper-context/StepperContext.js";import{StepperStepBullet as D}from"./StepperStepBullet.js";import{StepperStepContainer as T}from"./StepperStepContainer.js";import{StepperStepLabel as g}from"./StepperStepLabel.js";import{Status as t}from"./types.js";const L=v("div",{base:["flex","justify-between"],variants:{direction:{vertical:["flex-col"],horizontal:["flex-row"]}}}),U=({className:S})=>{const{steps:o,goToStep:m,activeStep:r,viewedSteps:i,allowSkip:n,direction:p,hideLabels:E,completedSteps:c,showCompletedIcons:u}=I(),d=s=>{const e=o[s];return e.status?e.status:c.length===o.length?t.SUCCESS:r===s&&c.includes(r)?t.REVIEWED:r===s?t.ACTIVE:c.includes(s)?t.COMPLETED:i.includes(s)?t.VIEWED:t.DEFAULT},C=s=>{var e;const a=(e=o[s])==null?void 0:e.status;return c.length===o.length?t.SUCCESS:a===t.SUCCESS?t.SUCCESS:a===t.COMPLETED||s<Math.max(...i)?t.ACTIVE:a===t.VIEWED?t.VIEWED:t.DEFAULT};return l.createElement(L,{className:S,direction:p},o.map((s,e)=>{const a=d(e),b=C(e);return l.createElement(T,{tabIndex:0,key:`step_${e}`,direction:p,separator:b,status:a,style:{"--steps":o.length||0},className:p==="horizontal"?"w-[calc(100%/var(--steps))]":"h-[calc(100%/var(--steps))]",canInteract:n},l.createElement(D,{as:n?"button":"div",onClick:()=>n&&i.includes(e)?m==null?void 0:m(e):void 0,status:a,"aria-current":e===r?"step":void 0,"aria-label":s.label?"":`step ${e+1}`,"aria-labelledby":s.label?`step-${e}`:void 0,className:n&&i.includes(e)?"cursor-pointer":"cursor-auto"},s.status===t.SUCCESS||u&&a===t.COMPLETED?l.createElement(h,{is:f}):e+1),s.label&&!E&&l.createElement(g,{as:"span",id:`step-${e}`,direction:p,status:a},s.label))}))};export{U as StepperSteps};
 //# sourceMappingURL=StepperSteps.js.map

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/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"}
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 { 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('div', {\n base: ['flex', '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","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":"4aAYA,MAAMA,EAAwBC,EAAO,MAAO,CAC1C,KAAM,CAAC,OAAQ,iBAAiB,EAChC,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,CAhDhD,IAAAI,EAiDI,MAAMC,GAAeD,EAAAf,EAAMW,CAAK,IAAX,KAAAI,OAAAA,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,cAACrB,EAAA,CAAsB,UAAWG,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"}

package/dist/components/tile-toggle-group/TileToggleGroupRoot.d.ts CHANGED Viewed

@@ -1,26 +1,6 @@
 import * as React from 'react';
-export declare const TileToggleGroupRoot: React.ForwardRefExoticComponent<(Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | 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" | "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?: React.ElementType;
-} & Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement> & {
+export declare const TileToggleGroupRoot: React.ForwardRefExoticComponent<(Omit<Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement> & {
     disableDeselect?: boolean;
-}, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | 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" | "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?: React.ElementType;
-} & Omit<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement> & {
+}, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<Omit<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement> & {
     disableDeselect?: boolean;
 }, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">) & React.RefAttributes<HTMLDivElement>>;

package/dist/components/tile-toggle-group/TileToggleGroupRoot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TileToggleGroupRoot.js","sources":["../../../src/components/tile-toggle-group/TileToggleGroupRoot.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { ~~TileGroup } from '~/components/tile/TileGroup'\nimport {~~ ToggleGroup } from '~/utilities/radix-overrides/toggle-group'\n\ntype TTileToggleGroupRootProps = React.ComponentProps<typeof ~~TileGroup> &\n React.ComponentProps<typeof~~ ToggleGroup.Root>\n\nexport const TileToggleGroupRoot = React.forwardRef<\n HTMLDivElement,\n TTileToggleGroupRootProps\n>((props, ref) => (\n <ToggleGroup.Root\n ref={ref}\n {...props}\n className={clsx(\n props.className,\n 'flex',\n 'gap-2',\n props.orientation === 'horizontal' && 'flex-row',\n props.orientation === 'vertical' && 'flex-col',\n 'flex-wrap'\n )}\n />\n))\n"],"names":["TileToggleGroupRoot","React","props","ref","ToggleGroup","clsx"],"mappings":"~~gIASa~~,MAAAA,EAAsBC,EAAM,WAGvC,CAACC,EAAOC,IACRF,EAAA,cAACG,EAAY,KAAZ,CACC,IAAKD,EACJ,GAAGD,EACJ,UAAWG,EACTH,EAAM,UACN,OACA,QACAA,EAAM,cAAgB,cAAgB,WACtCA,EAAM,cAAgB,YAAc,WACpC,WACF,EACF,CACD"}
1	+ {"version":3,"file":"TileToggleGroupRoot.js","sources":["../../../src/components/tile-toggle-group/TileToggleGroupRoot.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { ToggleGroup } from '~/utilities/radix-overrides/toggle-group'\n\ntype TTileToggleGroupRootProps = React.ComponentProps<typeof ToggleGroup.Root>\n\nexport const TileToggleGroupRoot = React.forwardRef<\n HTMLDivElement,\n TTileToggleGroupRootProps\n>((props, ref) => (\n <ToggleGroup.Root\n ref={ref}\n {...props}\n className={clsx(\n props.className,\n 'flex',\n 'gap-2',\n props.orientation === 'horizontal' && 'flex-row',\n props.orientation === 'vertical' && 'flex-col',\n 'flex-wrap'\n )}\n />\n))\n"],"names":["TileToggleGroupRoot","React","props","ref","ToggleGroup","clsx"],"mappings":"gIAOa,MAAAA,EAAsBC,EAAM,WAGvC,CAACC,EAAOC,IACRF,EAAA,cAACG,EAAY,KAAZ,CACC,IAAKD,EACJ,GAAGD,EACJ,UAAWG,EACTH,EAAM,UACN,OACA,QACAA,EAAM,cAAgB,cAAgB,WACtCA,EAAM,cAAgB,YAAc,WACpC,WACF,EACF,CACD"}

package/dist/components/toast/Toast.d.ts CHANGED Viewed

@@ -1,14 +1,6 @@
 import * as React from 'react';
-export declare const StyledToast: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const StyledToast: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | 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" | "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?: React.ElementType;
 }, "type"> & {
     type?: "loading" | "success" | "error" | "blank" | undefined;
 } & {

package/dist/components/toast/Toast.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as s from"react";import{styled as n}from"../../styled.js";import{Flex as a}from"../flex/Flex.js";import{ToastCloseButton as i}from"./ToastCloseButton.js";import{useToastContext as m}from"./ToastContext.js";import{ToastIcon as p}from"./ToastIcon.js";const e=n(a,{base:["pointer-events-auto","rounded-md","shadow-md","text-white","min-h-12","relative","px-4","py-1","motion-safe:duration-125","motion-safe:ease-out","motion-safe:transition-[colors,transform]"],variants:{type:{loading:["bg-info"],blank:["bg-info"],success:["bg-success"],error:["bg-danger"]}}}),o=t=>{const{type:r}=m();return s.createElement(e,{align:"center",type:t.type||r,...t})};o.Icon=p,o.Close=i;export{e as StyledToast,o as Toast};
+import*as r from"react";import{styled as n}from"../../styled.js";import{ToastCloseButton as a}from"./ToastCloseButton.js";import{useToastContext as i}from"./ToastContext.js";import{ToastIcon as m}from"./ToastIcon.js";const e=n("div",{base:["flex","items-center","pointer-events-auto","rounded-md","shadow-md","text-white","min-h-12","relative","px-4","py-1","motion-safe:duration-125","motion-safe:ease-out","motion-safe:transition-[colors,transform]"],variants:{type:{loading:["bg-info"],blank:["bg-info"],success:["bg-success"],error:["bg-danger"]}}}),t=o=>{const{type:s}=i();return r.createElement(e,{type:o.type||s,...o})};t.Icon=m,t.Close=a;export{e as StyledToast,t as Toast};
 //# sourceMappingURL=Toast.js.map

package/dist/components/toast/Toast.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.js","sources":["../../../src/components/toast/Toast.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ~~Flex } from '../flex/Flex'\nimport {~~ ToastCloseButton } from './ToastCloseButton'\nimport { useToastContext } from './ToastContext'\nimport { ToastIcon } from './ToastIcon'\n\nexport const StyledToast = styled(~~Flex~~, {\n base: [\n 'pointer-events-auto',\n 'rounded-md',\n 'shadow-md',\n 'text-white',\n 'min-h-12',\n 'relative',\n 'px-4',\n 'py-1',\n 'motion-safe:duration-125',\n 'motion-safe:ease-out',\n 'motion-safe:transition-[colors,transform]'\n ],\n variants: {\n type: {\n loading: ['bg-info'],\n blank: ['bg-info'],\n success: ['bg-success'],\n error: ['bg-danger']\n }\n }\n})\n\nexport const Toast = (props: React.ComponentProps<typeof StyledToast>) => {\n const { type } = useToastContext()\n return <StyledToast ~~align=\"center\"~~ type={props.type \|\| type} {...props} />\n}\n\nToast.Icon = ToastIcon\nToast.Close = ToastCloseButton\n"],"names":["StyledToast","styled","~~Flex","~~Toast","props","type","useToastContext","React","ToastIcon","ToastCloseButton"],"mappings":"~~sQASaA~~,EAAcC,~~EAAOC~~,~~EAAM~~,~~CACtC~~,KAAM,CACJ,sBACA,aACA,YACA,aACA,WACA,WACA,OACA,OACA,2BACA,uBACA,2CACF,EACA,SAAU,CACR,KAAM,CACJ,QAAS,CAAC,SAAS,EACnB,MAAO,CAAC,SAAS,EACjB,QAAS,CAAC,YAAY,EACtB,MAAO,CAAC,WAAW,CACrB,CACF,CACF,CAAC,EAEYC,EAASC,GAAoD,CACxE,KAAM,CAAE,KAAAC,CAAK,EAAIC,~~EACjB~~,~~EAAA~~,OAAOC,EAAA,~~cAACP~~,~~EAAA~~,~~CAAY~~,~~MAAM,SAAS,KAAMI,~~EAAM,MAAQC,EAAO,GAAGD,~~CAAO~~,~~CAAA~~,~~CAC1E,~~EAEAD,EAAM,KAAOK,EACbL,EAAM,MAAQM"}
1	+ {"version":3,"file":"Toast.js","sources":["../../../src/components/toast/Toast.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ToastCloseButton } from './ToastCloseButton'\nimport { useToastContext } from './ToastContext'\nimport { ToastIcon } from './ToastIcon'\n\nexport const StyledToast = styled('div', {\n base: [\n 'flex',\n 'items-center',\n 'pointer-events-auto',\n 'rounded-md',\n 'shadow-md',\n 'text-white',\n 'min-h-12',\n 'relative',\n 'px-4',\n 'py-1',\n 'motion-safe:duration-125',\n 'motion-safe:ease-out',\n 'motion-safe:transition-[colors,transform]'\n ],\n variants: {\n type: {\n loading: ['bg-info'],\n blank: ['bg-info'],\n success: ['bg-success'],\n error: ['bg-danger']\n }\n }\n})\n\nexport const Toast = (props: React.ComponentProps<typeof StyledToast>) => {\n const { type } = useToastContext()\n return <StyledToast type={props.type \|\| type} {...props} />\n}\n\nToast.Icon = ToastIcon\nToast.Close = ToastCloseButton\n"],"names":["StyledToast","styled","Toast","props","type","useToastContext","React","ToastIcon","ToastCloseButton"],"mappings":"+NAQaA,EAAcC,EAAO,MAAO,CACvC,KAAM,CACJ,OACA,eACA,sBACA,aACA,YACA,aACA,WACA,WACA,OACA,OACA,2BACA,uBACA,2CACF,EACA,SAAU,CACR,KAAM,CACJ,QAAS,CAAC,SAAS,EACnB,MAAO,CAAC,SAAS,EACjB,QAAS,CAAC,YAAY,EACtB,MAAO,CAAC,WAAW,CACrB,CACF,CACF,CAAC,EAEYC,EAASC,GAAoD,CACxE,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAgB,EACjC,OAAOC,EAAA,cAACN,GAAY,KAAMG,EAAM,MAAQC,EAAO,GAAGD,EAAO,CAC3D,EAEAD,EAAM,KAAOK,EACbL,EAAM,MAAQM"}

package/dist/components/toggle-group/ToggleGroupRoot.d.ts CHANGED Viewed

@@ -2,6 +2,8 @@ import * as React from 'react';
 type RootType = {
     orientation?: 'horizontal' | 'vertical';
     isFullWidth?: boolean;
+    gap?: 0 | 1 | 2 | 3;
+    wrap?: boolean;
 };
 export declare const StyledRoot: React.ForwardRefExoticComponent<Omit<(Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement> & {
     disableDeselect?: boolean;
@@ -15,17 +17,7 @@ export declare const StyledRoot: React.ForwardRefExoticComponent<Omit<(Omit<impo
 } & {
     as?: React.ElementType;
 }>;
-export declare const ToggleGroupRoot: React.ForwardRefExoticComponent<Omit<Pick<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | 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" | "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?: React.ElementType;
-}, "gap" | "wrap"> & Omit<(Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement> & {
+export declare const ToggleGroupRoot: React.ForwardRefExoticComponent<Omit<Omit<(Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement> & {
     disableDeselect?: boolean;
 }, "ref"> | Omit<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement> & {
     disableDeselect?: boolean;

package/dist/components/toggle-group/ToggleGroupRoot.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as t from"react";import{Flex as p}from"../flex/Flex.js";import{styled as f}from"../../styled.js";import{ToggleGroup as b}from"../../utilities/radix-overrides/toggle-group/index.js";const n=f(b.Root,{base:["w-fit"],variants:{isFullWidth:{true:["**:data-radix-collection-item:basis-0","**:data-radix-collection-item:grow","w-full"],false:["w-auto"]},hasGap:{true:["**:data-radix-collection-item:rounded-md"],false:["**:data-radix-collection-item:not-last:before:absolute","**:data-radix-collection-item:not-last:before:content-['']","**:data-radix-collection-item:relative","rounded-md"]},direction:{column:[],row:[]},theme:{standard:[],modern:["bg-grey-200"]}},compoundVariants:[{hasGap:!1,direction:"row",theme:"standard",class:["**:data-radix-collection-item:first:rounded-l-md","**:data-radix-collection-item:last:rounded-r-md","**:data-radix-collection-item:not-first:border-l-transparent","**:data-radix-collection-item:not-last:before:h-[calc(100%+2px)]","**:data-radix-collection-item:not-last:before:right-0","**:data-radix-collection-item:not-last:before:-top-px","**:data-radix-collection-item:not-last:before:translate-x-3/2","**:data-radix-collection-item:not-last:before:w-px","**:data-radix-collection-item:not-last:border-r-transparent","**:data-radix-collection-item:rounded-none"]},{hasGap:!1,direction:"column",theme:"standard",class:["**:data-radix-collection-item:first:rounded-t-sm","**:data-radix-collection-item:last:rounded-b-sm","**:data-radix-collection-item:not-first:border-t-transparent","**:data-radix-collection-item:not-last:before:bottom-0","**:data-radix-collection-item:not-last:before:h-px","**:data-radix-collection-item:not-last:before:-left-px","**:data-radix-collection-item:not-last:before:translate-y-3/2","**:data-radix-collection-item:not-last:before:w-[calc(100%+2px)]","**:data-radix-collection-item:not-last:border-b-transparent"]},{hasGap:!1,theme:"modern",class:[]},{hasGap:!1,theme:"standard",class:["**:data-radix-collection-item:bg-transparent","**:data-radix-collection-item:rounded-none","bg-white"]}]}),h=a=>a==="horizontal"?"row":"column",u=t.forwardRef(({orientation:a="horizontal",gap:o,isFullWidth:d,children:c,theme:r="standard",wrap:s,...m},x)=>{const i=typeof o=="number",l=h(a);return t.createElement(n,{ref:x,direction:l,hasGap:i,isFullWidth:d,orientation:a,theme:r,...m},t.createElement(p,{direction:l,gap:i?o:void 0,wrap:s||"nowrap"},t.Children.toArray(c).map(e=>t.isValidElement(e)?t.cloneElement(e,{...e.props,theme:r}):e)))});export{n as StyledRoot,u as ToggleGroupRoot};
+import f from"clsx";import*as t from"react";import{styled as h}from"../../styled.js";import{ToggleGroup as b}from"../../utilities/radix-overrides/toggle-group/index.js";const n=h(b.Root,{base:["w-fit"],variants:{isFullWidth:{true:["**:data-radix-collection-item:basis-0","**:data-radix-collection-item:grow","w-full"],false:["w-auto"]},hasGap:{true:["**:data-radix-collection-item:rounded-md"],false:["**:data-radix-collection-item:not-last:before:absolute","**:data-radix-collection-item:not-last:before:content-['']","**:data-radix-collection-item:relative","rounded-md"]},direction:{column:[],row:[]},theme:{standard:[],modern:["bg-grey-200"]}},compoundVariants:[{hasGap:!1,direction:"row",theme:"standard",class:["**:data-radix-collection-item:first:rounded-l-md","**:data-radix-collection-item:last:rounded-r-md","**:data-radix-collection-item:not-first:border-l-transparent","**:data-radix-collection-item:not-last:before:h-[calc(100%+2px)]","**:data-radix-collection-item:not-last:before:right-0","**:data-radix-collection-item:not-last:before:-top-px","**:data-radix-collection-item:not-last:before:translate-x-3/2","**:data-radix-collection-item:not-last:before:w-px","**:data-radix-collection-item:not-last:border-r-transparent","**:data-radix-collection-item:rounded-none"]},{hasGap:!1,direction:"column",theme:"standard",class:["**:data-radix-collection-item:first:rounded-t-sm","**:data-radix-collection-item:last:rounded-b-sm","**:data-radix-collection-item:not-first:border-t-transparent","**:data-radix-collection-item:not-last:before:bottom-0","**:data-radix-collection-item:not-last:before:h-px","**:data-radix-collection-item:not-last:before:-left-px","**:data-radix-collection-item:not-last:before:translate-y-3/2","**:data-radix-collection-item:not-last:before:w-[calc(100%+2px)]","**:data-radix-collection-item:not-last:border-b-transparent"]},{hasGap:!1,theme:"modern",class:[]},{hasGap:!1,theme:"standard",class:["**:data-radix-collection-item:bg-transparent","**:data-radix-collection-item:rounded-none","bg-white"]}]}),u={0:"gap-0.5",1:"gap-1",2:"gap-2",3:"gap-3"},g=e=>e==="horizontal"?"row":"column",w=t.forwardRef(({className:e,orientation:o="horizontal",gap:r,isFullWidth:d,children:c,theme:i="standard",wrap:s,...m},p)=>{const l=typeof r=="number",x=g(o);return t.createElement(n,{ref:p,direction:x,hasGap:l,isFullWidth:d,orientation:o,theme:i,...m},t.createElement("div",{className:f("flex",l&&u[r],o==="horizontal"?"flex-row":"flex-col",s?"flex-wrap":"flex-nowrap",e)},t.Children.toArray(c).map(a=>t.isValidElement(a)?t.cloneElement(a,{...a.props,theme:i}):a)))});export{n as StyledRoot,w as ToggleGroupRoot};
 //# sourceMappingURL=ToggleGroupRoot.js.map

package/dist/components/toggle-group/ToggleGroupRoot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleGroupRoot.js","sources":["../../../src/components/toggle-group/ToggleGroupRoot.tsx"],"sourcesContent":["import * ~~as React~~ from '~~react~~'\n\nimport { ~~Flex~~ } from '~~~/components/flex/Flex~~'\nimport { styled } from '~/styled'\nimport { ToggleGroup } from '~/utilities/radix-overrides/toggle-group'\n\ntype RootType = {\n orientation?: 'horizontal' \| 'vertical'\n isFullWidth?: boolean\n}\n\nexport const StyledRoot = styled(ToggleGroup.Root, {\n base: ['w-fit'],\n variants: {\n isFullWidth: {\n true: [\n ':data-radix-collection-item:basis-0',\n ':data-radix-collection-item:grow',\n 'w-full'\n ],\n false: ['w-auto']\n },\n hasGap: {\n true: [':data-radix-collection-item:rounded-md'],\n false: [\n ':data-radix-collection-item:not-last:before:absolute',\n \":data-radix-collection-item:not-last:before:content-['']\",\n ':data-radix-collection-item:relative',\n 'rounded-md'\n ]\n },\n direction: {\n column: [],\n row: []\n },\n theme: {\n standard: [],\n modern: ['bg-grey-200']\n }\n },\n compoundVariants: [\n {\n hasGap: false,\n direction: 'row',\n theme: 'standard',\n class: [\n ':data-radix-collection-item:first:rounded-l-md',\n ':data-radix-collection-item:last:rounded-r-md',\n ':data-radix-collection-item:not-first:border-l-transparent',\n ':data-radix-collection-item:not-last:before:h-[calc(100%+2px)]',\n ':data-radix-collection-item:not-last:before:right-0',\n ':data-radix-collection-item:not-last:before:-top-px',\n ':data-radix-collection-item:not-last:before:translate-x-3/2',\n ':data-radix-collection-item:not-last:before:w-px',\n ':data-radix-collection-item:not-last:border-r-transparent',\n ':data-radix-collection-item:rounded-none'\n ]\n },\n {\n hasGap: false,\n direction: 'column',\n theme: 'standard',\n class: [\n ':data-radix-collection-item:first:rounded-t-sm',\n ':data-radix-collection-item:last:rounded-b-sm',\n ':data-radix-collection-item:not-first:border-t-transparent',\n ':data-radix-collection-item:not-last:before:bottom-0',\n ':data-radix-collection-item:not-last:before:h-px',\n ':data-radix-collection-item:not-last:before:-left-px',\n ':data-radix-collection-item:not-last:before:translate-y-3/2',\n ':data-radix-collection-item:not-last:before:w-[calc(100%+2px)]',\n ':data-radix-collection-item:not-last:border-b-transparent'\n ]\n },\n {\n hasGap: false,\n theme: 'modern',\n class: []\n },\n {\n hasGap: false,\n theme: 'standard',\n class: [\n ':data-radix-collection-item:bg-transparent',\n '**:data-radix-collection-item:rounded-none',\n 'bg-white'\n ]\n }\n ]\n})\n\nconst orientationToDirection = (orientation) =>\n orientation === 'horizontal' ? 'row' : 'column'\n\nexport const ToggleGroupRoot = React.forwardRef<\n HTMLDivElement,\n ~~Pick<~~React.ComponentProps<typeof ~~Flex>, 'gap' \| 'wrap'~~> ~~&\n React.ComponentProps<typeof~~ ~~StyledRoot> &\n~~ RootType\n>(\n (\n {\n orientation = 'horizontal',\n gap,\n isFullWidth,\n children,\n theme = 'standard',\n wrap,\n ...rest\n },\n ref\n ) => {\n const hasGap = typeof gap === 'number'\n const direction = orientationToDirection(orientation)\n\n return (\n <StyledRoot\n ref={ref}\n direction={direction}\n hasGap={hasGap}\n isFullWidth={isFullWidth}\n orientation={orientation}\n theme={theme}\n {...rest}\n >\n <~~Flex~~\n ~~direction~~={~~direction}~~\n ~~gap={~~hasGap ? gap : ~~undefined}\~~n wrap={wrap \|\| 'nowrap'}\n >\n {\n React.Children.toArray(children).map((child) => {\n if (React.isValidElement(child)) {\n return React.cloneElement(child, { ...child.props, theme })\n }\n return child\n }) as React.ReactElement[]\n }\n </~~Flex~~>\n </StyledRoot>\n )\n }\n)\n"],"names":["StyledRoot","styled","ToggleGroup","orientationToDirection","orientation","ToggleGroupRoot","React","gap","isFullWidth","children","theme","wrap","rest","ref","hasGap","direction","~~Flex~~","child"],"mappings":"~~4LAWa~~,~~MAAAA~~,EAAaC,EAAOC,EAAY,KAAM,CACjD,KAAM,CAAC,OAAO,EACd,SAAU,CACR,YAAa,CACX,KAAM,CACJ,wCACA,qCACA,QACF,EACA,MAAO,CAAC,QAAQ,CAClB,EACA,OAAQ,CACN,KAAM,CAAC,0CAA0C,EACjD,MAAO,CACL,yDACA,6DACA,yCACA,YACF,CACF,EACA,UAAW,CACT,OAAQ,~~CAAC~~,~~EACT~~,IAAK,~~CAAA~~,~~CACP,~~EACA,MAAO,CACL,SAAU,~~CAAC~~,~~EACX~~,OAAQ,CAAC,aAAa,CACxB,CACF,EACA,iBAAkB,CAChB,CACE,OAAQ,GACR,UAAW,MACX,MAAO,WACP,MAAO,CACL,mDACA,kDACA,+DACA,mEACA,wDACA,wDACA,gEACA,qDACA,8DACA,4CACF,CACF,EACA,CACE,OAAQ,GACR,UAAW,SACX,MAAO,WACP,MAAO,CACL,mDACA,kDACA,+DACA,yDACA,qDACA,yDACA,gEACA,mEACA,6DACF,CACF,EACA,CACE,OAAQ,GACR,MAAO,SACP,MAAO,~~EACT~~,EACA,CACE,OAAQ,GACR,MAAO,WACP,MAAO,CACL,+CACA,6CACA,UACF,CACF,CACF,CACF,CAAC,EAEKC,EAA0BC,GAC9BA,IAAgB,aAAe,MAAQ,SAE5BC,EAAkBC,EAAM,~~WAMnC~~,CACE,CACE,~~YAAAF~~,EAAc,aACd,~~IAAAG~~,EACA,YAAAC,EACA,SAAAC,EACA,MAAAC,EAAQ,WACR,KAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EAAS,OAAOP,GAAQ,SACxBQ,~~EAAYZ~~,EAAuBC,CAAW,EAEpD,OACEE,EAAA,~~cAACN~~,~~EACC~~,~~CAAA~~,~~IAAKa~~,EACL,UAAWE,EACX,OAAQD,EACR,YAAaN,EACb,~~YAAaJ~~,EACb,~~MAAOM~~,EACN,GAAGE,CAAAA,~~EAEJN~~,EAAA,~~cAACU~~,~~EAAA~~,~~CACC~~,~~UAAWD~~,~~EACX~~,~~IAAKD~~,~~EAASP~~,~~EAAM~~,~~OACpB~~,~~KAAMI~~,~~GAAQ~~,~~QAAA~~,~~EAGZL~~,EAAM,SAAS,~~QAAQG~~,CAAQ,EAAE,IAAKQ,~~GAChCX~~,EAAM,~~eAAeW~~,CAAK,~~EACrBX~~,EAAM,~~aAAaW~~,EAAO,CAAE,GAAGA,EAAM,MAAO,MAAAP,CAAM,CAAC,EAErDO,CACR,CAEL,CACF,CAEJ,CACF"}
1	+ {"version":3,"file":"ToggleGroupRoot.js","sources":["../../../src/components/toggle-group/ToggleGroupRoot.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { ToggleGroup } from '~/utilities/radix-overrides/toggle-group'\n\ntype RootType = {\n orientation?: 'horizontal' \| 'vertical'\n isFullWidth?: boolean\n gap?: 0 \| 1 \| 2 \| 3\n wrap?: boolean\n}\n\nexport const StyledRoot = styled(ToggleGroup.Root, {\n base: ['w-fit'],\n variants: {\n isFullWidth: {\n true: [\n ':data-radix-collection-item:basis-0',\n ':data-radix-collection-item:grow',\n 'w-full'\n ],\n false: ['w-auto']\n },\n hasGap: {\n true: [':data-radix-collection-item:rounded-md'],\n false: [\n ':data-radix-collection-item:not-last:before:absolute',\n \":data-radix-collection-item:not-last:before:content-['']\",\n ':data-radix-collection-item:relative',\n 'rounded-md'\n ]\n },\n direction: {\n column: [],\n row: []\n },\n theme: {\n standard: [],\n modern: ['bg-grey-200']\n }\n },\n compoundVariants: [\n {\n hasGap: false,\n direction: 'row',\n theme: 'standard',\n class: [\n ':data-radix-collection-item:first:rounded-l-md',\n ':data-radix-collection-item:last:rounded-r-md',\n ':data-radix-collection-item:not-first:border-l-transparent',\n ':data-radix-collection-item:not-last:before:h-[calc(100%+2px)]',\n ':data-radix-collection-item:not-last:before:right-0',\n ':data-radix-collection-item:not-last:before:-top-px',\n ':data-radix-collection-item:not-last:before:translate-x-3/2',\n ':data-radix-collection-item:not-last:before:w-px',\n ':data-radix-collection-item:not-last:border-r-transparent',\n ':data-radix-collection-item:rounded-none'\n ]\n },\n {\n hasGap: false,\n direction: 'column',\n theme: 'standard',\n class: [\n ':data-radix-collection-item:first:rounded-t-sm',\n ':data-radix-collection-item:last:rounded-b-sm',\n ':data-radix-collection-item:not-first:border-t-transparent',\n ':data-radix-collection-item:not-last:before:bottom-0',\n ':data-radix-collection-item:not-last:before:h-px',\n ':data-radix-collection-item:not-last:before:-left-px',\n ':data-radix-collection-item:not-last:before:translate-y-3/2',\n ':data-radix-collection-item:not-last:before:w-[calc(100%+2px)]',\n ':data-radix-collection-item:not-last:border-b-transparent'\n ]\n },\n {\n hasGap: false,\n theme: 'modern',\n class: []\n },\n {\n hasGap: false,\n theme: 'standard',\n class: [\n ':data-radix-collection-item:bg-transparent',\n '**:data-radix-collection-item:rounded-none',\n 'bg-white'\n ]\n }\n ]\n})\n\nconst gapClassMap = {\n 0: 'gap-0.5',\n 1: 'gap-1',\n 2: 'gap-2',\n 3: 'gap-3'\n}\n\nconst orientationToDirection = (orientation) =>\n orientation === 'horizontal' ? 'row' : 'column'\n\nexport const ToggleGroupRoot = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<typeof StyledRoot> & RootType\n>(\n (\n {\n className,\n orientation = 'horizontal',\n gap,\n isFullWidth,\n children,\n theme = 'standard',\n wrap,\n ...rest\n },\n ref\n ) => {\n const hasGap = typeof gap === 'number'\n const direction = orientationToDirection(orientation)\n\n return (\n <StyledRoot\n ref={ref}\n direction={direction}\n hasGap={hasGap}\n isFullWidth={isFullWidth}\n orientation={orientation}\n theme={theme}\n {...rest}\n >\n <div\n className={clsx(\n 'flex',\n hasGap && gapClassMap[gap],\n orientation === 'horizontal' ? 'flex-row' : 'flex-col',\n wrap ? 'flex-wrap' : 'flex-nowrap',\n className\n )}\n >\n {\n React.Children.toArray(children).map((child) => {\n if (React.isValidElement(child)) {\n return React.cloneElement(child, { ...child.props, theme })\n }\n return child\n }) as React.ReactElement[]\n }\n </div>\n </StyledRoot>\n )\n }\n)\n"],"names":["StyledRoot","styled","ToggleGroup","gapClassMap","orientationToDirection","orientation","ToggleGroupRoot","React","className","gap","isFullWidth","children","theme","wrap","rest","ref","hasGap","direction","clsx","child"],"mappings":"yKAaO,MAAMA,EAAaC,EAAOC,EAAY,KAAM,CACjD,KAAM,CAAC,OAAO,EACd,SAAU,CACR,YAAa,CACX,KAAM,CACJ,wCACA,qCACA,QACF,EACA,MAAO,CAAC,QAAQ,CAClB,EACA,OAAQ,CACN,KAAM,CAAC,0CAA0C,EACjD,MAAO,CACL,yDACA,6DACA,yCACA,YACF,CACF,EACA,UAAW,CACT,OAAQ,CAAA,EACR,IAAK,EACP,EACA,MAAO,CACL,SAAU,CACV,EAAA,OAAQ,CAAC,aAAa,CACxB,CACF,EACA,iBAAkB,CAChB,CACE,OAAQ,GACR,UAAW,MACX,MAAO,WACP,MAAO,CACL,mDACA,kDACA,+DACA,mEACA,wDACA,wDACA,gEACA,qDACA,8DACA,4CACF,CACF,EACA,CACE,OAAQ,GACR,UAAW,SACX,MAAO,WACP,MAAO,CACL,mDACA,kDACA,+DACA,yDACA,qDACA,yDACA,gEACA,mEACA,6DACF,CACF,EACA,CACE,OAAQ,GACR,MAAO,SACP,MAAO,CAAA,CACT,EACA,CACE,OAAQ,GACR,MAAO,WACP,MAAO,CACL,+CACA,6CACA,UACF,CACF,CACF,CACF,CAAC,EAEKC,EAAc,CAClB,EAAG,UACH,EAAG,QACH,EAAG,QACH,EAAG,OACL,EAEMC,EAA0BC,GAC9BA,IAAgB,aAAe,MAAQ,SAE5BC,EAAkBC,EAAM,WAInC,CACE,CACE,UAAAC,EACA,YAAAH,EAAc,aACd,IAAAI,EACA,YAAAC,EACA,SAAAC,EACA,MAAAC,EAAQ,WACR,KAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EAAS,OAAOP,GAAQ,SACxBQ,EAAYb,EAAuBC,CAAW,EAEpD,OACEE,EAAA,cAACP,EAAA,CACC,IAAKe,EACL,UAAWE,EACX,OAAQD,EACR,YAAaN,EACb,YAAaL,EACb,MAAOO,EACN,GAAGE,CAAAA,EAEJP,EAAA,cAAC,MACC,CAAA,UAAWW,EACT,OACAF,GAAUb,EAAYM,CAAG,EACzBJ,IAAgB,aAAe,WAAa,WAC5CQ,EAAO,YAAc,cACrBL,CACF,CAGED,EAAAA,EAAM,SAAS,QAAQI,CAAQ,EAAE,IAAKQ,GAChCZ,EAAM,eAAeY,CAAK,EACrBZ,EAAM,aAAaY,EAAO,CAAE,GAAGA,EAAM,MAAO,MAAAP,CAAM,CAAC,EAErDO,CACR,CAEL,CACF,CAEJ,CACF"}

package/dist/components/toggle-group/index.d.ts CHANGED Viewed

@@ -11,17 +11,7 @@ export declare const ToggleGroup: {
     } & {
         as?: import("react").ElementType;
     }, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Root: import("react").ForwardRefExoticComponent<Omit<Pick<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | 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" | "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;
-    }, "gap" | "wrap"> & Omit<(Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & import("react").RefAttributes<HTMLDivElement> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<Omit<(Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & import("react").RefAttributes<HTMLDivElement> & {
         disableDeselect?: boolean;
     }, "ref"> | Omit<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps & import("react").RefAttributes<HTMLDivElement> & {
         disableDeselect?: boolean;
@@ -35,5 +25,7 @@ export declare const ToggleGroup: {
     } & {
         orientation?: "horizontal" | "vertical";
         isFullWidth?: boolean;
+        gap?: 0 | 1 | 2 | 3;
+        wrap?: boolean;
     }, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };

package/dist/components/top-bar/TopBar.d.ts CHANGED Viewed

@@ -10,16 +10,8 @@ declare const StyledRoot: React.ForwardRefExoticComponent<Omit<Omit<React.Detail
 } & {
     as?: React.ElementType;
 }>;
-declare const Container: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const Container: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | 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" | "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?: React.ElementType;
 }, never> & {
     as?: React.ElementType;
 }>;

package/dist/components/top-bar/TopBar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as r,Theme as m}from"../../styled.js";import{useWindowScrollPosition as p}from"../../utilities/hooks/useWindowScrollPosition.js";import{Divider as l}from"../divider/Divider.js";import{Flex as c}from"../flex/Flex.js";import{colorSchemes as b}from"./TopBar.colorscheme.config.js";import{TopBarActionIcon as f}from"./TopBarActionIcon.js";import{TopBarBrand as u,TopBarBrandLogo as h,TopBarBrandName as x}from"./TopBarBrand.js";const B=()=>e.createElement(l,{orientation:"vertical",className:"bg-divider h-6"}),g=r("header",{base:["bg-(--background)","sticky","flex","items-center","z-15","transition-shadow","duration-200","ease-out"],variants:{hasScrolled:{true:["shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)]"]},size:{md:["h-16"],lg:["h-24"]},diffused:{true:["supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]","supports-color-mix:backdrop-blur-sm"]},appearance:{standard:["w-screen","max-w-full","top-0","border-b","border-b-(--border-bottom)"],rounded:["w-full","top-2","p-2","border","border-white","rounded-full"]}}},{enabledResponsiveVariants:!0}),w=r(c,{base:["items-center","h-10","mx-4","w-full","md:mx-8"]}),o=({size:a="md",diffused:t,theme:i,appearance:s="standard",...d})=>{const{y:n}=p();return e.createElement(m,{theme:i||b.light},e.createElement(g,{hasScrolled:!!n,diffused:t,appearance:s,size:a},e.createElement(w,{...d})))},T=Object.assign(o,{Brand:u,BrandLogo:h,BrandName:x,ActionIcon:f,Divider:B});o.displayName="TopBar";export{T as TopBar};
+import*as e from"react";import{styled as r,Theme as m}from"../../styled.js";import{useWindowScrollPosition as p}from"../../utilities/hooks/useWindowScrollPosition.js";import{Divider as l}from"../divider/Divider.js";import{colorSchemes as c}from"./TopBar.colorscheme.config.js";import{TopBarActionIcon as b}from"./TopBarActionIcon.js";import{TopBarBrand as f,TopBarBrandLogo as u,TopBarBrandName as h}from"./TopBarBrand.js";const x=()=>e.createElement(l,{orientation:"vertical",className:"bg-divider h-6"}),B=r("header",{base:["bg-(--background)","sticky","flex","items-center","z-15","transition-shadow","duration-200","ease-out"],variants:{hasScrolled:{true:["shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)]"]},size:{md:["h-16"],lg:["h-24"]},diffused:{true:["supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]","supports-color-mix:backdrop-blur-sm"]},appearance:{standard:["w-screen","max-w-full","top-0","border-b","border-b-(--border-bottom)"],rounded:["w-full","top-2","p-2","border","border-white","rounded-full"]}}},{enabledResponsiveVariants:!0}),g=r("div",{base:["flex","items-center","h-10","mx-4","w-full","md:mx-8"]}),o=({size:a="md",diffused:t,theme:i,appearance:d="standard",...s})=>{const{y:n}=p();return e.createElement(m,{theme:i||c.light},e.createElement(B,{hasScrolled:!!n,diffused:t,appearance:d,size:a},e.createElement(g,{...s})))},w=Object.assign(o,{Brand:f,BrandLogo:u,BrandName:h,ActionIcon:b,Divider:x});o.displayName="TopBar";export{w as TopBar};
 //# sourceMappingURL=TopBar.js.map

package/dist/components/top-bar/TopBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TopBar.js","sources":["../../../src/components/top-bar/TopBar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled, Theme } from '~/styled'\nimport { useWindowScrollPosition } from '~/utilities/hooks/useWindowScrollPosition'\n\nimport { Divider } from '../divider/Divider'\nimport { ~~Flex } from '../flex/Flex'\nimport {~~ colorSchemes as topBarColorSchemes } from './TopBar.colorscheme.config'\nimport { TopBarActionIcon } from './TopBarActionIcon'\nimport { TopBarBrand, TopBarBrandLogo, TopBarBrandName } from './TopBarBrand'\n\nconst TopBarDivider = () => (\n <Divider orientation=\"vertical\" className=\"bg-divider h-6\" />\n)\n\nconst StyledRoot = styled(\n 'header',\n {\n base: [\n 'bg-(--background)',\n 'sticky',\n 'flex',\n 'items-center',\n 'z-15',\n 'transition-shadow',\n 'duration-200',\n 'ease-out'\n ],\n variants: {\n hasScrolled: {\n true: ['shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)]']\n },\n size: {\n md: ['h-16'],\n lg: ['h-24']\n },\n diffused: {\n true: [\n 'supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]',\n 'supports-color-mix:backdrop-blur-sm'\n ]\n },\n appearance: {\n standard: [\n 'w-screen',\n 'max-w-full',\n 'top-0',\n 'border-b',\n 'border-b-(--border-bottom)'\n ],\n rounded: [\n 'w-full',\n 'top-2',\n 'p-2',\n 'border',\n 'border-white',\n 'rounded-full'\n ]\n }\n }\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nconst Container = styled(~~Flex~~, {\n base: ['items-center', 'h-10', 'mx-4', 'w-full', 'md:mx-8']\n})\n\ntype TopBarProps = React.ComponentProps<typeof StyledRoot> &\n React.ComponentProps<typeof Container> &\n React.ComponentProps<typeof Theme>\n\nconst TopBarComponent = ({\n size = 'md',\n diffused,\n theme,\n appearance = 'standard',\n ...rest\n}: React.PropsWithChildren<TopBarProps>) => {\n const { y: scrollPositionY } = useWindowScrollPosition()\n\n return (\n <Theme theme={theme \|\| topBarColorSchemes['light']}>\n <StyledRoot\n hasScrolled={!!scrollPositionY}\n diffused={diffused}\n appearance={appearance}\n size={size}\n >\n <Container {...rest} />\n </StyledRoot>\n </Theme>\n )\n}\n\nexport const TopBar = Object.assign(TopBarComponent, {\n Brand: TopBarBrand,\n BrandLogo: TopBarBrandLogo,\n BrandName: TopBarBrandName,\n ActionIcon: TopBarActionIcon,\n Divider: TopBarDivider\n})\n\nTopBarComponent.displayName = 'TopBar'\n"],"names":["TopBarDivider","React","Divider","StyledRoot","styled","Container","~~Flex","~~TopBarComponent","size","diffused","theme","appearance","rest","scrollPositionY","useWindowScrollPosition","Theme","topBarColorSchemes","TopBar","TopBarBrand","TopBarBrandLogo","TopBarBrandName","TopBarActionIcon"],"mappings":"~~8cAWA~~,MAAMA,EAAgB,IACpBC,EAAA,cAACC,EAAA,CAAQ,YAAY,WAAW,UAAU,gBAAA,CAAiB,EAGvDC,EAAaC,EACjB,SACA,CACE,KAAM,CACJ,oBACA,SACA,OACA,eACA,OACA,oBACA,eACA,UACF,EACA,SAAU,CACR,YAAa,CACX,KAAM,CAAC,8CAA8C,CACvD,EACA,KAAM,CACJ,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,MAAM,CACb,EACA,SAAU,CACR,KAAM,CACJ,uEACA,qCACF,CACF,EACA,WAAY,CACV,SAAU,CACR,WACA,aACA,QACA,WACA,4BACF,EACA,QAAS,CACP,SACA,QACA,MACA,SACA,eACA,cACF,CACF,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEMC,EAAYD,~~EAAOE~~,~~EAAM~~,~~CAC7B~~,KAAM,CAAC,eAAgB,OAAQ,OAAQ,SAAU,SAAS,~~CAC5D~~,CAAC,~~EAMKC~~,EAAkB,CAAC,CACvB,KAAAC,EAAO,KACP,SAAAC,EACA,MAAAC,EACA,WAAAC,EAAa,WACb,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,EAAGC,CAAgB,EAAIC,EAE/B,~~EAAA~~,~~OACEb,~~EAAA,~~cAACc~~,EAAA,CAAM,MAAOL,GAASM,EAAmB,~~KACxCf~~,EAAAA,EAAA,cAACE,EAAA,CACC,YAAa,CAAC,~~CAACU~~,EACf,SAAUJ,EACV,WAAYE,EACZ,KAAMH,CAAAA,~~EAENP~~,EAAA,cAACI,EAAA,CAAW,~~GAAGO~~,CAAM,CAAA,CACvB,CACF,CAEJ,EAEaK,EAAS,OAAO,OAAOV,EAAiB,CACnD,MAAOW,EACP,UAAWC,EACX,UAAWC,EACX,WAAYC,EACZ,~~QAASrB~~,CACX,CAAC,~~EAEDO~~,EAAgB,YAAc"}
1	+ {"version":3,"file":"TopBar.js","sources":["../../../src/components/top-bar/TopBar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled, Theme } from '~/styled'\nimport { useWindowScrollPosition } from '~/utilities/hooks/useWindowScrollPosition'\n\nimport { Divider } from '../divider/Divider'\nimport { colorSchemes as topBarColorSchemes } from './TopBar.colorscheme.config'\nimport { TopBarActionIcon } from './TopBarActionIcon'\nimport { TopBarBrand, TopBarBrandLogo, TopBarBrandName } from './TopBarBrand'\n\nconst TopBarDivider = () => (\n <Divider orientation=\"vertical\" className=\"bg-divider h-6\" />\n)\n\nconst StyledRoot = styled(\n 'header',\n {\n base: [\n 'bg-(--background)',\n 'sticky',\n 'flex',\n 'items-center',\n 'z-15',\n 'transition-shadow',\n 'duration-200',\n 'ease-out'\n ],\n variants: {\n hasScrolled: {\n true: ['shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)]']\n },\n size: {\n md: ['h-16'],\n lg: ['h-24']\n },\n diffused: {\n true: [\n 'supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]',\n 'supports-color-mix:backdrop-blur-sm'\n ]\n },\n appearance: {\n standard: [\n 'w-screen',\n 'max-w-full',\n 'top-0',\n 'border-b',\n 'border-b-(--border-bottom)'\n ],\n rounded: [\n 'w-full',\n 'top-2',\n 'p-2',\n 'border',\n 'border-white',\n 'rounded-full'\n ]\n }\n }\n },\n {\n enabledResponsiveVariants: true\n }\n)\n\nconst Container = styled('div', {\n base: ['flex', 'items-center', 'h-10', 'mx-4', 'w-full', 'md:mx-8']\n})\n\ntype TopBarProps = React.ComponentProps<typeof StyledRoot> &\n React.ComponentProps<typeof Container> &\n React.ComponentProps<typeof Theme>\n\nconst TopBarComponent = ({\n size = 'md',\n diffused,\n theme,\n appearance = 'standard',\n ...rest\n}: React.PropsWithChildren<TopBarProps>) => {\n const { y: scrollPositionY } = useWindowScrollPosition()\n\n return (\n <Theme theme={theme \|\| topBarColorSchemes['light']}>\n <StyledRoot\n hasScrolled={!!scrollPositionY}\n diffused={diffused}\n appearance={appearance}\n size={size}\n >\n <Container {...rest} />\n </StyledRoot>\n </Theme>\n )\n}\n\nexport const TopBar = Object.assign(TopBarComponent, {\n Brand: TopBarBrand,\n BrandLogo: TopBarBrandLogo,\n BrandName: TopBarBrandName,\n ActionIcon: TopBarActionIcon,\n Divider: TopBarDivider\n})\n\nTopBarComponent.displayName = 'TopBar'\n"],"names":["TopBarDivider","React","Divider","StyledRoot","styled","Container","TopBarComponent","size","diffused","theme","appearance","rest","scrollPositionY","useWindowScrollPosition","Theme","topBarColorSchemes","TopBar","TopBarBrand","TopBarBrandLogo","TopBarBrandName","TopBarActionIcon"],"mappings":"uaAUA,MAAMA,EAAgB,IACpBC,EAAA,cAACC,EAAA,CAAQ,YAAY,WAAW,UAAU,gBAAA,CAAiB,EAGvDC,EAAaC,EACjB,SACA,CACE,KAAM,CACJ,oBACA,SACA,OACA,eACA,OACA,oBACA,eACA,UACF,EACA,SAAU,CACR,YAAa,CACX,KAAM,CAAC,8CAA8C,CACvD,EACA,KAAM,CACJ,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,MAAM,CACb,EACA,SAAU,CACR,KAAM,CACJ,uEACA,qCACF,CACF,EACA,WAAY,CACV,SAAU,CACR,WACA,aACA,QACA,WACA,4BACF,EACA,QAAS,CACP,SACA,QACA,MACA,SACA,eACA,cACF,CACF,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEMC,EAAYD,EAAO,MAAO,CAC9B,KAAM,CAAC,OAAQ,eAAgB,OAAQ,OAAQ,SAAU,SAAS,CACpE,CAAC,EAMKE,EAAkB,CAAC,CACvB,KAAAC,EAAO,KACP,SAAAC,EACA,MAAAC,EACA,WAAAC,EAAa,WACb,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,EAAGC,CAAgB,EAAIC,EAAAA,EAE/B,OACEZ,EAAA,cAACa,EAAA,CAAM,MAAOL,GAASM,EAAmB,KACxCd,EAAAA,EAAA,cAACE,EAAA,CACC,YAAa,CAAC,CAACS,EACf,SAAUJ,EACV,WAAYE,EACZ,KAAMH,CAAAA,EAENN,EAAA,cAACI,EAAA,CAAW,GAAGM,CAAM,CAAA,CACvB,CACF,CAEJ,EAEaK,EAAS,OAAO,OAAOV,EAAiB,CACnD,MAAOW,EACP,UAAWC,EACX,UAAWC,EACX,WAAYC,EACZ,QAASpB,CACX,CAAC,EAEDM,EAAgB,YAAc"}