@nergora/ui 0.0.0-stage → 1.0.8

package/dist/esm/components/badge/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./badge";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/dist/esm/components/badge/index.js

@@ -0,0 +1,2 @@
+export * from "./badge";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA","sourcesContent":["export * from \"./badge\"\n"]}

package/dist/esm/components/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+interface BreadcrumbLinkProps extends React.ComponentPropsWithoutRef<"a"> {
+    asChild?: boolean;
+}
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbEllipsis: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>> & {
+    List: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+    Link: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+    Page: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+    Ellipsis: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+};
+export { BreadcrumbRoot as Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };
+export type { BreadcrumbLinkProps };
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/esm/components/breadcrumb/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,QAAA,MAAM,cAAc,2KAelB,CAAA;AAGF,QAAA,MAAM,cAAc,kKAYlB,CAAA;AAGF,UAAU,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC;IACvE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,cAAc,+FAgBnB,CAAA;AAGD,QAAA,MAAM,cAAc,sKAelB,CAAA;AAGF,QAAA,MAAM,mBAAmB,kKAmBvB,CAAA;AAGF,QAAA,MAAM,kBAAkB,sKAoBtB,CAAA;AAGF,QAAA,MAAM,cAAc;;;;;;;CAOlB,CAAA;AAEF,OAAO,EACL,cAAc,IAAI,UAAU,EAC5B,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,CAAA;AACD,YAAY,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/esm/components/breadcrumb/breadcrumb.js

@@ -0,0 +1,45 @@
+import { ChevronRightMini, EllipsisHorizontal } from "@nergora/icons";
+import { Slot } from "radix-ui";
+import * as React from "react";
+import { clx } from "../../utils/clx.js";
+const Breadcrumb = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("nav", { ref: ref, "aria-label": "breadcrumb", "data-slot": "breadcrumb", className: clx(className), ...props }));
+});
+Breadcrumb.displayName = "Breadcrumb";
+const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("ol", { ref: ref, "data-slot": "breadcrumb-list", className: clx("txt-compact-small flex flex-wrap items-center gap-1.5 break-words text-ui-fg-muted", className), ...props }));
+});
+BreadcrumbList.displayName = "Breadcrumb.List";
+const BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("li", { ref: ref, "data-slot": "breadcrumb-item", className: clx("inline-flex items-center gap-1", className), ...props }));
+});
+BreadcrumbItem.displayName = "Breadcrumb.Item";
+const BreadcrumbLink = React.forwardRef(({ asChild = false, className, ...props }, ref) => {
+    const Component = asChild ? Slot.Root : "a";
+    return (React.createElement(Component, { ref: ref, "data-slot": "breadcrumb-link", className: clx("text-ui-fg-muted outline-none transition-fg hover:text-ui-fg-base focus-visible:shadow-borders-focus", className), ...props }));
+});
+BreadcrumbLink.displayName = "Breadcrumb.Link";
+const BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("span", { ref: ref, "data-slot": "breadcrumb-page", role: "link", "aria-disabled": "true", "aria-current": "page", className: clx("font-normal text-ui-fg-base", className), ...props }));
+});
+BreadcrumbPage.displayName = "Breadcrumb.Page";
+const BreadcrumbSeparator = React.forwardRef(({ children, className, ...props }, ref) => {
+    return (React.createElement("li", { ref: ref, "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: clx("flex items-center text-ui-fg-muted [&>svg]:size-3.5", className), ...props }, children !== null && children !== void 0 ? children : React.createElement(ChevronRightMini, null)));
+});
+BreadcrumbSeparator.displayName = "Breadcrumb.Separator";
+const BreadcrumbEllipsis = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("span", { ref: ref, "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: clx("flex size-5 items-center justify-center text-ui-fg-muted [&>svg]:size-4", className), ...props },
+        React.createElement(EllipsisHorizontal, null),
+        React.createElement("span", { className: "sr-only" }, "More")));
+});
+BreadcrumbEllipsis.displayName = "Breadcrumb.Ellipsis";
+const BreadcrumbRoot = Object.assign(Breadcrumb, {
+    List: BreadcrumbList,
+    Item: BreadcrumbItem,
+    Link: BreadcrumbLink,
+    Page: BreadcrumbPage,
+    Separator: BreadcrumbSeparator,
+    Ellipsis: BreadcrumbEllipsis,
+});
+export { BreadcrumbRoot as Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };
+//# sourceMappingURL=breadcrumb.js.map

package/dist/esm/components/breadcrumb/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../../src/components/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,gBACG,YAAY,eACb,YAAY,EACtB,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,KACrB,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,4BACE,GAAG,EAAE,GAAG,eACE,iBAAiB,EAC3B,SAAS,EAAE,GAAG,CACZ,oFAAoF,EACpF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,cAAc,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE9C,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,4BACE,GAAG,EAAE,GAAG,eACE,iBAAiB,EAC3B,SAAS,EAAE,GAAG,CAAC,gCAAgC,EAAE,SAAS,CAAC,KACvD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,cAAc,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAM9C,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChD,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAA;IAE3C,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,eACE,iBAAiB,EAC3B,SAAS,EAAE,GAAG,CACZ,sGAAsG,EACtG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AACD,cAAc,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE9C,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,8BACE,GAAG,EAAE,GAAG,eACE,iBAAiB,EAC3B,IAAI,EAAC,MAAM,mBACG,MAAM,kBACP,MAAM,EACnB,SAAS,EAAE,GAAG,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACpD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,cAAc,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE9C,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAG1C,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3C,OAAO,CACL,4BACE,GAAG,EAAE,GAAG,eACE,sBAAsB,EAChC,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAE,GAAG,CACZ,qDAAqD,EACrD,SAAS,CACV,KACG,KAAK,IAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,oBAAC,gBAAgB,OAAG,CAC9B,CACN,CAAA;AACH,CAAC,CAAC,CAAA;AACF,mBAAmB,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAExD,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,8BACE,GAAG,EAAE,GAAG,eACE,qBAAqB,EAC/B,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAE,GAAG,CACZ,yEAAyE,EACzE,SAAS,CACV,KACG,KAAK;QAET,oBAAC,kBAAkB,OAAG;QACtB,8BAAM,SAAS,EAAC,SAAS,WAAY,CAChC,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AACF,kBAAkB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEtD,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC/C,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE,cAAc;IACpB,SAAS,EAAE,mBAAmB;IAC9B,QAAQ,EAAE,kBAAkB;CAC7B,CAAC,CAAA;AAEF,OAAO,EACL,cAAc,IAAI,UAAU,EAC5B,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,CAAA","sourcesContent":["import { ChevronRightMini, EllipsisHorizontal } from \"@nergora/icons\"\nimport { Slot } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst Breadcrumb = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<\"nav\">\n>(({ className, ...props }, ref) => {\n  return (\n    <nav\n      ref={ref}\n      aria-label=\"breadcrumb\"\n      data-slot=\"breadcrumb\"\n      className={clx(className)}\n      {...props}\n    />\n  )\n})\nBreadcrumb.displayName = \"Breadcrumb\"\n\nconst BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.ComponentPropsWithoutRef<\"ol\">\n>(({ className, ...props }, ref) => {\n  return (\n    <ol\n      ref={ref}\n      data-slot=\"breadcrumb-list\"\n      className={clx(\n        \"txt-compact-small flex flex-wrap items-center gap-1.5 break-words text-ui-fg-muted\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nBreadcrumbList.displayName = \"Breadcrumb.List\"\n\nconst BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentPropsWithoutRef<\"li\">\n>(({ className, ...props }, ref) => {\n  return (\n    <li\n      ref={ref}\n      data-slot=\"breadcrumb-item\"\n      className={clx(\"inline-flex items-center gap-1\", className)}\n      {...props}\n    />\n  )\n})\nBreadcrumbItem.displayName = \"Breadcrumb.Item\"\n\ninterface BreadcrumbLinkProps extends React.ComponentPropsWithoutRef<\"a\"> {\n  asChild?: boolean\n}\n\nconst BreadcrumbLink = React.forwardRef<HTMLAnchorElement, BreadcrumbLinkProps>(\n  ({ asChild = false, className, ...props }, ref) => {\n    const Component = asChild ? Slot.Root : \"a\"\n\n    return (\n      <Component\n        ref={ref}\n        data-slot=\"breadcrumb-link\"\n        className={clx(\n          \"text-ui-fg-muted outline-none transition-fg hover:text-ui-fg-base focus-visible:shadow-borders-focus\",\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nBreadcrumbLink.displayName = \"Breadcrumb.Link\"\n\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...props }, ref) => {\n  return (\n    <span\n      ref={ref}\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={clx(\"font-normal text-ui-fg-base\", className)}\n      {...props}\n    />\n  )\n})\nBreadcrumbPage.displayName = \"Breadcrumb.Page\"\n\nconst BreadcrumbSeparator = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentPropsWithoutRef<\"li\">\n>(({ children, className, ...props }, ref) => {\n  return (\n    <li\n      ref={ref}\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={clx(\n        \"flex items-center text-ui-fg-muted [&>svg]:size-3.5\",\n        className\n      )}\n      {...props}\n    >\n      {children ?? <ChevronRightMini />}\n    </li>\n  )\n})\nBreadcrumbSeparator.displayName = \"Breadcrumb.Separator\"\n\nconst BreadcrumbEllipsis = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...props }, ref) => {\n  return (\n    <span\n      ref={ref}\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={clx(\n        \"flex size-5 items-center justify-center text-ui-fg-muted [&>svg]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <EllipsisHorizontal />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n})\nBreadcrumbEllipsis.displayName = \"Breadcrumb.Ellipsis\"\n\nconst BreadcrumbRoot = Object.assign(Breadcrumb, {\n  List: BreadcrumbList,\n  Item: BreadcrumbItem,\n  Link: BreadcrumbLink,\n  Page: BreadcrumbPage,\n  Separator: BreadcrumbSeparator,\n  Ellipsis: BreadcrumbEllipsis,\n})\n\nexport {\n  BreadcrumbRoot as Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n}\nexport type { BreadcrumbLinkProps }\n"]}

