@saas-ui/react 3.0.0-alpha.21 → 3.0.0-alpha.22

package/dist/components/icon-button/index.cjs

@@ -21,10 +21,46 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/icon-button/index.ts
 var icon_button_exports = {};
 __export(icon_button_exports, {
-  IconButton: () => import_react.IconButton
+  IconButton: () => IconButton
 });
 module.exports = __toCommonJS(icon_button_exports);
-var import_react = require("@chakra-ui/react");
+
+// src/components/icon-button/icon-button.tsx
+var import_react3 = require("react");
+
+// src/components/button/button.tsx
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Button = (0, import_react.forwardRef)(
+  function Button2(props, ref) {
+    const { loading, disabled, loadingText, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Button, { disabled: loading || disabled, ref, ...rest, children: loading && !loadingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.AbsoluteCenter, { display: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { size: "inherit", color: "inherit" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Span, { opacity: 0, children })
+    ] }) : loading && loadingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { size: "inherit", color: "inherit" }),
+      loadingText
+    ] }) : children });
+  }
+);
+
+// src/components/icon-button/icon-button.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var IconButton = (0, import_react3.forwardRef)(
+  function IconButton2(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      Button,
+      {
+        px: "0",
+        py: "0",
+        _icon: { fontSize: "1.2em" },
+        ref,
+        ...props
+      }
+    );
+  }
+);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   IconButton

package/dist/components/icon-button/index.d.cts

@@ -1 +1,9 @@
-export { IconButton, IconButtonProps } from '@chakra-ui/react';
+import * as react from 'react';
+import { ButtonProps } from '../button/index.cjs';
+import '@chakra-ui/react';
+
+interface IconButtonProps extends ButtonProps {
+}
+declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { IconButton, type IconButtonProps };

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

@@ -1 +1,9 @@
-export { IconButton, IconButtonProps } from '@chakra-ui/react';
+import * as react from 'react';
+import { ButtonProps } from '../button/index.js';
+import '@chakra-ui/react';
+
+interface IconButtonProps extends ButtonProps {
+}
+declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { IconButton, type IconButtonProps };

package/dist/components/icon-button/index.js

@@ -1,7 +1,8 @@
 'use client'
 import {
   IconButton
-} from "../../chunk-QVFJV6HJ.js";
+} from "../../chunk-MS2ELLDY.js";
+import "../../chunk-NGSHWY7E.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   IconButton

package/dist/components/menu/index.cjs

@@ -54,32 +54,14 @@ var import_react2 = require("@chakra-ui/react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Button = (0, import_react.forwardRef)(
   function Button2(props, ref) {
-    const {
-      loading,
-      disabled,
-      loadingText,
-      children,
-      variant = "glass",
-      colorPalette = variant === "glass" ? "accent" : "gray",
-      ...rest
-    } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_react2.Button,
-      {
-        colorPalette,
-        disabled: loading || disabled,
-        variant,
-        ref,
-        ...rest,
-        children: loading && !loadingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.AbsoluteCenter, { display: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { size: "inherit", color: "inherit" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Span, { opacity: 0, children })
-        ] }) : loading && loadingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { size: "inherit", color: "inherit" }),
-          loadingText
-        ] }) : children
-      }
-    );
+    const { loading, disabled, loadingText, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Button, { disabled: loading || disabled, ref, ...rest, children: loading && !loadingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.AbsoluteCenter, { display: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { size: "inherit", color: "inherit" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Span, { opacity: 0, children })
+    ] }) : loading && loadingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { size: "inherit", color: "inherit" }),
+      loadingText
+    ] }) : children });
   }
 );
 

package/dist/components/menu/index.js

@@ -1,10 +1,10 @@
 'use client'
 import {
   menu_exports
-} from "../../chunk-C7B3ELC4.js";
+} from "../../chunk-KFXNVUEZ.js";
 import "../../chunk-KTLWEUNW.js";
-import "../../chunk-BCNPBZZK.js";
 import "../../chunk-4TPVIHNO.js";
+import "../../chunk-NGSHWY7E.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   menu_exports as Menu

package/dist/components/persona/index.cjs

@@ -41,27 +41,64 @@ module.exports = __toCommonJS(persona_exports);
 var React2 = __toESM(require("react"), 1);
 
 // src/components/persona/persona-primitive.tsx
-var import_react2 = require("react");
-var import_react3 = require("@chakra-ui/react");
+var import_react4 = require("react");
+var import_react5 = require("@chakra-ui/react");
 var import_utils = require("@saas-ui/core/utils");
 
+// 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 }) });
+  }
+);
+
 // src/components/persona/persona.context.ts
