@saas-ui/react 3.0.0-alpha.0 → 3.0.0-alpha.10

package/dist/chunk-S3CQW7GD.js

@@ -0,0 +1,100 @@
+'use client'
+import {
+  CloseButton
+} from "./chunk-FZW2DYK3.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/select/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  Content: () => SelectContent,
+  Item: () => SelectItem,
+  ItemGroup: () => SelectItemGroup,
+  ItemText: () => SelectItemText,
+  Label: () => SelectLabel,
+  Root: () => SelectRoot,
+  Trigger: () => SelectTrigger,
+  ValueText: () => SelectValueText
+});
+
+// src/components/select/select.tsx
+import { forwardRef } from "react";
+import { Portal, Select as SelectPrimitive } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SelectTrigger = forwardRef(
+  function SelectTrigger2(props, ref) {
+    const { children, clearable, ...rest } = props;
+    return /* @__PURE__ */ jsxs(SelectPrimitive.Control, { ...rest, children: [
+      /* @__PURE__ */ jsx(SelectPrimitive.Trigger, { ref, children }),
+      /* @__PURE__ */ jsxs(SelectPrimitive.IndicatorGroup, { children: [
+        clearable && /* @__PURE__ */ jsx(SelectClearTrigger, {}),
+        /* @__PURE__ */ jsx(SelectPrimitive.Indicator, {})
+      ] })
+    ] });
+  }
+);
+var SelectClearTrigger = forwardRef(function SelectClearTrigger2(props, ref) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ jsx(
+    CloseButton,
+    {
+      size: "xs",
+      variant: "plain",
+      focusVisibleRing: "inside",
+      focusRingWidth: "2px",
+      pointerEvents: "auto"
+    }
+  ) });
+});
+var SelectContent = forwardRef(
+  function SelectContent2(props, ref) {
+    const { portalled = true, portalRef, ...rest } = props;
+    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(SelectPrimitive.Positioner, { children: /* @__PURE__ */ jsx(SelectPrimitive.Content, { ...rest, ref }) }) });
+  }
+);
+var SelectItem = forwardRef(
+  function SelectItem2(props, ref) {
+    const { item, children, ...rest } = props;
+    return /* @__PURE__ */ jsxs(SelectPrimitive.Item, { item, ...rest, ref, children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, {})
+    ] }, item.value);
+  }
+);
+var SelectValueText = forwardRef(function SelectValueText2(props, ref) {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ jsx(SelectPrimitive.ValueText, { ...rest, ref, children: /* @__PURE__ */ jsx(SelectPrimitive.Context, { children: (select) => {
+    const items = select.selectedItems;
+    if (items.length === 0) return props.placeholder;
+    if (children) return children(items);
+    if (items.length === 1)
+      return select.collection.stringifyItem(items[0]);
+    return `${items.length} selected`;
+  } }) });
+});
+var SelectRoot = forwardRef(function SelectRoot2(props, ref) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Root,
+    {
+      ...props,
+      ref,
+      positioning: { sameWidth: true, ...props.positioning }
+    }
+  );
+});
+var SelectItemGroup = forwardRef(
+  function SelectItemGroup2(props, ref) {
+    const { children, label, ...rest } = props;
+    return /* @__PURE__ */ jsxs(SelectPrimitive.ItemGroup, { ...rest, ref, children: [
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemGroupLabel, { children: label }),
+      children
+    ] });
+  }
+);
+var SelectLabel = SelectPrimitive.Label;
+var SelectItemText = SelectPrimitive.ItemText;
+
+export {
+  namespace_exports
+};

package/dist/chunk-SA3OGTOO.js

