@atom-learning/components 8.1.3-beta.0 → 8.1.3

package/dist/index.cjs.js

@@ -852,7 +852,11 @@ var StyledButton = styled("button", {
 				"[&_svg]:size-[22px]"
 			]
 		},
-		isLoading: { true: ["cursor-not-allowed opacity-60 pointer-events-none"] },
+		isLoading: { true: [
+			"cursor-not-allowed",
+			"opacity-60",
+			"pointer-events-none"
+		] },
 		fullWidth: {
 			true: ["w-full"],
 			false: ["w-max"]
@@ -2361,10 +2365,6 @@ var BannerSlim = Object.assign(BannerSlimComponent, {
 });
 BannerSlimComponent.displayName = "BannerSlim";
 //#endregion
-//#region src/components/box/Box.tsx
-var Box = styled("div", { base: [] });
-Box.displayName = "Box";
-//#endregion
 //#region src/components/carousel/CarouselArrows.tsx
 var ArrowButton = styled("button", { base: [
 	"items-center",
@@ -6817,90 +6817,6 @@ var FileInput = ({ accept, children, multiple = false, onFileSelect, ...rest })
 };
 FileInput.displayName = "FileInput";
 //#endregion
-//#region src/components/flex/Flex.tsx
-var Flex = styled("div", {
-	base: ["flex"],
-	variants: {
-		direction: {
-			row: ["flex-row"],
-			"row-reverse": ["flex-row-reverse"],
-			column: ["flex-col"],
-			"column-reverse": ["flex-col-reverse"],
-			inherit: ["direction-[inherit]"],
-			initial: ["direction-[initial]"],
-			revert: ["direction-[revert]"],
-			"revert-layer": ["direction-[revert-layer]"],
-			unset: ["direction-[unset]"]
-		},
-		wrap: {
-			nowrap: ["flex-nowrap"],
-			wrap: ["flex-wrap"],
-			"wrap-reverse": ["flex-wrap-reverse"],
-			inherit: ["[flex-wrap:inherit]"],
-			initial: ["[flex-wrap:initial]"],
-			revert: ["[flex-wrap:revert]"],
-			"revert-layer": ["[flex-wrap:revert-layer]"],
-			unset: ["[flex-wrap:unset]"]
-		},
-		justify: {
-			normal: ["justify-normal"],
-			unsafe: ["[justify-content:unsafe]"],
-			safe: ["[justify-content:safe]"],
-			start: ["justify-start"],
-			center: ["justify-center"],
-			end: ["justify-end"],
-			"flex-start": ["justify-start"],
-			"flex-end": ["justify-end"],
-			left: ["[justify-content:left]"],
-			right: ["[justify-content:right]"],
-			"space-between": ["justify-between"],
-			"space-around": ["justify-around"],
-			"space-evenly": ["justify-evenly"],
-			stretch: ["justify-stretch"],
-			inherit: ["[justify-content:inherit]"],
-			initial: ["[justify-content:initial]"],
-			revert: ["[justify-content:revert]"],
-			"revert-layer": ["[justify-content:revert-layer]"],
-			unset: ["[justify-content:unset]"]
-		},
-		align: {
-			normal: ["[align-items:normal]"],
-			unsafe: ["[align-items:unsafe]"],
-			safe: ["[align-items:safe]"],
-			center: ["items-center"],
-			start: ["items-start"],
-			end: ["items-end"],
-			"self-start": ["[align-items:self-start]"],
-			"self-end": ["[align-items:self-end]"],
-			"flex-start": ["items-start"],
-			"flex-end": ["items-end"],
-			baseline: ["items-baseline"],
-			"first baseline": ["[align-items:first baseline]"],
-			"last baseline": ["[align-items:last baseline]"],
-			stretch: ["items-stretch"],
-			inherit: ["[align-items:inherit]"],
-			initial: ["[align-items:initial]"],
-			revert: ["[align-items:revert]"],
-			"revert-layer": ["[align-items:revert-layer]"],
-			unset: ["[align-items:unset]"]
-		},
-		gap: {
-			0: ["gap-0.5"],
-			1: ["gap-1"],
-			2: ["gap-2"],
-			3: ["gap-3"],
-			4: ["gap-4"],
-			24: ["gap-6"],
-			5: ["gap-8"],
-			6: ["gap-10"],
-			7: ["gap-12"],
-			8: ["gap-16"],
-			9: ["gap-20"]
-		}
-	}
-}, { enabledResponsiveVariants: true });
-Flex.displayName = "Flex";
-//#endregion
 //#region src/components/form/Form.tsx
 var Form = (props) => {
 	const { children, defaultValues, validationMode = "onBlur", onSubmit, onError, appearance, theme, ...rest } = props;
@@ -6926,35 +6842,6 @@ var Form = (props) => {
 };
 Form.displayName = "Form";
 //#endregion
-//#region src/components/grid/Grid.tsx
-var GridContainer = styled("div", {
-	base: ["grid"],
-	variants: { gap: {
-		0: ["gap-0.5"],
-		1: ["gap-1"],
-		2: ["gap-2"],
-		3: ["gap-3"],
-		4: ["gap-4"],
-		24: ["gap-6"],
-		5: ["gap-8"],
-		6: ["gap-10"],
-		7: ["gap-12"],
-		8: ["gap-16"],
-		9: ["gap-20"]
-	} }
-}, { enabledResponsiveVariants: true });
-var Grid = ({ className, style, gap = "2", minItemSize, maxItemSize = "1fr", ...rest }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GridContainer, {
-	...rest,
-	style: {
-		...style,
-		...minItemSize && { "--min-item-size": minItemSize },
-		...maxItemSize && { "--max-item-size": maxItemSize }
-	},
-	gap,
-	className: cn(minItemSize && ["grid-cols-[repeat(auto-fit,minmax(var(--min-item-size,0),var(--max-item-size,0)))]"], className)
-});
-Grid.displayName = "Grid";
-//#endregion
 //#region src/components/input-field/InputField.tsx
 var InputField = ({ className, label, name, validation, prompt, description, hideLabel, appearance, theme, ...rest }) => {
 	const { register } = (0, react_hook_form.useFormContext)();
@@ -10224,9 +10111,8 @@ Toast.Close = ToastCloseButton;
 var ToastProviderBase = styled("div", { base: [
 	"fixed",
 	"z-2147483647",
-	"inset-2",
+	"inset-safe-offset-2",
 	"pointer-events-none",
-	"top-safe-offset-2",
 	"sm:top-safe-offset-3"
 ] });
 var ToastWrapper = styled("div", {
@@ -10642,7 +10528,7 @@ var StyledRoot = styled("header", {
 			standard: [
 				"w-screen",
 				"max-w-full",
-				"top-safe-offset-0",
+				"top-safe",
 				"border-b",
 				"border-b-(--border-bottom)"
 			],
@@ -11146,7 +11032,6 @@ exports.Avatar = Avatar;
 exports.Badge = Badge;
 exports.BannerRegular = BannerRegular;
 exports.BannerSlim = BannerSlim;
-exports.Box = Box;
 exports.Button = Button;
 exports.Carousel = Carousel;
 exports.Checkbox = Checkbox;
@@ -11173,9 +11058,7 @@ exports.EmptyState = EmptyState;
 exports.FieldWrapper = FieldWrapper;
 exports.FileDrop = FileDrop;
 exports.FileInput = FileInput;
-exports.Flex = Flex;
 exports.Form = Form;
-exports.Grid = Grid;
 exports.Heading = Heading;
 exports.Icon = Icon;
 exports.Image = Image;