@askrjs/themes 0.0.2 → 0.0.4

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -1,13 +1,18 @@
-import type { BreadcrumbAsChildProps, BreadcrumbCurrentAsChildProps, BreadcrumbCurrentProps, BreadcrumbItemAsChildProps, BreadcrumbItemProps, BreadcrumbLinkAsChildProps, BreadcrumbLinkProps, BreadcrumbListAsChildProps, BreadcrumbListProps, BreadcrumbProps, BreadcrumbSeparatorAsChildProps, BreadcrumbSeparatorProps } from "./breadcrumb.types";
-export declare function Breadcrumb(props: BreadcrumbProps): JSX.Element;
-export declare function Breadcrumb(props: BreadcrumbAsChildProps): JSX.Element;
-export declare function BreadcrumbList(props: BreadcrumbListProps): JSX.Element;
-export declare function BreadcrumbList(props: BreadcrumbListAsChildProps): JSX.Element;
-export declare function BreadcrumbItem(props: BreadcrumbItemProps): JSX.Element;
-export declare function BreadcrumbItem(props: BreadcrumbItemAsChildProps): JSX.Element;
-export declare function BreadcrumbLink(props: BreadcrumbLinkProps): JSX.Element;
-export declare function BreadcrumbLink(props: BreadcrumbLinkAsChildProps): JSX.Element;
-export declare function BreadcrumbCurrent(props: BreadcrumbCurrentProps): JSX.Element;
-export declare function BreadcrumbCurrent(props: BreadcrumbCurrentAsChildProps): JSX.Element;
-export declare function BreadcrumbSeparator(props: BreadcrumbSeparatorProps): JSX.Element;
-export declare function BreadcrumbSeparator(props: BreadcrumbSeparatorAsChildProps): JSX.Element;
+import { BreadcrumbAsChildProps, BreadcrumbCurrentAsChildProps, BreadcrumbCurrentProps, BreadcrumbItemAsChildProps, BreadcrumbItemProps, BreadcrumbLinkAsChildProps, BreadcrumbLinkProps, BreadcrumbListAsChildProps, BreadcrumbListProps, BreadcrumbProps, BreadcrumbSeparatorAsChildProps, BreadcrumbSeparatorProps } from "./breadcrumb.types.js";
+
+//#region src/components/breadcrumb/breadcrumb.d.ts
+declare function Breadcrumb(props: BreadcrumbProps): JSX.Element;
+declare function Breadcrumb(props: BreadcrumbAsChildProps): JSX.Element;
+declare function BreadcrumbList(props: BreadcrumbListProps): JSX.Element;
+declare function BreadcrumbList(props: BreadcrumbListAsChildProps): JSX.Element;
+declare function BreadcrumbItem(props: BreadcrumbItemProps): JSX.Element;
+declare function BreadcrumbItem(props: BreadcrumbItemAsChildProps): JSX.Element;
+declare function BreadcrumbLink(props: BreadcrumbLinkProps): JSX.Element;
+declare function BreadcrumbLink(props: BreadcrumbLinkAsChildProps): JSX.Element;
+declare function BreadcrumbCurrent(props: BreadcrumbCurrentProps): JSX.Element;
+declare function BreadcrumbCurrent(props: BreadcrumbCurrentAsChildProps): JSX.Element;
+declare function BreadcrumbSeparator(props: BreadcrumbSeparatorProps): JSX.Element;
+declare function BreadcrumbSeparator(props: BreadcrumbSeparatorAsChildProps): JSX.Element;
+//#endregion
+export { Breadcrumb, BreadcrumbCurrent, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/components/breadcrumb/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../../src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type {\n  BreadcrumbAsChildProps,\n  BreadcrumbCurrentAsChildProps,\n  BreadcrumbCurrentProps,\n  BreadcrumbItemAsChildProps,\n  BreadcrumbItemProps,\n  BreadcrumbLinkAsChildProps,\n  BreadcrumbLinkProps,\n  BreadcrumbListAsChildProps,\n  BreadcrumbListProps,\n  BreadcrumbProps,\n  BreadcrumbSeparatorAsChildProps,\n  BreadcrumbSeparatorProps,\n} from \"./breadcrumb.types\";\n\nexport function Breadcrumb(props: BreadcrumbProps): JSX.Element;\nexport function Breadcrumb(props: BreadcrumbAsChildProps): JSX.Element;\nexport function Breadcrumb(props: BreadcrumbProps | BreadcrumbAsChildProps) {\n  const { asChild, children, ref, \"aria-label\": ariaLabel, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"aria-label\": ariaLabel ?? \"Breadcrumb\",\n    \"data-slot\": \"breadcrumb\",\n    \"data-breadcrumb\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <nav {...finalProps}>{children}</nav>;\n}\n\nexport function BreadcrumbList(props: BreadcrumbListProps): JSX.Element;\nexport function BreadcrumbList(props: BreadcrumbListAsChildProps): JSX.Element;\nexport function BreadcrumbList(props: BreadcrumbListProps | BreadcrumbListAsChildProps) {\n  const { asChild, children, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"data-slot\": \"breadcrumb-list\",\n    \"data-breadcrumb-list\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <ol {...finalProps}>{children}</ol>;\n}\n\nexport function BreadcrumbItem(props: BreadcrumbItemProps): JSX.Element;\nexport function BreadcrumbItem(props: BreadcrumbItemAsChildProps): JSX.Element;\nexport function BreadcrumbItem(props: BreadcrumbItemProps | BreadcrumbItemAsChildProps) {\n  const { asChild, children, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"data-slot\": \"breadcrumb-item\",\n    \"data-breadcrumb-item\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <li {...finalProps}>{children}</li>;\n}\n\nexport function BreadcrumbLink(props: BreadcrumbLinkProps): JSX.Element;\nexport function BreadcrumbLink(props: BreadcrumbLinkAsChildProps): JSX.Element;\nexport function BreadcrumbLink(props: BreadcrumbLinkProps | BreadcrumbLinkAsChildProps) {\n  const { asChild, children, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"data-slot\": \"breadcrumb-link\",\n    \"data-breadcrumb-link\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <a {...finalProps}>{children}</a>;\n}\n\nexport function BreadcrumbCurrent(props: BreadcrumbCurrentProps): JSX.Element;\nexport function BreadcrumbCurrent(props: BreadcrumbCurrentAsChildProps): JSX.Element;\nexport function BreadcrumbCurrent(props: BreadcrumbCurrentProps | BreadcrumbCurrentAsChildProps) {\n  const { asChild, children, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"aria-current\": \"page\",\n    \"data-slot\": \"breadcrumb-current\",\n    \"data-breadcrumb-current\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <span {...finalProps}>{children}</span>;\n}\n\nexport function BreadcrumbSeparator(props: BreadcrumbSeparatorProps): JSX.Element;\nexport function BreadcrumbSeparator(props: BreadcrumbSeparatorAsChildProps): JSX.Element;\nexport function BreadcrumbSeparator(\n  props: BreadcrumbSeparatorProps | BreadcrumbSeparatorAsChildProps,\n) {\n  const { asChild, children, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"breadcrumb-separator\",\n    \"data-breadcrumb-separator\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children ?? \"/\"} />;\n  }\n\n  return <span {...finalProps}>{children ?? \"/\"}</span>;\n}\n"],"mappings":";;;;AAmBA,SAAgB,WAAW,OAAiD;CAC1E,MAAM,EAAE,SAAS,UAAU,KAAK,cAAc,WAAW,GAAG,SAAS;CACrE,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,cAAc,aAAa;EAC3B,aAAa;EACb,mBAAmB;EACpB,CAAC;CAEF,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;CAG7D,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;EAAe,CAAA;;AAK9C,SAAgB,eAAe,OAAyD;CACtF,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,wBAAwB;EACzB,CAAC;CAEF,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;CAG7D,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAa;EAAc,CAAA;;AAK5C,SAAgB,eAAe,OAAyD;CACtF,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,wBAAwB;EACzB,CAAC;CAEF,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;CAG7D,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAa;EAAc,CAAA;;AAK5C,SAAgB,eAAe,OAAyD;CACtF,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,wBAAwB;EACzB,CAAC;CAEF,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;CAG7D,OAAO,oBAAC,KAAD;EAAG,GAAI;EAAa;EAAa,CAAA;;AAK1C,SAAgB,kBAAkB,OAA+D;CAC/F,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,gBAAgB;EAChB,aAAa;EACb,2BAA2B;EAC5B,CAAC;CAEF,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;CAG7D,OAAO,oBAAC,QAAD;EAAM,GAAI;EAAa;EAAgB,CAAA;;AAKhD,SAAgB,oBACd,OACA;CACA,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,eAAe;EACf,aAAa;EACb,6BAA6B;EAC9B,CAAC;CAEF,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAY,UAAU,YAAY;EAAO,CAAA;CAGpE,OAAO,oBAAC,QAAD;EAAM,GAAI;YAAa,YAAY;EAAW,CAAA"}