@@ -0,0 +1,23 @@
+'use client'
+
+// src/components/switch/switch.tsx
+import { Switch as ChakraSwitch } from "@chakra-ui/react";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Switch = forwardRef(
+  function Switch2(props, ref) {
+    const { inputProps, children, rootRef, trackLabel, thumbLabel, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraSwitch.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ jsx(ChakraSwitch.HiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ jsxs(ChakraSwitch.Control, { children: [
+        /* @__PURE__ */ jsx(ChakraSwitch.Thumb, { children: thumbLabel && /* @__PURE__ */ jsx(ChakraSwitch.ThumbIndicator, { fallback: thumbLabel == null ? void 0 : thumbLabel.off, children: thumbLabel == null ? void 0 : thumbLabel.on }) }),
+        trackLabel && /* @__PURE__ */ jsx(ChakraSwitch.Indicator, { fallback: trackLabel.off, children: trackLabel.on })
+      ] }),
+      children != null && /* @__PURE__ */ jsx(ChakraSwitch.Label, { children })
+    ] });
+  }
+);
+
+export {
+  Switch
+};

package/dist/chunk-SKXSBAOS.js

@@ -0,0 +1,35 @@
+'use client'
+
+// src/components/segmented-control/segmented-control.tsx
+import { forwardRef, useMemo } from "react";
+import { For, SegmentGroup } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function normalize(items) {
+  return items.map((item) => {
+    if (typeof item === "string") return { value: item, label: item };
+    return item;
+  });
+}
+var SegmentedControl = forwardRef(function SegmentedControl2(props, ref) {
+  const { items, ...rest } = props;
+  const data = useMemo(() => normalize(items), [items]);
+  return /* @__PURE__ */ jsxs(SegmentGroup.Root, { ref, ...rest, children: [
+    /* @__PURE__ */ jsx(SegmentGroup.Indicator, {}),
+    /* @__PURE__ */ jsx(For, { each: data, children: (item) => /* @__PURE__ */ jsxs(
+      SegmentGroup.Item,
+      {
+        value: item.value,
+        disabled: item.disabled,
+        children: [
+          /* @__PURE__ */ jsx(SegmentGroup.ItemText, { children: item.label }),
+          /* @__PURE__ */ jsx(SegmentGroup.ItemHiddenInput, {})
+        ]
+      },
+      item.value
+    ) })
+  ] });
+});
+
+export {
+  SegmentedControl
+};

package/dist/chunk-TT4C5VXB.js

@@ -0,0 +1,36 @@
+'use client'
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/breadcrumb/breadcrumb.tsx
+var breadcrumb_exports = {};
+__export(breadcrumb_exports, {
+  CurrentLink: () => BreadcrumbCurrentLink,
+  Ellipsis: () => BreadcrumbEllipsis,
+  Link: () => BreadcrumbLink,
+  Root: () => BreadcrumbRoot
+});
+import { Children, Fragment, forwardRef, isValidElement } from "react";
+import { Breadcrumb } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var BreadcrumbRoot = forwardRef(
+  function BreadcrumbRoot2(props, ref) {
+    const { separator = "/", separatorGap, children, ...rest } = props;
+    const validChildren = Children.toArray(children).filter(isValidElement);
+    return /* @__PURE__ */ jsx(Breadcrumb.Root, { ref, ...rest, children: /* @__PURE__ */ jsx(Breadcrumb.List, { gap: separatorGap, children: validChildren.map((child, index) => {
+      const last = index === validChildren.length - 1;
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Breadcrumb.Item, { children: child }),
+        !last && /* @__PURE__ */ jsx(Breadcrumb.Separator, { children: separator })
+      ] }, index);
+    }) }) });
+  }
+);
+var BreadcrumbLink = Breadcrumb.Link;
+var BreadcrumbCurrentLink = Breadcrumb.CurrentLink;
+var BreadcrumbEllipsis = Breadcrumb.Ellipsis;
+
+export {
+  breadcrumb_exports
+};

package/dist/chunk-TZBAM4AD.js

@@ -0,0 +1,20 @@
+'use client'
+import {
+  useLink
+} from "./chunk-O2WVT2BP.js";
+
+// src/components/link/link.tsx
+import React from "react";
+import { Link as ChakraLink } from "@chakra-ui/react";
+import { jsx } from "react/jsx-runtime";
+var Link = React.forwardRef(
+  (props, ref) => {
+    const LinkComponent = useLink();
+    return /* @__PURE__ */ jsx(ChakraLink, { asChild: true, children: /* @__PURE__ */ jsx(LinkComponent, { ref, ...props }) });
+  }
+);
+Link.displayName = "Link";
+
+export {
+  Link
+};