package/dist/esm/components/breadcrumb/index.d.ts

@@ -0,0 +1,3 @@
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "./breadcrumb";
+export type { BreadcrumbLinkProps } from "./breadcrumb";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/breadcrumb/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,MAAM,cAAc,CAAA;AACrB,YAAY,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA"}

package/dist/esm/components/breadcrumb/index.js

@@ -0,0 +1,2 @@
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "./breadcrumb";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACpB,MAAM,cAAc,CAAA","sourcesContent":["export {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from \"./breadcrumb\"\nexport type { BreadcrumbLinkProps } from \"./breadcrumb\"\n"]}

package/dist/esm/components/button/button.d.ts

@@ -0,0 +1,70 @@
+import { type VariantProps } from "cva";
+import * as React from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "transparent" | "secondary" | "danger" | undefined;
+    size?: "base" | "small" | "large" | "xlarge" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+interface ButtonProps extends React.ComponentPropsWithoutRef<"button">, VariantProps<typeof buttonVariants> {
+    isLoading?: boolean;
+    asChild?: boolean;
+}
+/**
+ * This component is based on the `button` element and supports all of its props
+ */
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/dist/esm/components/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA8ClB,CAAA;AAEF,UAAU,WACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAC9C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;GAEG;AACH,QAAA,MAAM,MAAM,uFAgEX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/esm/components/button/button.js

