@giddaa-housing/ui 0.1.0 → 1.0.0

package/dist/auth-layout.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+declare function AuthLayout({ className, ...props }: React.ComponentProps<"main">): React.JSX.Element;
+declare function AuthLayoutBrandPanel({ className, children, ...props }: React.ComponentProps<"section">): React.JSX.Element;
+declare function AuthLayoutBrandLogo({ children, className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AuthLayoutBrandContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AuthLayoutBrandTitle({ className, ...props }: React.ComponentProps<"h2">): React.JSX.Element;
+declare function AuthLayoutBrandDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function AuthLayoutMedia({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AuthLayoutMediaItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AuthLayoutMain({ className, ...props }: React.ComponentProps<"section">): React.JSX.Element;
+declare function AuthLayoutCard({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AuthLayoutTopAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AuthLayoutMobileLogo({ children, className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AuthLayoutHeader({ className, ...props }: React.ComponentProps<"header">): React.JSX.Element;
+declare function AuthLayoutTitle({ className, ...props }: React.ComponentProps<"h1">): React.JSX.Element;
+declare function AuthLayoutDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function AuthLayoutForm({ className, ...props }: React.ComponentProps<"form">): React.JSX.Element;
+declare function AuthLayoutActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AuthLayoutDivider({ children, className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AuthLayoutFooter({ className, ...props }: React.ComponentProps<"footer">): React.JSX.Element;
+
+export { AuthLayout, AuthLayoutActions, AuthLayoutBrandContent, AuthLayoutBrandDescription, AuthLayoutBrandLogo, AuthLayoutBrandPanel, AuthLayoutBrandTitle, AuthLayoutCard, AuthLayoutDescription, AuthLayoutDivider, AuthLayoutFooter, AuthLayoutForm, AuthLayoutHeader, AuthLayoutMain, AuthLayoutMedia, AuthLayoutMediaItem, AuthLayoutMobileLogo, AuthLayoutTitle, AuthLayoutTopAction };

package/dist/auth-layout.js

@@ -0,0 +1,304 @@
+import {
+  GiddaaLogo
+} from "./chunk-DMNOXRRW.js";
+import {
+  cn
+} from "./chunk-Y4TTYVNE.js";
+
+// src/auth-layout.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function AuthLayout({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "main",
+    {
+      "data-slot": "auth-layout",
+      className: cn(
+        "grid min-h-svh bg-surface p-gdt-lg text-fg-primary lg:grid-cols-[minmax(0,1fr)_minmax(30rem,1fr)] lg:bg-surface-brand lg:p-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AuthLayoutBrandPanel({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      "data-slot": "auth-layout-brand-panel",
+      className: cn(
+        "relative hidden min-h-svh overflow-hidden bg-surface-brand px-gdt-5xl py-gdt-5xl text-fg-on-brand lg:flex lg:flex-col",
+        "before:absolute before:inset-0 before:bg-[radial-gradient(circle_at_20%_20%,rgb(255_255_255_/_0.12),transparent_24rem),radial-gradient(circle_at_80%_70%,rgb(0_0_0_/_0.14),transparent_28rem)] before:content-['']",
+        "after:absolute after:inset-0 after:opacity-18 after:[background-image:radial-gradient(currentColor_0.7px,transparent_0.7px)] after:[background-size:7px_7px] after:content-['']",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "relative z-10 flex min-h-0 flex-1 flex-col", children })
+    }
+  );
+}
+function AuthLayoutBrandLogo({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "auth-layout-brand-logo",
+      className: cn("mb-gdt-3xl flex items-center text-fg-on-brand", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(GiddaaLogo, { className: "h-auto w-35" })
+    }
+  );
+}
+function AuthLayoutBrandContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "auth-layout-brand-content",
+      className: cn("max-w-[31rem]", className),
+      ...props
+    }
+  );
+}
+function AuthLayoutBrandTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "h2",
+    {
+      "data-slot": "auth-layout-brand-title",
+      className: cn("text-gdt-h1 text-balance", className),
+      ...props
+    }
+  );
+}
+function AuthLayoutBrandDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "auth-layout-brand-description",
+      className: cn("mt-gdt-lg text-gdt-md text-pretty opacity-90", className),
+      ...props
+    }
+  );
+}
+function AuthLayoutMedia({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "auth-layout-media",
+      className: cn(
+        "mt-auto grid h-58 grid-cols-3 items-end gap-gdt-lg pt-gdt-5xl",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AuthLayoutMediaItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "auth-layout-media-item",
+      className: cn(
+        "min-h-32 overflow-hidden rounded-t-4xl bg-surface-glass-overlay-container-1 shadow-3 odd:h-36 even:h-52",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AuthLayoutMain({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      "data-slot": "auth-layout-main",
+      className: cn(
+        "flex min-h-[calc(100svh-2rem)] items-stretch justify-center bg-canvas lg:min-h-svh lg:rounded-l-[5rem]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AuthLayoutCard({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "auth-layout-card",
+      className: cn(
+        "flex w-full max-w-[26.5rem] flex-col border border-line-subtle bg-canvas px-gdt-lg py-gdt-2xl sm:px-gdt-2xl lg:max-w-[32rem] lg:border-0 lg:px-0 lg:py-gdt-5xl",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AuthLayoutTopAction({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "auth-layout-top-action",
+      className: cn("mb-gdt-4xl text-gdt-xs text-fg-secondary", className),
+      ...props
+    }
+  );
+}
+function AuthLayoutMobileLogo({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "auth-layout-mobile-logo",
+      className: cn(
+        "mb-gdt-xl flex items-center text-fg-brand lg:hidden",
+        className
+      ),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(GiddaaLogo, { className: "h-auto w-30" })
+    }
+  );
+}
+function AuthLayoutHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "header",
+    {
+      "data-slot": "auth-layout-header",
+      className: cn("mb-gdt-xl flex flex-col gap-gdt-sm", className),
+      ...props
+    }
+  );
+}
+function AuthLayoutTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "h1",
+    {
+      "data-slot": "auth-layout-title",
+      className: cn("text-gdt-h2 text-fg-primary", className),
+      ...props
+    }
+  );
+}
+function AuthLayoutDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "auth-layout-description",
+      className: cn("text-gdt-sm text-fg-secondary", className),
+      ...props
+    }
+  );
+}
+function AuthLayoutForm({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "form",
+    {
+      "data-slot": "auth-layout-form",
+      className: cn("flex flex-col gap-gdt-lg", className),
+      ...props
+    }
+  );
+}
+function AuthLayoutActions({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "auth-layout-actions",
+      className: cn("flex flex-col gap-gdt-md", className),
+      ...props
+    }
+  );
+}
+function AuthLayoutDivider({
+  children = "Or continue with",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "auth-layout-divider",
+      className: cn(
+        "relative flex items-center py-gdt-sm text-gdt-sm text-fg-secondary",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-line-subtle" }),
+        /* @__PURE__ */ jsx("span", { className: "px-gdt-md", children }),
+        /* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-line-subtle" })
+      ]
+    }
+  );
+}
+function AuthLayoutFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "footer",
+    {
+      "data-slot": "auth-layout-footer",
+      className: cn(
+        "mt-auto flex items-center justify-between gap-gdt-lg pt-gdt-5xl text-gdt-subtext text-fg-secondary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  AuthLayout,
+  AuthLayoutActions,
+  AuthLayoutBrandContent,
+  AuthLayoutBrandDescription,
+  AuthLayoutBrandLogo,
+  AuthLayoutBrandPanel,
+  AuthLayoutBrandTitle,
+  AuthLayoutCard,
+  AuthLayoutDescription,
+  AuthLayoutDivider,
+  AuthLayoutFooter,
+  AuthLayoutForm,
+  AuthLayoutHeader,
+  AuthLayoutMain,
+  AuthLayoutMedia,
+  AuthLayoutMediaItem,
+  AuthLayoutMobileLogo,
+  AuthLayoutTitle,
+  AuthLayoutTopAction
+};
+//# sourceMappingURL=auth-layout.js.map

package/dist/auth-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/auth-layout.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { cn } from \"./lib/cn\";\nimport { GiddaaLogo } from \"./logo\";\n\nfunction AuthLayout({ className, ...props }: React.ComponentProps<\"main\">) {\n\treturn (\n\t\t<main\n\t\t\tdata-slot=\"auth-layout\"\n\t\t\tclassName={cn(\n\t\t\t\t\"grid min-h-svh bg-surface p-gdt-lg text-fg-primary lg:grid-cols-[minmax(0,1fr)_minmax(30rem,1fr)] lg:bg-surface-brand lg:p-0\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AuthLayoutBrandPanel({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<\"section\">) {\n\treturn (\n\t\t<section\n\t\t\tdata-slot=\"auth-layout-brand-panel\"\n\t\t\tclassName={cn(\n\t\t\t\t\"relative hidden min-h-svh overflow-hidden bg-surface-brand px-gdt-5xl py-gdt-5xl text-fg-on-brand lg:flex lg:flex-col\",\n\t\t\t\t\"before:absolute before:inset-0 before:bg-[radial-gradient(circle_at_20%_20%,rgb(255_255_255_/_0.12),transparent_24rem),radial-gradient(circle_at_80%_70%,rgb(0_0_0_/_0.14),transparent_28rem)] before:content-['']\",\n\t\t\t\t\"after:absolute after:inset-0 after:opacity-18 after:[background-image:radial-gradient(currentColor_0.7px,transparent_0.7px)] after:[background-size:7px_7px] after:content-['']\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className=\"relative z-10 flex min-h-0 flex-1 flex-col\">\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</section>\n\t);\n}\n\nfunction AuthLayoutBrandLogo({\n\tchildren,\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"auth-layout-brand-logo\"\n\t\t\tclassName={cn(\"mb-gdt-3xl flex items-center text-fg-on-brand\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? <GiddaaLogo className=\"h-auto w-35\" />}\n\t\t</div>\n\t);\n}\n\nfunction AuthLayoutBrandContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"auth-layout-brand-content\"\n\t\t\tclassName={cn(\"max-w-[31rem]\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AuthLayoutBrandTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"h2\">) {\n\treturn (\n\t\t<h2\n\t\t\tdata-slot=\"auth-layout-brand-title\"\n\t\t\tclassName={cn(\"text-gdt-h1 text-balance\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AuthLayoutBrandDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"p\">) {\n\treturn (\n\t\t<p\n\t\t\tdata-slot=\"auth-layout-brand-description\"\n\t\t\tclassName={cn(\"mt-gdt-lg text-gdt-md text-pretty opacity-90\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AuthLayoutMedia({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"auth-layout-media\"\n\t\t\tclassName={cn(\n\t\t\t\t\"mt-auto grid h-58 grid-cols-3 items-end gap-gdt-lg pt-gdt-5xl\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AuthLayoutMediaItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"auth-layout-media-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"min-h-32 overflow-hidden rounded-t-4xl bg-surface-glass-overlay-container-1 shadow-3 odd:h-36 even:h-52\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AuthLayoutMain({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"section\">) {\n\treturn (\n\t\t<section\n\t\t\tdata-slot=\"auth-layout-main\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex min-h-[calc(100svh-2rem)] items-stretch justify-center bg-canvas lg:min-h-svh lg:rounded-l-[5rem]\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AuthLayoutCard({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"auth-layout-card\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex w-full max-w-[26.5rem] flex-col border border-line-subtle bg-canvas px-gdt-lg py-gdt-2xl sm:px-gdt-2xl lg:max-w-[32rem] lg:border-0 lg:px-0 lg:py-gdt-5xl\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AuthLayoutTopAction({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"auth-layout-top-action\"\n\t\t\tclassName={cn(\"mb-gdt-4xl text-gdt-xs text-fg-secondary\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AuthLayoutMobileLogo({\n\tchildren,\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"auth-layout-mobile-logo\"\n\t\t\tclassName={cn(\n\t\t\t\t\"mb-gdt-xl flex items-center text-fg-brand lg:hidden\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? <GiddaaLogo className=\"h-auto w-30\" />}\n\t\t</div>\n\t);\n}\n\nfunction AuthLayoutHeader({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"header\">) {\n\treturn (\n\t\t<header\n\t\t\tdata-slot=\"auth-layout-header\"\n\t\t\tclassName={cn(\"mb-gdt-xl flex flex-col gap-gdt-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AuthLayoutTitle({ className, ...props }: React.ComponentProps<\"h1\">) {\n\treturn (\n\t\t<h1\n\t\t\tdata-slot=\"auth-layout-title\"\n\t\t\tclassName={cn(\"text-gdt-h2 text-fg-primary\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AuthLayoutDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"p\">) {\n\treturn (\n\t\t<p\n\t\t\tdata-slot=\"auth-layout-description\"\n\t\t\tclassName={cn(\"text-gdt-sm text-fg-secondary\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AuthLayoutForm({ className, ...props }: React.ComponentProps<\"form\">) {\n\treturn (\n\t\t<form\n\t\t\tdata-slot=\"auth-layout-form\"\n\t\t\tclassName={cn(\"flex flex-col gap-gdt-lg\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AuthLayoutActions({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"auth-layout-actions\"\n\t\t\tclassName={cn(\"flex flex-col gap-gdt-md\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AuthLayoutDivider({\n\tchildren = \"Or continue with\",\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"auth-layout-divider\"\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex items-center py-gdt-sm text-gdt-sm text-fg-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className=\"h-px flex-1 bg-line-subtle\" />\n\t\t\t<span className=\"px-gdt-md\">{children}</span>\n\t\t\t<div className=\"h-px flex-1 bg-line-subtle\" />\n\t\t</div>\n\t);\n}\n\nfunction AuthLayoutFooter({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"footer\">) {\n\treturn (\n\t\t<footer\n\t\t\tdata-slot=\"auth-layout-footer\"\n\t\t\tclassName={cn(\n\t\t\t\t\"mt-auto flex items-center justify-between gap-gdt-lg pt-gdt-5xl text-gdt-subtext text-fg-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tAuthLayout,\n\tAuthLayoutActions,\n\tAuthLayoutBrandContent,\n\tAuthLayoutBrandDescription,\n\tAuthLayoutBrandLogo,\n\tAuthLayoutBrandPanel,\n\tAuthLayoutBrandTitle,\n\tAuthLayoutCard,\n\tAuthLayoutDescription,\n\tAuthLayoutDivider,\n\tAuthLayoutFooter,\n\tAuthLayoutForm,\n\tAuthLayoutHeader,\n\tAuthLayoutMain,\n\tAuthLayoutMedia,\n\tAuthLayoutMediaItem,\n\tAuthLayoutMobileLogo,\n\tAuthLayoutTitle,\n\tAuthLayoutTopAction,\n};\n"],"mappings":"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","names":[]}

package/dist/avatar.js

@@ -1,145 +1,13 @@
-// src/components/ui/avatar.tsx
-import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar";
-
-// src/lib/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [
-        {
-          text: [
-            "gdt-display",
-            "gdt-h1",
-            "gdt-h2",
-            "gdt-h3",
-            "gdt-h4",
-            "gdt-h5",
-            "gdt-xl",
-            "gdt-lg",
-            "gdt-md",
-            "gdt-sm",
-            "gdt-xs",
-            "gdt-subtext",
-            "gdt-capitalized"
-          ]
-        }
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/avatar.tsx
-import { jsx } from "react/jsx-runtime";
-function Avatar({
-  className,
-  size = "md",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AvatarPrimitive.Root,
-    {
-      "data-slot": "avatar",
-      "data-size": size,
-      className: cn(
-        "group/avatar relative flex shrink-0 rounded-full select-none bg-surface-brand",
-        size === "sm" && "size-8",
-        size === "md" && "size-10",
-        size === "lg" && "size-14",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AvatarImage({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    AvatarPrimitive.Image,
-    {
-      "data-slot": "avatar-image",
-      className: cn(
-        "aspect-square size-full rounded-full object-cover",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AvatarFallback({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    AvatarPrimitive.Fallback,
-    {
-      "data-slot": "avatar-fallback",
-      className: cn(
-        "flex size-full items-center justify-center rounded-full",
-        "bg-surface-brand-subtle text-fg-brand font-semibold",
-        "group-data-[size=sm]/avatar:text-xs",
-        "group-data-[size=md]/avatar:text-sm",
-        "group-data-[size=lg]/avatar:text-base",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AvatarStatus({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      "data-slot": "avatar-status",
-      className: cn(
-        "absolute right-0 bottom-0 z-10 rounded-full bg-status-success ring-2 ring-canvas",
-        "group-data-[size=sm]/avatar:size-2",
-        "group-data-[size=md]/avatar:size-2.5",
-        "group-data-[size=lg]/avatar:size-3.5",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AvatarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "avatar-group",
-      className: cn(
-        "group/avatar-group flex -space-x-3",
-        "*:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-canvas",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AvatarGroupCount({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "avatar-group-count",
-      className: cn(
-        "relative flex shrink-0 items-center justify-center rounded-full",
-        "bg-action-tertiary text-fg-secondary text-xs font-semibold",
-        "ring-2 ring-canvas",
-        "size-10",
-        "group-has-data-[size=sm]/avatar-group:size-8",
-        "group-has-data-[size=lg]/avatar-group:size-14",
-        className
-      ),
-      ...props
-    }
-  );
-}
+"use client";
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarGroup,
+  AvatarGroupCount,
+  AvatarImage,
+  AvatarStatus
+} from "./chunk-QKAQZ2GU.js";
+import "./chunk-Y4TTYVNE.js";
 export {
   Avatar,
   AvatarStatus as AvatarBadge,

package/dist/avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/avatar.tsx","../src/lib/cn.ts"],"sourcesContent":["\"use client\";\n\nimport { Avatar as AvatarPrimitive } from \"@base-ui/react/avatar\";\nimport type * as React from \"react\";\n\nimport { cn } from \"../../lib/cn\";\n\ntype AvatarSize = \"sm\" | \"md\" | \"lg\";\n\nfunction Avatar({\n\tclassName,\n\tsize = \"md\",\n\t...props\n}: AvatarPrimitive.Root.Props & {\n\tsize?: AvatarSize;\n}) {\n\treturn (\n\t\t<AvatarPrimitive.Root\n\t\t\tdata-slot=\"avatar\"\n\t\t\tdata-size={size}\n\t\t\tclassName={cn(\n\t\t\t\t\"group/avatar relative flex shrink-0 rounded-full select-none bg-surface-brand\",\n\t\t\t\tsize === \"sm\" && \"size-8\",\n\t\t\t\tsize === \"md\" && \"size-10\",\n\t\t\t\tsize === \"lg\" && \"size-14\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props) {\n\treturn (\n\t\t<AvatarPrimitive.Image\n\t\t\tdata-slot=\"avatar-image\"\n\t\t\tclassName={cn(\n\t\t\t\t\"aspect-square size-full rounded-full object-cover\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AvatarFallback({\n\tclassName,\n\t...props\n}: AvatarPrimitive.Fallback.Props) {\n\treturn (\n\t\t<AvatarPrimitive.Fallback\n\t\t\tdata-slot=\"avatar-fallback\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex size-full items-center justify-center rounded-full\",\n\t\t\t\t\"bg-surface-brand-subtle text-fg-brand font-semibold\",\n\t\t\t\t\"group-data-[size=sm]/avatar:text-xs\",\n\t\t\t\t\"group-data-[size=md]/avatar:text-sm\",\n\t\t\t\t\"group-data-[size=lg]/avatar:text-base\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AvatarStatus({ className, ...props }: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"avatar-status\"\n\t\t\tclassName={cn(\n\t\t\t\t\"absolute right-0 bottom-0 z-10 rounded-full bg-status-success ring-2 ring-canvas\",\n\t\t\t\t\"group-data-[size=sm]/avatar:size-2\",\n\t\t\t\t\"group-data-[size=md]/avatar:size-2.5\",\n\t\t\t\t\"group-data-[size=lg]/avatar:size-3.5\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AvatarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"avatar-group\"\n\t\t\tclassName={cn(\n\t\t\t\t\"group/avatar-group flex -space-x-3\",\n\t\t\t\t\"*:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-canvas\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AvatarGroupCount({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"avatar-group-count\"\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex shrink-0 items-center justify-center rounded-full\",\n\t\t\t\t\"bg-action-tertiary text-fg-secondary text-xs font-semibold\",\n\t\t\t\t\"ring-2 ring-canvas\",\n\t\t\t\t\"size-10\",\n\t\t\t\t\"group-has-data-[size=sm]/avatar-group:size-8\",\n\t\t\t\t\"group-has-data-[size=lg]/avatar-group:size-14\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tAvatar,\n\tAvatarImage,\n\tAvatarFallback,\n\tAvatarGroup,\n\tAvatarGroupCount,\n\tAvatarStatus,\n\tAvatarStatus as AvatarBadge,\n};\n","import { type ClassValue, clsx } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n\textend: {\n\t\tclassGroups: {\n\t\t\t\"font-size\": [\n\t\t\t\t{\n\t\t\t\t\ttext: [\n\t\t\t\t\t\t\"gdt-display\",\n\t\t\t\t\t\t\"gdt-h1\",\n\t\t\t\t\t\t\"gdt-h2\",\n\t\t\t\t\t\t\"gdt-h3\",\n\t\t\t\t\t\t\"gdt-h4\",\n\t\t\t\t\t\t\"gdt-h5\",\n\t\t\t\t\t\t\"gdt-xl\",\n\t\t\t\t\t\t\"gdt-lg\",\n\t\t\t\t\t\t\"gdt-md\",\n\t\t\t\t\t\t\"gdt-sm\",\n\t\t\t\t\t\t\"gdt-xs\",\n\t\t\t\t\t\t\"gdt-subtext\",\n\t\t\t\t\t\t\"gdt-capitalized\",\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t},\n});\n\nexport function cn(...inputs: ClassValue[]) {\n\treturn twMerge(clsx(inputs));\n}\n"],"mappings":";AAEA,SAAS,UAAU,uBAAuB;;;ACF1C,SAA0B,YAAY;AACtC,SAAS,2BAA2B;AAEpC,IAAM,UAAU,oBAAoB;AAAA,EACnC,QAAQ;AAAA,IACP,aAAa;AAAA,MACZ,aAAa;AAAA,QACZ;AAAA,UACC,MAAM;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD,CAAC;AAEM,SAAS,MAAM,QAAsB;AAC3C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC5B;;;ADdE;AARF,SAAS,OAAO;AAAA,EACf;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACJ,GAEG;AACF,SACC;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACA,aAAU;AAAA,MACV,aAAW;AAAA,MACX,WAAW;AAAA,QACV;AAAA,QACA,SAAS,QAAQ;AAAA,QACjB,SAAS,QAAQ;AAAA,QACjB,SAAS,QAAQ;AAAA,QACjB;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC1E,SACC;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,eAAe;AAAA,EACvB;AAAA,EACA,GAAG;AACJ,GAAmC;AAClC,SACC;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAAiC;AAC5E,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC1E,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;AAEA,SAAS,iBAAiB;AAAA,EACzB;AAAA,EACA,GAAG;AACJ,GAAgC;AAC/B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,aAAU;AAAA,MACV,WAAW;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACL;AAEF;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/badge.d.ts

@@ -4,11 +4,12 @@ import { useRender } from '@base-ui/react/use-render';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "success" | "info" | "warning" | "default" | "danger" | "secondary" | "destructive" | "outline" | null | undefined;
+    variant?: "success" | "info" | "warning" | "accent" | "default" | "danger" | "secondary" | "destructive" | "outline" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     shape?: "box" | "round" | null | undefined;
     border?: boolean | null | undefined;
+    iconOnly?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Badge({ className, variant, size, shape, border, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function Badge({ className, variant, size, shape, border, iconOnly, render, children, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 
 export { Badge, badgeVariants };

package/dist/badge.js

@@ -1,117 +1,9 @@
-// src/components/ui/badge.tsx
-import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
-import { cva } from "class-variance-authority";
-
-// src/lib/cn.ts
-import { clsx } from "clsx";
-import { extendTailwindMerge } from "tailwind-merge";
-var twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      "font-size": [
-        {
-          text: [
-            "gdt-display",
-            "gdt-h1",
-            "gdt-h2",
-            "gdt-h3",
-            "gdt-h4",
-            "gdt-h5",
-            "gdt-xl",
-            "gdt-lg",
-            "gdt-md",
-            "gdt-sm",
-            "gdt-xs",
-            "gdt-subtext",
-            "gdt-capitalized"
-          ]
-        }
-      ]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/size-context.tsx
-import { createContext, useContext } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-var SizeContext = createContext(void 0);
-function useComponentSize(size, fallback = "md") {
-  const inheritedSize = useContext(SizeContext);
-  return size ?? inheritedSize ?? fallback;
-}
-
-// src/components/ui/badge.tsx
-var badgeVariants = cva(
-  "group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden border font-bold leading-none whitespace-nowrap transition-[background-color,border-color,color,box-shadow] outline-none focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] aria-invalid:border-line-danger aria-invalid:text-fg-danger [&>svg]:pointer-events-none [&>svg]:shrink-0 [&>svg]:text-current",
-  {
-    variants: {
-      variant: {
-        default: "border-line bg-surface-raised text-fg-secondary",
-        info: "border-status-info/40 bg-surface-info-subtle text-status-info",
-        success: "border-status-success/40 bg-surface-brand-subtle text-status-success",
-        warning: "border-status-warning/40 bg-surface-accent-subtle text-status-warning",
-        danger: "border-line-danger bg-surface-danger-subtle text-status-danger",
-        secondary: "border-status-info/40 bg-surface-info-subtle text-status-info",
-        destructive: "border-line-danger bg-surface-danger-subtle text-status-danger",
-        outline: "border-line bg-transparent text-fg-secondary"
-      },
-      size: {
-        sm: "gap-1 px-2.5 py-1 text-gdt-xs has-data-[icon=inline-start]:pl-2 has-data-[icon=inline-end]:pr-2 [&>svg]:size-3",
-        md: "gap-1.5 px-3 py-1.5 text-gdt-sm has-data-[icon=inline-start]:pl-2.5 has-data-[icon=inline-end]:pr-2.5 [&>svg]:size-3.5",
-        lg: "gap-2 px-4 py-2 text-gdt-md has-data-[icon=inline-start]:pl-3.5 has-data-[icon=inline-end]:pr-3.5 [&>svg]:size-4"
-      },
-      shape: {
-        round: "rounded-4xl",
-        box: "rounded-lg"
-      },
-      border: {
-        true: "",
-        false: "border-transparent"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "md",
-      shape: "round",
-      border: true
-    }
-  }
-);
-function Badge({
-  className,
-  variant = "default",
-  size,
-  shape = "round",
-  border = true,
-  render,
-  ...props
-}) {
-  const resolvedSize = useComponentSize(size);
-  return useRender({
-    defaultTagName: "span",
-    props: mergeProps(
-      {
-        className: cn(
-          badgeVariants({ variant, size: resolvedSize, shape, border }),
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "badge",
-      variant,
-      size: resolvedSize,
-      shape,
-      border
-    }
-  });
-}
+import {
+  Badge,
+  badgeVariants
+} from "./chunk-XG47P6D4.js";
+import "./chunk-HL3ZSYES.js";
+import "./chunk-Y4TTYVNE.js";
 export {
   Badge,
   badgeVariants

package/dist/badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/badge.tsx","../src/lib/cn.ts","../src/components/ui/size-context.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../../lib/cn\";\nimport { useComponentSize } from \"./size-context\";\n\nconst badgeVariants = cva(\n\t\"group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden border font-bold leading-none whitespace-nowrap transition-[background-color,border-color,color,box-shadow] outline-none focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] aria-invalid:border-line-danger aria-invalid:text-fg-danger [&>svg]:pointer-events-none [&>svg]:shrink-0 [&>svg]:text-current\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"border-line bg-surface-raised text-fg-secondary\",\n\t\t\t\tinfo: \"border-status-info/40 bg-surface-info-subtle text-status-info\",\n\t\t\t\tsuccess:\n\t\t\t\t\t\"border-status-success/40 bg-surface-brand-subtle text-status-success\",\n\t\t\t\twarning:\n\t\t\t\t\t\"border-status-warning/40 bg-surface-accent-subtle text-status-warning\",\n\t\t\t\tdanger:\n\t\t\t\t\t\"border-line-danger bg-surface-danger-subtle text-status-danger\",\n\t\t\t\tsecondary:\n\t\t\t\t\t\"border-status-info/40 bg-surface-info-subtle text-status-info\",\n\t\t\t\tdestructive:\n\t\t\t\t\t\"border-line-danger bg-surface-danger-subtle text-status-danger\",\n\t\t\t\toutline: \"border-line bg-transparent text-fg-secondary\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: \"gap-1 px-2.5 py-1 text-gdt-xs has-data-[icon=inline-start]:pl-2 has-data-[icon=inline-end]:pr-2 [&>svg]:size-3\",\n\t\t\t\tmd: \"gap-1.5 px-3 py-1.5 text-gdt-sm has-data-[icon=inline-start]:pl-2.5 has-data-[icon=inline-end]:pr-2.5 [&>svg]:size-3.5\",\n\t\t\t\tlg: \"gap-2 px-4 py-2 text-gdt-md has-data-[icon=inline-start]:pl-3.5 has-data-[icon=inline-end]:pr-3.5 [&>svg]:size-4\",\n\t\t\t},\n\t\t\tshape: {\n\t\t\t\tround: \"rounded-4xl\",\n\t\t\t\tbox: \"rounded-lg\",\n\t\t\t},\n\t\t\tborder: {\n\t\t\t\ttrue: \"\",\n\t\t\t\tfalse: \"border-transparent\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t\tsize: \"md\",\n\t\t\tshape: \"round\",\n\t\t\tborder: true,\n\t\t},\n\t},\n);\n\nfunction Badge({\n\tclassName,\n\tvariant = \"default\",\n\tsize,\n\tshape = \"round\",\n\tborder = true,\n\trender,\n\t...props\n}: useRender.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants>) {\n\tconst resolvedSize = useComponentSize(size);\n\n\treturn useRender({\n\t\tdefaultTagName: \"span\",\n\t\tprops: mergeProps<\"span\">(\n\t\t\t{\n\t\t\t\tclassName: cn(\n\t\t\t\t\tbadgeVariants({ variant, size: resolvedSize, shape, border }),\n\t\t\t\t\tclassName,\n\t\t\t\t),\n\t\t\t},\n\t\t\tprops,\n\t\t),\n\t\trender,\n\t\tstate: {\n\t\t\tslot: \"badge\",\n\t\t\tvariant,\n\t\t\tsize: resolvedSize,\n\t\t\tshape,\n\t\t\tborder,\n\t\t},\n\t});\n}\n\nexport { Badge, badgeVariants };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n\textend: {\n\t\tclassGroups: {\n\t\t\t\"font-size\": [\n\t\t\t\t{\n\t\t\t\t\ttext: [\n\t\t\t\t\t\t\"gdt-display\",\n\t\t\t\t\t\t\"gdt-h1\",\n\t\t\t\t\t\t\"gdt-h2\",\n\t\t\t\t\t\t\"gdt-h3\",\n\t\t\t\t\t\t\"gdt-h4\",\n\t\t\t\t\t\t\"gdt-h5\",\n\t\t\t\t\t\t\"gdt-xl\",\n\t\t\t\t\t\t\"gdt-lg\",\n\t\t\t\t\t\t\"gdt-md\",\n\t\t\t\t\t\t\"gdt-sm\",\n\t\t\t\t\t\t\"gdt-xs\",\n\t\t\t\t\t\t\"gdt-subtext\",\n\t\t\t\t\t\t\"gdt-capitalized\",\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t},\n});\n\nexport function cn(...inputs: ClassValue[]) {\n\treturn twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport { createContext, type ReactNode, useContext } from \"react\";\n\ntype ComponentSize = \"sm\" | \"md\" | \"lg\";\n\nconst SizeContext = createContext<ComponentSize | undefined>(undefined);\n\nfunction SizeProvider({\n\tchildren,\n\tsize,\n}: {\n\tchildren: ReactNode;\n\tsize?: ComponentSize | null;\n}) {\n\tif (!size) {\n\t\treturn <>{children}</>;\n\t}\n\n\treturn <SizeContext.Provider value={size}>{children}</SizeContext.Provider>;\n}\n\nfunction useComponentSize(\n\tsize?: ComponentSize | null,\n\tfallback: ComponentSize = \"md\",\n) {\n\tconst inheritedSize = useContext(SizeContext);\n\treturn size ?? inheritedSize ?? fallback;\n}\n\nexport { SizeProvider, useComponentSize, type ComponentSize };\n"],"mappings":";AAAA,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,WAA8B;;;ACFvC,SAA0B,YAAY;AACtC,SAAS,2BAA2B;AAEpC,IAAM,UAAU,oBAAoB;AAAA,EACnC,QAAQ;AAAA,IACP,aAAa;AAAA,MACZ,aAAa;AAAA,QACZ;AAAA,UACC,MAAM;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD,CAAC;AAEM,SAAS,MAAM,QAAsB;AAC3C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC5B;;;AC7BA,SAAS,eAA+B,kBAAkB;AAcjD;AAVT,IAAM,cAAc,cAAyC,MAAS;AAgBtE,SAAS,iBACR,MACA,WAA0B,MACzB;AACD,QAAM,gBAAgB,WAAW,WAAW;AAC5C,SAAO,QAAQ,iBAAiB;AACjC;;;AFrBA,IAAM,gBAAgB;AAAA,EACrB;AAAA,EACA;AAAA,IACC,UAAU;AAAA,MACT,SAAS;AAAA,QACR,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SACC;AAAA,QACD,SACC;AAAA,QACD,QACC;AAAA,QACD,WACC;AAAA,QACD,aACC;AAAA,QACD,SAAS;AAAA,MACV;AAAA,MACA,MAAM;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACL;AAAA,MACA,OAAO;AAAA,QACN,OAAO;AAAA,QACP,KAAK;AAAA,MACN;AAAA,MACA,QAAQ;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MACR;AAAA,IACD;AAAA,IACA,iBAAiB;AAAA,MAChB,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,IACT;AAAA,EACD;AACD;AAEA,SAAS,MAAM;AAAA,EACd;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,QAAQ;AAAA,EACR,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACJ,GAA0E;AACzE,QAAM,eAAe,iBAAiB,IAAI;AAE1C,SAAO,UAAU;AAAA,IAChB,gBAAgB;AAAA,IAChB,OAAO;AAAA,MACN;AAAA,QACC,WAAW;AAAA,UACV,cAAc,EAAE,SAAS,MAAM,cAAc,OAAO,OAAO,CAAC;AAAA,UAC5D;AAAA,QACD;AAAA,MACD;AAAA,MACA;AAAA,IACD;AAAA,IACA;AAAA,IACA,OAAO;AAAA,MACN,MAAM;AAAA,MACN;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IACD;AAAA,EACD,CAAC;AACF;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}