crowui-pr 1.1.0

package/dist/Alert/variants.d.ts

@@ -0,0 +1,14 @@
+import { AlertProps } from '.';
+type AlertVariantRecords = Record<Required<AlertProps>['variant'], string>;
+type AlertSizeRecords = Record<Required<AlertProps>['size'], string | number>;
+interface SectionRecords<T extends AlertVariantRecords | AlertSizeRecords> {
+    container: T;
+    icon: T;
+    title: T;
+    close: T;
+    text: T;
+}
+export declare const alertVariantClassNames: SectionRecords<AlertVariantRecords>;
+export declare const alertSizeClassNames: SectionRecords<AlertSizeRecords>;
+export {};
+//# sourceMappingURL=variants.d.ts.map

package/dist/Alert/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../src/components/Alert/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AAEpC,KAAK,mBAAmB,GAAG,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;AAC3E,KAAK,gBAAgB,GAAG,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAE9E,UAAU,cAAc,CAAC,CAAC,SAAS,mBAAmB,GAAG,gBAAgB;IACvE,SAAS,EAAE,CAAC,CAAC;IACb,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,CAAC,CAAC;IACT,IAAI,EAAE,CAAC,CAAC;CACT;AAED,eAAO,MAAM,sBAAsB,EAAE,cAAc,CAAC,mBAAmB,CAoCtE,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAC,gBAAgB,CAqBhE,CAAC"}

package/dist/Avatar/Group.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { AvatarGroupProps } from './types';
+declare const AvatarGroup: FC<AvatarGroupProps>;
+export default AvatarGroup;
+export { AvatarGroup };
+//# sourceMappingURL=Group.d.ts.map

package/dist/Avatar/Group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/components/Avatar/Group.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0C,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAC;AAC3F,OAAO,KAAK,EAAE,gBAAgB,EAAe,MAAM,SAAS,CAAC;AAG7D,OAAO,kBAAkB,CAAC;AAK1B,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAqCrC,CAAC;AAEF,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/Avatar/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('../assets/styles.css');const e=require("react/jsx-runtime"),l=require("../clsx-C11secjj.cjs"),u=require("react");;/* empty css                   */const h=o=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...o,children:e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M9.592 13.957c3.259 0 7.592.367 7.592 3.542 0 3.345-5.049 3.545-7.215 3.557h-.786C6.873 21.044 2 20.845 2 17.52c0-3.348 5.049-3.55 7.215-3.561l.26-.001zm0 1.5c-2.779 0-6.092.357-6.092 2.062 0 1.352 2.05 2.038 6.092 2.038s6.092-.693 6.092-2.058c0-1.355-2.05-2.042-6.092-2.042m9.115-1.967c2.706.405 3.273 1.658 3.273 2.637 0 .729-.315 1.716-1.818 2.285a.75.75 0 1 1-.532-1.402c.85-.322.85-.715.85-.883 0-.567-.671-.955-1.994-1.152a.75.75 0 0 1-.632-.853.76.76 0 0 1 .853-.632M9.592 2a5.14 5.14 0 0 1 5.135 5.135 5.08 5.08 0 0 1-1.487 3.622 5.08 5.08 0 0 1-3.614 1.513h-.034a5.14 5.14 0 0 1-5.136-5.135A5.14 5.14 0 0 1 9.592 2m7.088 1.124a4.03 4.03 0 0 1 3.39 3.996 4.07 4.07 0 0 1-3.482 4.005.75.75 0 0 1-.209-1.486 2.56 2.56 0 0 0 2.192-2.52 2.54 2.54 0 0 0-2.133-2.514.75.75 0 0 1 .242-1.481M9.592 3.5a3.64 3.64 0 0 0-3.636 3.635 3.64 3.64 0 0 0 3.636 3.635h.031a3.6 3.6 0 0 0 2.553-1.07 3.59 3.59 0 0 0 1.051-2.562A3.64 3.64 0 0 0 9.592 3.5",clipRule:"evenodd"})}),f={sm:"crow:size-8 crow:font-caption-medium",md:"crow:size-10 crow:font-p3-medium",lg:"crow:size-12 crow:font-p2-medium",xl:"crow:size-16 crow:font-h5-bold"},p={round:"crow:rounded-full",square:"crow:rounded-md"},v={online:"crow:bg-success-500",offline:"crow:bg-gray-400",busy:"crow:bg-error-500",away:"crow:bg-warning-500"},b={sm:"crow:size-2",md:"crow:size-2.5",lg:"crow:size-3",xl:"crow:size-3.5"},z={sm:"crow:size-4",md:"crow:size-5",lg:"crow:size-6",xl:"crow:size-8"},g="crow:ring-2 crow:ring-surface crow:dark:ring-gray-900 crow:transition-transform crow:duration-300 crow:hover:-translate-y-0.5 crow:hover:z-10",j=({children:o,max:r,size:c="md",shape:s="round",className:n})=>{const a=u.Children.toArray(o).filter(u.isValidElement),t=typeof r=="number"?a.slice(0,r):a,w=typeof r=="number"?a.length-t.length:0;return e.jsxs("div",{className:l.clsx("crow:flex crow:items-center crow:-space-x-3",n),children:[t.map((i,d)=>u.cloneElement(i,{key:i.key??d,size:c,shape:s,className:l.clsx(g,i.props.className)})),w>0&&e.jsxs("span",{className:l.clsx("crow:relative crow:inline-flex crow:shrink-0 crow:items-center crow:justify-center crow:bg-gray-200 crow:text-gray-700 crow:font-p3-medium crow:select-none crow:dark:bg-gray-600 crow:dark:text-gray-100",g,f[c],p[s]),children:["+",w]})]})};function S(o){if(!o)return"";const r=o.trim().split(/\s+/).filter(Boolean);if(r.length===0)return"";if(r.length===1)return(r[0]??"").slice(0,2).toUpperCase();const c=r[0]??"",s=r[r.length-1]??"";return((c[0]??"")+(s[0]??"")).toUpperCase()}const k=({src:o,alt:r="",initials:c,icon:s,size:n="md",shape:a="round",status:t,className:w,...i})=>{const[d,x]=u.useState(!1),y=!!o&&!d,m=c??S(r);return e.jsxs("span",{...i,className:l.clsx("crow:relative crow:inline-flex crow:shrink-0 crow:items-center crow:justify-center crow:overflow-hidden crow:bg-gray-100 crow:text-gray-600 crow:select-none crow:dark:bg-gray-700 crow:dark:text-gray-200 crow:transition-colors crow:duration-300",f[n],p[a],w),children:[y?e.jsx("img",{src:o,alt:r,onError:()=>x(!0),className:"crow:size-full crow:object-cover crow:animate-in crow:fade-in crow:duration-300"}):m?e.jsx("span",{className:"crow:uppercase crow:leading-none",children:m}):e.jsx("span",{className:z[n],children:s??e.jsx(h,{className:"crow:size-full"})}),t&&e.jsx("span",{"aria-label":t,className:l.clsx("crow:absolute crow:right-0 crow:bottom-0 crow:rounded-full crow:ring-2 crow:ring-surface crow:dark:ring-gray-900",v[t],b[n])})]})};exports.AvatarGroup=j;exports.default=k;