@@ -0,0 +1,67 @@
+import { cva } from "cva";
+import { Slot } from "radix-ui";
+import * as React from "react";
+import { clx } from "../../utils/clx.js";
+import { Spinner } from "@nergora/icons";
+const buttonVariants = cva({
+    base: clx("transition-fg relative inline-flex w-fit items-center justify-center overflow-hidden rounded-md outline-none", "disabled:bg-ui-bg-disabled disabled:border-ui-border-base disabled:text-ui-fg-disabled disabled:shadow-buttons-neutral disabled:after:hidden", "after:transition-fg after:absolute after:inset-0 after:content-['']"),
+    variants: {
+        variant: {
+            primary: clx("shadow-buttons-inverted text-ui-contrast-fg-primary bg-ui-button-inverted after:button-inverted-gradient", "hover:bg-ui-button-inverted-hover hover:after:button-inverted-hover-gradient", "active:bg-ui-button-inverted-pressed active:after:button-inverted-pressed-gradient", "focus-visible:!shadow-buttons-inverted-focus"),
+            secondary: clx("shadow-buttons-neutral text-ui-fg-base bg-ui-button-neutral after:button-neutral-gradient", "hover:bg-ui-button-neutral-hover hover:after:button-neutral-hover-gradient", "active:bg-ui-button-neutral-pressed active:after:button-neutral-pressed-gradient", "focus-visible:shadow-buttons-neutral-focus"),
+            transparent: clx("after:hidden", "text-ui-fg-base bg-ui-button-transparent", "hover:bg-ui-button-transparent-hover", "active:bg-ui-button-transparent-pressed", "focus-visible:shadow-buttons-neutral-focus focus-visible:bg-ui-bg-base", "disabled:!bg-transparent disabled:!shadow-none"),
+            danger: clx("shadow-buttons-colored shadow-buttons-danger text-ui-fg-on-color bg-ui-button-danger after:button-danger-gradient", "hover:bg-ui-button-danger-hover hover:after:button-danger-hover-gradient", "active:bg-ui-button-danger-pressed active:after:button-danger-pressed-gradient", "focus-visible:shadow-buttons-danger-focus"),
+        },
+        size: {
+            small: "txt-compact-small-plus gap-x-1.5 px-2 py-1",
+            base: "txt-compact-small-plus gap-x-1.5 px-3 py-1.5",
+            large: "txt-compact-medium-plus gap-x-1.5 px-4 py-2.5",
+            xlarge: "txt-compact-large-plus gap-x-1.5 px-5 py-3.5",
+        },
+    },
+    defaultVariants: {
+        size: "base",
+        variant: "primary",
+    },
+});
+/**
+ * This component is based on the `button` element and supports all of its props
+ */
+const Button = React.forwardRef(({ 
+/**
+ * The button's style.
+ */
+variant = "primary", 
+/**
+ * The button's size.
+ */
+size = "base", className, 
+/**
+ * Whether to remove the wrapper `button` element and use the
+ * passed child element instead.
+ */
+asChild = false, children, 
+/**
+ * Whether to show a loading spinner.
+ */
+isLoading = false, disabled, ...props }, ref) => {
+    const Component = asChild ? Slot.Root : "button";
+    /**
+     * In the case of a button where asChild is true, and isLoading is true, we ensure that
+     * only on element is passed as a child to the Slot component. This is because the Slot
+     * component only accepts a single child.
+     */
+    const renderInner = () => {
+        if (isLoading) {
+            return (React.createElement("span", { className: "pointer-events-none" },
+                React.createElement("div", { className: clx("bg-ui-bg-disabled absolute inset-0 flex items-center justify-center rounded-md") },
+                    React.createElement(Spinner, { className: "animate-spin" })),
+                children));
+        }
+        return children;
+    };
+    return (React.createElement(Component, { ref: ref, ...props, className: clx(buttonVariants({ variant, size }), className), disabled: disabled || isLoading }, renderInner()));
+});
+Button.displayName = "Button";
+export { Button, buttonVariants };
+//# sourceMappingURL=button.js.map

