@askrjs/themes 0.0.2 → 0.0.4

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

@@ -1,29 +1,29 @@
-import type { JSXElement, Ref } from "@askrjs/askr/foundations";
-import type { BoxLayoutOwnProps, LayoutResponsive } from "../box/box.types";
-export type ContainerVariant = "default" | "sm" | "md" | "lg" | "xl" | "xxl" | "fluid";
-export type ContainerOwnProps = BoxLayoutOwnProps & {
-    /** Bootstrap-like responsive container variant. */
-    variant?: ContainerVariant;
-    /** Makes the container span the full available width while preserving gutters. */
-    fluid?: boolean;
-    /** Radix-style container size token. */
-    size?: LayoutResponsive<"1" | "2" | "3" | "4" | "sm" | "md" | "lg" | "xl">;
-    /** Horizontal alignment of the constrained container. */
-    align?: LayoutResponsive<"left" | "center" | "right">;
-    /** Compatibility max-width override. */
-    maxWidth?: LayoutResponsive<string>;
-    /** Compatibility horizontal padding override. */
-    padding?: LayoutResponsive<string | number>;
-    children?: unknown;
+import { BoxLayoutOwnProps, LayoutResponsive } from "../box/box.types.js";
+import { JSXElement } from "@askrjs/askr/foundations";
+import { Ref } from "@askrjs/askr/foundations/utilities";
+
+//#region src/components/container/container.types.d.ts
+type ContainerVariant = "default" | "sm" | "md" | "lg" | "xl" | "xxl" | "fluid";
+type ContainerOwnProps = BoxLayoutOwnProps & {
+  /** Bootstrap-like responsive container variant. */variant?: ContainerVariant; /** Makes the container span the full available width while preserving gutters. */
+  fluid?: boolean; /** Radix-style container size token. */
+  size?: LayoutResponsive<"1" | "2" | "3" | "4" | "sm" | "md" | "lg" | "xl">; /** Horizontal alignment of the constrained container. */
+  align?: LayoutResponsive<"left" | "center" | "right">; /** Compatibility max-width override. */
+  maxWidth?: LayoutResponsive<string>; /** Compatibility horizontal padding override. */
+  padding?: LayoutResponsive<string | number>;
+  children?: unknown;
 };
-export type ContainerNativeProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & ContainerOwnProps & {
-    asChild?: false;
-    ref?: Ref<HTMLDivElement>;
+type ContainerNativeProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & ContainerOwnProps & {
+  asChild?: false;
+  ref?: Ref<HTMLDivElement>;
 };
-export type ContainerAsChildProps = ContainerOwnProps & {
-    asChild: true;
-    children: JSXElement;
-    ref?: Ref<unknown>;
-    style?: JSX.IntrinsicElements["div"]["style"];
+type ContainerAsChildProps = ContainerOwnProps & {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+  style?: JSX.IntrinsicElements["div"]["style"];
 };
-export type ContainerProps = ContainerNativeProps | ContainerAsChildProps;
+type ContainerProps = ContainerNativeProps | ContainerAsChildProps;
+//#endregion
+export { ContainerAsChildProps, ContainerNativeProps, ContainerOwnProps, ContainerProps, ContainerVariant };
+//# sourceMappingURL=container.types.d.ts.map

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

@@ -1,3 +1,3 @@
-export { Container } from "./container";
-export { CONTAINER_A11Y_CONTRACT, type ContainerA11yContract } from "./container.a11y";
-export type { ContainerProps, ContainerVariant, ContainerOwnProps, ContainerNativeProps, ContainerAsChildProps, } from "./container.types";
+import { ContainerAsChildProps, ContainerNativeProps, ContainerOwnProps, ContainerProps, ContainerVariant } from "./container.types.js";
+import { Container } from "./container.js";
+import { CONTAINER_A11Y_CONTRACT, ContainerA11yContract } from "./container.a11y.js";

package/dist/components/empty-state/empty-state.d.ts

@@ -1,2 +1,7 @@
-import type { EmptyStateProps } from "./empty-state.types";
-export declare function EmptyState(props: EmptyStateProps): JSX.Element;
+import { EmptyStateProps } from "./empty-state.types.js";
+
+//#region src/components/empty-state/empty-state.d.ts
+declare function EmptyState(props: EmptyStateProps): JSX.Element;
+//#endregion
+export { EmptyState };
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/components/empty-state/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.js","names":[],"sources":["../../../src/components/empty-state/empty-state.tsx"],"sourcesContent":["import { classes } from \"../_internal/classes\";\nimport type { EmptyStateProps } from \"./empty-state.types\";\n\nexport function EmptyState(props: EmptyStateProps): JSX.Element {\n  const {\n    icon,\n    title,\n    titleAs: TitleTag = \"h2\",\n    description,\n    actions,\n    children,\n    ref,\n    class: className,\n    ...rest\n  } = props;\n\n  return (\n    <div {...rest} ref={ref} class={classes(\"empty-state\", className)} data-slot=\"empty-state\">\n      {icon !== undefined ? (\n        <div class=\"empty-state-icon\" data-slot=\"empty-state-icon\">\n          {icon}\n        </div>\n      ) : null}\n      {title !== undefined ? (\n        <TitleTag class=\"empty-state-title\" data-slot=\"empty-state-title\">\n          {title}\n        </TitleTag>\n      ) : null}\n      {description !== undefined ? (\n        <p class=\"empty-state-description\" data-slot=\"empty-state-description\">\n          {description}\n        </p>\n      ) : null}\n      {children}\n      {actions !== undefined ? (\n        <div class=\"empty-state-actions\" data-slot=\"empty-state-actions\">\n          {actions}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;AAGA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EACJ,MACA,OACA,SAAS,WAAW,MACpB,aACA,SACA,UACA,KACA,OAAO,WACP,GAAG,SACD;CAEJ,OACE,qBAAC,OAAD;EAAK,GAAI;EAAW;EAAK,OAAO,QAAQ,eAAe,UAAU;EAAE,aAAU;YAA7E;GACG,SAAS,KAAA,IACR,oBAAC,OAAD;IAAK,OAAM;IAAmB,aAAU;cACrC;IACG,CAAA,GACJ;GACH,UAAU,KAAA,IACT,oBAAC,UAAD;IAAU,OAAM;IAAoB,aAAU;cAC3C;IACQ,CAAA,GACT;GACH,gBAAgB,KAAA,IACf,oBAAC,KAAD;IAAG,OAAM;IAA0B,aAAU;cAC1C;IACC,CAAA,GACF;GACH;GACA,YAAY,KAAA,IACX,oBAAC,OAAD;IAAK,OAAM;IAAsB,aAAU;cACxC;IACG,CAAA,GACJ;GACA"}

package/dist/components/empty-state/empty-state.types.d.ts

@@ -1,9 +1,16 @@
-export type EmptyStateHeadingTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-export type EmptyStateProps = Omit<JSX.IntrinsicElements["div"], "children"> & {
-    icon?: unknown;
-    title?: unknown;
-    titleAs?: EmptyStateHeadingTag;
-    description?: unknown;
-    actions?: unknown;
-    children?: unknown;
+import { Ref } from "@askrjs/askr/foundations/utilities";
+
+//#region src/components/empty-state/empty-state.types.d.ts
+type EmptyStateHeadingTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+type EmptyStateProps = Omit<JSX.IntrinsicElements["div"], "children"> & {
+  icon?: unknown;
+  title?: unknown;
+  titleAs?: EmptyStateHeadingTag;
+  description?: unknown;
+  actions?: unknown;
+  children?: unknown;
+  ref?: Ref<HTMLDivElement>;
 };
+//#endregion
+export { EmptyStateHeadingTag, EmptyStateProps };
+//# sourceMappingURL=empty-state.types.d.ts.map

package/dist/components/empty-state/index.d.ts

@@ -1,2 +1,2 @@
-export { EmptyState } from "./empty-state";
-export type { EmptyStateHeadingTag, EmptyStateProps } from "./empty-state.types";
+import { EmptyStateHeadingTag, EmptyStateProps } from "./empty-state.types.js";
+import { EmptyState } from "./empty-state.js";

package/dist/components/field/field.d.ts

@@ -0,0 +1,9 @@
+import { FieldErrorProps, FieldHintProps, FieldProps } from "./field.types.js";
+
+//#region src/components/field/field.d.ts
+declare function Field(props: FieldProps): JSX.Element;
+declare function FieldHint(props: FieldHintProps): JSX.Element;
+declare function FieldError(props: FieldErrorProps): JSX.Element;
+//#endregion
+export { Field, FieldError, FieldHint };
+//# sourceMappingURL=field.d.ts.map

package/dist/components/field/field.js

@@ -0,0 +1,41 @@
+import { classes } from "../_internal/classes.js";
+import { mergeProps } from "../_internal/merge-props.js";
+import { jsx } from "@askrjs/askr/jsx-runtime";
+//#region src/components/field/field.tsx
+function Field(props) {
+	const { children, class: className, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...mergeProps(rest, {
+			class: classes("field", className),
+			ref,
+			"data-slot": "field"
+		}),
+		children
+	});
+}
+function FieldHint(props) {
+	const { children, class: className, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("p", {
+		...mergeProps(rest, {
+			class: classes("field-hint", className),
+			ref,
+			"data-slot": "field-hint"
+		}),
+		children
+	});
+}
+function FieldError(props) {
+	const { children, class: className, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("p", {
+		...mergeProps(rest, {
+			class: classes("field-error", className),
+			ref,
+			"data-slot": "field-error"
+		}),
+		children
+	});
+}
+//#endregion
+export { Field, FieldError, FieldHint };
+
+//# sourceMappingURL=field.js.map

package/dist/components/field/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","names":[],"sources":["../../../src/components/field/field.tsx"],"sourcesContent":["import { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type { FieldErrorProps, FieldHintProps, FieldProps } from \"./field.types\";\n\nexport function Field(props: FieldProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(\"field\", className),\n    ref,\n    \"data-slot\": \"field\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function FieldHint(props: FieldHintProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(\"field-hint\", className),\n    ref,\n    \"data-slot\": \"field-hint\",\n  });\n\n  return <p {...finalProps}>{children}</p>;\n}\n\nexport function FieldError(props: FieldErrorProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(\"field-error\", className),\n    ref,\n    \"data-slot\": \"field-error\",\n  });\n\n  return <p {...finalProps}>{children}</p>;\n}\n"],"mappings":";;;;AAIA,SAAgB,MAAM,OAAgC;CACpD,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC,OAAO,QAAQ,SAAS,UAAU;GAClC;GACA,aAAa;GACd,CAEyB;EAAG;EAAe,CAAA;;AAG9C,SAAgB,UAAU,OAAoC;CAC5D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,KAAD;EAAG,GANS,WAAW,MAAM;GAClC,OAAO,QAAQ,cAAc,UAAU;GACvC;GACA,aAAa;GACd,CAEuB;EAAG;EAAa,CAAA;;AAG1C,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,KAAD;EAAG,GANS,WAAW,MAAM;GAClC,OAAO,QAAQ,eAAe,UAAU;GACxC;GACA,aAAa;GACd,CAEuB;EAAG;EAAa,CAAA"}

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

@@ -0,0 +1,20 @@
+import { Ref } from "@askrjs/askr/foundations/utilities";
+
+//#region src/components/field/field.types.d.ts
+type DivProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref">;
+type ParagraphProps = Omit<JSX.IntrinsicElements["p"], "children" | "ref">;
+type FieldProps = DivProps & {
+  children?: unknown;
+  ref?: Ref<HTMLDivElement>;
+};
+type FieldHintProps = ParagraphProps & {
+  children?: unknown;
+  ref?: Ref<HTMLParagraphElement>;
+};
+type FieldErrorProps = ParagraphProps & {
+  children?: unknown;
+  ref?: Ref<HTMLParagraphElement>;
+};
+//#endregion
+export { FieldErrorProps, FieldHintProps, FieldProps };
+//# sourceMappingURL=field.types.d.ts.map

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

@@ -0,0 +1,2 @@
+import { FieldErrorProps, FieldHintProps, FieldProps } from "./field.types.js";
+import { Field, FieldError, FieldHint } from "./field.js";

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

@@ -1,18 +1,22 @@
-export declare const FLEX_A11Y_CONTRACT: {
-    readonly DATA_ATTRIBUTES: {
-        readonly slot: "data-slot";
-        readonly layout: "data-ak-layout";
-        readonly direction: "data-direction";
-        readonly gap: "data-gap";
-        readonly gapX: "data-gap-x";
-        readonly gapY: "data-gap-y";
-        readonly align: "data-align";
-        readonly justify: "data-justify";
-        readonly wrap: "data-wrap";
-        readonly collapseBelow: "data-collapse-below";
-    };
-    readonly SLOT_VALUES: {
-        readonly root: "flex";
-    };
+//#region src/components/flex/flex.a11y.d.ts
+declare const FLEX_A11Y_CONTRACT: {
+  readonly DATA_ATTRIBUTES: {
+    readonly slot: "data-slot";
+    readonly layout: "data-ak-layout";
+    readonly direction: "data-direction";
+    readonly gap: "data-gap";
+    readonly gapX: "data-gap-x";
+    readonly gapY: "data-gap-y";
+    readonly align: "data-align";
+    readonly justify: "data-justify";
+    readonly wrap: "data-wrap";
+    readonly collapseBelow: "data-collapse-below";
+  };
+  readonly SLOT_VALUES: {
+    readonly root: "flex";
+  };
 };
-export type FlexA11yContract = typeof FLEX_A11Y_CONTRACT;
+type FlexA11yContract = typeof FLEX_A11Y_CONTRACT;
+//#endregion
+export { FLEX_A11Y_CONTRACT, FlexA11yContract };
+//# sourceMappingURL=flex.a11y.d.ts.map

package/dist/components/flex/flex.d.ts

@@ -1,4 +1,9 @@
-import type { FlexAsChildProps, FlexDivProps, FlexSpanProps } from "./flex.types";
-export declare function Flex(props: FlexDivProps): JSX.Element;
-export declare function Flex(props: FlexSpanProps): JSX.Element;
-export declare function Flex(props: FlexAsChildProps): JSX.Element;
+import { FlexAsChildProps, FlexDivProps, FlexSpanProps } from "./flex.types.js";
+
+//#region src/components/flex/flex.d.ts
+declare function Flex(props: FlexDivProps): JSX.Element;
+declare function Flex(props: FlexSpanProps): JSX.Element;
+declare function Flex(props: FlexAsChildProps): JSX.Element;
+//#endregion
+export { Flex };
+//# sourceMappingURL=flex.d.ts.map

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

@@ -1,6 +1,6 @@
 import { mergeProps } from "../_internal/merge-props.js";
 import { isResponsiveValue, resolveAlignValue, resolveJustifyValue, 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/flex/flex.tsx
@@ -80,6 +80,7 @@ function Flex(props) {
 	if (!isCssCoveredAlignValue(align) || isResponsiveObject(align)) setResponsiveStyleVar(layoutStyle, "align-items", align, resolveAlignValue);
 	if (!isCssCoveredJustifyValue(justify) || isResponsiveObject(justify)) setResponsiveStyleVar(layoutStyle, "justify-content", justify, resolveJustifyValue);
 	if (!isCssCoveredWrapValue(wrap) || isResponsiveObject(wrap)) setResponsiveStyleVar(layoutStyle, "flex-wrap", wrap, (value) => value);
+	const layoutClass = withBoxLayoutClass(layoutStyle, userStyle);
 	const finalProps = mergeProps(passthroughProps, {
 		ref,
 		"data-slot": rootSlot,
@@ -92,7 +93,7 @@ function Flex(props) {
 		"data-justify": serializeStaticThemeValue(justify, isCssCoveredJustifyValue),
 		"data-wrap": serializeStaticThemeValue(wrap, isCssCoveredWrapValue),
 		"data-collapse-below": collapseBelow,
-		style: withBoxLayoutStyle(layoutStyle, userStyle)
+		...layoutClass ? { class: layoutClass } : {}
 	});
 	if (asChild) return /* @__PURE__ */ jsx(Slot, {
 		asChild: true,

package/dist/components/flex/flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.js","names":[],"sources":["../../../src/components/flex/flex.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  resolveAlignValue,\n  resolveJustifyValue,\n  resolveSpaceValue,\n  serializeResponsiveValueIf,\n  setResponsiveStyleVar,\n} from \"../_internal/layout\";\nimport type { FlexAsChildProps, FlexDivProps, FlexSpanProps } from \"./flex.types\";\n\nconst SPACE_TOKENS = new Set([\n  \"1\",\n  \"2\",\n  \"3\",\n  \"4\",\n  \"5\",\n  \"6\",\n  \"7\",\n  \"8\",\n  \"9\",\n  \"xs\",\n  \"sm\",\n  \"md\",\n  \"lg\",\n  \"xl\",\n  \"2xl\",\n  \"3xl\",\n]);\n\nfunction isResponsiveObject(value: unknown): boolean {\n  return value !== null && typeof value === \"object\" && !Array.isArray(value);\n}\n\nfunction isCssCoveredSpaceValue(value: unknown): value is string {\n  return typeof value === \"string\" && SPACE_TOKENS.has(value.trim());\n}\n\nfunction isCssCoveredDirectionValue(value: unknown): value is string {\n  return (\n    typeof value === \"string\" &&\n    [\"row\", \"column\", \"row-reverse\", \"column-reverse\"].includes(value.trim())\n  );\n}\n\nfunction isCssCoveredAlignValue(value: unknown): value is string {\n  return (\n    typeof value === \"string\" &&\n    [\"start\", \"end\", \"center\", \"stretch\", \"baseline\"].includes(value.trim())\n  );\n}\n\nfunction isCssCoveredJustifyValue(value: unknown): value is string {\n  return typeof value === \"string\" && [\"start\", \"end\", \"center\", \"between\"].includes(value.trim());\n}\n\nfunction isCssCoveredWrapValue(value: unknown): value is string {\n  return typeof value === \"string\" && [\"wrap\", \"nowrap\", \"wrap-reverse\"].includes(value.trim());\n}\n\nfunction serializeStaticThemeValue<T>(\n  value: T | Partial<Record<\"initial\" | \"sm\" | \"md\" | \"lg\" | \"xl\", T>> | undefined,\n  predicate: (value: T) => boolean,\n): string | undefined {\n  if (isResponsiveValue(value)) return undefined;\n  return serializeResponsiveValueIf(value, predicate);\n}\n\nconst SLOTS = {\n  root: \"flex\",\n} as const;\n\nexport function Flex(props: FlexDivProps): JSX.Element;\nexport function Flex(props: FlexSpanProps): JSX.Element;\nexport function Flex(props: FlexAsChildProps): JSX.Element;\nexport function Flex(props: FlexDivProps | FlexSpanProps | FlexAsChildProps) {\n  const as = \"as\" in props ? props.as : \"div\";\n  const {\n    asChild,\n    children,\n    direction = \"row\",\n    gap,\n    gapX,\n    gapY,\n    align,\n    justify,\n    wrap,\n    collapseBelow,\n    ref,\n    style: userStyle,\n    ...rest\n  } = props;\n\n  const { boxProps, rest: passthroughProps } = splitBoxLayoutProps(rest);\n  const rootSlot =\n    typeof (passthroughProps as Record<string, unknown>)[\"data-slot\"] === \"string\"\n      ? String((passthroughProps as Record<string, unknown>)[\"data-slot\"])\n      : SLOTS.root;\n  const layoutStyle: Record<string, string | number> = {};\n  applyBoxLayoutStyles(layoutStyle, boxProps);\n\n  if (boxProps.display !== undefined) {\n    setResponsiveStyleVar(layoutStyle, \"display\", boxProps.display, (value) => value);\n  }\n  if (\n    direction !== \"row\" &&\n    (!isCssCoveredDirectionValue(direction) || isResponsiveObject(direction))\n  ) {\n    setResponsiveStyleVar(layoutStyle, \"flex-direction\", direction, (value) => value);\n  }\n  if (!isCssCoveredSpaceValue(gap) || isResponsiveObject(gap)) {\n    setResponsiveStyleVar(layoutStyle, \"gap\", gap, resolveSpaceValue);\n  }\n  if (!isCssCoveredSpaceValue(gapX) || isResponsiveObject(gapX)) {\n    setResponsiveStyleVar(layoutStyle, \"column-gap\", gapX, resolveSpaceValue);\n  }\n  if (!isCssCoveredSpaceValue(gapY) || isResponsiveObject(gapY)) {\n    setResponsiveStyleVar(layoutStyle, \"row-gap\", gapY, resolveSpaceValue);\n  }\n  if (!isCssCoveredAlignValue(align) || isResponsiveObject(align)) {\n    setResponsiveStyleVar(layoutStyle, \"align-items\", align, resolveAlignValue);\n  }\n  if (!isCssCoveredJustifyValue(justify) || isResponsiveObject(justify)) {\n    setResponsiveStyleVar(layoutStyle, \"justify-content\", justify, resolveJustifyValue);\n  }\n  if (!isCssCoveredWrapValue(wrap) || isResponsiveObject(wrap)) {\n    setResponsiveStyleVar(layoutStyle, \"flex-wrap\", wrap, (value) => value);\n  }\n\n  const layoutClass = withBoxLayoutClass(layoutStyle, userStyle);\n\n  const finalProps = mergeProps(passthroughProps, {\n    ref,\n    \"data-slot\": rootSlot,\n    \"data-ak-layout\": \"true\",\n    \"data-direction\": serializeStaticThemeValue(direction, isCssCoveredDirectionValue),\n    \"data-gap\": serializeStaticThemeValue(gap, isCssCoveredSpaceValue),\n    \"data-gap-x\": serializeStaticThemeValue(gapX, isCssCoveredSpaceValue),\n    \"data-gap-y\": serializeStaticThemeValue(gapY, isCssCoveredSpaceValue),\n    \"data-align\": serializeStaticThemeValue(align, isCssCoveredAlignValue),\n    \"data-justify\": serializeStaticThemeValue(justify, isCssCoveredJustifyValue),\n    \"data-wrap\": serializeStaticThemeValue(wrap, isCssCoveredWrapValue),\n    \"data-collapse-below\": collapseBelow,\n    ...(layoutClass ? { class: layoutClass } : {}),\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  if (as === \"span\") {\n    return <span {...finalProps}>{children}</span>;\n  }\n\n  return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":"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"}

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

@@ -1,41 +1,42 @@
-import type { JSXElement, Ref } from "@askrjs/askr/foundations";
-import type { BoxLayoutOwnProps, LayoutResponsive } from "../box/box.types";
-export type FlexOwnProps = BoxLayoutOwnProps & {
-    direction?: LayoutResponsive<"row" | "column" | "row-reverse" | "column-reverse">;
-    gap?: LayoutResponsive<string | number>;
-    gapX?: LayoutResponsive<string | number>;
-    gapY?: LayoutResponsive<string | number>;
-    align?: LayoutResponsive<string>;
-    justify?: LayoutResponsive<string>;
-    wrap?: LayoutResponsive<"wrap" | "nowrap" | "wrap-reverse">;
-    /**
-     * Compatibility breakpoint helper. Prefer responsive `direction` instead.
-     */
-    collapseBelow?: string;
-    as?: "div" | "span";
-    children?: unknown;
+import { BoxLayoutOwnProps, LayoutResponsive } from "../box/box.types.js";
+import { JSXElement } from "@askrjs/askr/foundations";
+import { Ref } from "@askrjs/askr/foundations/utilities";
+
+//#region src/components/flex/flex.types.d.ts
+type FlexOwnProps = BoxLayoutOwnProps & {
+  direction?: LayoutResponsive<"row" | "column" | "row-reverse" | "column-reverse">;
+  gap?: LayoutResponsive<string | number>;
+  gapX?: LayoutResponsive<string | number>;
+  gapY?: LayoutResponsive<string | number>;
+  align?: LayoutResponsive<string>;
+  justify?: LayoutResponsive<string>;
+  wrap?: LayoutResponsive<"wrap" | "nowrap" | "wrap-reverse">;
+  /**
+   * Compatibility breakpoint helper. Prefer responsive `direction` instead.
+   */
+  collapseBelow?: string;
+  as?: "div" | "span";
+  children?: unknown;
 };
-export type FlexNativeProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & FlexOwnProps & {
-    as?: "div";
-    asChild?: false;
-    ref?: Ref<HTMLDivElement>;
+type FlexNativeProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & FlexOwnProps & {
+  as?: "div";
+  asChild?: false;
+  ref?: Ref<HTMLDivElement>;
 };
-export type FlexSpanProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & FlexOwnProps & {
-    as: "span";
-    asChild?: false;
-    ref?: Ref<HTMLSpanElement>;
+type FlexSpanProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & FlexOwnProps & {
+  as: "span";
+  asChild?: false;
+  ref?: Ref<HTMLSpanElement>;
 };
-export type FlexAsChildProps = Omit<FlexOwnProps, "as"> & {
-    asChild: true;
-    children: JSXElement;
-    ref?: Ref<unknown>;
-    style?: JSX.IntrinsicElements["div"]["style"];
+type FlexAsChildProps = Omit<FlexOwnProps, "as"> & {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+  style?: JSX.IntrinsicElements["div"]["style"];
 };
-export type FlexDivProps = FlexNativeProps;
-export type FlexProps = FlexDivProps | FlexSpanProps | FlexAsChildProps;
-export type InlineOwnProps = FlexOwnProps;
-export type InlineNativeProps = FlexNativeProps;
-export type InlineDivProps = FlexDivProps;
-export type InlineSpanProps = FlexSpanProps;
-export type InlineAsChildProps = FlexAsChildProps;
-export type InlineProps = FlexProps;
+type FlexDivProps = FlexNativeProps;
+type FlexProps = FlexDivProps | FlexSpanProps | FlexAsChildProps;
+type InlineProps = FlexProps;
+//#endregion
+export { FlexAsChildProps, FlexDivProps, FlexNativeProps, FlexOwnProps, FlexProps, FlexSpanProps, InlineProps };
+//# sourceMappingURL=flex.types.d.ts.map

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

@@ -1,3 +1,3 @@
-export { Flex } from "./flex";
-export { FLEX_A11Y_CONTRACT, type FlexA11yContract } from "./flex.a11y";
-export type { FlexProps, FlexOwnProps, FlexNativeProps, FlexDivProps, FlexSpanProps, FlexAsChildProps, InlineProps, InlineOwnProps, InlineNativeProps, InlineDivProps, InlineSpanProps, InlineAsChildProps, } from "./flex.types";
+import { FlexAsChildProps, FlexDivProps, FlexNativeProps, FlexOwnProps, FlexProps, FlexSpanProps, InlineProps } from "./flex.types.js";
+import { Flex } from "./flex.js";
+import { FLEX_A11Y_CONTRACT, FlexA11yContract } from "./flex.a11y.js";

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

@@ -1,10 +1,14 @@
-export declare const HEADER_A11Y_CONTRACT: {
-    readonly DATA_ATTRIBUTES: {
-        readonly slot: "data-slot";
-        readonly position: "data-position";
-    };
-    readonly SLOT_VALUES: {
-        readonly root: "header";
-    };
+//#region src/components/header/header.a11y.d.ts
+declare const HEADER_A11Y_CONTRACT: {
+  readonly DATA_ATTRIBUTES: {
+    readonly slot: "data-slot";
+    readonly position: "data-position";
+  };
+  readonly SLOT_VALUES: {
+    readonly root: "header";
+  };
 };
-export type HeaderA11yContract = typeof HEADER_A11Y_CONTRACT;
+type HeaderA11yContract = typeof HEADER_A11Y_CONTRACT;
+//#endregion
+export { HEADER_A11Y_CONTRACT, HeaderA11yContract };
+//# sourceMappingURL=header.a11y.d.ts.map

package/dist/components/header/header.a11y.js

@@ -0,0 +1,12 @@
+//#region src/components/header/header.a11y.ts
+const HEADER_A11Y_CONTRACT = {
+	DATA_ATTRIBUTES: {
+		slot: "data-slot",
+		position: "data-position"
+	},
+	SLOT_VALUES: { root: "header" }
+};
+//#endregion
+export { HEADER_A11Y_CONTRACT };
+
+//# sourceMappingURL=header.a11y.js.map

package/dist/components/header/header.a11y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.a11y.js","names":[],"sources":["../../../src/components/header/header.a11y.ts"],"sourcesContent":["export const HEADER_A11Y_CONTRACT = {\n  DATA_ATTRIBUTES: {\n    slot: \"data-slot\" as const,\n    position: \"data-position\" as const,\n  },\n  SLOT_VALUES: {\n    root: \"header\" as const,\n  },\n} as const;\n\nexport type HeaderA11yContract = typeof HEADER_A11Y_CONTRACT;\n"],"mappings":";AAAA,MAAa,uBAAuB;CAClC,iBAAiB;EACf,MAAM;EACN,UAAU;EACX;CACD,aAAa,EACX,MAAM,UACP;CACF"}

package/dist/components/header/header.d.ts

@@ -1,2 +1,7 @@
-import type { HeaderProps } from "./header.types";
-export declare function Header(props: HeaderProps): JSX.Element;
+import { HeaderProps } from "./header.types.js";
+
+//#region src/components/header/header.d.ts
+declare function Header(props: HeaderProps): JSX.Element;
+//#endregion
+export { Header };
+//# sourceMappingURL=header.d.ts.map

package/dist/components/header/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","names":[],"sources":["../../../src/components/header/header.tsx"],"sourcesContent":["import { classes } from \"../_internal/classes\";\nimport type { HeaderProps } from \"./header.types\";\n\nexport function Header(props: HeaderProps): JSX.Element {\n  const { children, position = \"static\", ref, class: className, ...rest } = props;\n\n  return (\n    <header\n      {...rest}\n      ref={ref}\n      class={classes(\"header\", className)}\n      data-slot=\"header\"\n      data-position={position}\n    >\n      {children}\n    </header>\n  );\n}\n"],"mappings":";;;AAGA,SAAgB,OAAO,OAAiC;CACtD,MAAM,EAAE,UAAU,WAAW,UAAU,KAAK,OAAO,WAAW,GAAG,SAAS;CAE1E,OACE,oBAAC,UAAD;EACE,GAAI;EACC;EACL,OAAO,QAAQ,UAAU,UAAU;EACnC,aAAU;EACV,iBAAe;EAEd;EACM,CAAA"}

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

@@ -1,5 +1,9 @@
-export type HeaderPosition = "static" | "relative" | "sticky" | "absolute" | "fixed";
-export type HeaderProps = Omit<JSX.IntrinsicElements["header"], "children"> & {
-    position?: HeaderPosition;
-    children?: unknown;
+//#region src/components/header/header.types.d.ts
+type HeaderPosition = "static" | "relative" | "sticky" | "absolute" | "fixed";
+type HeaderProps = Omit<JSX.IntrinsicElements["header"], "children"> & {
+  position?: HeaderPosition;
+  children?: unknown;
 };
+//#endregion
+export { HeaderPosition, HeaderProps };
+//# sourceMappingURL=header.types.d.ts.map

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

@@ -1,6 +1,8 @@
-import { Flex } from "../flex";
-import type { InlineProps } from "../flex";
-export declare function Inline(props: InlineProps): JSX.Element;
-export { Flex };
-export { FLEX_A11Y_CONTRACT, FLEX_A11Y_CONTRACT as INLINE_A11Y_CONTRACT, type FlexA11yContract, type FlexA11yContract as InlineA11yContract, } from "../flex/flex.a11y";
-export type { FlexProps, FlexOwnProps, FlexNativeProps, FlexDivProps, FlexSpanProps, FlexAsChildProps, FlexProps as InlineProps, FlexOwnProps as InlineOwnProps, FlexNativeProps as InlineNativeProps, FlexDivProps as InlineDivProps, FlexSpanProps as InlineSpanProps, FlexAsChildProps as InlineAsChildProps, } from "../flex/flex.types";
+import { FlexAsChildProps, FlexDivProps, FlexNativeProps, FlexOwnProps, FlexProps, FlexSpanProps, InlineProps } from "../flex/flex.types.js";
+import { Flex } from "../flex/flex.js";
+import { FLEX_A11Y_CONTRACT, FlexA11yContract } from "../flex/flex.a11y.js";
+//#region src/components/inline/index.d.ts
+declare function Inline(props: InlineProps): JSX.Element;
+//#endregion
+export { Inline };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/inline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/inline/index.tsx"],"sourcesContent":["import { Flex } from \"../flex\";\nimport type { InlineProps } from \"../flex\";\n\nexport function Inline(props: InlineProps): JSX.Element {\n  return <Flex {...(props as Record<string, unknown>)} data-slot=\"inline\" />;\n}\n\nexport { Flex };\nexport {\n  FLEX_A11Y_CONTRACT,\n  FLEX_A11Y_CONTRACT as INLINE_A11Y_CONTRACT,\n  type FlexA11yContract,\n  type FlexA11yContract as InlineA11yContract,\n} from \"../flex/flex.a11y\";\nexport type {\n  FlexProps,\n  FlexOwnProps,\n  FlexNativeProps,\n  FlexDivProps,\n  FlexSpanProps,\n  FlexAsChildProps,\n  FlexProps as InlineProps,\n  FlexOwnProps as InlineOwnProps,\n  FlexNativeProps as InlineNativeProps,\n  FlexDivProps as InlineDivProps,\n  FlexSpanProps as InlineSpanProps,\n  FlexAsChildProps as InlineAsChildProps,\n} from \"../flex/flex.types\";\n"],"mappings":";;;AAGA,SAAgB,OAAO,OAAiC;CACtD,OAAO,oBAAC,MAAD;EAAM,GAAK;EAAmC,aAAU;EAAW,CAAA"}

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

@@ -0,0 +1,2 @@
+import { InputGroupOrientation, InputGroupProps, InputGroupTextAsChildProps, InputGroupTextProps } from "./input-group.types.js";
+import { InputGroup, InputGroupText } from "./input-group.js";

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

@@ -0,0 +1,9 @@
+import { InputGroupProps, InputGroupTextAsChildProps, InputGroupTextProps } from "./input-group.types.js";
+
+//#region src/components/input-group/input-group.d.ts
+declare function InputGroup(props: InputGroupProps): JSX.Element;
+declare function InputGroupText(props: InputGroupTextProps): JSX.Element;
+declare function InputGroupText(props: InputGroupTextAsChildProps): JSX.Element;
+//#endregion
+export { InputGroup, InputGroupText };
+//# sourceMappingURL=input-group.d.ts.map

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

@@ -0,0 +1,39 @@
+import { classes } from "../_internal/classes.js";
+import { jsx } from "@askrjs/askr/jsx-runtime";
+import { Slot } from "@askrjs/askr/foundations";
+import { mergeProps } from "@askrjs/askr/foundations/utilities";
+//#region src/components/input-group/input-group.tsx
+function InputGroup(props) {
+	const { attached = true, children, class: className, orientation = "horizontal", ref, role, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		ref,
+		class: classes("input-group", orientation === "vertical" ? "input-group-vertical" : void 0, className),
+		"data-attached": attached ? "true" : "false",
+		"data-orientation": orientation,
+		"data-slot": "input-group",
+		role: role ?? "group",
+		children
+	});
+}
+function InputGroupText(props) {
+	const { asChild, children, ref, class: className, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		class: classes("input-group-text", className),
+		ref,
+		"data-slot": "input-group-text"
+	});
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		asChild: true,
+		...finalProps,
+		children
+	});
+	return /* @__PURE__ */ jsx("span", {
+		...finalProps,
+		children
+	});
+}
+//#endregion
+export { InputGroup, InputGroupText };
+
+//# sourceMappingURL=input-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.js","names":[],"sources":["../../../src/components/input-group/input-group.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"@askrjs/askr/foundations/utilities\";\nimport { classes } from \"../_internal/classes\";\nimport type {\n  InputGroupProps,\n  InputGroupTextAsChildProps,\n  InputGroupTextProps,\n} from \"./input-group.types\";\n\nexport function InputGroup(props: InputGroupProps): 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        \"input-group\",\n        orientation === \"vertical\" ? \"input-group-vertical\" : undefined,\n        className,\n      )}\n      data-attached={attached ? \"true\" : \"false\"}\n      data-orientation={orientation}\n      data-slot=\"input-group\"\n      role={role ?? \"group\"}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function InputGroupText(props: InputGroupTextProps): JSX.Element;\nexport function InputGroupText(props: InputGroupTextAsChildProps): JSX.Element;\nexport function InputGroupText(\n  props: InputGroupTextProps | InputGroupTextAsChildProps,\n): JSX.Element {\n  const { asChild, children, ref, class: className, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(\"input-group-text\", className),\n    ref,\n    \"data-slot\": \"input-group-text\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <span {...finalProps}>{children}</span>;\n}\n"],"mappings":";;;;;AASA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EACJ,WAAW,MACX,UACA,OAAO,WACP,cAAc,cACd,KACA,MACA,GAAG,SACD;CAEJ,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,OAAO,QACL,eACA,gBAAgB,aAAa,yBAAyB,KAAA,GACtD,UACD;EACD,iBAAe,WAAW,SAAS;EACnC,oBAAkB;EAClB,aAAU;EACV,MAAM,QAAQ;EAEb;EACG,CAAA;;AAMV,SAAgB,eACd,OACa;CACb,MAAM,EAAE,SAAS,UAAU,KAAK,OAAO,WAAW,GAAG,SAAS;CAC9D,MAAM,aAAa,WAAW,MAAM;EAClC,OAAO,QAAQ,oBAAoB,UAAU;EAC7C;EACA,aAAa;EACd,CAAC;CAEF,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;CAG7D,OAAO,oBAAC,QAAD;EAAM,GAAI;EAAa;EAAgB,CAAA"}

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

@@ -0,0 +1,26 @@
+import { JSXElement } from "@askrjs/askr/foundations";
+import { Ref } from "@askrjs/askr/foundations/utilities";
+
+//#region src/components/input-group/input-group.types.d.ts
+type InputGroupOrientation = "horizontal" | "vertical";
+type DivProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref">;
+type SpanProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref">;
+type InputGroupProps = DivProps & {
+  children?: unknown;
+  attached?: boolean;
+  orientation?: InputGroupOrientation;
+  ref?: Ref<HTMLDivElement>;
+};
+type InputGroupTextProps = SpanProps & {
+  asChild?: false;
+  children?: unknown;
+  ref?: Ref<HTMLSpanElement>;
+};
+type InputGroupTextAsChildProps = SpanProps & {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+};
+//#endregion
+export { InputGroupOrientation, InputGroupProps, InputGroupTextAsChildProps, InputGroupTextProps };
+//# sourceMappingURL=input-group.types.d.ts.map

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

@@ -0,0 +1,2 @@
+import { ListGroupItemAsChildProps, ListGroupItemProps, ListGroupOrientation, ListGroupProps } from "./list-group.types.js";
+import { ListGroup, ListGroupItem } from "./list-group.js";

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

@@ -0,0 +1,9 @@
+import { ListGroupItemAsChildProps, ListGroupItemProps, ListGroupProps } from "./list-group.types.js";
+
+//#region src/components/list-group/list-group.d.ts
+declare function ListGroup(props: ListGroupProps): JSX.Element;
+declare function ListGroupItem(props: ListGroupItemProps): JSX.Element;
+declare function ListGroupItem(props: ListGroupItemAsChildProps): JSX.Element;
+//#endregion
+export { ListGroup, ListGroupItem };
+//# sourceMappingURL=list-group.d.ts.map