-var import_react = require("@chakra-ui/react");
+var import_react3 = require("@chakra-ui/react");
 var {
   useStyles: usePersonaStyles,
   withProvider,
   withContext
-} = (0, import_react.createSlotRecipeContext)({
+} = (0, import_react3.createSlotRecipeContext)({
   key: "suiPersona"
 });
 
 // src/components/persona/persona-primitive.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var PersonaRoot = withProvider(
-  (0, import_react2.forwardRef)((props, ref) => {
+  (0, import_react4.forwardRef)((props, ref) => {
     const { outOfOffice, presence, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_react3.chakra.div,
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_react5.chakra.div,
       {
         ref,
         ...rest,
@@ -78,11 +115,11 @@ var PersonaRoot = withProvider(
   }),
   "root"
 );
-var PersonaAvatar = (0, import_react2.forwardRef)(
+var PersonaAvatar = (0, import_react4.forwardRef)(
   (props, ref) => {
     const {
       name,
-      getInitials = (name2) => name2 == null ? void 0 : name2[0],
+      getInitials: getInitials2 = (name2) => name2 == null ? void 0 : name2[0],
       icon,
       loading,
       onError,
@@ -91,19 +128,7 @@ var PersonaAvatar = (0, import_react2.forwardRef)(
       children,
       ...rest
     } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react3.Avatar.Root, { ref, ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react3.Avatar.Fallback, { children: getInitials(name) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_react3.Avatar.Image,
-        {
-          src,
-          srcSet,
-          loading,
-          onError
-        }
-      ),
-      children
-    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Avatar, { ref, ...rest, children });
   }
 );
 var PersonaPresenceBadge = withContext("span", "presence");
@@ -126,7 +151,7 @@ var PersonaTertiaryLabel = withContext(
 );
 
 // src/components/persona/persona.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var Persona = React2.forwardRef(
   (props, ref) => {
     const {
@@ -141,15 +166,16 @@ var Persona = React2.forwardRef(
       hideDetails,
       children,
       /** Avatar props */
-      getInitials,
+      getInitials: getInitials2,
       icon,
       loading,
       onError,
       src,
       srcSet,
+      fallback,
       ...rest
     } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       PersonaRoot,
       {
         ref,
@@ -158,24 +184,25 @@ var Persona = React2.forwardRef(
         size,
         ...rest,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             PersonaAvatar,
             {
               name,
               size,
-              getInitials,
+              getInitials: getInitials2,
               icon,
               loading,
               onError,
               src,
               srcSet,
-              children: presence ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PersonaPresenceBadge, { children: presenceIcon }) : null
+              fallback,
+              children: presence ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PersonaPresenceBadge, { children: presenceIcon }) : null
             }
           ),
-          !hideDetails && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(PersonaDetails, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PersonaLabel, { children: label || name }),
-            secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PersonaSecondaryLabel, { children: secondaryLabel }),
-            tertiaryLabel && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PersonaTertiaryLabel, { children: tertiaryLabel }),
+          !hideDetails && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(PersonaDetails, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PersonaLabel, { children: label || name }),
+            secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PersonaSecondaryLabel, { children: secondaryLabel }),
+            tertiaryLabel && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PersonaTertiaryLabel, { children: tertiaryLabel }),
             children
           ] })
         ]
@@ -185,7 +212,7 @@ var Persona = React2.forwardRef(
 );
 Persona.displayName = "Persona";
 var PersonaAvatar2 = React2.forwardRef(function PersonaAvatar3(props, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Persona, { ref, ...props, hideDetails: true });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Persona, { ref, ...props, hideDetails: true });
 });
 
 // src/components/persona/presence.ts

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

@@ -1,7 +1,8 @@
 import * as react from 'react';
 import react__default from 'react';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { RecipeVariantProps, HTMLChakraProps, AvatarRootProps, ImageProps, ConfigSlotRecipes, SlotRecipeDefinition } from '@chakra-ui/react';