package/dist/esm/components/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,KAAK,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,MAAM,cAAc,GAAG,GAAG,CAAC;IACzB,IAAI,EAAE,GAAG,CACP,8GAA8G,EAC9G,8IAA8I,EAC9I,qEAAqE,CACtE;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,GAAG,CACV,0GAA0G,EAC1G,8EAA8E,EAC9E,oFAAoF,EACpF,8CAA8C,CAC/C;YACD,SAAS,EAAE,GAAG,CACZ,2FAA2F,EAC3F,4EAA4E,EAC5E,kFAAkF,EAClF,4CAA4C,CAC7C;YACD,WAAW,EAAE,GAAG,CACd,cAAc,EACd,0CAA0C,EAC1C,sCAAsC,EACtC,yCAAyC,EACzC,wEAAwE,EACxE,gDAAgD,CACjD;YACD,MAAM,EAAE,GAAG,CACT,mHAAmH,EACnH,0EAA0E,EAC1E,gFAAgF,EAChF,2CAA2C,CAC5C;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,4CAA4C;YACnD,IAAI,EAAE,8CAA8C;YACpD,KAAK,EAAE,+CAA+C;YACtD,MAAM,EAAE,8CAA8C;SACvD;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAA;AASF;;GAEG;AACH,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE;AACE;;GAEG;AACH,OAAO,GAAG,SAAS;AACnB;;GAEG;AACH,IAAI,GAAG,MAAM,EACb,SAAS;AACT;;;GAGG;AACH,OAAO,GAAG,KAAK,EACf,QAAQ;AACR;;GAEG;AACH,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,GAAG,KAAK,EACI,EACd,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEhD;;;;OAIG;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,CACL,8BAAM,SAAS,EAAC,qBAAqB;gBACnC,6BACE,SAAS,EAAE,GAAG,CACZ,gFAAgF,CACjF;oBAED,oBAAC,OAAO,IAAC,SAAS,EAAC,cAAc,GAAG,CAChC;gBACL,QAAQ,CACJ,CACR,CAAA;QACH,CAAC;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EAC5D,QAAQ,EAAE,QAAQ,IAAI,SAAS,IAE9B,WAAW,EAAE,CACJ,CACb,CAAA;AACH,CAAC,CACF,CAAA;AACD,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA","sourcesContent":["import { cva, type VariantProps } from \"cva\"\nimport { Slot } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\nimport { Spinner } from \"@nergora/icons\"\n\nconst buttonVariants = cva({\n  base: clx(\n    \"transition-fg relative inline-flex w-fit items-center justify-center overflow-hidden rounded-md outline-none\",\n    \"disabled:bg-ui-bg-disabled disabled:border-ui-border-base disabled:text-ui-fg-disabled disabled:shadow-buttons-neutral disabled:after:hidden\",\n    \"after:transition-fg after:absolute after:inset-0 after:content-['']\"\n  ),\n  variants: {\n    variant: {\n      primary: clx(\n        \"shadow-buttons-inverted text-ui-contrast-fg-primary bg-ui-button-inverted after:button-inverted-gradient\",\n        \"hover:bg-ui-button-inverted-hover hover:after:button-inverted-hover-gradient\",\n        \"active:bg-ui-button-inverted-pressed active:after:button-inverted-pressed-gradient\",\n        \"focus-visible:!shadow-buttons-inverted-focus\"\n      ),\n      secondary: clx(\n        \"shadow-buttons-neutral text-ui-fg-base bg-ui-button-neutral after:button-neutral-gradient\",\n        \"hover:bg-ui-button-neutral-hover hover:after:button-neutral-hover-gradient\",\n        \"active:bg-ui-button-neutral-pressed active:after:button-neutral-pressed-gradient\",\n        \"focus-visible:shadow-buttons-neutral-focus\"\n      ),\n      transparent: clx(\n        \"after:hidden\",\n        \"text-ui-fg-base bg-ui-button-transparent\",\n        \"hover:bg-ui-button-transparent-hover\",\n        \"active:bg-ui-button-transparent-pressed\",\n        \"focus-visible:shadow-buttons-neutral-focus focus-visible:bg-ui-bg-base\",\n        \"disabled:!bg-transparent disabled:!shadow-none\"\n      ),\n      danger: clx(\n        \"shadow-buttons-colored shadow-buttons-danger text-ui-fg-on-color bg-ui-button-danger after:button-danger-gradient\",\n        \"hover:bg-ui-button-danger-hover hover:after:button-danger-hover-gradient\",\n        \"active:bg-ui-button-danger-pressed active:after:button-danger-pressed-gradient\",\n        \"focus-visible:shadow-buttons-danger-focus\"\n      ),\n    },\n    size: {\n      small: \"txt-compact-small-plus gap-x-1.5 px-2 py-1\",\n      base: \"txt-compact-small-plus gap-x-1.5 px-3 py-1.5\",\n      large: \"txt-compact-medium-plus gap-x-1.5 px-4 py-2.5\",\n      xlarge: \"txt-compact-large-plus gap-x-1.5 px-5 py-3.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n    variant: \"primary\",\n  },\n})\n\ninterface ButtonProps\n  extends React.ComponentPropsWithoutRef<\"button\">,\n    VariantProps<typeof buttonVariants> {\n  isLoading?: boolean\n  asChild?: boolean\n}\n\n/**\n * This component is based on the `button` element and supports all of its props\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      /**\n       * The button's style.\n       */\n      variant = \"primary\",\n      /**\n       * The button's size.\n       */\n      size = \"base\",\n      className,\n      /**\n       * Whether to remove the wrapper `button` element and use the\n       * passed child element instead.\n       */\n      asChild = false,\n      children,\n      /**\n       * Whether to show a loading spinner.\n       */\n      isLoading = false,\n      disabled,\n      ...props\n    }: ButtonProps,\n    ref\n  ) => {\n    const Component = asChild ? Slot.Root : \"button\"\n\n    /**\n     * In the case of a button where asChild is true, and isLoading is true, we ensure that\n     * only on element is passed as a child to the Slot component. This is because the Slot\n     * component only accepts a single child.\n     */\n    const renderInner = () => {\n      if (isLoading) {\n        return (\n          <span className=\"pointer-events-none\">\n            <div\n              className={clx(\n                \"bg-ui-bg-disabled absolute inset-0 flex items-center justify-center rounded-md\"\n              )}\n            >\n              <Spinner className=\"animate-spin\" />\n            </div>\n            {children}\n          </span>\n        )\n      }\n\n      return children\n    }\n\n    return (\n      <Component\n        ref={ref}\n        {...props}\n        className={clx(buttonVariants({ variant, size }), className)}\n        disabled={disabled || isLoading}\n      >\n        {renderInner()}\n      </Component>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"]}

package/dist/esm/components/button/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./button";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/dist/esm/components/button/index.js

@@ -0,0 +1,2 @@
+export * from "./button";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA","sourcesContent":["export * from \"./button\"\n"]}

package/dist/esm/components/button-group/button-group.d.ts

@@ -0,0 +1,76 @@
+import { VariantProps } from "cva";
+import * as React from "react";
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+interface ButtonGroupProps extends React.ComponentPropsWithoutRef<"div">, VariantProps<typeof buttonGroupVariants> {
+}
+interface ButtonGroupTextProps extends React.ComponentPropsWithoutRef<"div"> {
+    asChild?: boolean;
+}
+declare const ButtonGroupText: React.ForwardRefExoticComponent<ButtonGroupTextProps & React.RefAttributes<HTMLDivElement>>;
+interface ButtonGroupSeparatorProps extends Omit<React.ComponentPropsWithoutRef<"div">, "children"> {
+    orientation?: "horizontal" | "vertical";
+}
+declare const ButtonGroupSeparator: React.ForwardRefExoticComponent<ButtonGroupSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>> & {
+    Text: React.ForwardRefExoticComponent<ButtonGroupTextProps & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<ButtonGroupSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+};
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };
+export type { ButtonGroupProps, ButtonGroupSeparatorProps, ButtonGroupTextProps, };
+//# sourceMappingURL=button-group.d.ts.map