package/dist/components/breadcrumb/breadcrumb.types.d.ts

@@ -1,59 +1,65 @@
-import type { JSXElement, Ref } from "@askrjs/askr/foundations";
-export type BreadcrumbOwnProps = {
-    children?: unknown;
-    "aria-label"?: string;
-};
-export type BreadcrumbProps = Omit<JSX.IntrinsicElements["nav"], "children" | "ref"> & BreadcrumbOwnProps & {
-    asChild?: false;
-    ref?: Ref<HTMLElement>;
-};
-export type BreadcrumbAsChildProps = BreadcrumbOwnProps & {
-    asChild: true;
-    children: JSXElement;
-    ref?: Ref<unknown>;
-};
-export type BreadcrumbListProps = Omit<JSX.IntrinsicElements["ol"], "children" | "ref"> & {
-    asChild?: false;
-    ref?: Ref<HTMLOListElement>;
-};
-export type BreadcrumbListAsChildProps = {
-    asChild: true;
-    children: JSXElement;
-    ref?: Ref<unknown>;
-};
-export type BreadcrumbItemProps = Omit<JSX.IntrinsicElements["li"], "children" | "ref"> & {
-    asChild?: false;
-    ref?: Ref<HTMLLIElement>;
-};
-export type BreadcrumbItemAsChildProps = {
-    asChild: true;
-    children: JSXElement;
-    ref?: Ref<unknown>;
-};
-export type BreadcrumbLinkProps = Omit<JSX.IntrinsicElements["a"], "children" | "ref"> & {
-    asChild?: false;
-    ref?: Ref<HTMLAnchorElement>;
-};
-export type BreadcrumbLinkAsChildProps = {
-    asChild: true;
-    children: JSXElement;
-    ref?: Ref<unknown>;
-};
-export type BreadcrumbCurrentProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & {
-    asChild?: false;
-    ref?: Ref<HTMLSpanElement>;
-};
-export type BreadcrumbCurrentAsChildProps = {
-    asChild: true;
-    children: JSXElement;
-    ref?: Ref<unknown>;
-};
-export type BreadcrumbSeparatorProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & {
-    asChild?: false;
-    ref?: Ref<HTMLSpanElement>;
-};
-export type BreadcrumbSeparatorAsChildProps = {
-    asChild: true;
-    children: JSXElement;
-    ref?: Ref<unknown>;
+import { JSXElement } from "@askrjs/askr/foundations";
+import { Ref } from "@askrjs/askr/foundations/utilities";
+
+//#region src/components/breadcrumb/breadcrumb.types.d.ts
+type BreadcrumbOwnProps = {
+  children?: unknown;
+  "aria-label"?: string;
 };
+type BreadcrumbProps = Omit<JSX.IntrinsicElements["nav"], "children" | "ref"> & BreadcrumbOwnProps & {
+  asChild?: false;
+  ref?: Ref<HTMLElement>;
+};
+type BreadcrumbAsChildProps = BreadcrumbOwnProps & {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+};
+type BreadcrumbListProps = Omit<JSX.IntrinsicElements["ol"], "children" | "ref"> & {
+  asChild?: false;
+  ref?: Ref<HTMLOListElement>;
+};
+type BreadcrumbListAsChildProps = {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+};
+type BreadcrumbItemProps = Omit<JSX.IntrinsicElements["li"], "children" | "ref"> & {
+  asChild?: false;
+  ref?: Ref<HTMLLIElement>;
+};
+type BreadcrumbItemAsChildProps = {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+};
+type BreadcrumbLinkProps = Omit<JSX.IntrinsicElements["a"], "children" | "ref"> & {
+  asChild?: false;
+  ref?: Ref<HTMLAnchorElement>;
+};
+type BreadcrumbLinkAsChildProps = {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+};
+type BreadcrumbCurrentProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & {
+  asChild?: false;
+  ref?: Ref<HTMLSpanElement>;
+};
+type BreadcrumbCurrentAsChildProps = {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+};
+type BreadcrumbSeparatorProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & {
+  asChild?: false;
+  ref?: Ref<HTMLSpanElement>;
+};
+type BreadcrumbSeparatorAsChildProps = {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+};
+//#endregion
+export { BreadcrumbAsChildProps, BreadcrumbCurrentAsChildProps, BreadcrumbCurrentProps, BreadcrumbItemAsChildProps, BreadcrumbItemProps, BreadcrumbLinkAsChildProps, BreadcrumbLinkProps, BreadcrumbListAsChildProps, BreadcrumbListProps, BreadcrumbOwnProps, BreadcrumbProps, BreadcrumbSeparatorAsChildProps, BreadcrumbSeparatorProps };
+//# sourceMappingURL=breadcrumb.types.d.ts.map

package/dist/components/breadcrumb/index.d.ts

@@ -1,3 +1,3 @@
-export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbCurrent, BreadcrumbSeparator, } from "./breadcrumb";
-export { BREADCRUMB_A11Y_CONTRACT, type BreadcrumbA11yContract } from "./breadcrumb.a11y";
-export type { BreadcrumbOwnProps, BreadcrumbProps, BreadcrumbAsChildProps, BreadcrumbListProps, BreadcrumbListAsChildProps, BreadcrumbItemProps, BreadcrumbItemAsChildProps, BreadcrumbLinkProps, BreadcrumbLinkAsChildProps, BreadcrumbCurrentProps, BreadcrumbCurrentAsChildProps, BreadcrumbSeparatorProps, BreadcrumbSeparatorAsChildProps, } from "./breadcrumb.types";
+import { BreadcrumbAsChildProps, BreadcrumbCurrentAsChildProps, BreadcrumbCurrentProps, BreadcrumbItemAsChildProps, BreadcrumbItemProps, BreadcrumbLinkAsChildProps, BreadcrumbLinkProps, BreadcrumbListAsChildProps, BreadcrumbListProps, BreadcrumbOwnProps, BreadcrumbProps, BreadcrumbSeparatorAsChildProps, BreadcrumbSeparatorProps } from "./breadcrumb.types.js";
+import { Breadcrumb, BreadcrumbCurrent, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator } from "./breadcrumb.js";
+import { BREADCRUMB_A11Y_CONTRACT, BreadcrumbA11yContract } from "./breadcrumb.a11y.js";