+import { RecipeVariantProps, HTMLChakraProps, ImageProps, ConfigSlotRecipes, SlotRecipeDefinition } from '@chakra-ui/react';
+import { AvatarProps } from '../avatar/index.cjs';
 
 declare const personaSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"presence" | "root" | "avatar" | "details" | "label" | "secondaryLabel" | "tertiaryLabel", {
     size: {
@@ -10,7 +11,7 @@ declare const personaSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"presence
                 ms: number;
             };
             label: {
-                fontSize: "2xs";
+                fontSize: "xs";
             };
             secondaryLabel: {
                 display: "none";
@@ -152,7 +153,7 @@ interface PersonaAvatarOptions {
      */
     name?: string;
 }
-interface PersonaAvatarProps$1 extends PersonaAvatarOptions, AvatarRootProps {
+interface PersonaAvatarProps$1 extends PersonaAvatarOptions, AvatarProps {
     src?: string;
     srcSet?: string;
     loading?: ImageProps['loading'];

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

@@ -1,7 +1,8 @@
 import * as react from 'react';
 import react__default from 'react';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { RecipeVariantProps, HTMLChakraProps, AvatarRootProps, ImageProps, ConfigSlotRecipes, SlotRecipeDefinition } from '@chakra-ui/react';
+import { RecipeVariantProps, HTMLChakraProps, ImageProps, ConfigSlotRecipes, SlotRecipeDefinition } from '@chakra-ui/react';
+import { AvatarProps } from '../avatar/index.js';
 
 declare const personaSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"presence" | "root" | "avatar" | "details" | "label" | "secondaryLabel" | "tertiaryLabel", {
     size: {
@@ -10,7 +11,7 @@ declare const personaSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"presence
                 ms: number;
             };
             label: {
-                fontSize: "2xs";
+                fontSize: "xs";
             };
             secondaryLabel: {
                 display: "none";
@@ -152,7 +153,7 @@ interface PersonaAvatarOptions {
      */
     name?: string;
 }
-interface PersonaAvatarProps$1 extends PersonaAvatarOptions, AvatarRootProps {
+interface PersonaAvatarProps$1 extends PersonaAvatarOptions, AvatarProps {
     src?: string;
     srcSet?: string;
     loading?: ImageProps['loading'];

package/dist/components/persona/index.js

@@ -3,7 +3,8 @@ import {
   Persona,
   PersonaAvatar,
   defaultPresenceOptions
-} from "../../chunk-4VH4IGVF.js";
+} from "../../chunk-GWC5GCMW.js";
+import "../../chunk-JO4WJVYO.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   Persona,

package/dist/components/status/index.cjs

@@ -0,0 +1,45 @@
+'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/status/index.ts
+var status_exports = {};
+__export(status_exports, {
+  Status: () => Status
+});
+module.exports = __toCommonJS(status_exports);
+
+// src/components/status/status.tsx
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Status = (0, import_react.forwardRef)(
+  function Status2(props, ref) {
+    const { children, value, ...rest } = props;
+    const color = value ? `status.${value}` : void 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Status.Root, { ref, bg: color, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Status.Indicator, {}),
+      children
+    ] });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Status
+});

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

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { Status as Status$1, Token } from '@chakra-ui/react';
+
+type StatusTokens = Extract<Token, `colors.status.${string}`>;
+interface StatusProps extends Status$1.RootProps {
+    /**
+     * The status value, used to determine the color of the status
+     * colors can be configured as semantic tokens under the `colors.status` key.
+     */
+    value?: StatusTokens extends never ? string : StatusTokens;
+}
+/**
+ * Status component
+ */
+declare const Status: react.ForwardRefExoticComponent<StatusProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Status, type StatusProps };

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

@@ -0,0 +1,17 @@
+import * as react from 'react';
+import { Status as Status$1, Token } from '@chakra-ui/react';
+
+type StatusTokens = Extract<Token, `colors.status.${string}`>;
+interface StatusProps extends Status$1.RootProps {
+    /**
+     * The status value, used to determine the color of the status
+     * colors can be configured as semantic tokens under the `colors.status` key.
+     */
+    value?: StatusTokens extends never ? string : StatusTokens;
+}
+/**
+ * Status component
+ */
+declare const Status: react.ForwardRefExoticComponent<StatusProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Status, type StatusProps };

package/dist/components/status/index.js

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

package/dist/components/tag/index.cjs

@@ -0,0 +1,53 @@
+'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/tag/index.ts
+var tag_exports = {};
+__export(tag_exports, {
+  Tag: () => Tag
+});
+module.exports = __toCommonJS(tag_exports);
+
+// src/components/tag/tag.tsx
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Tag = (0, import_react.forwardRef)(
+  function Tag2(props, ref) {
+    const {
+      startElement,
+      endElement,
+      onClose,
+      closable = !!onClose,
+      children,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Tag.Root, { ref, ...rest, children: [
+      startElement && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Tag.StartElement, { children: startElement }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Tag.Label, { children }),
+      endElement && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Tag.EndElement, { children: endElement }),
+      closable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Tag.EndElement, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Tag.CloseTrigger, { onClick: onClose }) })
+    ] });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tag
+});

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

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { Tag as Tag$1 } from '@chakra-ui/react';
+
+interface TagProps extends Tag$1.RootProps {
+    startElement?: React.ReactNode;
+    endElement?: React.ReactNode;
+    onClose?: VoidFunction;
+    closable?: boolean;
+}
+declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLSpanElement>>;
+
+export { Tag, type TagProps };

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

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { Tag as Tag$1 } from '@chakra-ui/react';
+
+interface TagProps extends Tag$1.RootProps {
+    startElement?: React.ReactNode;
+    endElement?: React.ReactNode;
+    onClose?: VoidFunction;
+    closable?: boolean;
+}
+declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLSpanElement>>;
+
+export { Tag, type TagProps };

package/dist/components/tag/index.js

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