@azmr/ui 0.0.1 → 0.2.0

package/dist/layout/mui-map.js

@@ -0,0 +1,104 @@
+// src/components/layout/mui-map.ts
+var muiLayoutMap = {
+  grid: {
+    container: "Use <Grid cols={12}>. It is a CSS grid, not MUI's flex-based container.",
+    item: "Use <GridItem span={{ base, sm, md, lg, xl }}> with the same numbers.",
+    props: {
+      spacing: "gap (MUI unit 8px, ours 4px: spacing 2 is gap 4). See muiSpacingToGap.",
+      rowSpacing: 'No separate row gap: use gap, or className="gap-y-*".',
+      columnSpacing: 'No separate column gap: use gap, or className="gap-x-*".',
+      direction: "Not needed: GridItem placement is by column span.",
+      alignItems: "align",
+      justifyContent: "justify (justifyItems semantics in a grid).",
+      columns: "cols (the number of columns, default 12 in MUI).",
+      xs: "GridItem span.base",
+      sm: "GridItem span.sm",
+      md: "GridItem span.md",
+      lg: "GridItem span.lg",
+      xl: "GridItem span.xl"
+    }
+  },
+  stack: {
+    props: {
+      spacing: "gap (MUI unit 8px, ours 4px). See muiSpacingToGap.",
+      direction: "direction (accepts a responsive object).",
+      divider: "divider",
+      alignItems: "align",
+      justifyContent: "justify",
+      useFlexGap: "Not needed: Stack always uses flex gap."
+    }
+  },
+  container: {
+    props: {
+      maxWidth: "size (see muiContainerSize).",
+      disableGutters: "gutters={false}",
+      fixed: "Not supported: use size."
+    }
+  },
+  breakpoints: {
+    xs: "base",
+    sm: "sm",
+    md: "md",
+    lg: "lg",
+    xl: "xl",
+    note: "MUI breakpoints are 0/600/900/1200/1536px; Tailwind's are 0/640/768/1024/1280px, so layouts shift a little near the boundaries. Check them in the browser."
+  }
+};
+var SPACING_TO_GAP = /* @__PURE__ */ new Map([
+  [0, 0],
+  [0.5, 1],
+  [1, 2],
+  [1.5, 3],
+  [2, 4],
+  [2.5, 5],
+  [3, 6],
+  [4, 8],
+  [5, 10],
+  [6, 12]
+]);
+function muiSpacingToGap(spacing) {
+  return SPACING_TO_GAP.get(spacing);
+}
+var MUI_BREAKPOINTS = {
+  xs: "base",
+  sm: "sm",
+  md: "md",
+  lg: "lg",
+  xl: "xl"
+};
+function muiBreakpoint(key) {
+  return Object.hasOwn(MUI_BREAKPOINTS, key) ? MUI_BREAKPOINTS[key] : void 0;
+}
+var MUI_CONTAINER = {
+  xs: { size: "sm", approximate: true },
+  sm: { size: "sm" },
+  md: { size: "md" },
+  lg: { size: "lg" },
+  xl: { size: "2xl" }
+};
+function muiContainerSize(maxWidth) {
+  if (maxWidth === false) return { size: "full" };
+  const key = maxWidth ?? "lg";
+  return Object.hasOwn(MUI_CONTAINER, key) ? MUI_CONTAINER[key] : void 0;
+}
+function muiGridItemSpan(props) {
+  const span = {};
+  const unsupported = [];
+  for (const [key, value] of Object.entries(props)) {
+    const breakpoint = muiBreakpoint(key);
+    if (breakpoint === void 0 || value === void 0) continue;
+    if (typeof value === "number" && Number.isInteger(value) && value >= 1 && value <= 12) {
+      span[breakpoint] = value;
+    } else {
+      unsupported.push(`${key}=${String(value)}`);
+    }
+  }
+  return { span: Object.keys(span).length > 0 ? span : void 0, unsupported };
+}
+export {
+  muiBreakpoint,
+  muiContainerSize,
+  muiGridItemSpan,
+  muiLayoutMap,
+  muiSpacingToGap
+};