package/dist/components/button-group/button-group.d.ts

@@ -0,0 +1,7 @@
+import { ButtonGroupProps } from "./button-group.types.js";
+
+//#region src/components/button-group/button-group.d.ts
+declare function ButtonGroup(props: ButtonGroupProps): JSX.Element;
+//#endregion
+export { ButtonGroup };
+//# sourceMappingURL=button-group.d.ts.map

package/dist/components/button-group/button-group.js

@@ -0,0 +1,20 @@
+import { classes } from "../_internal/classes.js";
+import { jsx } from "@askrjs/askr/jsx-runtime";
+//#region src/components/button-group/button-group.tsx
+function ButtonGroup(props) {
+	const { attached = true, children, class: className, orientation = "horizontal", ref, role, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		ref,
+		class: classes("btn-group", orientation === "vertical" ? "btn-group-vertical" : void 0, className),
+		"data-attached": attached ? "true" : "false",
+		"data-orientation": orientation,
+		"data-slot": "button-group",
+		role: role ?? "group",
+		children
+	});
+}
+//#endregion
+export { ButtonGroup };
+
+//# sourceMappingURL=button-group.js.map

package/dist/components/button-group/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","names":[],"sources":["../../../src/components/button-group/button-group.tsx"],"sourcesContent":["import { classes } from \"../_internal/classes\";\nimport { ButtonGroupProps } from \"./button-group.types\";\n\nexport function ButtonGroup(props: ButtonGroupProps): JSX.Element {\n  const {\n    attached = true,\n    children,\n    class: className,\n    orientation = \"horizontal\",\n    ref,\n    role,\n    ...rest\n  } = props;\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      class={classes(\n        \"btn-group\",\n        orientation === \"vertical\" ? \"btn-group-vertical\" : undefined,\n        className,\n      )}\n      data-attached={attached ? \"true\" : \"false\"}\n      data-orientation={orientation}\n      data-slot=\"button-group\"\n      role={role ?? \"group\"}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AAGA,SAAgB,YAAY,OAAsC;CAChE,MAAM,EACJ,WAAW,MACX,UACA,OAAO,WACP,cAAc,cACd,KACA,MACA,GAAG,SACD;CAEJ,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,OAAO,QACL,aACA,gBAAgB,aAAa,uBAAuB,KAAA,GACpD,UACD;EACD,iBAAe,WAAW,SAAS;EACnC,oBAAkB;EAClB,aAAU;EACV,MAAM,QAAQ;EAEb;EACG,CAAA"}