package/dist/Avatar/index.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { AvatarProps } from './types';
+export type { AvatarProps } from './types';
+declare const Avatar: FC<AvatarProps>;
+export default Avatar;
+export { AvatarGroup } from './Group';
+export type { AvatarGroupProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAS3C,OAAO,kBAAkB,CAAC;AAE1B,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAY3C,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAqD3B,CAAC;AAEF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/dist/Avatar/index.mjs

@@ -0,0 +1,139 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { c as l } from "../clsx-OuTLNxxd.js";
+import { Children as v, isValidElement as b, cloneElement as z, useState as x } from "react";
+import '../assets/styles.css';/* empty css                 */
+const S = (o) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ...o,
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M9.592 13.957c3.259 0 7.592.367 7.592 3.542 0 3.345-5.049 3.545-7.215 3.557h-.786C6.873 21.044 2 20.845 2 17.52c0-3.348 5.049-3.55 7.215-3.561l.26-.001zm0 1.5c-2.779 0-6.092.357-6.092 2.062 0 1.352 2.05 2.038 6.092 2.038s6.092-.693 6.092-2.058c0-1.355-2.05-2.042-6.092-2.042m9.115-1.967c2.706.405 3.273 1.658 3.273 2.637 0 .729-.315 1.716-1.818 2.285a.75.75 0 1 1-.532-1.402c.85-.322.85-.715.85-.883 0-.567-.671-.955-1.994-1.152a.75.75 0 0 1-.632-.853.76.76 0 0 1 .853-.632M9.592 2a5.14 5.14 0 0 1 5.135 5.135 5.08 5.08 0 0 1-1.487 3.622 5.08 5.08 0 0 1-3.614 1.513h-.034a5.14 5.14 0 0 1-5.136-5.135A5.14 5.14 0 0 1 9.592 2m7.088 1.124a4.03 4.03 0 0 1 3.39 3.996 4.07 4.07 0 0 1-3.482 4.005.75.75 0 0 1-.209-1.486 2.56 2.56 0 0 0 2.192-2.52 2.54 2.54 0 0 0-2.133-2.514.75.75 0 0 1 .242-1.481M9.592 3.5a3.64 3.64 0 0 0-3.636 3.635 3.64 3.64 0 0 0 3.636 3.635h.031a3.6 3.6 0 0 0 2.553-1.07 3.59 3.59 0 0 0 1.051-2.562A3.64 3.64 0 0 0 9.592 3.5",
+        clipRule: "evenodd"
+      }
+    )
+  }
+), f = {
+  sm: "crow:size-8 crow:font-caption-medium",
+  md: "crow:size-10 crow:font-p3-medium",
+  lg: "crow:size-12 crow:font-p2-medium",
+  xl: "crow:size-16 crow:font-h5-bold"
+}, p = {
+  round: "crow:rounded-full",
+  square: "crow:rounded-md"
+}, k = {
+  online: "crow:bg-success-500",
+  offline: "crow:bg-gray-400",
+  busy: "crow:bg-error-500",
+  away: "crow:bg-warning-500"
+}, N = {
+  sm: "crow:size-2",
+  md: "crow:size-2.5",
+  lg: "crow:size-3",
+  xl: "crow:size-3.5"
+}, C = {
+  sm: "crow:size-4",
+  md: "crow:size-5",
+  lg: "crow:size-6",
+  xl: "crow:size-8"
+}, u = "crow:ring-2 crow:ring-surface crow:dark:ring-gray-900 crow:transition-transform crow:duration-300 crow:hover:-translate-y-0.5 crow:hover:z-10", M = ({
+  children: o,
+  max: r,
+  size: c = "md",
+  shape: t = "round",
+  className: a
+}) => {
+  const s = v.toArray(o).filter(b), n = typeof r == "number" ? s.slice(0, r) : s, w = typeof r == "number" ? s.length - n.length : 0;
+  return /* @__PURE__ */ d("div", { className: l("crow:flex crow:items-center crow:-space-x-3", a), children: [
+    n.map(
+      (i, m) => z(i, {
+        key: i.key ?? m,
+        size: c,
+        shape: t,
+        className: l(u, i.props.className)
+      })
+    ),
+    w > 0 && /* @__PURE__ */ d(
+      "span",
+      {
+        className: l(
+          "crow:relative crow:inline-flex crow:shrink-0 crow:items-center crow:justify-center crow:bg-gray-200 crow:text-gray-700 crow:font-p3-medium crow:select-none crow:dark:bg-gray-600 crow:dark:text-gray-100",
+          u,
+          f[c],
+          p[t]
+        ),
+        children: [
+          "+",
+          w
+        ]
+      }
+    )
+  ] });
+};
+function I(o) {
+  if (!o) return "";
+  const r = o.trim().split(/\s+/).filter(Boolean);
+  if (r.length === 0) return "";
+  if (r.length === 1) return (r[0] ?? "").slice(0, 2).toUpperCase();
+  const c = r[0] ?? "", t = r[r.length - 1] ?? "";
+  return ((c[0] ?? "") + (t[0] ?? "")).toUpperCase();
+}
+const U = ({
+  src: o,
+  alt: r = "",
+  initials: c,
+  icon: t,
+  size: a = "md",
+  shape: s = "round",
+  status: n,
+  className: w,
+  ...i
+}) => {
+  const [m, h] = x(!1), y = !!o && !m, g = c ?? I(r);
+  return /* @__PURE__ */ d(
+    "span",
+    {
+      ...i,
+      className: l(
+        "crow:relative crow:inline-flex crow:shrink-0 crow:items-center crow:justify-center crow:overflow-hidden crow:bg-gray-100 crow:text-gray-600 crow:select-none crow:dark:bg-gray-700 crow:dark:text-gray-200 crow:transition-colors crow:duration-300",
+        f[a],
+        p[s],
+        w
+      ),
+      children: [
+        y ? /* @__PURE__ */ e(
+          "img",
+          {
+            src: o,
+            alt: r,
+            onError: () => h(!0),
+            className: "crow:size-full crow:object-cover crow:animate-in crow:fade-in crow:duration-300"
+          }
+        ) : g ? /* @__PURE__ */ e("span", { className: "crow:uppercase crow:leading-none", children: g }) : /* @__PURE__ */ e("span", { className: C[a], children: t ?? /* @__PURE__ */ e(S, { className: "crow:size-full" }) }),
+        n && /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-label": n,
+            className: l(
+              "crow:absolute crow:right-0 crow:bottom-0 crow:rounded-full crow:ring-2 crow:ring-surface crow:dark:ring-gray-900",
+              k[n],
+              N[a]
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  M as AvatarGroup,
+  U as default
+};

package/dist/Avatar/types.d.ts

@@ -0,0 +1,32 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface AvatarProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /** Image URL. Falls back to initials/icon if missing or if it fails to load. */
+    src?: string;
+    /** Alt text for the image; also used to derive fallback initials. */
+    alt?: string;
+    /** Explicit initials to show as a fallback (overrides initials derived from `alt`). */
+    initials?: string;
+    /** Icon rendered as a fallback when no `src`/`initials`/`alt` is usable. */
+    icon?: ReactNode;
+    /** Controls the avatar's diameter. @default 'md' */
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Shape of the avatar. @default 'round' */
+    shape?: 'round' | 'square';
+    /** Presence/status indicator dot. Omit to render no dot. */
+    status?: 'online' | 'offline' | 'busy' | 'away';
+    /** Extra class names on the root element. */
+    className?: string;
+}
+export interface AvatarGroupProps {
+    /** `Avatar` elements to stack. */
+    children: ReactNode;
+    /** Maximum number of avatars shown before collapsing into a "+N" indicator. */
+    max?: number;
+    /** Size applied to every avatar in the group (overrides each child's own `size`). @default 'md' */
+    size?: AvatarProps['size'];
+    /** Shape applied to every avatar in the group (overrides each child's own `shape`). @default 'round' */
+    shape?: AvatarProps['shape'];
+    /** Extra class names on the root element. */
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/Avatar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IACpF,gFAAgF;IAChF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oDAAoD;IACpD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,4CAA4C;IAC5C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3B,4DAA4D;IAC5D,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAChD,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,+EAA+E;IAC/E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mGAAmG;IACnG,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,wGAAwG;IACxG,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/Avatar/variants.d.ts

@@ -0,0 +1,7 @@
+import { AvatarProps } from './types';
+export declare const avatarSizeStyle: Record<Required<AvatarProps>['size'], string>;
+export declare const avatarShapeStyle: Record<Required<AvatarProps>['shape'], string>;
+export declare const avatarStatusStyle: Record<Required<AvatarProps>['status'], string>;
+export declare const avatarStatusSizeStyle: Record<Required<AvatarProps>['size'], string>;
+export declare const avatarIconSizeStyle: Record<Required<AvatarProps>['size'], string>;
+//# sourceMappingURL=variants.d.ts.map

package/dist/Avatar/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../src/components/Avatar/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAKzE,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAG3E,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,EAAE,MAAM,CAK7E,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAK/E,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAK7E,CAAC"}

package/dist/Badge/index.cjs

@@ -0,0 +1 @@
+"use strict";require('../assets/styles.css');const c=require("react/jsx-runtime");;/* empty css                   */function g(r){const t="crow:inline-flex crow:items-center crow:justify-center crow:rounded-[20px]",w={twoTone:{primary:"crow:bg-primary-50 crow:text-primary-600",secondary:"crow:bg-secondary-100 crow:text-secondary-700",gray:"crow:bg-gray-100 crow:text-gray-600",success:"crow:bg-success-50 crow:text-success-800",error:"crow:bg-error-50 crow:text-error-600",warning:"crow:bg-warning-50 crow:text-warning-700",sky:"crow:bg-sky-50 crow:text-sky-700",violet:"crow:bg-violet-50 crow:text-violet-800",flamingo:"crow:bg-flamingo-50 crow:text-flamingo-700"},solid:{primary:"crow:bg-primary-500 crow:text-white",secondary:"crow:bg-secondary-600 crow:text-white",gray:"crow:bg-gray-600 crow:text-white",success:"crow:bg-success-600 crow:text-white",error:"crow:bg-error-500 crow:text-white",warning:"crow:bg-warning-500 crow:text-black",sky:"crow:bg-sky-600 crow:text-white",violet:"crow:bg-violet-500 crow:text-white",flamingo:"crow:bg-flamingo-500 crow:text-white"}},e={small:"crow:font-oveline-demibold crow:py-1 crow:px-2 crow:gap-[2px]",medium:"crow:font-caption-demibold crow:py-1 crow:px-[10px] crow:gap-1",large:"crow:font-button-small crow:py-2 crow:px-4 crow:gap-[6px]"},o={small:"crow:font-caption-demibold crow:py-[2px] crow:px-[6px] crow:min-w-5",medium:"crow:font-p3-medium crow:px-[6px] crow:min-w-6",large:"crow:font-h5-bold crow:py-[2px] crow:px-2 crow:min-w-8"};return[t,w[r.type][r.color],r.valueType==="text"?e[r.size]:o[r.size]+" crow:ss02",r.className.length>0?r.className:""].slice().join(" ")}function a(r){return r==="small"?"crow:w-3 crow:h-3":r==="medium"?"crow:w-[14px] crow:h-[14px]":"crow:w-4 crow:h-4"}const p=r=>{const{type:t="solid",color:w="primary",size:e="medium",valueType:o="text",value:l,width:x,className:m=""}=r,{icon:s,leftIcon:i,rightIcon:n}=r;return s&&console.error('[Deprecated Prop Warning] ❗ The "icon" prop in <Badge /> is deprecated and will be removed in a future update. Please use "leftIcon" or "rightIcon" instead.'),c.jsxs("div",{className:g({type:t,color:w,size:e,valueType:o,className:m}),style:{width:x??"auto"},children:[i&&o==="text"&&c.jsx("span",{className:a(e),children:i}),s&&o==="text"&&c.jsx("span",{className:a(e),children:s}),l,n&&o==="text"&&c.jsx("span",{className:a(e),children:n})]})};module.exports=p;

package/dist/Badge/index.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+interface BadgePropsBase {
+    /** Background style: two-tone (tinted bg, colored text) or solid (filled). @default 'solid' */
+    type?: 'twoTone' | 'solid';
+    /** Color palette applied to the badge. @default 'primary' */
+    color?: 'primary' | 'secondary' | 'gray' | 'success' | 'error' | 'warning' | 'sky' | 'violet' | 'flamingo';
+    /** Controls padding and typography scale. @default 'medium' */
+    size?: 'small' | 'medium' | 'large';
+    /** `'text'` shows full content with optional icons; `'number'` uses compact pill style. @default 'text' */
+    valueType?: 'text' | 'number';
+    /** Text or numeric content displayed inside the badge. */
+    value: string | number;
+    /** Fixed width override; defaults to `'auto'`. */
+    width?: string | number;
+    /** Additional class names on the badge element. */
+    className?: string;
+}
+interface BadgePropsWithIcon extends BadgePropsBase {
+    valueType?: 'text';
+    /** @deprecated Use leftIcon or rightIcon instead */
+    icon?: ReactNode;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+}
+interface BadgePropsWithoutIcon extends Omit<BadgePropsBase, 'icon' | 'leftIcon' | 'rightIcon'> {
+    valueType: 'number';
+}
+export type BadgeProps = BadgePropsWithIcon | BadgePropsWithoutIcon;
+declare const Badge: (props: BadgeProps) => import("react").JSX.Element;
+export default Badge;
+//# sourceMappingURL=index.d.ts.map

package/dist/Badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,kBAAkB,CAAC;AAE1B,UAAU,cAAc;IACtB,+FAA+F;IAC/F,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,6DAA6D;IAC7D,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,MAAM,GACN,SAAS,GACT,OAAO,GACP,SAAS,GACT,KAAK,GACL,QAAQ,GACR,UAAU,CAAC;IACf,+DAA+D;IAC/D,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,2GAA2G;IAC3G,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC9B,0DAA0D;IAC1D,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,kBAAmB,SAAQ,cAAc;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,UAAU,qBAAsB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,CAAC;IAC7F,SAAS,EAAE,QAAQ,CAAC;CACrB;AAED,MAAM,MAAM,UAAU,GAAG,kBAAkB,GAAG,qBAAqB,CAAC;AAkEpE,QAAA,MAAM,KAAK,GAAI,OAAO,UAAU,gCA8B/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/Badge/index.mjs

@@ -0,0 +1,74 @@
+import { jsxs as x, jsx as a } from "react/jsx-runtime";
+import '../assets/styles.css';/* empty css                 */
+function p(r) {
+  const c = "crow:inline-flex crow:items-center crow:justify-center crow:rounded-[20px]", t = {
+    twoTone: {
+      primary: "crow:bg-primary-50 crow:text-primary-600",
+      secondary: "crow:bg-secondary-100 crow:text-secondary-700",
+      gray: "crow:bg-gray-100 crow:text-gray-600",
+      success: "crow:bg-success-50 crow:text-success-800",
+      error: "crow:bg-error-50 crow:text-error-600",
+      warning: "crow:bg-warning-50 crow:text-warning-700",
+      sky: "crow:bg-sky-50 crow:text-sky-700",
+      violet: "crow:bg-violet-50 crow:text-violet-800",
+      flamingo: "crow:bg-flamingo-50 crow:text-flamingo-700"
+    },
+    solid: {
+      primary: "crow:bg-primary-500 crow:text-white",
+      secondary: "crow:bg-secondary-600 crow:text-white",
+      gray: "crow:bg-gray-600 crow:text-white",
+      success: "crow:bg-success-600 crow:text-white",
+      error: "crow:bg-error-500 crow:text-white",
+      warning: "crow:bg-warning-500 crow:text-black",
+      sky: "crow:bg-sky-600 crow:text-white",
+      violet: "crow:bg-violet-500 crow:text-white",
+      flamingo: "crow:bg-flamingo-500 crow:text-white"
+    }
+  }, e = {
+    small: "crow:font-oveline-demibold crow:py-1 crow:px-2 crow:gap-[2px]",
+    medium: "crow:font-caption-demibold crow:py-1 crow:px-[10px] crow:gap-1",
+    large: "crow:font-button-small crow:py-2 crow:px-4 crow:gap-[6px]"
+  }, o = {
+    small: "crow:font-caption-demibold crow:py-[2px] crow:px-[6px] crow:min-w-5",
+    medium: "crow:font-p3-medium crow:px-[6px] crow:min-w-6",
+    large: "crow:font-h5-bold crow:py-[2px] crow:px-2 crow:min-w-8"
+  };
+  return [
+    c,
+    t[r.type][r.color],
+    r.valueType === "text" ? e[r.size] : o[r.size] + " crow:ss02",
+    r.className.length > 0 ? r.className : ""
+  ].slice().join(" ");
+}
+function s(r) {
+  return r === "small" ? "crow:w-3 crow:h-3" : r === "medium" ? "crow:w-[14px] crow:h-[14px]" : "crow:w-4 crow:h-4";
+}
+const u = (r) => {
+  const {
+    type: c = "solid",
+    color: t = "primary",
+    size: e = "medium",
+    valueType: o = "text",
+    value: l,
+    width: m,
+    className: g = ""
+  } = r, { icon: w, leftIcon: i, rightIcon: n } = r;
+  return w && console.error(
+    '[Deprecated Prop Warning] ❗ The "icon" prop in <Badge /> is deprecated and will be removed in a future update. Please use "leftIcon" or "rightIcon" instead.'
+  ), /* @__PURE__ */ x(
+    "div",
+    {
+      className: p({ type: c, color: t, size: e, valueType: o, className: g }),
+      style: { width: m ?? "auto" },
+      children: [
+        i && o === "text" && /* @__PURE__ */ a("span", { className: s(e), children: i }),
+        w && o === "text" && /* @__PURE__ */ a("span", { className: s(e), children: w }),
+        l,
+        n && o === "text" && /* @__PURE__ */ a("span", { className: s(e), children: n })
+      ]
+    }
+  );
+};
+export {
+  u as default
+};

package/dist/Banner/index.cjs

@@ -0,0 +1 @@
+"use client";"use strict";require('../assets/styles.css');const e=require("react/jsx-runtime"),c=require("../clsx-C11secjj.cjs"),a=require("react"),n=require("../IconInfoCircleBold-DnAAyuSP.cjs"),I=require("../IconCloseRemove-DwCc4o3b.cjs"),N=require("../Button/index.cjs");;/* empty css                   */const s={container:{info:"crow:bg-primary-50 crow:border-primary-100",success:"crow:bg-success-50 crow:border-success-200",warning:"crow:bg-warning-50 crow:border-warning-200",error:"crow:bg-error-50 crow:border-error-200"},icon:{info:"crow:text-primary-400",success:"crow:text-success-600",warning:"crow:text-warning-700",error:"crow:text-error-600"},title:{info:"crow:text-primary-700",success:"crow:text-success-800",warning:"crow:text-warning-800",error:"crow:text-error-700"},text:{info:"crow:text-primary-600",success:"crow:text-success-800",warning:"crow:text-warning-800",error:"crow:text-error-600"},close:{info:"crow:text-primary-600",success:"crow:text-success-800",warning:"crow:text-warning-800",error:"crow:text-error-600"}},y=300;function j(o){let r=n.IconInfoCircleBold;return o==="error"||o==="warning"?r=n.IconDangerBold:o==="success"&&(r=n.IconCheckCircleBold),e.jsx(r,{className:c.clsx("crow:shrink-0",s.icon[o]),width:20,height:20})}const B=o=>{const{variant:r="info",text:w,title:i,action:t,closable:x=!1,hideIcon:u=!1,sticky:d=!1,onClose:m,className:f}=o,[l,g]=a.useState(!1),[h,b]=a.useState(!0);if(!h)return null;const p=()=>{g(!0),setTimeout(()=>{b(!1),m?.()},y)};return e.jsx("div",{className:c.clsx(l?"banner-collapse":void 0,d&&"crow:sticky crow:top-0 crow:z-10"),children:e.jsxs("div",{role:"alert",className:c.clsx("crow:w-full crow:flex crow:items-start crow:gap-x-3 crow:rounded-xl crow:border crow:border-solid crow:p-3",!l&&"crow:[animation:banner-fade-slide-in_0.3s_ease-in-out]",s.container[r],f),children:[!u&&j(r),e.jsxs("div",{className:"crow:flex crow:flex-col crow:flex-1 crow:gap-y-1 crow:sm:flex-row crow:sm:items-center crow:sm:gap-x-3",children:[e.jsxs("div",{className:"crow:flex-1",children:[!!i&&e.jsx("div",{className:c.clsx("crow:font-h6-bold crow:mb-1",s.title[r]),children:i}),e.jsx("p",{className:c.clsx("crow:font-p3-regular",s.text[r]),children:w})]}),!!t?.text&&e.jsx(N,{variant:"outline",color:r==="info"?"primary":r,size:"small",className:"crow:shrink-0",...t,children:t?.text})]}),x&&e.jsx("button",{type:"button","aria-label":"Dismiss",className:"crow:shrink-0 crow:my-[2px] crow:h-fit",onClick:p,children:e.jsx(I.IconCloseRemove,{className:c.clsx(s.close[r]),width:20,height:20})})]})})};module.exports=B;

package/dist/Banner/index.d.ts

@@ -0,0 +1,5 @@
+import { BannerProps } from './types';
+export type { BannerProps, BannerActionProps } from './types';
+declare const Banner: (props: BannerProps) => import("react").JSX.Element | null;
+export default Banner;
+//# sourceMappingURL=index.d.ts.map

package/dist/Banner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Banner/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,OAAO,kBAAkB,CAAC;AAE1B,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAmB9D,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,uCAuFjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Banner/index.mjs

@@ -0,0 +1,140 @@
+"use client";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { c } from "../clsx-OuTLNxxd.js";
+import { useState as l } from "react";
+import { I as N, a as w, b as y } from "../IconInfoCircleBold-GQlvRSek.js";
+import { I as v } from "../IconCloseRemove-BPEWBqGA.js";
+import B from "../Button/index.mjs";
+import '../assets/styles.css';/* empty css                 */
+const s = {
+  container: {
+    info: "crow:bg-primary-50 crow:border-primary-100",
+    success: "crow:bg-success-50 crow:border-success-200",
+    warning: "crow:bg-warning-50 crow:border-warning-200",
+    error: "crow:bg-error-50 crow:border-error-200"
+  },
+  icon: {
+    info: "crow:text-primary-400",
+    success: "crow:text-success-600",
+    warning: "crow:text-warning-700",
+    error: "crow:text-error-600"
+  },
+  title: {
+    info: "crow:text-primary-700",
+    success: "crow:text-success-800",
+    warning: "crow:text-warning-800",
+    error: "crow:text-error-700"
+  },
+  text: {
+    info: "crow:text-primary-600",
+    success: "crow:text-success-800",
+    warning: "crow:text-warning-800",
+    error: "crow:text-error-600"
+  },
+  close: {
+    info: "crow:text-primary-600",
+    success: "crow:text-success-800",
+    warning: "crow:text-warning-800",
+    error: "crow:text-error-600"
+  }
+}, C = 300;
+function k(o) {
+  let r = N;
+  return o === "error" ? r = w : o === "warning" ? r = w : o === "success" && (r = y), /* @__PURE__ */ e(
+    r,
+    {
+      className: c("crow:shrink-0", s.icon[o]),
+      width: 20,
+      height: 20
+    }
+  );
+}
+const L = (o) => {
+  const {
+    variant: r = "info",
+    text: m,
+    title: i,
+    action: t,
+    closable: f = !1,
+    hideIcon: x = !1,
+    sticky: d = !1,
+    onClose: u,
+    className: g
+  } = o, [a, p] = l(!1), [b, h] = l(!0);
+  if (!b) return null;
+  const I = () => {
+    p(!0), setTimeout(() => {
+      h(!1), u?.();
+    }, C);
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: c(
+        a ? "banner-collapse" : void 0,
+        d && "crow:sticky crow:top-0 crow:z-10"
+      ),
+      children: /* @__PURE__ */ n(
+        "div",
+        {
+          role: "alert",
+          className: c(
+            "crow:w-full crow:flex crow:items-start crow:gap-x-3 crow:rounded-xl crow:border crow:border-solid crow:p-3",
+            !a && "crow:[animation:banner-fade-slide-in_0.3s_ease-in-out]",
+            s.container[r],
+            g
+          ),
+          children: [
+            !x && k(r),
+            /* @__PURE__ */ n("div", { className: "crow:flex crow:flex-col crow:flex-1 crow:gap-y-1 crow:sm:flex-row crow:sm:items-center crow:sm:gap-x-3", children: [
+              /* @__PURE__ */ n("div", { className: "crow:flex-1", children: [
+                !!i && /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: c(
+                      "crow:font-h6-bold crow:mb-1",
+                      s.title[r]
+                    ),
+                    children: i
+                  }
+                ),
+                /* @__PURE__ */ e("p", { className: c("crow:font-p3-regular", s.text[r]), children: m })
+              ] }),
+              !!t?.text && /* @__PURE__ */ e(
+                B,
+                {
+                  variant: "outline",
+                  color: r === "info" ? "primary" : r,
+                  size: "small",
+                  className: "crow:shrink-0",
+                  ...t,
+                  children: t?.text
+                }
+              )
+            ] }),
+            f && /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Dismiss",
+                className: "crow:shrink-0 crow:my-[2px] crow:h-fit",
+                onClick: I,
+                children: /* @__PURE__ */ e(
+                  v,
+                  {
+                    className: c(s.close[r]),
+                    width: 20,
+                    height: 20
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  L as default
+};

package/dist/Banner/types.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+export interface BannerActionProps extends Omit<ButtonProps, 'variant' | 'color' | 'size' | 'children'> {
+    text: string;
+}
+export interface BannerProps {
+    /** Visual severity style. @default 'info' */
+    variant?: 'info' | 'success' | 'warning' | 'error';
+    /** Main banner message (required). */
+    text: ReactNode;
+    /** Optional bold heading rendered before `text`. */
+    title?: string;
+    /** Action button rendered at the end of the banner. Omit to hide. */
+    action?: BannerActionProps;
+    /** Renders a dismiss (✕) button that animates the banner out. @default false */
+    closable?: boolean;
+    /** Hides the leading status icon. @default false */
+    hideIcon?: boolean;
+    /** Pins the banner to the top of its container via `position: sticky`. @default false */
+    sticky?: boolean;
+    /** Called after the dismiss animation finishes and the banner has unmounted. */
+    onClose?: () => void;
+    /** Extra class names on the root element. */
+    className?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/Banner/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Banner/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;IACpE,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACnD,sCAAsC;IACtC,IAAI,EAAE,SAAS,CAAC;IAChB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yFAAyF;IACzF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/Banner/variants.d.ts

@@ -0,0 +1,12 @@
+import { BannerProps } from './types';
+type BannerVariantRecords = Record<Required<BannerProps>['variant'], string>;
+interface SectionRecords {
+    container: BannerVariantRecords;
+    icon: BannerVariantRecords;
+    title: BannerVariantRecords;
+    text: BannerVariantRecords;
+    close: BannerVariantRecords;
+}
+export declare const bannerVariantClassNames: SectionRecords;
+export {};
+//# sourceMappingURL=variants.d.ts.map

package/dist/Banner/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../src/components/Banner/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,KAAK,oBAAoB,GAAG,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;AAE7E,UAAU,cAAc;IACtB,SAAS,EAAE,oBAAoB,CAAC;IAChC,IAAI,EAAE,oBAAoB,CAAC;IAC3B,KAAK,EAAE,oBAAoB,CAAC;IAC5B,IAAI,EAAE,oBAAoB,CAAC;IAC3B,KAAK,EAAE,oBAAoB,CAAC;CAC7B;AAED,eAAO,MAAM,uBAAuB,EAAE,cA+BrC,CAAC"}

package/dist/Breadcrumb/index.cjs

@@ -0,0 +1 @@
+"use strict";require('../assets/styles.css');const r=require("react/jsx-runtime"),l=require("../clsx-C11secjj.cjs"),w=require("../IconArrowLeft2-CNA3H0xY.cjs");;/* empty css                   */const a=i=>{const{items:c,pageTitle:n,className:s}=i;return r.jsx("div",{className:l.clsx("crow:bg-gray-100 crow:w-full",s),children:r.jsxs("div",{className:"crow:flex crow:items-center crow:gap-x-1 crow:py-1 crow:overflow-x-auto crow:no-scrollbar crow:container",children:[c.map((o,e)=>{const t="link"in o?"a":"button";return r.jsxs(t,{..."link"in o?{href:o.link}:{onClick:o.onClick},className:"crow:transition crow:shrink-0 crow:flex crow:items-center crow:gap-x-1 crow:text-gray-500 crow:hover:text-primary-500",children:[o.icon&&o.icon,r.jsx("div",{className:"crow:font-caption-regular",children:o.title}),e!==c.length-1||e===c.length-1&&n?r.jsx(w.IconArrowLeft2,{width:16,height:16}):null]},o.title)}),n?r.jsx("div",{className:"crow:text-gray-500 crow:font-caption-demibold crow:shrink-0",children:n}):null]})})};module.exports=a;

package/dist/Breadcrumb/index.d.ts

@@ -0,0 +1,5 @@
+import { BreadcrumbProps } from './types';
+declare const Breadcrumb: (props: BreadcrumbProps) => import("react").JSX.Element;
+export default Breadcrumb;
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/Breadcrumb/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,kBAAkB,CAAC;AAE1B,QAAA,MAAM,UAAU,GAAI,OAAO,eAAe,gCAmCzC,CAAC;AAEF,eAAe,UAAU,CAAC;AAC1B,cAAc,SAAS,CAAC"}

package/dist/Breadcrumb/index.mjs

@@ -0,0 +1,35 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { c as a } from "../clsx-OuTLNxxd.js";
+import { I as w } from "../IconArrowLeft2-cxcPyDqS.js";
+import '../assets/styles.css';/* empty css                 */
+const x = (t) => {
+  const { items: c, pageTitle: i, className: e } = t;
+  return /* @__PURE__ */ r("div", { className: a("crow:bg-gray-100 crow:w-full", e), children: /* @__PURE__ */ l("div", { className: "crow:flex crow:items-center crow:gap-x-1 crow:py-1 crow:overflow-x-auto crow:no-scrollbar crow:container", children: [
+    c.map((o, n) => {
+      const s = "link" in o ? "a" : "button";
+      return /* @__PURE__ */ l(
+        s,
+        {
+          ..."link" in o ? { href: o.link } : { onClick: o.onClick },
+          className: "crow:transition crow:shrink-0 crow:flex crow:items-center crow:gap-x-1 crow:text-gray-500 crow:hover:text-primary-500",
+          children: [
+            o.icon && o.icon,
+            /* @__PURE__ */ r("div", { className: "crow:font-caption-regular", children: o.title }),
+            n !== c.length - 1 || n === c.length - 1 && i ? /* @__PURE__ */ r(
+              w,
+              {
+                width: 16,
+                height: 16
+              }
+            ) : null
+          ]
+        },
+        o.title
+      );
+    }),
+    i ? /* @__PURE__ */ r("div", { className: "crow:text-gray-500 crow:font-caption-demibold crow:shrink-0", children: i }) : null
+  ] }) });
+};
+export {
+  x as default
+};