package/dist/chunk-UCQ3LZIE.js

@@ -0,0 +1,43 @@
+'use client'
+
+// src/components/avatar/avatar.tsx
+import { forwardRef } from "react";
+import { Avatar as ChakraAvatar, Group } from "@chakra-ui/react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Avatar = forwardRef(
+  function Avatar2(props, ref) {
+    const { name, src, srcSet, loading, icon, fallback, children, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraAvatar.Root, { ref, ...rest, children: [
+      /* @__PURE__ */ jsx(AvatarFallback, { name, icon, children: fallback }),
+      /* @__PURE__ */ jsx(ChakraAvatar.Image, { src, srcSet, loading }),
+      children
+    ] });
+  }
+);
+var AvatarFallback = forwardRef(
+  function AvatarFallback2(props, ref) {
+    const { name, icon, children, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraAvatar.Fallback, { ref, ...rest, children: [
+      children,
+      name != null && children == null && /* @__PURE__ */ jsx(Fragment, { children: getInitials(name) }),
+      name == null && children == null && /* @__PURE__ */ jsx(ChakraAvatar.Icon, { asChild: !!icon, children: icon })
+    ] });
+  }
+);
+function getInitials(name) {
+  const names = name.trim().split(" ");
+  const firstName = names[0] != null ? names[0] : "";
+  const lastName = names.length > 1 ? names[names.length - 1] : "";
+  return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);
+}
+var AvatarGroup = forwardRef(
+  function AvatarGroup2(props, ref) {
+    const { size, variant, borderless, ...rest } = props;
+    return /* @__PURE__ */ jsx(ChakraAvatar.PropsProvider, { value: { size, variant, borderless }, children: /* @__PURE__ */ jsx(Group, { gap: "0", spaceX: "-3", ref, ...rest }) });
+  }
+);
+
+export {
+  Avatar,
+  AvatarGroup
+};

package/dist/chunk-ULAJ3JEO.js

@@ -0,0 +1,32 @@
+'use client'
+import {
+  InputGroup
+} from "./chunk-PKI6YH2V.js";
+
+// src/components/number-input/number-input.tsx
+import { forwardRef } from "react";
+import { NumberInput as ChakraNumberInput } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var NumberInput = forwardRef(
+  function NumberInput2(props, ref) {
+    const {
+      hideControls,
+      startElement,
+      endElement,
+      inputProps,
+      rootRef,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxs(ChakraNumberInput.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ jsx(InputGroup, { startElement, endElement, children: /* @__PURE__ */ jsx(ChakraNumberInput.Input, { ref, ...inputProps }) }),
+      !hideControls && !endElement ? /* @__PURE__ */ jsxs(ChakraNumberInput.Control, { children: [
+        /* @__PURE__ */ jsx(ChakraNumberInput.IncrementTrigger, {}),
+        /* @__PURE__ */ jsx(ChakraNumberInput.DecrementTrigger, {})
+      ] }) : null
+    ] });
+  }
+);
+
+export {
+  NumberInput
+};

package/dist/chunk-VDXTEASE.js