package/dist/esm/components/button-group/button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../../src/components/button-group/button-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AAEvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAuBvB,CAAA;AAEF,UAAU,gBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAC3C,YAAY,CAAC,OAAO,mBAAmB,CAAC;CAAG;AAkB/C,UAAU,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,eAAe,6FAiBpB,CAAA;AAGD,UAAU,yBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC/D,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC;AAED,QAAA,MAAM,oBAAoB,kGAsBxB,CAAA;AAGF,QAAA,MAAM,WAAW;;;CAGf,CAAA;AAEF,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,eAAe,EACf,mBAAmB,GACpB,CAAA;AACD,YAAY,EACV,gBAAgB,EAChB,yBAAyB,EACzB,oBAAoB,GACrB,CAAA"}

package/dist/esm/components/button-group/button-group.js

@@ -0,0 +1,38 @@
+import { cva } from "cva";
+import { Slot } from "radix-ui";
+import * as React from "react";
+import { clx } from "../../utils/clx.js";
+const buttonGroupVariants = cva({
+    base: clx("group/button-group flex w-fit items-stretch", "*:focus-visible:relative *:focus-visible:z-10", "has-[>[data-slot=button-group]]:gap-2", "[&>input]:flex-1"),
+    variants: {
+        orientation: {
+            horizontal: clx("[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0", "[&>*:not(:last-child)]:rounded-r-none"),
+            vertical: clx("flex-col", "[&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0", "[&>*:not(:last-child)]:rounded-b-none"),
+        },
+    },
+    defaultVariants: {
+        orientation: "horizontal",
+    },
+});
+const ButtonGroupRoot = React.forwardRef(({ className, orientation = "horizontal", ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, role: "group", "data-slot": "button-group", "data-orientation": orientation, className: clx(buttonGroupVariants({ orientation }), className), ...props }));
+});
+ButtonGroupRoot.displayName = "ButtonGroup";
+const ButtonGroupText = React.forwardRef(({ className, asChild = false, ...props }, ref) => {
+    const Component = asChild ? Slot.Root : "div";
+    return (React.createElement(Component, { ref: ref, "data-slot": "button-group-text", className: clx("txt-compact-small-plus flex items-center gap-2 rounded-md bg-ui-bg-field px-2.5 text-ui-fg-base shadow-borders-base", "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+});
+ButtonGroupText.displayName = "ButtonGroup.Text";
+const ButtonGroupSeparator = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, role: "separator", "aria-orientation": orientation, "data-slot": "button-group-separator", "data-orientation": orientation, className: clx("relative self-stretch bg-ui-border-base", {
+            "mx-px h-auto w-px": orientation === "vertical",
+            "my-px h-px w-auto": orientation === "horizontal",
+        }, className), ...props }));
+});
+ButtonGroupSeparator.displayName = "ButtonGroup.Separator";
+const ButtonGroup = Object.assign(ButtonGroupRoot, {
+    Text: ButtonGroupText,
+    Separator: ButtonGroupSeparator,
+});
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };
+//# sourceMappingURL=button-group.js.map

package/dist/esm/components/button-group/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../../src/components/button-group/button-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,GAAG,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,mBAAmB,GAAG,GAAG,CAAC;IAC9B,IAAI,EAAE,GAAG,CACP,6CAA6C,EAC7C,+CAA+C,EAC/C,uCAAuC,EACvC,kBAAkB,CACnB;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,UAAU,EAAE,GAAG,CACb,2EAA2E,EAC3E,uCAAuC,CACxC;YACD,QAAQ,EAAE,GAAG,CACX,UAAU,EACV,2EAA2E,EAC3E,uCAAuC,CACxC;SACF;KACF;IACD,eAAe,EAAE;QACf,WAAW,EAAE,YAAY;KAC1B;CACF,CAAC,CAAA;AAMF,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3D,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,eACF,cAAc,sBACN,WAAW,EAC7B,SAAS,EAAE,GAAG,CAAC,mBAAmB,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,CAAC,KAC3D,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AACD,eAAe,CAAC,WAAW,GAAG,aAAa,CAAA;AAM3C,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChD,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IAE7C,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAAG,eACE,mBAAmB,EAC7B,SAAS,EAAE,GAAG,CACZ,qHAAqH,EACrH,kEAAkE,EAClE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AACD,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAOhD,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAG3C,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3D,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,WAAW,sBACE,WAAW,eACnB,wBAAwB,sBAChB,WAAW,EAC7B,SAAS,EAAE,GAAG,CACZ,yCAAyC,EACzC;YACE,mBAAmB,EAAE,WAAW,KAAK,UAAU;YAC/C,mBAAmB,EAAE,WAAW,KAAK,YAAY;SAClD,EACD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,oBAAoB,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAE1D,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACjD,IAAI,EAAE,eAAe;IACrB,SAAS,EAAE,oBAAoB;CAChC,CAAC,CAAA;AAEF,OAAO,EACL,WAAW,EACX,oBAAoB,EACpB,eAAe,EACf,mBAAmB,GACpB,CAAA","sourcesContent":["import { VariantProps, cva } from \"cva\"\nimport { Slot } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst buttonGroupVariants = cva({\n  base: clx(\n    \"group/button-group flex w-fit items-stretch\",\n    \"*:focus-visible:relative *:focus-visible:z-10\",\n    \"has-[>[data-slot=button-group]]:gap-2\",\n    \"[&>input]:flex-1\"\n  ),\n  variants: {\n    orientation: {\n      horizontal: clx(\n        \"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0\",\n        \"[&>*:not(:last-child)]:rounded-r-none\"\n      ),\n      vertical: clx(\n        \"flex-col\",\n        \"[&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0\",\n        \"[&>*:not(:last-child)]:rounded-b-none\"\n      ),\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n})\n\ninterface ButtonGroupProps\n  extends React.ComponentPropsWithoutRef<\"div\">,\n    VariantProps<typeof buttonGroupVariants> {}\n\nconst ButtonGroupRoot = React.forwardRef<HTMLDivElement, ButtonGroupProps>(\n  ({ className, orientation = \"horizontal\", ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        data-slot=\"button-group\"\n        data-orientation={orientation}\n        className={clx(buttonGroupVariants({ orientation }), className)}\n        {...props}\n      />\n    )\n  }\n)\nButtonGroupRoot.displayName = \"ButtonGroup\"\n\ninterface ButtonGroupTextProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  asChild?: boolean\n}\n\nconst ButtonGroupText = React.forwardRef<HTMLDivElement, ButtonGroupTextProps>(\n  ({ className, asChild = false, ...props }, ref) => {\n    const Component = asChild ? Slot.Root : \"div\"\n\n    return (\n      <Component\n        ref={ref}\n        data-slot=\"button-group-text\"\n        className={clx(\n          \"txt-compact-small-plus flex items-center gap-2 rounded-md bg-ui-bg-field px-2.5 text-ui-fg-base shadow-borders-base\",\n          \"[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nButtonGroupText.displayName = \"ButtonGroup.Text\"\n\ninterface ButtonGroupSeparatorProps\n  extends Omit<React.ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  orientation?: \"horizontal\" | \"vertical\"\n}\n\nconst ButtonGroupSeparator = React.forwardRef<\n  HTMLDivElement,\n  ButtonGroupSeparatorProps\n>(({ className, orientation = \"vertical\", ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      role=\"separator\"\n      aria-orientation={orientation}\n      data-slot=\"button-group-separator\"\n      data-orientation={orientation}\n      className={clx(\n        \"relative self-stretch bg-ui-border-base\",\n        {\n          \"mx-px h-auto w-px\": orientation === \"vertical\",\n          \"my-px h-px w-auto\": orientation === \"horizontal\",\n        },\n        className\n      )}\n      {...props}\n    />\n  )\n})\nButtonGroupSeparator.displayName = \"ButtonGroup.Separator\"\n\nconst ButtonGroup = Object.assign(ButtonGroupRoot, {\n  Text: ButtonGroupText,\n  Separator: ButtonGroupSeparator,\n})\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n}\nexport type {\n  ButtonGroupProps,\n  ButtonGroupSeparatorProps,\n  ButtonGroupTextProps,\n}\n"]}

