@lukeashford/aurelius 2.5.0 → 2.6.0

package/dist/index.js

@@ -342,20 +342,47 @@ var ALIGN_MAP = {
   stretch: "items-stretch",
   baseline: "items-baseline"
 };
-function getGapClass(value) {
-  return `gap-${value}`;
-}
-function getGapXClass(value) {
-  return `gap-x-${value}`;
-}
-function getGapYClass(value) {
-  return `gap-y-${value}`;
-}
+var GAP_MAP = {
+  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"
+};
+var GAP_X_MAP = {
+  0: "gap-x-0",
+  1: "gap-x-1",
+  2: "gap-x-2",
+  3: "gap-x-3",
+  4: "gap-x-4",
+  5: "gap-x-5",
+  6: "gap-x-6",
+  8: "gap-x-8",
+  10: "gap-x-10",
+  12: "gap-x-12"
+};
+var GAP_Y_MAP = {
+  0: "gap-y-0",
+  1: "gap-y-1",
+  2: "gap-y-2",
+  3: "gap-y-3",
+  4: "gap-y-4",
+  5: "gap-y-5",
+  6: "gap-y-6",
+  8: "gap-y-8",
+  10: "gap-y-10",
+  12: "gap-y-12"
+};
 var Row = import_react5.default.forwardRef(
   ({ gutter = 4, gutterX, gutterY, justify, align, className, children, ...props }, ref) => {
-    const gapClass = gutterX === void 0 && gutterY === void 0 ? getGapClass(gutter) : "";
-    const gapXClass = gutterX !== void 0 ? getGapXClass(gutterX) : "";
-    const gapYClass = gutterY !== void 0 ? getGapYClass(gutterY) : "";
+    const gapClass = gutterX === void 0 && gutterY === void 0 ? GAP_MAP[gutter] : "";
+    const gapXClass = gutterX !== void 0 ? GAP_X_MAP[gutterX] : "";
+    const gapYClass = gutterY !== void 0 ? GAP_Y_MAP[gutterY] : "";
     return /* @__PURE__ */ import_react5.default.createElement(
       "div",
       {
@@ -379,53 +406,321 @@ Row.displayName = "Row";
 
 // src/components/Col.tsx
 var import_react6 = __toESM(require("react"));
-var BREAKPOINT_PREFIXES = {
-  base: "",
-  sm: "sm:",
-  md: "md:",
-  lg: "lg:",
-  xl: "xl:",
-  "2xl": "2xl:"
+var SPAN_CLASS_MAP = {
+  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",
+    auto: "col-auto",
+    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",
+    auto: "sm:col-auto",
+    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",
+    auto: "md:col-auto",
+    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",
+    auto: "lg:col-auto",
+    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",
+    auto: "xl:col-auto",
+    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",
+    auto: "2xl:col-auto",
+    full: "2xl:col-span-full"
+  }
+};
+var OFFSET_CLASS_MAP = {
+  base: {
+    0: "",
+    1: "col-start-2",
+    2: "col-start-3",
+    3: "col-start-4",
+    4: "col-start-5",
+    5: "col-start-6",
+    6: "col-start-7",
+    7: "col-start-8",
+    8: "col-start-9",
+    9: "col-start-10",
+    10: "col-start-11",
+    11: "col-start-12"
+  },
+  sm: {
+    0: "",
+    1: "sm:col-start-2",
+    2: "sm:col-start-3",
+    3: "sm:col-start-4",
+    4: "sm:col-start-5",
+    5: "sm:col-start-6",
+    6: "sm:col-start-7",
+    7: "sm:col-start-8",
+    8: "sm:col-start-9",
+    9: "sm:col-start-10",
+    10: "sm:col-start-11",
+    11: "sm:col-start-12"
+  },
+  md: {
+    0: "",
+    1: "md:col-start-2",
+    2: "md:col-start-3",
+    3: "md:col-start-4",
+    4: "md:col-start-5",
+    5: "md:col-start-6",
+    6: "md:col-start-7",
+    7: "md:col-start-8",
+    8: "md:col-start-9",
+    9: "md:col-start-10",
+    10: "md:col-start-11",
+    11: "md:col-start-12"
+  },
+  lg: {
+    0: "",
+    1: "lg:col-start-2",
+    2: "lg:col-start-3",
+    3: "lg:col-start-4",
+    4: "lg:col-start-5",
+    5: "lg:col-start-6",
+    6: "lg:col-start-7",
+    7: "lg:col-start-8",
+    8: "lg:col-start-9",
+    9: "lg:col-start-10",
+    10: "lg:col-start-11",
+    11: "lg:col-start-12"
+  },
+  xl: {
+    0: "",
+    1: "xl:col-start-2",
+    2: "xl:col-start-3",
+    3: "xl:col-start-4",
+    4: "xl:col-start-5",
+    5: "xl:col-start-6",
+    6: "xl:col-start-7",
+    7: "xl:col-start-8",
+    8: "xl:col-start-9",
+    9: "xl:col-start-10",
+    10: "xl:col-start-11",
+    11: "xl:col-start-12"
+  },
+  "2xl": {
+    0: "",
+    1: "2xl:col-start-2",
+    2: "2xl:col-start-3",
+    3: "2xl:col-start-4",
+    4: "2xl:col-start-5",
+    5: "2xl:col-start-6",
+    6: "2xl:col-start-7",
+    7: "2xl:col-start-8",
+    8: "2xl:col-start-9",
+    9: "2xl:col-start-10",
+    10: "2xl:col-start-11",
+    11: "2xl:col-start-12"
+  }
+};
+var ORDER_CLASS_MAP = {
+  base: {
+    first: "order-first",
+    last: "order-last",
+    none: "order-none",
+    1: "order-1",
+    2: "order-2",
+    3: "order-3",
+    4: "order-4",
+    5: "order-5",
+    6: "order-6",
+    7: "order-7",
+    8: "order-8",
+    9: "order-9",
+    10: "order-10",
+    11: "order-11",
+    12: "order-12"
+  },
+  sm: {
+    first: "sm:order-first",
+    last: "sm:order-last",
+    none: "sm:order-none",
+    1: "sm:order-1",
+    2: "sm:order-2",
+    3: "sm:order-3",
+    4: "sm:order-4",
+    5: "sm:order-5",
+    6: "sm:order-6",
+    7: "sm:order-7",
+    8: "sm:order-8",
+    9: "sm:order-9",
+    10: "sm:order-10",
+    11: "sm:order-11",
+    12: "sm:order-12"
+  },
+  md: {
+    first: "md:order-first",
+    last: "md:order-last",
+    none: "md:order-none",
+    1: "md:order-1",
+    2: "md:order-2",
+    3: "md:order-3",
+    4: "md:order-4",
+    5: "md:order-5",
+    6: "md:order-6",
+    7: "md:order-7",
+    8: "md:order-8",
+    9: "md:order-9",
+    10: "md:order-10",
+    11: "md:order-11",
+    12: "md:order-12"
+  },
+  lg: {
+    first: "lg:order-first",
+    last: "lg:order-last",
+    none: "lg:order-none",
+    1: "lg:order-1",
+    2: "lg:order-2",
+    3: "lg:order-3",
+    4: "lg:order-4",
+    5: "lg:order-5",
+    6: "lg:order-6",
+    7: "lg:order-7",
+    8: "lg:order-8",
+    9: "lg:order-9",
+    10: "lg:order-10",
+    11: "lg:order-11",
+    12: "lg:order-12"
+  },
+  xl: {
+    first: "xl:order-first",
+    last: "xl:order-last",
+    none: "xl:order-none",
+    1: "xl:order-1",
+    2: "xl:order-2",
+    3: "xl:order-3",
+    4: "xl:order-4",
+    5: "xl:order-5",
+    6: "xl:order-6",
+    7: "xl:order-7",
+    8: "xl:order-8",
+    9: "xl:order-9",
+    10: "xl:order-10",
+    11: "xl:order-11",
+    12: "xl:order-12"
+  },
+  "2xl": {
+    first: "2xl:order-first",
+    last: "2xl:order-last",
+    none: "2xl:order-none",
+    1: "2xl:order-1",
+    2: "2xl:order-2",
+    3: "2xl:order-3",
+    4: "2xl:order-4",
+    5: "2xl:order-5",
+    6: "2xl:order-6",
+    7: "2xl:order-7",
+    8: "2xl:order-8",
+    9: "2xl:order-9",
+    10: "2xl:order-10",
+    11: "2xl:order-11",
+    12: "2xl:order-12"
+  }
 };
-function getSpanClass(value, prefix) {
-  if (value === "auto") return `${prefix}col-auto`;
-  if (value === "full") return `${prefix}col-span-full`;
-  return `${prefix}col-span-${value}`;
-}
-function getOffsetClass(value, prefix) {
-  if (value === 0) return "";
-  return `${prefix}col-start-${value + 1}`;
-}
-function getOrderClass(value, prefix) {
-  if (value === "first") return `${prefix}order-first`;
-  if (value === "last") return `${prefix}order-last`;
-  if (value === "none") return `${prefix}order-none`;
-  return `${prefix}order-${value}`;
-}
 function isResponsiveValue(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
-function buildResponsiveClasses(value, getClass) {
-  if (value === void 0) return [];
+function buildResponsiveClasses(value, classMap) {
+  if (value === void 0) {
+    return [];
+  }
   if (!isResponsiveValue(value)) {
-    const cls = getClass(value, "");
+    const cls = classMap.base[value];
     return cls ? [cls] : [];
   }
   const classes = [];
   for (const [breakpoint, val] of Object.entries(value)) {
     if (val !== void 0) {
-      const prefix = BREAKPOINT_PREFIXES[breakpoint] ?? "";
-      const cls = getClass(val, prefix);
-      if (cls) classes.push(cls);
+      const cls = classMap[breakpoint]?.[val];
+      if (cls) {
+        classes.push(cls);
+      }
     }
   }
   return classes;
 }
 var Col = import_react6.default.forwardRef(
   ({ span, offset, order, className, children, ...props }, ref) => {
-    const spanClasses = buildResponsiveClasses(span, getSpanClass);
-    const offsetClasses = buildResponsiveClasses(offset, getOffsetClass);
-    const orderClasses = buildResponsiveClasses(order, getOrderClass);
+    const spanClasses = buildResponsiveClasses(span, SPAN_CLASS_MAP);
+    const offsetClasses = buildResponsiveClasses(offset, OFFSET_CLASS_MAP);
+    const orderClasses = buildResponsiveClasses(order, ORDER_CLASS_MAP);
     const hasSpan = span !== void 0;
     const defaultSpan = hasSpan ? "" : "col-span-12";
     return /* @__PURE__ */ import_react6.default.createElement(
@@ -464,7 +759,7 @@ var JUSTIFY_MAP2 = {
   around: "justify-around",
   evenly: "justify-evenly"
 };
-var GAP_MAP = {
+var GAP_MAP2 = {
   0: "gap-0",
   1: "gap-1",
   2: "gap-2",
@@ -497,7 +792,7 @@ var Stack = import_react7.default.forwardRef(
           direction === "horizontal" ? "flex-row" : "flex-col",
           align && ALIGN_MAP2[align],
           justify && JUSTIFY_MAP2[justify],
-          GAP_MAP[gap],
+          GAP_MAP2[gap],
           wrap && "flex-wrap",
           className
         ),
@@ -2966,27 +3261,40 @@ Message.displayName = "Message";
 
 // src/components/ChatHistory.tsx
 var import_react42 = __toESM(require("react"));
-var ChatHistory = import_react42.default.forwardRef(
-  ({ messages, className, ...rest }, ref) => {
-    return /* @__PURE__ */ import_react42.default.createElement(
-      "div",
+var ChatHistory = ({ messages, className, ...rest }) => {
+  const innerRef = (0, import_react42.useRef)(null);
+  (0, import_react42.useEffect)(() => {
+    const el = innerRef.current;
+    if (!el) {
+      return;
+    }
+    if (typeof el.scrollTo === "function") {
+      el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
+    } else {
+      el.scrollTop = el.scrollHeight;
+    }
+  }, [messages]);
+  return /* @__PURE__ */ import_react42.default.createElement(
+    "div",
+    {
+      ref: innerRef,
+      className: cx(
+        "flex flex-col gap-3 justify-end w-full h-96 bg-charcoal/50 border border-ash/40 p-4 overflow-y-auto",
+        className
+      ),
+      ...rest
+    },
+    messages.map(({ id, variant, className: messageClassName, ...messageProps }, index) => /* @__PURE__ */ import_react42.default.createElement(
+      Message,
       {
-        ref,
-        className: cx("flex flex-col gap-3 w-full", className),
-        ...rest
-      },
-      messages.map(({ id, variant, className: messageClassName, ...messageProps }, index) => /* @__PURE__ */ import_react42.default.createElement(
-        Message,
-        {
-          key: id ?? index,
-          variant,
-          className: messageClassName,
-          ...messageProps
-        }
-      ))
-    );
-  }
-);
+        key: id ?? index,
+        variant,
+        className: messageClassName,
+        ...messageProps
+      }
+    ))
+  );
+};
 ChatHistory.displayName = "ChatHistory";
 
 // src/components/BrandIcon.tsx