@@ -0,0 +1,117 @@
+'use client'
+
+// src/components/icons/create-icon.tsx
+import { createIcon as _createIcon } from "@chakra-ui/react";
+var createIcon = (props) => {
+  return _createIcon({
+    viewBox: "0 0 24 24",
+    defaultProps: {
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    ...props
+  });
+};
+
+// src/components/icons/icons.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ChevronUpIcon = createIcon({
+  displayName: "ChevronUpIcon",
+  path: /* @__PURE__ */ jsx("polyline", { points: "18 15 12 9 6 15" })
+});
+var ChevronDownIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
+});
+var ChevronLeftIcon = createIcon({
+  displayName: "ChevronLeftIcon",
+  path: /* @__PURE__ */ jsx("polyline", { points: "15 18 9 12 15 6" })
+});
+var ChevronRightIcon = createIcon({
+  displayName: "ChevronRightIcon",
+  path: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
+});
+var HamburgerIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ jsxs("g", { fill: "none", children: [
+    /* @__PURE__ */ jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  ] })
+});
+var CloseIcon = createIcon({
+  displayName: "CloseIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+});
+var FilterIcon = createIcon({
+  displayName: "FilterIcon",
+  path: /* @__PURE__ */ jsx("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
+});
+var CalendarIcon = createIcon({
+  displayName: "CalendarIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] })
+});
+var PlusIcon = createIcon({
+  displayName: "PlusIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] })
+});
+var MinusIcon = createIcon({
+  displayName: "MinusIcon",
+  path: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+});
+var ViewOffIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+    /* @__PURE__ */ jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] })
+});
+var ViewIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" })
+  ] })
+});
+var SearchIcon = createIcon({
+  displayName: "SearchIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] })
+});
+var CheckIcon = createIcon({
+  displayName: "CheckIcon",
+  path: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) })
+});
+
+export {
+  ChevronUpIcon,
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  HamburgerIcon,
+  CloseIcon,
+  FilterIcon,
+  CalendarIcon,
+  PlusIcon,
+  MinusIcon,
+  ViewOffIcon,
+  ViewIcon,
+  SearchIcon,
+  CheckIcon
+};

package/dist/chunk-WYLMBMAH.js

@@ -0,0 +1,22 @@
+'use client'
+
+// src/components/radio/radio.tsx
+import { forwardRef } from "react";
+import { RadioGroup as ChakraRadioGroup } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Radio = forwardRef(
+  function Radio2(props, ref) {
+    const { children, inputProps, rootRef, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraRadioGroup.Item, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ jsx(ChakraRadioGroup.ItemHiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ jsx(ChakraRadioGroup.ItemIndicator, {}),
+      children && /* @__PURE__ */ jsx(ChakraRadioGroup.ItemText, { children })
+    ] });
+  }
+);
+var RadioGroup = ChakraRadioGroup.Root;
+
+export {
+  Radio,
+  RadioGroup
+};

package/dist/components/app-shell/index.cjs

@@ -0,0 +1,68 @@
+'use client'
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/app-shell/index.ts
+var app_shell_exports = {};
+__export(app_shell_exports, {
+  AppShell: () => AppShell
+});
+module.exports = __toCommonJS(app_shell_exports);
+
+// src/components/app-shell/app-shell.tsx
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var {
+  withProvider,
+  withContext,
+  useStyles: useAppShellStyles
+} = (0, import_react2.createSlotRecipeContext)({
+  key: "suiAppShell"
+});
+var AppShellRoot = withProvider(
+  "div",
+  "root",
+  { forwardAsChild: true }
+);
+var AppShellContent = withContext("div", "content", { forwardAsChild: true });
+var AppShellMain = withContext(
+  "div",
+  "main",
+  { forwardAsChild: true }
+);
+var AppShell = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const { header, sidebar, aside, footer, children, ...rootProps } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AppShellRoot, { ref, ...rootProps, children: [
+      header,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(AppShellContent, { children: [
+        sidebar,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppShellMain, { children }),
+        aside
+      ] }),
+      footer
+    ] });
+  }
+);
+AppShell.displayName = "AppShell";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AppShell
+});

package/dist/components/app-shell/index.d.cts