package/dist/esm/components/button-group/index.d.ts

@@ -0,0 +1,3 @@
+export { ButtonGroup } from "./button-group";
+export type { ButtonGroupProps, ButtonGroupSeparatorProps, ButtonGroupTextProps, } from "./button-group";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/button-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,YAAY,EACV,gBAAgB,EAChB,yBAAyB,EACzB,oBAAoB,GACrB,MAAM,gBAAgB,CAAA"}

package/dist/esm/components/button-group/index.js

@@ -0,0 +1,2 @@
+export { ButtonGroup } from "./button-group";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/button-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/button-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA","sourcesContent":["export { ButtonGroup } from \"./button-group\"\nexport type {\n  ButtonGroupProps,\n  ButtonGroupSeparatorProps,\n  ButtonGroupTextProps,\n} from \"./button-group\"\n"]}

package/dist/esm/components/calendar/_internal-calendar.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { DateValue, type CalendarProps } from "react-aria";
+/**
+ * InternalCalendar is the internal implementation of the Calendar component.
+ * It's not for public use, but only used for other components like DatePicker.
+ */
+declare const InternalCalendar: <TDateValue extends DateValue>(props: CalendarProps<TDateValue>) => React.JSX.Element;
+export { InternalCalendar };
+//# sourceMappingURL=_internal-calendar.d.ts.map

package/dist/esm/components/calendar/_internal-calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_internal-calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/_internal-calendar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACH,SAAS,EAGT,KAAK,aAAa,EACrB,MAAM,YAAY,CAAA;AAMnB;;;GAGG;AACH,QAAA,MAAM,gBAAgB,GAAI,UAAU,SAAS,SAAS,EACpD,OAAO,aAAa,CAAC,UAAU,CAAC,sBA6BjC,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/esm/components/calendar/_internal-calendar.js