package/dist/layout.d.ts

@@ -0,0 +1,89 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+import { B as Breakpoint, G as Gap, A as AlignItems, J as JustifyItems, L as LayoutElement, a as JustifyContent } from './responsive-YJBnvsjt.js';
+export { C as Container, b as ContainerProps, c as ContainerSize } from './responsive-YJBnvsjt.js';
+
+declare const NAMED_RATIOS: {
+    readonly square: "aspect-square";
+    readonly video: "aspect-video";
+    readonly "4/3": "aspect-[4/3]";
+    readonly "3/2": "aspect-[3/2]";
+    readonly "21/9": "aspect-[21/9]";
+    readonly "3/4": "aspect-[3/4]";
+};
+type NamedRatio = keyof typeof NAMED_RATIOS;
+interface AspectRatioProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    /** A name (`square`, `video` (16/9), `4/3`, `3/2`, `21/9`, `3/4`) or a positive width-to-height number. Default `video`. */
+    ratio?: NamedRatio | number;
+    children?: ReactNode;
+}
+/** A box that keeps an aspect ratio. Direct `img`, `video` and `iframe` children fill it. Server-safe. */
+declare const AspectRatio: react.ForwardRefExoticComponent<AspectRatioProps & react.RefAttributes<HTMLDivElement>>;
+
+/** A value, or one per breakpoint: `4` or `{ base: 1, md: 3 }`. A bare value applies from `base`. */
+type Responsive<T> = T | Partial<Record<Breakpoint, T>>;
+
+type ColumnCount = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+interface GridProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
+    /** Column count, or one per breakpoint: `{ base: 1, md: 3 }`. Default 1. */
+    cols?: Responsive<ColumnCount>;
+    /**
+     * Fill the row with as many columns as fit, each at least this wide (`"16rem"`), instead of a
+     * fixed count. Takes the place of `cols`.
+     */
+    minItemWidth?: string;
+    gap?: Gap;
+    /** Vertical alignment of items within their cell. */
+    align?: AlignItems;
+    /** Horizontal alignment of items within their cell. */
+    justify?: JustifyItems;
+    as?: LayoutElement;
+    children?: ReactNode;
+}
+/**
+ * CSS grid with a responsive column count. This is not MUI's 12-column item system: for that,
+ * use `cols={12}` and give children a `GridItem` with `span`. Server-safe.
+ */
+declare const Grid: react.ForwardRefExoticComponent<GridProps & react.RefAttributes<HTMLElement>>;
+type SpanValue = ColumnCount | "full";
+interface GridItemProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
+    /** Columns to span, or one per breakpoint: `{ base: 12, md: 6 }`. `"full"` spans every column. */
+    span?: Responsive<SpanValue>;
+    as?: LayoutElement;
+    children?: ReactNode;
+}
+/** A grid cell that spans columns. The replacement for MUI's `<Grid item xs md>`. */
+declare const GridItem: react.ForwardRefExoticComponent<GridItemProps & react.RefAttributes<HTMLElement>>;
+
+interface SeparatorProps extends HTMLAttributes<HTMLElement> {
+    orientation?: "horizontal" | "vertical";
+    /**
+     * Purely visual: hidden from assistive technology (`role="none"`). Use it when the content
+     * either side of the line already reads as separate. Otherwise it is announced as a separator.
+     */
+    decorative?: boolean;
+}
+/**
+ * A line between content. A horizontal one is a real `<hr>`; a vertical one is a `role="separator"`
+ * with `aria-orientation`. Server-safe.
+ */
+declare const Separator: react.ForwardRefExoticComponent<SeparatorProps & react.RefAttributes<HTMLElement>>;
+
+interface StackProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
+    /** `column` (default) or `row`, or one per breakpoint: `{ base: "column", md: "row" }`. */
+    direction?: Responsive<"row" | "column">;
+    /** The space between children, on the 4px scale (0 to 12), or `density` to follow the density token. */
+    gap?: Gap;
+    align?: AlignItems;
+    justify?: JustifyContent;
+    wrap?: boolean;
+    /** An element placed between children (never before the first or after the last). */
+    divider?: ReactNode;
+    /** The element to render. Default `div`. */
+    as?: LayoutElement;
+    children?: ReactNode;
+}
+/** One-dimensional layout: children in a row or column with a consistent gap. Server-safe. */
+declare const Stack: react.ForwardRefExoticComponent<StackProps & react.RefAttributes<HTMLElement>>;
+
+export { AlignItems, AspectRatio, type AspectRatioProps, Breakpoint, Gap, Grid, GridItem, type GridItemProps, type GridProps, JustifyContent, JustifyItems, LayoutElement, type NamedRatio, type Responsive, Separator, type SeparatorProps, Stack, type StackProps };