@@ -0,0 +1,30 @@
+import * as react from 'react';
+import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
+
+interface AppShellProps extends HTMLChakraProps<'div'> {
+    /**
+     * The top header navigation
+     */
+    header?: React.ReactNode;
+    /**
+     * Main sidebar, positioned on the left
+     */
+    sidebar?: React.ReactElement;
+    /**
+     * Secondary sidebar, positioned on the right
+     */
+    aside?: React.ReactNode;
+    /**
+     * The footer
+     */
+    footer?: React.ReactNode;
+    /**
+     * The main content
+     */
+    children: React.ReactNode;
+}
+interface AppShellRootProps extends Omit<AppShellProps, 'position'>, SlotRecipeProps<'suiAppShell'> {
+}
+declare const AppShell: react.ForwardRefExoticComponent<AppShellRootProps & react.RefAttributes<HTMLDivElement>>;
+
+export { AppShell, type AppShellProps };

package/dist/components/app-shell/index.d.ts

@@ -0,0 +1,30 @@
+import * as react from 'react';
+import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
+
+interface AppShellProps extends HTMLChakraProps<'div'> {
+    /**
+     * The top header navigation
+     */
+    header?: React.ReactNode;
+    /**
+     * Main sidebar, positioned on the left
+     */
+    sidebar?: React.ReactElement;
+    /**
+     * Secondary sidebar, positioned on the right
+     */
+    aside?: React.ReactNode;
+    /**
+     * The footer
+     */
+    footer?: React.ReactNode;
+    /**
+     * The main content
+     */
+    children: React.ReactNode;
+}
+interface AppShellRootProps extends Omit<AppShellProps, 'position'>, SlotRecipeProps<'suiAppShell'> {
+}
+declare const AppShell: react.ForwardRefExoticComponent<AppShellRootProps & react.RefAttributes<HTMLDivElement>>;
+
+export { AppShell, type AppShellProps };

package/dist/components/app-shell/index.js

@@ -0,0 +1,8 @@
+'use client'
+import {
+  AppShell
+} from "../../chunk-6ZNR6N2K.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  AppShell
+};

package/dist/components/avatar/index.cjs

@@ -0,0 +1,69 @@
+'use client'
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/avatar/index.ts
+var avatar_exports = {};
+__export(avatar_exports, {
+  Avatar: () => Avatar,
+  AvatarGroup: () => AvatarGroup
+});
+module.exports = __toCommonJS(avatar_exports);
+
+// src/components/avatar/avatar.tsx
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Avatar = (0, import_react.forwardRef)(
+  function Avatar2(props, ref) {
+    const { name, src, srcSet, loading, icon, fallback, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Avatar.Root, { ref, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallback, { name, icon, children: fallback }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Avatar.Image, { src, srcSet, loading }),
+      children
+    ] });
+  }
+);
+var AvatarFallback = (0, import_react.forwardRef)(
+  function AvatarFallback2(props, ref) {
+    const { name, icon, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Avatar.Fallback, { ref, ...rest, children: [
+      children,
+      name != null && children == null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: getInitials(name) }),
+      name == null && children == null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Avatar.Icon, { asChild: !!icon, children: icon })
+    ] });
+  }
+);
+function getInitials(name) {
+  const names = name.trim().split(" ");
+  const firstName = names[0] != null ? names[0] : "";
+  const lastName = names.length > 1 ? names[names.length - 1] : "";
+  return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);
+}
+var AvatarGroup = (0, import_react.forwardRef)(
+  function AvatarGroup2(props, ref) {
+    const { size, variant, borderless, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Avatar.PropsProvider, { value: { size, variant, borderless }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Group, { gap: "0", spaceX: "-3", ref, ...rest }) });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Avatar,
+  AvatarGroup
+});

package/dist/components/avatar/index.d.cts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { Avatar as Avatar$1, GroupProps, SlotRecipeProps } from '@chakra-ui/react';
+
+type ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
+interface AvatarProps extends Avatar$1.RootProps {
+    name?: string;
+    src?: string;
+    srcSet?: string;
+    loading?: ImageProps['loading'];
+    icon?: React.ReactElement;
+    fallback?: React.ReactNode;
+}
+declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLDivElement>>;
+interface AvatarGroupProps extends GroupProps, SlotRecipeProps<'avatar'> {
+}
+declare const AvatarGroup: react.ForwardRefExoticComponent<AvatarGroupProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Avatar, AvatarGroup, type AvatarProps };