package/dist/components/button-group/button-group.types.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from "@askrjs/askr/foundations/utilities";
+
+//#region src/components/button-group/button-group.types.d.ts
+type ButtonGroupOrientation = "horizontal" | "vertical";
+type DivProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref">;
+type ButtonGroupProps = DivProps & {
+  children?: unknown;
+  attached?: boolean;
+  orientation?: ButtonGroupOrientation;
+  ref?: Ref<HTMLDivElement>;
+};
+//#endregion
+export { ButtonGroupOrientation, ButtonGroupProps };
+//# sourceMappingURL=button-group.types.d.ts.map

package/dist/components/button-group/index.d.ts

@@ -0,0 +1,2 @@
+import { ButtonGroupOrientation, ButtonGroupProps } from "./button-group.types.js";
+import { ButtonGroup } from "./button-group.js";

package/dist/components/card/card.d.ts

@@ -1,7 +1,13 @@
-import type { CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps } from "./card.types";
-export declare function Card(props: CardProps): JSX.Element;
-export declare function CardHeader(props: CardHeaderProps): JSX.Element;
-export declare function CardTitle(props: CardTitleProps): JSX.Element;
-export declare function CardDescription(props: CardDescriptionProps): JSX.Element;
-export declare function CardContent(props: CardContentProps): JSX.Element;
-export declare function CardFooter(props: CardFooterProps): JSX.Element;
+import { CardActionsProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps } from "./card.types.js";
+
+//#region src/components/card/card.d.ts
+declare function Card(props: CardProps): JSX.Element;
+declare function CardHeader(props: CardHeaderProps): JSX.Element;
+declare function CardTitle(props: CardTitleProps): JSX.Element;
+declare function CardDescription(props: CardDescriptionProps): JSX.Element;
+declare function CardContent(props: CardContentProps): JSX.Element;
+declare function CardFooter(props: CardFooterProps): JSX.Element;
+declare function CardActions(props: CardActionsProps): JSX.Element;
+//#endregion
+export { Card, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+//# sourceMappingURL=card.d.ts.map

package/dist/components/card/card.js

@@ -0,0 +1,95 @@
+import { classes } from "../_internal/classes.js";
+import { mergeProps } from "../_internal/merge-props.js";
+import { jsx } from "@askrjs/askr/jsx-runtime";
+//#region src/components/card/card.tsx
+function normalizePadding(padding) {
+	return padding && padding !== "md" ? padding : void 0;
+}
+function normalizeVariant(variant) {
+	return variant && variant !== "default" ? variant : void 0;
+}
+function Card(props) {
+	const { children, class: className, variant, padding = "md", ref, ...rest } = props;
+	const normalizedVariant = normalizeVariant(variant);
+	const normalizedPadding = normalizePadding(padding);
+	return /* @__PURE__ */ jsx("div", {
+		...mergeProps(rest, {
+			ref,
+			class: classes("card", normalizedVariant && `card-${normalizedVariant}`, normalizedPadding && `card-${normalizedPadding}`, className),
+			"data-padding": normalizedPadding,
+			"data-slot": "card",
+			"data-variant": normalizedVariant
+		}),
+		children
+	});
+}
+function CardHeader(props) {
+	const { children, class: className, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...mergeProps(rest, {
+			ref,
+			class: classes("card-header", className),
+			"data-slot": "card-header"
+		}),
+		children
+	});
+}
+function CardTitle(props) {
+	const { children, class: className, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("h3", {
+		...mergeProps(rest, {
+			ref,
+			class: classes("card-title", className),
+			"data-slot": "card-title"
+		}),
+		children
+	});
+}
+function CardDescription(props) {
+	const { children, class: className, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("p", {
+		...mergeProps(rest, {
+			ref,
+			class: classes("card-description", className),
+			"data-slot": "card-description"
+		}),
+		children
+	});
+}
+function CardContent(props) {
+	const { children, class: className, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...mergeProps(rest, {
+			ref,
+			class: classes("card-content", className),
+			"data-slot": "card-content"
+		}),
+		children
+	});
+}
+function CardFooter(props) {
+	const { children, class: className, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...mergeProps(rest, {
+			ref,
+			class: classes("card-footer", className),
+			"data-slot": "card-footer"
+		}),
+		children
+	});
+}
+function CardActions(props) {
+	const { children, class: className, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...mergeProps(rest, {
+			ref,
+			class: classes("card-actions", className),
+			"data-slot": "card-actions"
+		}),
+		children
+	});
+}
+//#endregion
+export { Card, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+
+//# sourceMappingURL=card.js.map

package/dist/components/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":[],"sources":["../../../src/components/card/card.tsx"],"sourcesContent":["import { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type {\n  CardActionsProps,\n  CardContentProps,\n  CardDescriptionProps,\n  CardFooterProps,\n  CardHeaderProps,\n  CardPadding,\n  CardProps,\n  CardTitleProps,\n  CardVariant,\n} from \"./card.types\";\n\nfunction normalizePadding(padding: CardPadding | undefined) {\n  return padding && padding !== \"md\" ? padding : undefined;\n}\n\nfunction normalizeVariant(variant: CardVariant | undefined) {\n  return variant && variant !== \"default\" ? variant : undefined;\n}\n\nexport function Card(props: CardProps): JSX.Element {\n  const { children, class: className, variant, padding = \"md\", ref, ...rest } = props;\n  const normalizedVariant = normalizeVariant(variant);\n  const normalizedPadding = normalizePadding(padding);\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\n      \"card\",\n      normalizedVariant && `card-${normalizedVariant}`,\n      normalizedPadding && `card-${normalizedPadding}`,\n      className,\n    ),\n    \"data-padding\": normalizedPadding,\n    \"data-slot\": \"card\",\n    \"data-variant\": normalizedVariant,\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardHeader(props: CardHeaderProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-header\", className),\n    \"data-slot\": \"card-header\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardTitle(props: CardTitleProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-title\", className),\n    \"data-slot\": \"card-title\",\n  });\n\n  return <h3 {...finalProps}>{children}</h3>;\n}\n\nexport function CardDescription(props: CardDescriptionProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-description\", className),\n    \"data-slot\": \"card-description\",\n  });\n\n  return <p {...finalProps}>{children}</p>;\n}\n\nexport function CardContent(props: CardContentProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-content\", className),\n    \"data-slot\": \"card-content\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardFooter(props: CardFooterProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-footer\", className),\n    \"data-slot\": \"card-footer\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardActions(props: CardActionsProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-actions\", className),\n    \"data-slot\": \"card-actions\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":";;;;AAcA,SAAS,iBAAiB,SAAkC;CAC1D,OAAO,WAAW,YAAY,OAAO,UAAU,KAAA;;AAGjD,SAAS,iBAAiB,SAAkC;CAC1D,OAAO,WAAW,YAAY,YAAY,UAAU,KAAA;;AAGtD,SAAgB,KAAK,OAA+B;CAClD,MAAM,EAAE,UAAU,OAAO,WAAW,SAAS,UAAU,MAAM,KAAK,GAAG,SAAS;CAC9E,MAAM,oBAAoB,iBAAiB,QAAQ;CACnD,MAAM,oBAAoB,iBAAiB,QAAQ;CAenD,OAAO,oBAAC,OAAD;EAAK,GAbO,WAAW,MAAM;GAClC;GACA,OAAO,QACL,QACA,qBAAqB,QAAQ,qBAC7B,qBAAqB,QAAQ,qBAC7B,UACD;GACD,gBAAgB;GAChB,aAAa;GACb,gBAAgB;GACjB,CAEyB;EAAG;EAAe,CAAA;;AAG9C,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,eAAe,UAAU;GACxC,aAAa;GACd,CAEyB;EAAG;EAAe,CAAA;;AAG9C,SAAgB,UAAU,OAAoC;CAC5D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,MAAD;EAAI,GANQ,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,cAAc,UAAU;GACvC,aAAa;GACd,CAEwB;EAAG;EAAc,CAAA;;AAG5C,SAAgB,gBAAgB,OAA0C;CACxE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,KAAD;EAAG,GANS,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,oBAAoB,UAAU;GAC7C,aAAa;GACd,CAEuB;EAAG;EAAa,CAAA;;AAG1C,SAAgB,YAAY,OAAsC;CAChE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,gBAAgB,UAAU;GACzC,aAAa;GACd,CAEyB;EAAG;EAAe,CAAA;;AAG9C,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,eAAe,UAAU;GACxC,aAAa;GACd,CAEyB;EAAG;EAAe,CAAA;;AAG9C,SAAgB,YAAY,OAAsC;CAChE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,gBAAgB,UAAU;GACzC,aAAa;GACd,CAEyB;EAAG;EAAe,CAAA"}

package/dist/components/card/card.types.d.ts

@@ -1,33 +1,41 @@
-import type { Ref } from "@askrjs/askr/foundations";
-export type CardVariant = "default" | "raised";
-export type CardPadding = "sm" | "md" | "lg";
+import { Ref } from "@askrjs/askr/foundations/utilities";
+
+//#region src/components/card/card.types.d.ts
+type CardVariant = "default" | "raised";
+type CardPadding = "sm" | "md" | "lg";
 type DivProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref">;
 type HeadingProps = Omit<JSX.IntrinsicElements["h3"], "children" | "ref">;
 type ParagraphProps = Omit<JSX.IntrinsicElements["p"], "children" | "ref">;
-export type CardProps = DivProps & {
-    children?: unknown;
-    variant?: CardVariant;
-    padding?: CardPadding;
-    ref?: Ref<HTMLDivElement>;
+type CardProps = DivProps & {
+  children?: unknown;
+  variant?: CardVariant;
+  padding?: CardPadding;
+  ref?: Ref<HTMLDivElement>;
 };
-export type CardHeaderProps = DivProps & {
-    children?: unknown;
-    ref?: Ref<HTMLDivElement>;
+type CardHeaderProps = DivProps & {
+  children?: unknown;
+  ref?: Ref<HTMLDivElement>;
 };
-export type CardContentProps = DivProps & {
-    children?: unknown;
-    ref?: Ref<HTMLDivElement>;
+type CardContentProps = DivProps & {
+  children?: unknown;
+  ref?: Ref<HTMLDivElement>;
 };
-export type CardFooterProps = DivProps & {
-    children?: unknown;
-    ref?: Ref<HTMLDivElement>;
+type CardFooterProps = DivProps & {
+  children?: unknown;
+  ref?: Ref<HTMLDivElement>;
 };
-export type CardTitleProps = HeadingProps & {
-    children?: unknown;
-    ref?: Ref<HTMLHeadingElement>;
+type CardActionsProps = DivProps & {
+  children?: unknown;
+  ref?: Ref<HTMLDivElement>;
 };
-export type CardDescriptionProps = ParagraphProps & {
-    children?: unknown;
-    ref?: Ref<HTMLParagraphElement>;
+type CardTitleProps = HeadingProps & {
+  children?: unknown;
+  ref?: Ref<HTMLHeadingElement>;
 };
-export {};
+type CardDescriptionProps = ParagraphProps & {
+  children?: unknown;
+  ref?: Ref<HTMLParagraphElement>;
+};
+//#endregion
+export { CardActionsProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardPadding, CardProps, CardTitleProps, CardVariant };
+//# sourceMappingURL=card.types.d.ts.map

package/dist/components/card/index.d.ts

@@ -1,2 +1,2 @@
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card";
-export type { CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardPadding, CardProps, CardTitleProps, CardVariant, } from "./card.types";
+import { CardActionsProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardPadding, CardProps, CardTitleProps, CardVariant } from "./card.types.js";
+import { Card, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card.js";

package/dist/components/close/close.d.ts

@@ -0,0 +1,7 @@
+import { CloseNativeProps } from "./close.types.js";
+
+//#region src/components/close/close.d.ts
+declare function Close(props: CloseNativeProps): JSX.Element;
+//#endregion
+export { Close };
+//# sourceMappingURL=close.d.ts.map

package/dist/components/close/close.js

@@ -0,0 +1,22 @@
+import { classes } from "../_internal/classes.js";
+import { Button } from "@askrjs/ui";
+import { jsx } from "@askrjs/askr/jsx-runtime";
+//#region src/components/close/close.tsx
+function Close(props) {
+	const { children, class: className, label = "Close", size, variant, ...rest } = props;
+	return /* @__PURE__ */ jsx(Button, {
+		...rest,
+		class: classes("btn-close", className),
+		"aria-label": label,
+		size: size ?? "icon",
+		variant: variant ?? "ghost",
+		children: children ?? /* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			children: "×"
+		})
+	});
+}
+//#endregion
+export { Close };
+
+//# sourceMappingURL=close.js.map

package/dist/components/close/close.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"close.js","names":[],"sources":["../../../src/components/close/close.tsx"],"sourcesContent":["import { Button, type ButtonNativeProps } from \"@askrjs/ui\";\nimport { classes } from \"../_internal/classes\";\nimport type { CloseNativeProps } from \"./close.types\";\n\nexport function Close(props: CloseNativeProps): JSX.Element;\nexport function Close(props: CloseNativeProps): JSX.Element {\n  const { children, class: className, label = \"Close\", size, variant, ...rest } = props;\n  return (\n    <Button\n      {...(rest as ButtonNativeProps)}\n      class={classes(\"btn-close\", className)}\n      aria-label={label}\n      size={size ?? \"icon\"}\n      variant={variant ?? \"ghost\"}\n    >\n      {children ?? <span aria-hidden=\"true\">×</span>}\n    </Button>\n  );\n}\n"],"mappings":";;;;AAKA,SAAgB,MAAM,OAAsC;CAC1D,MAAM,EAAE,UAAU,OAAO,WAAW,QAAQ,SAAS,MAAM,SAAS,GAAG,SAAS;CAChF,OACE,oBAAC,QAAD;EACE,GAAK;EACL,OAAO,QAAQ,aAAa,UAAU;EACtC,cAAY;EACZ,MAAM,QAAQ;EACd,SAAS,WAAW;YAEnB,YAAY,oBAAC,QAAD;GAAM,eAAY;aAAO;GAAQ,CAAA;EACvC,CAAA"}

package/dist/components/close/close.types.d.ts

@@ -0,0 +1,10 @@
+import { ButtonNativeProps } from "@askrjs/ui";
+
+//#region src/components/close/close.types.d.ts
+type CloseOwnProps = {
+  label?: string;
+};
+type CloseNativeProps = ButtonNativeProps & CloseOwnProps;
+//#endregion
+export { CloseNativeProps, CloseOwnProps };
+//# sourceMappingURL=close.types.d.ts.map

package/dist/components/close/index.d.ts

@@ -0,0 +1,2 @@
+import { CloseNativeProps, CloseOwnProps } from "./close.types.js";
+import { Close } from "./close.js";

package/dist/components/container/container.a11y.d.ts

@@ -1,16 +1,20 @@
-export declare const CONTAINER_A11Y_CONTRACT: {
-    readonly DATA_ATTRIBUTES: {
-        readonly slot: "data-slot";
-        readonly layout: "data-ak-layout";
-        readonly variant: "data-variant";
-        readonly fluid: "data-fluid";
-        readonly maxWidth: "data-max-width";
-        readonly padding: "data-padding";
-        readonly size: "data-size";
-        readonly align: "data-align";
-    };
-    readonly SLOT_VALUES: {
-        readonly root: "container";
-    };
+//#region src/components/container/container.a11y.d.ts
+declare const CONTAINER_A11Y_CONTRACT: {
+  readonly DATA_ATTRIBUTES: {
+    readonly slot: "data-slot";
+    readonly layout: "data-ak-layout";
+    readonly variant: "data-variant";
+    readonly fluid: "data-fluid";
+    readonly maxWidth: "data-max-width";
+    readonly padding: "data-padding";
+    readonly size: "data-size";
+    readonly align: "data-align";
+  };
+  readonly SLOT_VALUES: {
+    readonly root: "container";
+  };
 };
-export type ContainerA11yContract = typeof CONTAINER_A11Y_CONTRACT;
+type ContainerA11yContract = typeof CONTAINER_A11Y_CONTRACT;
+//#endregion
+export { CONTAINER_A11Y_CONTRACT, ContainerA11yContract };
+//# sourceMappingURL=container.a11y.d.ts.map

package/dist/components/container/container.d.ts

@@ -1,3 +1,8 @@
-import type { ContainerAsChildProps, ContainerNativeProps } from "./container.types";
-export declare function Container(props: ContainerNativeProps): JSX.Element;
-export declare function Container(props: ContainerAsChildProps): JSX.Element;
+import { ContainerAsChildProps, ContainerNativeProps } from "./container.types.js";
+
+//#region src/components/container/container.d.ts
+declare function Container(props: ContainerNativeProps): JSX.Element;
+declare function Container(props: ContainerAsChildProps): JSX.Element;
+//#endregion
+export { Container };
+//# sourceMappingURL=container.d.ts.map

package/dist/{container → components/container}/container.js

@@ -1,6 +1,6 @@
 import { mergeProps } from "../_internal/merge-props.js";
 import { isResponsiveValue, resolveContainerSizeValue, resolveInlineAlignValue, resolveSpaceValue, serializeResponsiveValueIf, setResponsiveStyleVar } from "../_internal/layout.js";
-import { applyBoxLayoutStyles, splitBoxLayoutProps, withBoxLayoutStyle } from "../_internal/box-layout.js";
+import { applyBoxLayoutStyles, splitBoxLayoutProps, withBoxLayoutClass } from "../_internal/box-layout.js";
 import { jsx } from "@askrjs/askr/jsx-runtime";
 import { Slot } from "@askrjs/askr/foundations";
 //#region src/components/container/container.tsx
@@ -54,7 +54,7 @@ function Container(props) {
 		applyAlign("marginLeft", align);
 		applyAlign("marginRight", align);
 	}
-	const mergedStyle = Object.keys(layoutStyle).length > 2 || hasStyleValue(userStyle) ? withBoxLayoutStyle(layoutStyle, userStyle) : void 0;
+	const layoutClass = Object.keys(layoutStyle).length > 2 || hasStyleValue(userStyle) ? withBoxLayoutClass(layoutStyle, userStyle) : void 0;
 	const finalProps = mergeProps(passthroughProps, {
 		ref,
 		"data-slot": "container",
@@ -64,7 +64,7 @@ function Container(props) {
 		"data-size": fluid ? void 0 : isStaticValue(size) ? serializeResponsiveValueIf(size, isContainerWidthToken) : void 0,
 		"data-align": isStaticValue(align) ? serializeResponsiveValueIf(align, isContainerAlignToken) : void 0,
 		"data-max-width": fluid ? void 0 : isStaticValue(maxWidth) ? serializeResponsiveValueIf(maxWidth, isContainerWidthToken) : void 0,
-		style: mergedStyle
+		...layoutClass ? { class: layoutClass } : {}
 	});
 	if (asChild) return /* @__PURE__ */ jsx(Slot, {
 		asChild: true,

package/dist/components/container/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","names":[],"sources":["../../../src/components/container/container.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport {\n  applyBoxLayoutStyles,\n  splitBoxLayoutProps,\n  withBoxLayoutClass,\n} from \"../_internal/box-layout\";\nimport {\n  isResponsiveValue,\n  resolveContainerSizeValue,\n  resolveInlineAlignValue,\n  resolveSpaceValue,\n  serializeResponsiveValueIf,\n  setResponsiveStyleVar,\n} from \"../_internal/layout\";\nimport type { ContainerAsChildProps, ContainerNativeProps } from \"./container.types\";\n\nconst CONTAINER_WIDTH_TOKENS = new Set([\"1\", \"2\", \"3\", \"4\", \"sm\", \"md\", \"lg\", \"xl\"]);\n\nfunction isContainerWidthToken(value: unknown): value is string {\n  return typeof value === \"string\" && CONTAINER_WIDTH_TOKENS.has(value.trim());\n}\n\nfunction isContainerAlignToken(value: unknown): value is \"left\" | \"center\" | \"right\" {\n  return typeof value === \"string\" && [\"left\", \"center\", \"right\"].includes(value.trim());\n}\n\nfunction hasStyleValue(value: unknown): boolean {\n  if (typeof value === \"string\") return value.trim().length > 0;\n  if (value && typeof value === \"object\") {\n    return Object.keys(value as Record<string, unknown>).length > 0;\n  }\n\n  return false;\n}\n\nfunction isStaticValue(value: unknown): boolean {\n  return !isResponsiveValue(value as Record<string, unknown> | undefined);\n}\n\nexport function Container(props: ContainerNativeProps): JSX.Element;\nexport function Container(props: ContainerAsChildProps): JSX.Element;\nexport function Container(props: ContainerNativeProps | ContainerAsChildProps) {\n  const {\n    asChild,\n    children,\n    variant,\n    fluid = false,\n    maxWidth,\n    padding,\n    size,\n    align = \"center\",\n    ref,\n    style: userStyle,\n    ...rest\n  } = props;\n\n  const responsiveVariant =\n    fluid || (size === undefined && maxWidth === undefined)\n      ? fluid\n        ? \"fluid\"\n        : (variant ?? \"default\")\n      : undefined;\n\n  const { boxProps, rest: passthroughProps } = splitBoxLayoutProps(rest);\n  const layoutStyle: Record<string, string | number> = {\n    boxSizing: \"border-box\",\n    width: \"100%\",\n  };\n  applyBoxLayoutStyles(layoutStyle, boxProps);\n\n  const widthValue = fluid ? undefined : (maxWidth ?? size);\n  const usesInlineMaxWidth =\n    boxProps.maxWidth === undefined &&\n    widthValue !== undefined &&\n    (isResponsiveValue(widthValue) || !isContainerWidthToken(widthValue));\n\n  if (usesInlineMaxWidth) {\n    setResponsiveStyleVar(layoutStyle, \"max-width\", widthValue, (value) =>\n      typeof value === \"string\" && isContainerWidthToken(value)\n        ? resolveContainerSizeValue(value)\n        : value,\n    );\n  }\n\n  if (\n    padding !== undefined &&\n    boxProps.px === undefined &&\n    boxProps.pl === undefined &&\n    boxProps.pr === undefined\n  ) {\n    setResponsiveStyleVar(layoutStyle, \"px\", padding, resolveSpaceValue);\n  }\n\n  const applyAlign = (side: \"marginLeft\" | \"marginRight\", value: typeof align) => {\n    setResponsiveStyleVar(layoutStyle, side === \"marginLeft\" ? \"ml\" : \"mr\", value, (input) => {\n      const margins = resolveInlineAlignValue(input);\n      return side === \"marginLeft\" ? margins.marginLeft : margins.marginRight;\n    });\n  };\n\n  if (boxProps.ml === undefined && boxProps.mr === undefined && isResponsiveValue(align)) {\n    applyAlign(\"marginLeft\", align);\n    applyAlign(\"marginRight\", align);\n  }\n\n  const layoutClass =\n    Object.keys(layoutStyle).length > 2 || hasStyleValue(userStyle)\n      ? withBoxLayoutClass(layoutStyle, userStyle)\n      : undefined;\n\n  const finalProps = mergeProps(passthroughProps, {\n    ref,\n    \"data-slot\": \"container\",\n    \"data-ak-layout\": \"true\",\n    \"data-variant\": responsiveVariant,\n    \"data-fluid\": fluid ? \"true\" : undefined,\n    \"data-size\": fluid\n      ? undefined\n      : isStaticValue(size)\n        ? serializeResponsiveValueIf(size, isContainerWidthToken)\n        : undefined,\n    \"data-align\": isStaticValue(align)\n      ? serializeResponsiveValueIf(align, isContainerAlignToken)\n      : undefined,\n    \"data-max-width\": fluid\n      ? undefined\n      : isStaticValue(maxWidth)\n        ? serializeResponsiveValueIf(maxWidth, isContainerWidthToken)\n        : undefined,\n    ...(layoutClass ? { class: layoutClass } : {}),\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":";;;;;;AAiBA,MAAM,yBAAyB,IAAI,IAAI;CAAC;CAAK;CAAK;CAAK;CAAK;CAAM;CAAM;CAAM;CAAK,CAAC;AAEpF,SAAS,sBAAsB,OAAiC;CAC9D,OAAO,OAAO,UAAU,YAAY,uBAAuB,IAAI,MAAM,MAAM,CAAC;;AAG9E,SAAS,sBAAsB,OAAsD;CACnF,OAAO,OAAO,UAAU,YAAY;EAAC;EAAQ;EAAU;EAAQ,CAAC,SAAS,MAAM,MAAM,CAAC;;AAGxF,SAAS,cAAc,OAAyB;CAC9C,IAAI,OAAO,UAAU,UAAU,OAAO,MAAM,MAAM,CAAC,SAAS;CAC5D,IAAI,SAAS,OAAO,UAAU,UAC5B,OAAO,OAAO,KAAK,MAAiC,CAAC,SAAS;CAGhE,OAAO;;AAGT,SAAS,cAAc,OAAyB;CAC9C,OAAO,CAAC,kBAAkB,MAA6C;;AAKzE,SAAgB,UAAU,OAAqD;CAC7E,MAAM,EACJ,SACA,UACA,SACA,QAAQ,OACR,UACA,SACA,MACA,QAAQ,UACR,KACA,OAAO,WACP,GAAG,SACD;CAEJ,MAAM,oBACJ,SAAU,SAAS,KAAA,KAAa,aAAa,KAAA,IACzC,QACE,UACC,WAAW,YACd,KAAA;CAEN,MAAM,EAAE,UAAU,MAAM,qBAAqB,oBAAoB,KAAK;CACtE,MAAM,cAA+C;EACnD,WAAW;EACX,OAAO;EACR;CACD,qBAAqB,aAAa,SAAS;CAE3C,MAAM,aAAa,QAAQ,KAAA,IAAa,YAAY;CAMpD,IAJE,SAAS,aAAa,KAAA,KACtB,eAAe,KAAA,MACd,kBAAkB,WAAW,IAAI,CAAC,sBAAsB,WAAW,GAGpE,sBAAsB,aAAa,aAAa,aAAa,UAC3D,OAAO,UAAU,YAAY,sBAAsB,MAAM,GACrD,0BAA0B,MAAM,GAChC,MACL;CAGH,IACE,YAAY,KAAA,KACZ,SAAS,OAAO,KAAA,KAChB,SAAS,OAAO,KAAA,KAChB,SAAS,OAAO,KAAA,GAEhB,sBAAsB,aAAa,MAAM,SAAS,kBAAkB;CAGtE,MAAM,cAAc,MAAoC,UAAwB;EAC9E,sBAAsB,aAAa,SAAS,eAAe,OAAO,MAAM,QAAQ,UAAU;GACxF,MAAM,UAAU,wBAAwB,MAAM;GAC9C,OAAO,SAAS,eAAe,QAAQ,aAAa,QAAQ;IAC5D;;CAGJ,IAAI,SAAS,OAAO,KAAA,KAAa,SAAS,OAAO,KAAA,KAAa,kBAAkB,MAAM,EAAE;EACtF,WAAW,cAAc,MAAM;EAC/B,WAAW,eAAe,MAAM;;CAGlC,MAAM,cACJ,OAAO,KAAK,YAAY,CAAC,SAAS,KAAK,cAAc,UAAU,GAC3D,mBAAmB,aAAa,UAAU,GAC1C,KAAA;CAEN,MAAM,aAAa,WAAW,kBAAkB;EAC9C;EACA,aAAa;EACb,kBAAkB;EAClB,gBAAgB;EAChB,cAAc,QAAQ,SAAS,KAAA;EAC/B,aAAa,QACT,KAAA,IACA,cAAc,KAAK,GACjB,2BAA2B,MAAM,sBAAsB,GACvD,KAAA;EACN,cAAc,cAAc,MAAM,GAC9B,2BAA2B,OAAO,sBAAsB,GACxD,KAAA;EACJ,kBAAkB,QACd,KAAA,IACA,cAAc,SAAS,GACrB,2BAA2B,UAAU,sBAAsB,GAC3D,KAAA;EACN,GAAI,cAAc,EAAE,OAAO,aAAa,GAAG,EAAE;EAC9C,CAAC;CAEF,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;CAG7D,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;EAAe,CAAA"}