package/dist/layout.js

@@ -0,0 +1,455 @@
+import {
+  cn
+} from "./chunk-7EOSDFS3.js";
+
+// src/components/layout/aspect-ratio.tsx
+import {
+  forwardRef
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var NAMED_RATIOS = {
+  square: "aspect-square",
+  video: "aspect-video",
+  "4/3": "aspect-[4/3]",
+  "3/2": "aspect-[3/2]",
+  "21/9": "aspect-[21/9]",
+  "3/4": "aspect-[3/4]"
+};
+var AspectRatio = forwardRef(function AspectRatio2({ ratio = "video", className, style, children, ...props }, ref) {
+  const named = typeof ratio === "string" && Object.hasOwn(NAMED_RATIOS, ratio);
+  if (!named && !(typeof ratio === "number" && Number.isFinite(ratio) && ratio > 0)) {
+    throw new Error(
+      `AspectRatio: ratio must be one of ${Object.keys(NAMED_RATIOS).join(", ")} or a positive number, got ${JSON.stringify(ratio)}`
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "relative w-full overflow-hidden",
+        named ? NAMED_RATIOS[ratio] : "aspect-(--azmr-ratio)",
+        "[&>img]:h-full [&>img]:w-full [&>img]:object-cover",
+        "[&>video]:h-full [&>video]:w-full [&>video]:object-cover",
+        "[&>iframe]:h-full [&>iframe]:w-full",
+        className
+      ),
+      style: named ? style : { "--azmr-ratio": String(ratio), ...style },
+      ...props,
+      children
+    }
+  );
+});
+
+// src/components/layout/container.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var CONTAINER_SIZE_CLASSES = {
+  sm: "max-w-2xl",
+  md: "max-w-4xl",
+  lg: "max-w-6xl",
+  xl: "max-w-7xl",
+  "2xl": "max-w-[96rem]",
+  full: "max-w-none"
+};
+var Container = forwardRef2(function Container2({ size = "lg", gutters = true, as: Component = "div", className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx2(
+    Component,
+    {
+      ref,
+      className: cn(
+        "mx-auto w-full",
+        CONTAINER_SIZE_CLASSES[size],
+        gutters && "px-4 sm:px-6 lg:px-8",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+
+// src/components/layout/grid.tsx
+import {
+  forwardRef as forwardRef3
+} from "react";
+
+// src/components/layout/responsive.ts
+var BREAKPOINTS = ["base", "sm", "md", "lg", "xl", "2xl"];
+var DIRECTION_CLASSES = {
+  base: {
+    row: "flex-row",
+    column: "flex-col"
+  },
+  sm: {
+    row: "sm:flex-row",
+    column: "sm:flex-col"
+  },
+  md: {
+    row: "md:flex-row",
+    column: "md:flex-col"
+  },
+  lg: {
+    row: "lg:flex-row",
+    column: "lg:flex-col"
+  },
+  xl: {
+    row: "xl:flex-row",
+    column: "xl:flex-col"
+  },
+  "2xl": {
+    row: "2xl:flex-row",
+    column: "2xl:flex-col"
+  }
+};
+var COLS_CLASSES = {
+  base: {
+    "1": "grid-cols-1",
+    "2": "grid-cols-2",
+    "3": "grid-cols-3",
+    "4": "grid-cols-4",
+    "5": "grid-cols-5",
+    "6": "grid-cols-6",
+    "7": "grid-cols-7",
+    "8": "grid-cols-8",
+    "9": "grid-cols-9",
+    "10": "grid-cols-10",
+    "11": "grid-cols-11",
+    "12": "grid-cols-12"
+  },
+  sm: {
+    "1": "sm:grid-cols-1",
+    "2": "sm:grid-cols-2",
+    "3": "sm:grid-cols-3",
+    "4": "sm:grid-cols-4",
+    "5": "sm:grid-cols-5",
+    "6": "sm:grid-cols-6",
+    "7": "sm:grid-cols-7",
+    "8": "sm:grid-cols-8",
+    "9": "sm:grid-cols-9",
+    "10": "sm:grid-cols-10",
+    "11": "sm:grid-cols-11",
+    "12": "sm:grid-cols-12"
+  },
+  md: {
+    "1": "md:grid-cols-1",
+    "2": "md:grid-cols-2",
+    "3": "md:grid-cols-3",
+    "4": "md:grid-cols-4",
+    "5": "md:grid-cols-5",
+    "6": "md:grid-cols-6",
+    "7": "md:grid-cols-7",
+    "8": "md:grid-cols-8",
+    "9": "md:grid-cols-9",
+    "10": "md:grid-cols-10",
+    "11": "md:grid-cols-11",
+    "12": "md:grid-cols-12"
+  },
+  lg: {
+    "1": "lg:grid-cols-1",
+    "2": "lg:grid-cols-2",
+    "3": "lg:grid-cols-3",
+    "4": "lg:grid-cols-4",
+    "5": "lg:grid-cols-5",
+    "6": "lg:grid-cols-6",
+    "7": "lg:grid-cols-7",
+    "8": "lg:grid-cols-8",
+    "9": "lg:grid-cols-9",
+    "10": "lg:grid-cols-10",
+    "11": "lg:grid-cols-11",
+    "12": "lg:grid-cols-12"
+  },
+  xl: {
+    "1": "xl:grid-cols-1",
+    "2": "xl:grid-cols-2",
+    "3": "xl:grid-cols-3",
+    "4": "xl:grid-cols-4",
+    "5": "xl:grid-cols-5",
+    "6": "xl:grid-cols-6",
+    "7": "xl:grid-cols-7",
+    "8": "xl:grid-cols-8",
+    "9": "xl:grid-cols-9",
+    "10": "xl:grid-cols-10",
+    "11": "xl:grid-cols-11",
+    "12": "xl:grid-cols-12"
+  },
+  "2xl": {
+    "1": "2xl:grid-cols-1",
+    "2": "2xl:grid-cols-2",
+    "3": "2xl:grid-cols-3",
+    "4": "2xl:grid-cols-4",
+    "5": "2xl:grid-cols-5",
+    "6": "2xl:grid-cols-6",
+    "7": "2xl:grid-cols-7",
+    "8": "2xl:grid-cols-8",
+    "9": "2xl:grid-cols-9",
+    "10": "2xl:grid-cols-10",
+    "11": "2xl:grid-cols-11",
+    "12": "2xl:grid-cols-12"
+  }
+};
+var SPAN_CLASSES = {
+  base: {
+    "1": "col-span-1",
+    "2": "col-span-2",
+    "3": "col-span-3",
+    "4": "col-span-4",
+    "5": "col-span-5",
+    "6": "col-span-6",
+    "7": "col-span-7",
+    "8": "col-span-8",
+    "9": "col-span-9",
+    "10": "col-span-10",
+    "11": "col-span-11",
+    "12": "col-span-12",
+    full: "col-span-full"
+  },
+  sm: {
+    "1": "sm:col-span-1",
+    "2": "sm:col-span-2",
+    "3": "sm:col-span-3",
+    "4": "sm:col-span-4",
+    "5": "sm:col-span-5",
+    "6": "sm:col-span-6",
+    "7": "sm:col-span-7",
+    "8": "sm:col-span-8",
+    "9": "sm:col-span-9",
+    "10": "sm:col-span-10",
+    "11": "sm:col-span-11",
+    "12": "sm:col-span-12",
+    full: "sm:col-span-full"
+  },
+  md: {
+    "1": "md:col-span-1",
+    "2": "md:col-span-2",
+    "3": "md:col-span-3",
+    "4": "md:col-span-4",
+    "5": "md:col-span-5",
+    "6": "md:col-span-6",
+    "7": "md:col-span-7",
+    "8": "md:col-span-8",
+    "9": "md:col-span-9",
+    "10": "md:col-span-10",
+    "11": "md:col-span-11",
+    "12": "md:col-span-12",
+    full: "md:col-span-full"
+  },
+  lg: {
+    "1": "lg:col-span-1",
+    "2": "lg:col-span-2",
+    "3": "lg:col-span-3",
+    "4": "lg:col-span-4",
+    "5": "lg:col-span-5",
+    "6": "lg:col-span-6",
+    "7": "lg:col-span-7",
+    "8": "lg:col-span-8",
+    "9": "lg:col-span-9",
+    "10": "lg:col-span-10",
+    "11": "lg:col-span-11",
+    "12": "lg:col-span-12",
+    full: "lg:col-span-full"
+  },
+  xl: {
+    "1": "xl:col-span-1",
+    "2": "xl:col-span-2",
+    "3": "xl:col-span-3",
+    "4": "xl:col-span-4",
+    "5": "xl:col-span-5",
+    "6": "xl:col-span-6",
+    "7": "xl:col-span-7",
+    "8": "xl:col-span-8",
+    "9": "xl:col-span-9",
+    "10": "xl:col-span-10",
+    "11": "xl:col-span-11",
+    "12": "xl:col-span-12",
+    full: "xl:col-span-full"
+  },
+  "2xl": {
+    "1": "2xl:col-span-1",
+    "2": "2xl:col-span-2",
+    "3": "2xl:col-span-3",
+    "4": "2xl:col-span-4",
+    "5": "2xl:col-span-5",
+    "6": "2xl:col-span-6",
+    "7": "2xl:col-span-7",
+    "8": "2xl:col-span-8",
+    "9": "2xl:col-span-9",
+    "10": "2xl:col-span-10",
+    "11": "2xl:col-span-11",
+    "12": "2xl:col-span-12",
+    full: "2xl:col-span-full"
+  }
+};
+
+// src/components/layout/responsive-utils.ts
+function responsiveClasses(value, table) {
+  if (value === void 0 || value === null) return [];
+  const perBreakpoint = typeof value === "object" ? value : { base: value };
+  const classes = [];
+  for (const breakpoint of BREAKPOINTS) {
+    if (!Object.hasOwn(perBreakpoint, breakpoint)) continue;
+    const key = perBreakpoint[breakpoint];
+    if (key === void 0) continue;
+    const row = table[breakpoint];
+    const name = String(key);
+    if (Object.hasOwn(row, name)) classes.push(row[name]);
+  }
+  return classes;
+}
+
+// src/components/layout/scale.ts
+var GAP_CLASSES = {
+  0: "gap-0",
+  1: "gap-1",
+  2: "gap-2",
+  3: "gap-3",
+  4: "gap-4",
+  5: "gap-5",
+  6: "gap-6",
+  8: "gap-8",
+  10: "gap-10",
+  12: "gap-12",
+  density: "gap-(--density-gap)"
+};
+var ALIGN_ITEMS_CLASSES = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch",
+  baseline: "items-baseline"
+};
+var JUSTIFY_CONTENT_CLASSES = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end",
+  between: "justify-between",
+  around: "justify-around",
+  evenly: "justify-evenly"
+};
+var JUSTIFY_ITEMS_CLASSES = {
+  start: "justify-items-start",
+  center: "justify-items-center",
+  end: "justify-items-end",
+  stretch: "justify-items-stretch"
+};
+
+// src/components/layout/grid.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var CSS_LENGTH = /^\d+(?:\.\d+)?(?:px|rem|em|ch|vw|%)$/;
+var Grid = forwardRef3(function Grid2({
+  cols = 1,
+  minItemWidth,
+  gap = 0,
+  align,
+  justify,
+  as: Component = "div",
+  className,
+  style,
+  children,
+  ...props
+}, ref) {
+  if (minItemWidth !== void 0 && !CSS_LENGTH.test(minItemWidth)) {
+    throw new Error(
+      `Grid: minItemWidth must be a plain CSS length like "16rem" or "240px", got ${JSON.stringify(minItemWidth)}`
+    );
+  }
+  const autoFit = minItemWidth !== void 0;
+  return /* @__PURE__ */ jsx3(
+    Component,
+    {
+      ref,
+      className: cn(
+        "grid",
+        autoFit ? "grid-cols-[repeat(auto-fit,minmax(min(100%,var(--azmr-grid-min)),1fr))]" : responsiveClasses(cols, COLS_CLASSES),
+        GAP_CLASSES[gap],
+        align && ALIGN_ITEMS_CLASSES[align],
+        justify && JUSTIFY_ITEMS_CLASSES[justify],
+        className
+      ),
+      style: autoFit ? { "--azmr-grid-min": minItemWidth, ...style } : style,
+      ...props,
+      children
+    }
+  );
+});
+var GridItem = forwardRef3(function GridItem2({ span, as: Component = "div", className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx3(
+    Component,
+    {
+      ref,
+      className: cn(responsiveClasses(span, SPAN_CLASSES), className),
+      ...props,
+      children
+    }
+  );
+});
+
+// src/components/layout/separator.tsx
+import { forwardRef as forwardRef4 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Separator = forwardRef4(function Separator2({ orientation = "horizontal", decorative = false, className, ...props }, ref) {
+  const vertical = orientation === "vertical";
+  const classes = cn(
+    "shrink-0 border-0 bg-border",
+    vertical ? "w-px self-stretch" : "h-px w-full",
+    className
+  );
+  const semantics = decorative ? { role: "none" } : vertical ? { role: "separator", "aria-orientation": "vertical" } : {};
+  return vertical ? /* @__PURE__ */ jsx4("div", { ref, className: classes, ...semantics, ...props }) : /* @__PURE__ */ jsx4("hr", { ref, className: classes, ...semantics, ...props });
+});
+
+// src/components/layout/stack.tsx
+import {
+  Children,
+  Fragment,
+  forwardRef as forwardRef5
+} from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Stack = forwardRef5(function Stack2({
+  direction = "column",
+  gap = 0,
+  align,
+  justify,
+  wrap,
+  divider,
+  as: Component = "div",
+  className,
+  children,
+  ...props
+}, ref) {
+  const items = divider === void 0 ? children : withDividers(children, divider);
+  return /* @__PURE__ */ jsx5(
+    Component,
+    {
+      ref,
+      className: cn(
+        "flex",
+        responsiveClasses(direction, DIRECTION_CLASSES),
+        GAP_CLASSES[gap],
+        align && ALIGN_ITEMS_CLASSES[align],
+        justify && JUSTIFY_CONTENT_CLASSES[justify],
+        wrap && "flex-wrap",
+        className
+      ),
+      ...props,
+      children: items
+    }
+  );
+});
+function withDividers(children, divider) {
+  const items = Children.toArray(children);
+  const out = [];
+  items.forEach((child, index) => {
+    if (index > 0) out.push(/* @__PURE__ */ jsx5(Fragment, { children: divider }, `divider-${index}`));
+    out.push(child);
+  });
+  return out;
+}
+export {
+  AspectRatio,
+  Container,
+  Grid,
+  GridItem,
+  Separator,
+  Stack
+};

package/dist/lib.d.ts

@@ -0,0 +1,11 @@
+import { ClassValue } from 'clsx';
+export { ClassValue } from 'clsx';
+
+/**
+ * Merge class names, resolving conflicting Tailwind utilities so the last one
+ * wins (`cn("p-2", "p-4")` → `"p-4"`). Every component accepts `className` and
+ * passes it through `cn` last, so callers can always override a default.
+ */
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/lib.js

@@ -0,0 +1,6 @@
+import {
+  cn
+} from "./chunk-7EOSDFS3.js";
+export {
+  cn
+};