@@ -0,0 +1,32 @@
+"use client";
+import { createCalendar } from "@internationalized/date";
+import { TriangleLeftMini, TriangleRightMini } from "@nergora/icons";
+import * as React from "react";
+import { useCalendar, useLocale, } from "react-aria";
+import { useCalendarState } from "react-stately";
+import { CalendarButton } from "./calendar-button";
+import { CalendarGrid } from "./calendar-grid";
+/**
+ * InternalCalendar is the internal implementation of the Calendar component.
+ * It's not for public use, but only used for other components like DatePicker.
+ */
+const InternalCalendar = (props) => {
+    const { locale } = useLocale();
+    const state = useCalendarState({
+        ...props,
+        locale,
+        createCalendar,
+    });
+    const { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar(props, state);
+    return (React.createElement("div", { ...calendarProps, className: "flex flex-col gap-y-2" },
+        React.createElement("div", { className: "bg-ui-bg-field border-base grid grid-cols-[28px_1fr_28px] items-center gap-1 rounded-md border p-0.5" },
+            React.createElement(CalendarButton, { ...prevButtonProps },
+                React.createElement(TriangleLeftMini, null)),
+            React.createElement("div", { className: "flex items-center justify-center" },
+                React.createElement("h2", { className: "txt-compact-small-plus" }, title)),
+            React.createElement(CalendarButton, { ...nextButtonProps },
+                React.createElement(TriangleRightMini, null))),
+        React.createElement(CalendarGrid, { state: state })));
+};
+export { InternalCalendar };
+//# sourceMappingURL=_internal-calendar.js.map

package/dist/esm/components/calendar/_internal-calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_internal-calendar.js","sourceRoot":"","sources":["../../../../src/components/calendar/_internal-calendar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAEH,WAAW,EACX,SAAS,GAEZ,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C;;;GAGG;AACH,MAAM,gBAAgB,GAAG,CACvB,KAAgC,EAChC,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAE9B,MAAM,KAAK,GAAG,gBAAgB,CAAC;QAC7B,GAAG,KAAK;QACR,MAAM;QACN,cAAc;KACf,CAAC,CAAA;IAEF,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,GAC9D,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IAE3B,OAAO,CACL,gCAAS,aAAa,EAAE,SAAS,EAAC,uBAAuB;QACvD,6BAAK,SAAS,EAAC,sGAAsG;YACnH,oBAAC,cAAc,OAAK,eAAe;gBACjC,oBAAC,gBAAgB,OAAG,CACL;YACjB,6BAAK,SAAS,EAAC,kCAAkC;gBAC/C,4BAAI,SAAS,EAAC,wBAAwB,IAAE,KAAK,CAAM,CAC/C;YACN,oBAAC,cAAc,OAAK,eAAe;gBACjC,oBAAC,iBAAiB,OAAG,CACN,CACb;QACN,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CAC1B,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport { createCalendar } from \"@internationalized/date\"\nimport { TriangleLeftMini, TriangleRightMini } from \"@nergora/icons\"\nimport * as React from \"react\"\nimport {\n    DateValue,\n    useCalendar,\n    useLocale,\n    type CalendarProps,\n} from \"react-aria\"\nimport { useCalendarState } from \"react-stately\"\n\nimport { CalendarButton } from \"./calendar-button\"\nimport { CalendarGrid } from \"./calendar-grid\"\n\n/**\n * InternalCalendar is the internal implementation of the Calendar component.\n * It's not for public use, but only used for other components like DatePicker.\n */\nconst InternalCalendar = <TDateValue extends DateValue>(\n  props: CalendarProps<TDateValue>\n) => {\n  const { locale } = useLocale()\n\n  const state = useCalendarState({\n    ...props,\n    locale,\n    createCalendar,\n  })\n\n  const { calendarProps, prevButtonProps, nextButtonProps, title } =\n    useCalendar(props, state)\n\n  return (\n    <div {...calendarProps} className=\"flex flex-col gap-y-2\">\n      <div className=\"bg-ui-bg-field border-base grid grid-cols-[28px_1fr_28px] items-center gap-1 rounded-md border p-0.5\">\n        <CalendarButton {...prevButtonProps}>\n          <TriangleLeftMini />\n        </CalendarButton>\n        <div className=\"flex items-center justify-center\">\n          <h2 className=\"txt-compact-small-plus\">{title}</h2>\n        </div>\n        <CalendarButton {...nextButtonProps}>\n          <TriangleRightMini />\n        </CalendarButton>\n      </div>\n      <CalendarGrid state={state} />\n    </div>\n  )\n}\n\nexport { InternalCalendar }\n"]}

package/dist/esm/components/calendar/calendar-button.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { AriaButtonProps } from "react-aria";
+interface CalendarButtonProps extends AriaButtonProps<"button"> {
+}
+declare const CalendarButton: React.ForwardRefExoticComponent<CalendarButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { CalendarButton };
+//# sourceMappingURL=calendar-button.d.ts.map

package/dist/esm/components/calendar/calendar-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-button.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/calendar-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAa,MAAM,YAAY,CAAA;AAIvD,UAAU,mBAAoB,SAAQ,eAAe,CAAC,QAAQ,CAAC;CAAG;AAElE,QAAA,MAAM,cAAc,+FAkBnB,CAAA;AAGD,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/esm/components/calendar/calendar-button.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { useButton } from "react-aria";
+import { IconButton } from "../icon-button/index.js";
+const CalendarButton = React.forwardRef(({ children, ...props }, ref) => {
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current);
+    const { buttonProps } = useButton(props, innerRef);
+    return (React.createElement(IconButton, { size: "small", variant: "transparent", className: "rounded-[4px]", ...buttonProps }, children));
+});
+CalendarButton.displayName = "CalendarButton";
+export { CalendarButton };
+//# sourceMappingURL=calendar-button.js.map

package/dist/esm/components/calendar/calendar-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-button.js","sourceRoot":"","sources":["../../../../src/components/calendar/calendar-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAmB,SAAS,EAAE,MAAM,YAAY,CAAA;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAIrD,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9B,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAA;IACtD,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAA4B,CAAC,CAAA;IAE3E,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAElD,OAAO,CACL,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,eAAe,KACrB,WAAW,IAEd,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CACF,CAAA;AACD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,OAAO,EAAE,cAAc,EAAE,CAAA","sourcesContent":["import * as React from \"react\"\nimport { AriaButtonProps, useButton } from \"react-aria\"\n\nimport { IconButton } from \"@/components/icon-button\"\n\ninterface CalendarButtonProps extends AriaButtonProps<\"button\"> {}\n\nconst CalendarButton = React.forwardRef<HTMLButtonElement, CalendarButtonProps>(\n  ({ children, ...props }, ref) => {\n    const innerRef = React.useRef<HTMLButtonElement>(null)\n    React.useImperativeHandle(ref, () => innerRef.current as HTMLButtonElement)\n\n    const { buttonProps } = useButton(props, innerRef)\n\n    return (\n      <IconButton\n        size=\"small\"\n        variant=\"transparent\"\n        className=\"rounded-[4px]\"\n        {...buttonProps}\n      >\n        {children}\n      </IconButton>\n    )\n  }\n)\nCalendarButton.displayName = \"CalendarButton\"\n\nexport { CalendarButton }\n"]}

package/dist/esm/components/calendar/calendar-cell.d.ts

@@ -0,0 +1,10 @@
+import { CalendarDate } from "@internationalized/date";
+import * as React from "react";
+import { CalendarState } from "react-stately";
+interface CalendarCellProps {
+    date: CalendarDate;
+    state: CalendarState;
+}
+declare const CalendarCell: ({ state, date }: CalendarCellProps) => React.JSX.Element;
+export { CalendarCell };
+//# sourceMappingURL=calendar-cell.d.ts.map

package/dist/esm/components/calendar/calendar-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-cell.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/calendar-cell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAI7C,UAAU,iBAAiB;IACzB,IAAI,EAAE,YAAY,CAAA;IAClB,KAAK,EAAE,aAAa,CAAA;CACrB;AAED,QAAA,MAAM,YAAY,GAAI,iBAAiB,iBAAiB,sBA8CvD,CAAA;AAcD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/esm/components/calendar/calendar-cell.js

@@ -0,0 +1,30 @@
+"use client";
+import * as React from "react";
+import { useCalendarCell } from "react-aria";
+import { clx } from "../../utils/clx.js";
+const CalendarCell = ({ state, date }) => {
+    const ref = React.useRef(null);
+    const { cellProps, buttonProps, isSelected, isOutsideVisibleRange, isDisabled, isUnavailable, formattedDate, } = useCalendarCell({ date }, state, ref);
+    const isToday = getIsToday(date);
+    return (React.createElement("td", { ...cellProps, className: "p-1" },
+        React.createElement("div", { ...buttonProps, ref: ref, hidden: isOutsideVisibleRange, className: clx("bg-ui-bg-base txt-compact-small relative flex size-8 items-center justify-center rounded-md outline-none transition-fg border border-transparent", "hover:bg-ui-bg-base-hover", "focus-visible:shadow-borders-focus focus-visible:border-ui-border-interactive", {
+                "!bg-ui-bg-interactive !text-ui-fg-on-color": isSelected,
+                "hidden": isOutsideVisibleRange,
+                "text-ui-fg-muted hover:!bg-ui-bg-base cursor-default": isDisabled || isUnavailable,
+            }) },
+            formattedDate,
+            isToday && (React.createElement("div", { role: "none", className: clx("bg-ui-bg-interactive absolute bottom-[3px] left-1/2 size-[3px] -translate-x-1/2 rounded-full transition-fg", {
+                    "bg-ui-fg-on-color": isSelected,
+                }) })))));
+};
+/**
+ * Check if the date is today. The CalendarDate is using a 1-based index for the month.
+ * @returns Whether the CalendarDate is today.
+ */
+function getIsToday(date) {
+    const today = new Date();
+    return ([date.year, date.month, date.day].join("-") ===
+        [today.getFullYear(), today.getMonth() + 1, today.getDate()].join("-"));
+}
+export { CalendarCell };
+//# sourceMappingURL=calendar-cell.js.map

package/dist/esm/components/calendar/calendar-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-cell.js","sourceRoot":"","sources":["../../../../src/components/calendar/calendar-cell.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAGZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAG5C,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAOjC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAqB,EAAE,EAAE;IAC1D,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAC9B,MAAM,EACJ,SAAS,EACT,WAAW,EACX,UAAU,EACV,qBAAqB,EACrB,UAAU,EACV,aAAa,EACb,aAAa,GACd,GAAG,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;IAEzC,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,CAAA;IAEhC,OAAO,CACL,+BAAQ,SAAS,EAAE,SAAS,EAAC,KAAK;QAChC,gCACM,WAAW,EACf,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,qBAAqB,EAC7B,SAAS,EAAE,GAAG,CACZ,kJAAkJ,EAClJ,2BAA2B,EAC3B,+EAA+E,EAC/E;gBACE,4CAA4C,EAAE,UAAU;gBACxD,QAAQ,EAAE,qBAAqB;gBAC/B,sDAAsD,EAAE,UAAU,IAAI,aAAa;aACpF,CACF;YAEA,aAAa;YACb,OAAO,IAAI,CACV,6BACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,GAAG,CACZ,4GAA4G,EAC5G;oBACE,mBAAmB,EAAE,UAAU;iBAChC,CACF,GACD,CACH,CACG,CACH,CACN,CAAA;AACH,CAAC,CAAA;AAED;;;GAGG;AACH,SAAS,UAAU,CAAC,IAAkB;IACpC,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;IACxB,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QAC3C,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CACvE,CAAA;AACH,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport { CalendarDate } from \"@internationalized/date\"\nimport * as React from \"react\"\nimport { useCalendarCell } from \"react-aria\"\nimport { CalendarState } from \"react-stately\"\n\nimport { clx } from \"@/utils/clx\"\n\ninterface CalendarCellProps {\n  date: CalendarDate\n  state: CalendarState\n}\n\nconst CalendarCell = ({ state, date }: CalendarCellProps) => {\n  const ref = React.useRef(null)\n  const {\n    cellProps,\n    buttonProps,\n    isSelected,\n    isOutsideVisibleRange,\n    isDisabled,\n    isUnavailable,\n    formattedDate,\n  } = useCalendarCell({ date }, state, ref)\n\n  const isToday = getIsToday(date)\n\n  return (\n    <td {...cellProps} className=\"p-1\">\n      <div\n        {...buttonProps}\n        ref={ref}\n        hidden={isOutsideVisibleRange}\n        className={clx(\n          \"bg-ui-bg-base txt-compact-small relative flex size-8 items-center justify-center rounded-md outline-none transition-fg border border-transparent\",\n          \"hover:bg-ui-bg-base-hover\",\n          \"focus-visible:shadow-borders-focus focus-visible:border-ui-border-interactive\",\n          {\n            \"!bg-ui-bg-interactive !text-ui-fg-on-color\": isSelected,\n            \"hidden\": isOutsideVisibleRange,\n            \"text-ui-fg-muted hover:!bg-ui-bg-base cursor-default\": isDisabled || isUnavailable,\n          }\n        )}\n      >\n        {formattedDate}\n        {isToday && (\n          <div\n            role=\"none\"\n            className={clx(\n              \"bg-ui-bg-interactive absolute bottom-[3px] left-1/2 size-[3px] -translate-x-1/2 rounded-full transition-fg\",\n              {\n                \"bg-ui-fg-on-color\": isSelected,\n              }\n            )}\n          />\n        )}\n      </div>\n    </td>\n  )\n}\n\n/**\n * Check if the date is today. The CalendarDate is using a 1-based index for the month.\n * @returns Whether the CalendarDate is today.\n */\nfunction getIsToday(date: CalendarDate) {\n  const today = new Date()\n  return (\n    [date.year, date.month, date.day].join(\"-\") ===\n    [today.getFullYear(), today.getMonth() + 1, today.getDate()].join(\"-\")\n  )\n}\n\nexport { CalendarCell }\n"]}