@g4rcez/components 5.0.1 → 5.0.3

package/dist/calendar-header-Dfr-CwkY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-header-Dfr-CwkY.js","names":["s","t"],"sources":["../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@phosphor-icons/react/dist/defs/PlusCircle.es.js","../../../node_modules/.pnpm/@phosphor-icons+react@2.1.10_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@phosphor-icons/react/dist/csr/PlusCircle.es.js","../../../node_modules/.pnpm/date-fns@4.3.0/node_modules/date-fns/addWeeks.js","../../../node_modules/.pnpm/date-fns@4.3.0/node_modules/date-fns/subWeeks.js","../src/components/page-calendar/calendar-header.tsx"],"sourcesContent":["import * as e from \"react\";\nconst a = /* @__PURE__ */ new Map([\n  [\n    \"bold\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,192a84,84,0,1,1,84-84A84.09,84.09,0,0,1,128,212Zm52-84a12,12,0,0,1-12,12H140v28a12,12,0,0,1-24,0V140H88a12,12,0,0,1,0-24h28V88a12,12,0,0,1,24,0v28h28A12,12,0,0,1,180,128Z\" }))\n  ],\n  [\n    \"duotone\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z\", opacity: \"0.2\" }), /* @__PURE__ */ e.createElement(\"path\", { d: \"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm48-88a8,8,0,0,1-8,8H136v32a8,8,0,0,1-16,0V136H88a8,8,0,0,1,0-16h32V88a8,8,0,0,1,16,0v32h32A8,8,0,0,1,176,128Z\" }))\n  ],\n  [\n    \"fill\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M128,24A104,104,0,1,0,232,128,104.13,104.13,0,0,0,128,24Zm40,112H136v32a8,8,0,0,1-16,0V136H88a8,8,0,0,1,0-16h32V88a8,8,0,0,1,16,0v32h32a8,8,0,0,1,0,16Z\" }))\n  ],\n  [\n    \"light\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm0,192a90,90,0,1,1,90-90A90.1,90.1,0,0,1,128,218Zm46-90a6,6,0,0,1-6,6H134v34a6,6,0,0,1-12,0V134H88a6,6,0,0,1,0-12h34V88a6,6,0,0,1,12,0v34h34A6,6,0,0,1,174,128Z\" }))\n  ],\n  [\n    \"regular\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm48-88a8,8,0,0,1-8,8H136v32a8,8,0,0,1-16,0V136H88a8,8,0,0,1,0-16h32V88a8,8,0,0,1,16,0v32h32A8,8,0,0,1,176,128Z\" }))\n  ],\n  [\n    \"thin\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Zm44-92a4,4,0,0,1-4,4H132v36a4,4,0,0,1-8,0V132H88a4,4,0,0,1,0-8h36V88a4,4,0,0,1,8,0v36h36A4,4,0,0,1,172,128Z\" }))\n  ]\n]);\nexport {\n  a as default\n};\n","import * as e from \"react\";\nimport s from \"../lib/IconBase.es.js\";\nimport t from \"../defs/PlusCircle.es.js\";\nconst o = e.forwardRef((r, c) => /* @__PURE__ */ e.createElement(s, { ref: c, ...r, weights: t }));\no.displayName = \"PlusCircleIcon\";\nconst l = o;\nexport {\n  l as PlusCircle,\n  o as PlusCircleIcon\n};\n","import { addDays } from \"./addDays.js\";\n\n/**\n * The {@link addWeeks} function options.\n */\n\n/**\n * @name addWeeks\n * @category Week Helpers\n * @summary Add the specified number of weeks to the given date.\n *\n * @description\n * Add the specified number of weeks to the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of weeks to be added.\n * @param options - An object with options\n *\n * @returns The new date with the weeks added\n *\n * @example\n * // Add 4 weeks to 1 September 2014:\n * const result = addWeeks(new Date(2014, 8, 1), 4)\n * //=> Mon Sep 29 2014 00:00:00\n */\nexport function addWeeks(date, amount, options) {\n  return addDays(date, amount * 7, options);\n}\n\n// Fallback for modularized imports:\nexport default addWeeks;\n","import { addWeeks } from \"./addWeeks.js\";\n\n/**\n * The {@link subWeeks} function options.\n */\n\n/**\n * @name subWeeks\n * @category Week Helpers\n * @summary Subtract the specified number of weeks from the given date.\n *\n * @description\n * Subtract the specified number of weeks from the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of weeks to be subtracted.\n * @param options - An object with options\n *\n * @returns The new date with the weeks subtracted\n *\n * @example\n * // Subtract 4 weeks from 1 September 2014:\n * const result = subWeeks(new Date(2014, 8, 1), 4)\n * //=> Mon Aug 04 2014 00:00:00\n */\nexport function subWeeks(date, amount, options) {\n  return addWeeks(date, -amount, options);\n}\n\n// Fallback for modularized imports:\nexport default subWeeks;\n","import { Button } from \"../core/button\";\nimport { Tag } from \"../core/tag\";\nimport { useLocale } from \"../../hooks/use-locale\";\nimport { useTranslations } from \"../../hooks/use-translations\";\nimport { CaretLeftIcon, CaretRightIcon, PlusCircleIcon, CalendarIcon } from \"@phosphor-icons/react\";\nimport { addDays, addMonths, addWeeks, isToday, subDays, subMonths, subWeeks } from \"date-fns\";\nimport type { CalendarFilter, ViewMode } from \"./page-calendar.types\";\nimport { formatDay, formatMonthShort, formatMonthYear, getWeekNumber } from \"./page-calendar.utils\";\nimport type { SetState } from \"../../types\";\nimport { useMemo, type ReactNode } from \"react\";\n\ntype CalendarHeaderProps = {\n    currentDate: Date;\n    currentView: ViewMode;\n    onAddEvent?: () => void;\n    filters: CalendarFilter[];\n    filterArea?: ReactNode;\n    setCurrentDate: SetState<Date>;\n    setCurrentView: SetState<ViewMode>;\n    onToggleFilter: (id: string) => void;\n};\n\nexport function CalendarHeader({\n    currentDate,\n    currentView,\n    filters,\n    filterArea,\n    setCurrentDate,\n    setCurrentView,\n    onToggleFilter,\n    onAddEvent,\n}: CalendarHeaderProps) {\n    const locale = useLocale();\n    const t = useTranslations();\n    const isDateToday = isToday(currentDate);\n\n    const VIEWS = useMemo(\n        () => [\n            { value: \"month\" as ViewMode, label: t.pageCalendarMonthView },\n            { value: \"week\" as ViewMode, label: t.pageCalendarWeekView },\n            { value: \"day\" as ViewMode, label: t.pageCalendarDayView },\n        ],\n        [t]\n    );\n\n    const handlePrev = () => {\n        setCurrentDate((currentDate) => {\n            if (currentView === \"month\") return subMonths(currentDate, 1);\n            if (currentView === \"week\") return subWeeks(currentDate, 1);\n            return subDays(currentDate, 1);\n        });\n    };\n\n    const handleNext = () => {\n        setCurrentDate((currentDate) => {\n            if (currentView === \"month\") return addMonths(currentDate, 1);\n            if (currentView === \"week\") return addWeeks(currentDate, 1);\n            return addDays(currentDate, 1);\n        });\n    };\n\n    const weekNum = getWeekNumber(currentDate);\n\n    return (\n        <header className=\"flex flex-col gap-page-calendar-header-gap\">\n            <div className=\"flex items-center justify-between gap-page-calendar-header-gap\">\n                <div className=\"flex items-center gap-page-calendar-date-gap\">\n                    <div\n                        aria-hidden=\"true\"\n                        className={`flex size-page-calendar-badge-size flex-col items-center justify-center overflow-hidden rounded-page-calendar-badge-radius text-page-calendar-week-label-text ${isDateToday ? \"bg-primary text-primary-foreground\" : \"bg-card text-foreground\"}`}\n                    >\n                        <span className=\"font-light uppercase leading-none\">{formatMonthShort(currentDate, locale)}</span>\n                        <span className=\"text-page-calendar-title-text font-medium leading-none\">{formatDay(currentDate, locale)}</span>\n                    </div>\n                    <div>\n                        <h1 aria-live=\"polite\" aria-atomic=\"true\" className=\"text-page-calendar-title-text font-bold leading-tight\">\n                            {formatMonthYear(currentDate, locale)}\n                        </h1>\n                        <span className=\"text-page-calendar-week-label-text text-muted-foreground\">{t.pageCalendarWeekLabel(weekNum)}</span>\n                    </div>\n                </div>\n                <nav aria-label={t.pageCalendarNavigation} className=\"flex items-center gap-page-calendar-nav-gap\">\n                    <div className=\"flex items-center gap-page-calendar-nav-btn-gap\">\n                        <Button\n                            size=\"small\"\n                            title={t.pageCalendarPrevious}\n                            aria-label={t.pageCalendarPrevious}\n                            theme=\"ghost-muted\"\n                            onClick={handlePrev}\n                        >\n                            <CaretLeftIcon size={16} />\n                        </Button>\n                        <button\n                            type=\"button\"\n                            aria-label={t.pageCalendarToday}\n                            onClick={() => setCurrentDate(new Date())}\n                            className=\"rounded-page-calendar-today-radius px-page-calendar-today-px py-page-calendar-today-py text-page-calendar-today-text transition-colors hover:bg-muted/50\"\n                        >\n                            {t.pageCalendarToday}\n                        </button>\n                        <Button size=\"small\" title={t.pageCalendarNext} aria-label={t.pageCalendarNext} theme=\"ghost-muted\" onClick={handleNext}>\n                            <CaretRightIcon size={16} />\n                        </Button>\n                    </div>\n                    <div className=\"flex rounded-page-calendar-view-switch-radius\">\n                        {VIEWS.map((v) => (\n                            <Button\n                                size=\"small\"\n                                key={v.value}\n                                rounded=\"squared\"\n                                onClick={() => setCurrentView(v.value)}\n                                theme={currentView === v.value ? \"primary\" : \"muted\"}\n                                aria-pressed={currentView === v.value}\n                                className=\"first:rounded-l-button-radius last:rounded-r-button-radius\"\n                            >\n                                {v.label}\n                            </Button>\n                        ))}\n                    </div>\n                    {onAddEvent && (\n                        <Button theme=\"primary\" size=\"small\" onClick={onAddEvent}>\n                            <PlusCircleIcon size={14} />\n                            {t.pageCalendarAddEvent}\n                        </Button>\n                    )}\n                </nav>\n            </div>\n            {filterArea ??\n                (filters.length > 0 && (\n                    <div role=\"group\" aria-label={t.pageCalendarFilter} className=\"flex flex-wrap items-center gap-page-calendar-filter-gap\">\n                        <span className=\"text-muted-foreground\">\n                            <CalendarIcon size={14} aria-hidden=\"true\" />\n                        </span>\n                        <span className=\"mr-page-calendar-nav-mr text-page-calendar-filter-text text-muted-foreground\">{t.pageCalendarFilter}</span>\n                        {filters.map((filter) => (\n                            <Tag\n                                as=\"button\"\n                                size=\"small\"\n                                type=\"button\"\n                                key={filter.id}\n                                theme={filter.theme}\n                                indicator={filter.enabled ? filter.theme : undefined}\n                                aria-pressed={filter.enabled}\n                                aria-label={`${filter.label}, ${filter.enabled ? t.pageCalendarFilterEnabled : t.pageCalendarFilterDisabled}`}\n                                onClick={() => onToggleFilter(filter.id)}\n                            >\n                                {filter.label}\n                            </Tag>\n                        ))}\n                    </div>\n                ))}\n        </header>\n    );\n}\n"],"x_google_ignoreList":[0,1,2,3],"mappings":"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"}

package/dist/chunk-jwUa06l-.js

@@ -0,0 +1,23 @@
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (e && (t = e(e = 0)), t), s = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), c = (e, n) => {
+	let r = {};
+	for (var i in e) t(r, i, {
+		get: e[i],
+		enumerable: !0
+	});
+	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
+}, l = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, u = (n, r, a) => (a = n == null ? {} : e(i(n)), l(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n)), d = (e) => a.call(e, "module.exports") ? e["module.exports"] : l(t({}, "__esModule", { value: !0 }), e), f = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+//#endregion
+export { d as a, f as i, o as n, u as o, c as r, s as t };

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

@@ -0,0 +1,77 @@
+import React, { PropsWithChildren } from "react";
+import { CvaVariants, type Label } from "../../types";
+import { PolymorphicProps } from "./polymorph";
+declare const variants: {
+    size: {
+        icon: string;
+        big: string;
+        default: string;
+        min: string;
+        tiny: string;
+        small: string;
+    };
+    rounded: {
+        rough: string;
+        squared: string;
+        default: string;
+        circle: string;
+    };
+    theme: {
+        raw: string;
+        disabled: string;
+        loading: string;
+        main: string;
+        info: string;
+        warn: string;
+        muted: string;
+        danger: string;
+        neutral: string;
+        primary: string;
+        success: string;
+        secondary: string;
+        "ghost-info": string;
+        "ghost-warn": string;
+        "ghost-danger": string;
+        "ghost-primary": string;
+        "ghost-success": string;
+        "ghost-secondary": string;
+        "ghost-muted": string;
+        "ghost-neutral": string;
+    };
+};
+type Variants = CvaVariants<typeof variants>;
+export type ButtonProps<T extends React.ElementType = "button"> = PropsWithChildren<PolymorphicProps<Variants & Partial<{
+    /** Icon to display in the button */
+    icon: Label;
+    /** Whether the button is in a loading state */
+    loading: boolean;
+}>, T>>;
+/**
+ * A versatile button component with multiple variants, sizes, and states.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Button>Click me</Button>
+ *
+ * // With variants
+ * <Button theme="primary" size="big">Primary Button</Button>
+ *
+ * // Loading state
+ * <Button loading>Saving...</Button>
+ *
+ * // With icon
+ * <Button icon={<Icon name="plus" />}>Add Item</Button>
+ *
+ * // As different element
+ * <Button as="a" href="/link">Link Button</Button>
+ * ```
+ *
+ * @template T - The HTML element type to render as
+ * @param props - Button props including theme, size, loading state, etc.
+ * @param ref - Forwarded ref to the button element
+ * @returns A styled button component
+ */
+export declare const Button: <T extends React.ElementType = "button">(_: ButtonProps<T>) => React.ReactNode;
+export {};
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/core/button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,WAAW,EAAE,KAAK,KAAK,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAa,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE1D,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCb,CAAC;AAUF,KAAK,QAAQ,GAAG,WAAW,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE7C,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI,iBAAiB,CAC/E,gBAAgB,CACZ,QAAQ,GACJ,OAAO,CAAC;IACJ,oCAAoC;IACpC,IAAI,EAAE,KAAK,CAAC;IACZ,+CAA+C;IAC/C,OAAO,EAAE,OAAO,CAAC;CACpB,CAAC,EACN,CAAC,CACJ,CACJ,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,MAAM,EAAE,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAAE,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAwBK,CAAC"}

package/dist/components/core/button.js

@@ -1,6 +1,6 @@
 import { t as e } from "../../dom-Bn4wY_Zx.js";
 import { t } from "../../dist-NmFtbuK4.js";
-import { t as n } from "../../polymorph-BLXhrn9n.js";
+import { Polymorph as n } from "./polymorph.js";
 import { forwardRef as r } from "react";
 import { jsxs as i } from "react/jsx-runtime";
 //#region src/components/core/button.tsx

package/dist/components/core/button.jsx

@@ -0,0 +1,79 @@
+import { cva } from "class-variance-authority";
+import React, { forwardRef } from "react";
+import { css } from "../../lib/dom";
+import { Polymorph } from "./polymorph";
+const variants = {
+    size: {
+        icon: "p-button-padding-icon",
+        big: "h-button-height-big px-button-padding-x-big py-button-padding-y-big",
+        default: "h-button-height px-button-padding-x py-button-padding-y",
+        min: "h-button-height-min px-button-padding-x-min py-button-padding-y-min text-typography-sm",
+        tiny: "h-button-height-tiny px-button-padding-x-tiny py-button-padding-y-tiny text-typography-sm",
+        small: "h-button-height-small px-button-padding-x-small py-button-padding-y-small text-typography-sm",
+    },
+    rounded: {
+        rough: "rounded-button-radius-rough",
+        squared: "rounded-button-radius-squared",
+        default: "rounded-button-radius",
+        circle: "rounded-full aspect-square",
+    },
+    theme: {
+        raw: "",
+        disabled: "bg-disabled opacity-70",
+        loading: "animate-pulse bg-disabled",
+        main: "bg-button-primary-bg text-button-primary-text",
+        info: "bg-button-info-bg text-button-info-text",
+        warn: "bg-button-warn-bg text-button-warn-text",
+        muted: "bg-button-muted-bg text-button-muted-text",
+        danger: "bg-button-danger-bg text-button-danger-text",
+        neutral: "bg-transparent border-1 border-card-border",
+        primary: "bg-button-primary-bg text-button-primary-text",
+        success: "bg-button-success-bg text-button-success-text",
+        secondary: "bg-button-secondary-bg text-button-secondary-text",
+        "ghost-info": "bg-transparent hover:bg-info/20 border-0 border-transparent text-info",
+        "ghost-warn": "bg-transparent hover:bg-warn/20 border-0 border-transparent text-warn",
+        "ghost-danger": "bg-transparent hover:bg-danger/20 border-0 border-transparent text-danger",
+        "ghost-primary": "bg-transparent hover:bg-primary/20 border-0 border-transparent text-primary",
+        "ghost-success": "bg-transparent hover:bg-success/20 border-0 border-transparent text-success",
+        "ghost-secondary": "bg-transparent hover:bg-secondary/20 border-0 border-transparent text-secondary",
+        "ghost-muted": "bg-transparent hover:bg-muted/20 border-0 border-transparent text-muted-foreground",
+        "ghost-neutral": "bg-transparent border-0 border-card-border",
+    },
+};
+const buttonVariants = cva("relative inline-flex cursor-pointer items-center justify-center gap-button-gap overflow-hidden whitespace-nowrap align-middle font-medium transition-colors duration-300 ease-linear focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-ring enabled:hover:bg-opacity-70 enabled:focus:bg-opacity-70 disabled:cursor-not-allowed disabled:bg-opacity-40 disabled:text-opacity-80 data-[loading=true]:animate-pulse data-[loading=true]:opacity-30", {
+    variants,
+    defaultVariants: { theme: "main", size: "default", rounded: "default" },
+});
+/**
+ * A versatile button component with multiple variants, sizes, and states.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Button>Click me</Button>
+ *
+ * // With variants
+ * <Button theme="primary" size="big">Primary Button</Button>
+ *
+ * // Loading state
+ * <Button loading>Saving...</Button>
+ *
+ * // With icon
+ * <Button icon={<Icon name="plus" />}>Add Item</Button>
+ *
+ * // As different element
+ * <Button as="a" href="/link">Link Button</Button>
+ * ```
+ *
+ * @template T - The HTML element type to render as
+ * @param props - Button props including theme, size, loading state, etc.
+ * @param ref - Forwarded ref to the button element
+ * @returns A styled button component
+ */
+export const Button = forwardRef(function Button({ className, icon, loading, theme, type = "button", size, rounded, ...props }, ref) {
+    const disabled = loading || props.disabled;
+    return (<Polymorph {...props} ref={ref} type={type} data-theme={theme} disabled={disabled} data-loading={loading} data-component="button" aria-disabled={disabled} as={props.as ?? "button"} aria-busy={loading} onClick={disabled ? undefined : props.onClick} className={css(buttonVariants({ size, rounded, theme }), className)}>
+            {icon}
+            {props.children}
+        </Polymorph>);
+});

package/dist/components/core/heading.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from "react";
+export declare const Heading: (props: PropsWithChildren) => import("react").JSX.Element;
+//# sourceMappingURL=heading.d.ts.map

package/dist/components/core/heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../src/components/core/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,eAAO,MAAM,OAAO,GAAI,OAAO,iBAAiB,gCAE/C,CAAC"}

package/dist/components/core/heading.js

@@ -0,0 +1,11 @@
+import { Polymorph as e } from "./polymorph.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/core/heading.tsx
+var n = (n) => /* @__PURE__ */ t(e, {
+	as: "h2",
+	children: n.children
+});
+//#endregion
+export { n as Heading };
+
+//# sourceMappingURL=heading.js.map

package/dist/components/core/heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.js","names":[],"sources":["../../../src/components/core/heading.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\nimport { Polymorph } from \"./polymorph\";\n\nexport const Heading = (props: PropsWithChildren) => {\n    return <Polymorph as=\"h2\">{props.children}</Polymorph>;\n};\n"],"mappings":";;;AAGA,IAAa,KAAW,MACb,kBAAC,GAAD;CAAW,IAAG;WAAM,EAAM;AAAoB,CAAA"}

package/dist/components/core/heading.jsx

@@ -0,0 +1,4 @@
+import { Polymorph } from "./polymorph";
+export const Heading = (props) => {
+    return <Polymorph as="h2">{props.children}</Polymorph>;
+};

package/dist/components/core/polymorph.d.ts

@@ -0,0 +1,10 @@
+import type React from "react";
+type PropsOf<T extends React.ElementType> = React.ComponentPropsWithoutRef<T>;
+export type PolymorphicProps<Props, T extends React.ElementType> = Props & {
+    as?: T;
+} & Omit<PropsOf<T>, keyof Props | "as" | "ref"> & {
+    ref?: React.ComponentProps<T>["ref"];
+};
+export declare const Polymorph: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<React.ElementType<any, keyof React.JSX.IntrinsicElements>>>;
+export {};
+//# sourceMappingURL=polymorph.d.ts.map

package/dist/components/core/polymorph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorph.d.ts","sourceRoot":"","sources":["../../../src/components/core/polymorph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,OAAO,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;AAE9E,MAAM,MAAM,gBAAgB,CAAC,KAAK,EAAE,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,GAAG;IACvE,EAAE,CAAC,EAAE,CAAC,CAAC;CACV,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,GAAG,IAAI,GAAG,KAAK,CAAC,GAAG;IAC3C,GAAG,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;CACxC,CAAC;AAEN,eAAO,MAAM,SAAS,oIAGpB,CAAC"}

package/dist/{polymorph-BLXhrn9n.js → components/core/polymorph.js}

@@ -9,6 +9,6 @@ var n = e(function(e, n) {
 	});
 });
 //#endregion
-export { n as t };
+export { n as Polymorph };
 
-//# sourceMappingURL=polymorph-BLXhrn9n.js.map
+//# sourceMappingURL=polymorph.js.map

package/dist/components/core/polymorph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorph.js","names":[],"sources":["../../../src/components/core/polymorph.tsx"],"sourcesContent":["import type React from \"react\";\nimport { forwardRef } from \"react\";\n\ntype PropsOf<T extends React.ElementType> = React.ComponentPropsWithoutRef<T>;\n\nexport type PolymorphicProps<Props, T extends React.ElementType> = Props & {\n    as?: T;\n} & Omit<PropsOf<T>, keyof Props | \"as\" | \"ref\"> & {\n        ref?: React.ComponentProps<T>[\"ref\"];\n    };\n\nexport const Polymorph = forwardRef(function InnerPolymorph<P extends React.ElementType = \"div\">(props: PropsOf<P>, ref: React.ForwardedRef<P>) {\n    const Element = props.as || \"span\";\n    return <Element ref={ref} {...props} as={undefined} />;\n});\n"],"mappings":";;;AAWA,IAAa,IAAY,EAAW,SAA6D,GAAmB,GAA4B;CAE5I,OAAO,kBADS,EAAM,MAAM,QACrB;EAAc;EAAK,GAAI;EAAO,IAAI,KAAA;CAAY,CAAA;AACzD,CAAC"}

package/dist/components/core/polymorph.jsx

@@ -0,0 +1,5 @@
+import { forwardRef } from "react";
+export const Polymorph = forwardRef(function InnerPolymorph(props, ref) {
+    const Element = props.as || "span";
+    return <Element ref={ref} {...props} as={undefined}/>;
+});

package/dist/components/core/render-on-view.d.ts

@@ -0,0 +1,7 @@
+import React, { PropsWithChildren } from "react";
+import { PolymorphicProps } from "./polymorph";
+export type RenderOnViewProps<T extends React.ElementType = "div"> = PolymorphicProps<{
+    onIntersection?: () => void;
+}, T>;
+export declare const RenderOnView: ({ children, ...props }: PropsWithChildren<RenderOnViewProps>) => React.JSX.Element;
+//# sourceMappingURL=render-on-view.d.ts.map

package/dist/components/core/render-on-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-on-view.d.ts","sourceRoot":"","sources":["../../../src/components/core/render-on-view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAqC,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,gBAAgB,CACjF;IACI,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B,EACD,CAAC,CACJ,CAAC;AAYF,eAAO,MAAM,YAAY,GAAI,wBAAwB,iBAAiB,CAAC,iBAAiB,CAAC,sBAsBxF,CAAC"}

package/dist/components/core/render-on-view.js

@@ -0,0 +1,29 @@
+"use client";
+import { t as e } from "../../use-stable-ref-D5LFCx0u.js";
+import { useLayoutEffect as t, useRef as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/core/render-on-view.tsx
+function a(e) {
+	let t = e.getBoundingClientRect();
+	return t.top >= 0 && t.left >= 0 && t.bottom <= (window.innerHeight || document.documentElement.clientHeight) && t.right <= (window.innerWidth || document.documentElement.clientWidth);
+}
+var o = ({ children: o, ...s }) => {
+	let c = e(s.onIntersection), l = n(null), [u, d] = r(() => l.current === null ? !1 : a(l.current));
+	return t(() => {
+		let e = l.current;
+		if (e === null) return;
+		let t = new IntersectionObserver((e) => {
+			let t = e[0];
+			return t.isIntersecting && c.current?.(), d((e) => t.isIntersecting ? !0 : e);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, [c]), /* @__PURE__ */ i("div", {
+		...s,
+		ref: l,
+		children: u ? o : null
+	});
+};
+//#endregion
+export { o as RenderOnView };
+
+//# sourceMappingURL=render-on-view.js.map

package/dist/components/core/render-on-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-on-view.js","names":[],"sources":["../../../src/components/core/render-on-view.tsx"],"sourcesContent":["\"use client\";\nimport React, { PropsWithChildren, useLayoutEffect, useRef, useState } from \"react\";\nimport { useStableRef } from \"../../hooks/use-stable-ref\";\nimport { PolymorphicProps } from \"./polymorph\";\n\nexport type RenderOnViewProps<T extends React.ElementType = \"div\"> = PolymorphicProps<\n    {\n        onIntersection?: () => void;\n    },\n    T\n>;\n\nfunction isInViewport(el: HTMLElement): boolean {\n    const rect = el.getBoundingClientRect();\n    return (\n        rect.top >= 0 &&\n        rect.left >= 0 &&\n        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /* or $(window).width() */\n    );\n}\n\nexport const RenderOnView = ({ children, ...props }: PropsWithChildren<RenderOnViewProps>) => {\n    const onIntersect = useStableRef(props.onIntersection);\n    const ref = useRef<HTMLDivElement>(null);\n    const [shouldRender, setShouldRender] = useState(() => (ref.current === null ? false : isInViewport(ref.current)));\n\n    useLayoutEffect(() => {\n        const div = ref.current;\n        if (div === null) return;\n        const observer = new IntersectionObserver((args) => {\n            const first = args[0];\n            if (first.isIntersecting) onIntersect.current?.();\n            return setShouldRender((prev) => (first.isIntersecting ? true : prev));\n        });\n        observer.observe(div);\n        return () => observer.disconnect();\n    }, [onIntersect]);\n\n    return (\n        <div {...props} ref={ref}>\n            {shouldRender ? children : null}\n        </div>\n    );\n};\n"],"mappings":";;;;;AAYA,SAAS,EAAa,GAA0B;CAC5C,IAAM,IAAO,EAAG,sBAAsB;CACtC,OACI,EAAK,OAAO,KACZ,EAAK,QAAQ,KACb,EAAK,WAAW,OAAO,eAAe,SAAS,gBAAgB,iBAC/D,EAAK,UAAU,OAAO,cAAc,SAAS,gBAAgB;AAErE;AAEA,IAAa,KAAgB,EAAE,aAAU,GAAG,QAAkD;CAC1F,IAAM,IAAc,EAAa,EAAM,cAAc,GAC/C,IAAM,EAAuB,IAAI,GACjC,CAAC,GAAc,KAAmB,QAAgB,EAAI,YAAY,OAAO,KAAQ,EAAa,EAAI,OAAO,CAAE;CAcjH,OAZA,QAAsB;EAClB,IAAM,IAAM,EAAI;EAChB,IAAI,MAAQ,MAAM;EAClB,IAAM,IAAW,IAAI,sBAAsB,MAAS;GAChD,IAAM,IAAQ,EAAK;GAEnB,OADI,EAAM,kBAAgB,EAAY,UAAU,GACzC,GAAiB,MAAU,EAAM,iBAAiB,KAAO,CAAK;EACzE,CAAC;EAED,OADA,EAAS,QAAQ,CAAG,SACP,EAAS,WAAW;CACrC,GAAG,CAAC,CAAW,CAAC,GAGZ,kBAAC,OAAD;EAAK,GAAI;EAAY;YAChB,IAAe,IAAW;CAC1B,CAAA;AAEb"}

package/dist/components/core/render-on-view.jsx

@@ -0,0 +1,31 @@
+"use client";
+import React, { useLayoutEffect, useRef, useState } from "react";
+import { useStableRef } from "../../hooks/use-stable-ref";
+function isInViewport(el) {
+    const rect = el.getBoundingClientRect();
+    return (rect.top >= 0 &&
+        rect.left >= 0 &&
+        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
+        rect.right <= (window.innerWidth || document.documentElement.clientWidth) /* or $(window).width() */);
+}
+export const RenderOnView = ({ children, ...props }) => {
+    const onIntersect = useStableRef(props.onIntersection);
+    const ref = useRef(null);
+    const [shouldRender, setShouldRender] = useState(() => (ref.current === null ? false : isInViewport(ref.current)));
+    useLayoutEffect(() => {
+        const div = ref.current;
+        if (div === null)
+            return;
+        const observer = new IntersectionObserver((args) => {
+            const first = args[0];
+            if (first.isIntersecting)
+                onIntersect.current?.();
+            return setShouldRender((prev) => (first.isIntersecting ? true : prev));
+        });
+        observer.observe(div);
+        return () => observer.disconnect();
+    }, [onIntersect]);
+    return (<div {...props} ref={ref}>
+            {shouldRender ? children : null}
+        </div>);
+};

package/dist/components/core/resizable.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+type Props = React.PropsWithChildren<{
+    open?: boolean;
+    className?: string;
+    destroyOnUnmount?: boolean;
+}>;
+export declare const Resizable: ({ children, open, className, destroyOnUnmount }: Props) => React.JSX.Element | null;
+export {};
+//# sourceMappingURL=resizable.d.ts.map

package/dist/components/core/resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../src/components/core/resizable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,KAAK,KAAK,GAAG,KAAK,CAAC,iBAAiB,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC,CAAC;AAUH,eAAO,MAAM,SAAS,GAAI,iDAAgE,KAAK,6BA+C9F,CAAC"}

package/dist/components/core/resizable.js

@@ -0,0 +1,60 @@
+"use client";
+import { t as e } from "../../proxy-fP2NxmhM.js";
+import { t } from "../../animate-BNYgkk_j.js";
+import { t as n } from "../../use-motion-value-BqPF1j90.js";
+import { useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/core/resizable.tsx
+var s = 600, c = {
+	type: "spring",
+	stiffness: 500,
+	damping: 50,
+	mass: .5
+}, l = ({ children: l, open: u = !0, className: d, destroyOnUnmount: f = !1 }) => {
+	let [p, m] = a(null), [h, g] = a(!1), [_, v] = a(f ? u : !0), y = i(0), b = n(0);
+	return r(() => {
+		if (!f) return;
+		if (u) {
+			v(!0);
+			return;
+		}
+		let e = setTimeout(() => v(!1), s);
+		return () => clearTimeout(e);
+	}, [u, f]), r(() => {
+		if (!p) return;
+		let e = new ResizeObserver((e) => {
+			let t = e[0];
+			if (!t) return;
+			let n = t.contentRect.height;
+			n <= 0 || (y.current = n, h || (b.jump(u ? n : 0), g(!0)));
+		});
+		return e.observe(p), () => e.disconnect();
+	}, [
+		p,
+		h,
+		u,
+		b
+	]), r(() => {
+		if (!h) return;
+		let e = t(b, u ? y.current : 0, c);
+		return () => e.stop();
+	}, [
+		u,
+		h,
+		b
+	]), _ ? /* @__PURE__ */ o(e.div, {
+		className: d,
+		style: {
+			height: h ? b : u ? "auto" : 0,
+			overflow: "hidden"
+		},
+		children: /* @__PURE__ */ o("div", {
+			ref: m,
+			children: l
+		})
+	}) : null;
+};
+//#endregion
+export { l as Resizable };
+
+//# sourceMappingURL=resizable.js.map

package/dist/components/core/resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.js","names":[],"sources":["../../../src/components/core/resizable.tsx"],"sourcesContent":["\"use client\";\nimport { animate, motion, useMotionValue } from \"motion/react\";\nimport React, { useEffect, useRef, useState } from \"react\";\n\ntype Props = React.PropsWithChildren<{\n    open?: boolean;\n    className?: string;\n    destroyOnUnmount?: boolean;\n}>;\n\nconst DESTROY_DELAY_MS = 600;\nconst SPRING = {\n    type: \"spring\" as const,\n    stiffness: 500,\n    damping: 50,\n    mass: 0.5,\n};\n\nexport const Resizable = ({ children, open = true, className, destroyOnUnmount = false }: Props) => {\n    const [element, ref] = useState<HTMLDivElement | null>(null);\n    const [ready, setReady] = useState(false);\n    const [mounted, setMounted] = useState(destroyOnUnmount ? open : true);\n    const measured = useRef(0);\n    const height = useMotionValue<number>(0);\n\n    useEffect(() => {\n        if (!destroyOnUnmount) return;\n        if (open) {\n            setMounted(true);\n            return;\n        }\n        const id = setTimeout(() => setMounted(false), DESTROY_DELAY_MS);\n        return () => clearTimeout(id);\n    }, [open, destroyOnUnmount]);\n\n    useEffect(() => {\n        if (!element) return;\n        const observer = new ResizeObserver((entries) => {\n            const entry = entries[0];\n            if (!entry) return;\n            const h = entry.contentRect.height;\n            if (h <= 0) return;\n            measured.current = h;\n            if (!ready) {\n                height.jump(open ? h : 0);\n                setReady(true);\n            }\n        });\n        observer.observe(element);\n        return () => observer.disconnect();\n    }, [element, ready, open, height]);\n\n    useEffect(() => {\n        if (!ready) return;\n        const controls = animate(height, open ? measured.current : 0, SPRING);\n        return () => controls.stop();\n    }, [open, ready, height]);\n\n    if (!mounted) return null;\n\n    return (\n        <motion.div className={className} style={{ height: ready ? height : open ? \"auto\" : 0, overflow: \"hidden\" }}>\n            <div ref={ref}>{children}</div>\n        </motion.div>\n    );\n};\n"],"mappings":";;;;;;;AAUA,IAAM,IAAmB,KACnB,IAAS;CACX,MAAM;CACN,WAAW;CACX,SAAS;CACT,MAAM;AACV,GAEa,KAAa,EAAE,aAAU,UAAO,IAAM,cAAW,sBAAmB,SAAmB;CAChG,IAAM,CAAC,GAAS,KAAO,EAAgC,IAAI,GACrD,CAAC,GAAO,KAAY,EAAS,EAAK,GAClC,CAAC,GAAS,KAAc,EAAS,IAAmB,IAAO,EAAI,GAC/D,IAAW,EAAO,CAAC,GACnB,IAAS,EAAuB,CAAC;CAqCvC,OAnCA,QAAgB;EACZ,IAAI,CAAC,GAAkB;EACvB,IAAI,GAAM;GACN,EAAW,EAAI;GACf;EACJ;EACA,IAAM,IAAK,iBAAiB,EAAW,EAAK,GAAG,CAAgB;EAC/D,aAAa,aAAa,CAAE;CAChC,GAAG,CAAC,GAAM,CAAgB,CAAC,GAE3B,QAAgB;EACZ,IAAI,CAAC,GAAS;EACd,IAAM,IAAW,IAAI,gBAAgB,MAAY;GAC7C,IAAM,IAAQ,EAAQ;GACtB,IAAI,CAAC,GAAO;GACZ,IAAM,IAAI,EAAM,YAAY;GACxB,KAAK,MACT,EAAS,UAAU,GACd,MACD,EAAO,KAAK,IAAO,IAAI,CAAC,GACxB,EAAS,EAAI;EAErB,CAAC;EAED,OADA,EAAS,QAAQ,CAAO,SACX,EAAS,WAAW;CACrC,GAAG;EAAC;EAAS;EAAO;EAAM;CAAM,CAAC,GAEjC,QAAgB;EACZ,IAAI,CAAC,GAAO;EACZ,IAAM,IAAW,EAAQ,GAAQ,IAAO,EAAS,UAAU,GAAG,CAAM;EACpE,aAAa,EAAS,KAAK;CAC/B,GAAG;EAAC;EAAM;EAAO;CAAM,CAAC,GAEnB,IAGD,kBAAC,EAAO,KAAR;EAAuB;EAAW,OAAO;GAAE,QAAQ,IAAQ,IAAS,IAAO,SAAS;GAAG,UAAU;EAAS;YACtG,kBAAC,OAAD;GAAU;GAAM;EAAc,CAAA;CACtB,CAAA,IALK;AAOzB"}

package/dist/components/core/resizable.jsx

@@ -0,0 +1,57 @@
+"use client";
+import { animate, motion, useMotionValue } from "motion/react";
+import React, { useEffect, useRef, useState } from "react";
+const DESTROY_DELAY_MS = 600;
+const SPRING = {
+    type: "spring",
+    stiffness: 500,
+    damping: 50,
+    mass: 0.5,
+};
+export const Resizable = ({ children, open = true, className, destroyOnUnmount = false }) => {
+    const [element, ref] = useState(null);
+    const [ready, setReady] = useState(false);
+    const [mounted, setMounted] = useState(destroyOnUnmount ? open : true);
+    const measured = useRef(0);
+    const height = useMotionValue(0);
+    useEffect(() => {
+        if (!destroyOnUnmount)
+            return;
+        if (open) {
+            setMounted(true);
+            return;
+        }
+        const id = setTimeout(() => setMounted(false), DESTROY_DELAY_MS);
+        return () => clearTimeout(id);
+    }, [open, destroyOnUnmount]);
+    useEffect(() => {
+        if (!element)
+            return;
+        const observer = new ResizeObserver((entries) => {
+            const entry = entries[0];
+            if (!entry)
+                return;
+            const h = entry.contentRect.height;
+            if (h <= 0)
+                return;
+            measured.current = h;
+            if (!ready) {
+                height.jump(open ? h : 0);
+                setReady(true);
+            }
+        });
+        observer.observe(element);
+        return () => observer.disconnect();
+    }, [element, ready, open, height]);
+    useEffect(() => {
+        if (!ready)
+            return;
+        const controls = animate(height, open ? measured.current : 0, SPRING);
+        return () => controls.stop();
+    }, [open, ready, height]);
+    if (!mounted)
+        return null;
+    return (<motion.div className={className} style={{ height: ready ? height : open ? "auto" : 0, overflow: "hidden" }}>
+            <div ref={ref}>{children}</div>
+        </motion.div>);
+};

package/dist/components/core/slot.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+export type Usable<T> = PromiseLike<T> | React.Context<T>;
+interface SlotProps extends React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+export declare function createSlot(ownerName: string): React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
+export declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
+interface SlottableProps {
+    children: React.ReactNode;
+}
+interface SlottableComponent extends React.FC<SlottableProps> {
+    __radixId: symbol;
+}
+export declare function createSlottable(ownerName: string): SlottableComponent;
+export {};
+//# sourceMappingURL=slot.d.ts.map

package/dist/components/core/slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../../src/components/core/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4C/B,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AAI1D,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAiBD,wBAAgB,UAAU,CAAC,SAAS,EAAE,MAAM,iFAyC3C;AAED,eAAO,MAAM,IAAI,+EAAqB,CAAC;AAgCvC,UAAU,cAAc;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,UAAU,kBAAmB,SAAQ,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC;IACzD,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,sBAOhD"}

package/dist/{slot-pC8kH9De.js → components/core/slot.js}

@@ -91,6 +91,6 @@ function g(e) {
 	return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
 //#endregion
-export { u as t };
+export { u as Slot, l as createSlot, p as createSlottable };
 
-//# sourceMappingURL=slot-pC8kH9De.js.map
+//# sourceMappingURL=slot.js.map

package/dist/components/core/slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.js","names":[],"sources":["../../../src/components/core/slot.tsx"],"sourcesContent":["import * as React from \"react\";\n\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\nconst REACT_LAZY_TYPE = Symbol.for(\"react.lazy\");\n\nfunction setRef<T>(ref: PossibleRef<T>, value: T) {\n    if (typeof ref === \"function\") {\n        return ref(value);\n    } else if (ref !== null && ref !== undefined) {\n        ref.current = value;\n    }\n}\n\nfunction composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {\n    return (node) => {\n        let hasCleanup = false;\n        const cleanups = refs.map((ref) => {\n            const cleanup = setRef(ref, node);\n            if (!hasCleanup && typeof cleanup == \"function\") {\n                hasCleanup = true;\n            }\n            return cleanup;\n        });\n        if (hasCleanup) {\n            return () => {\n                for (let i = 0; i < cleanups.length; i++) {\n                    const cleanup = cleanups[i];\n                    if (typeof cleanup == \"function\") {\n                        cleanup();\n                    } else {\n                        setRef(refs[i], null);\n                    }\n                }\n            };\n        }\n    };\n}\n\ninterface LazyReactElement extends React.ReactElement {\n    $$typeof: typeof REACT_LAZY_TYPE;\n    _payload: PromiseLike<Exclude<React.ReactNode, PromiseLike<unknown>>>;\n}\n\nexport type Usable<T> = PromiseLike<T> | React.Context<T>;\n\nconst use: typeof React.use | undefined = (React as unknown as Record<string, unknown>)[\" use \".trim().toString()] as typeof React.use | undefined;\n\ninterface SlotProps extends React.HTMLAttributes<HTMLElement> {\n    children?: React.ReactNode;\n}\n\nfunction isPromiseLike(value: unknown): value is PromiseLike<unknown> {\n    return typeof value === \"object\" && value !== null && \"then\" in value;\n}\n\nfunction isLazyComponent(element: React.ReactNode): element is LazyReactElement {\n    return (\n        element != null &&\n        typeof element === \"object\" &&\n        \"$$typeof\" in element &&\n        element.$$typeof === REACT_LAZY_TYPE &&\n        \"_payload\" in element &&\n        isPromiseLike(element._payload)\n    );\n}\n\nexport function createSlot(ownerName: string) {\n    const SlotClone = createSlotClone(ownerName);\n    const Slot = React.forwardRef<HTMLElement, SlotProps>((props, forwardedRef) => {\n        let { children, ...slotProps } = props;\n        if (isLazyComponent(children) && typeof use === \"function\") {\n            children = use(children._payload);\n        }\n        const childrenArray = React.Children.toArray(children);\n        const slottable = childrenArray.find(isSlottable);\n\n        if (slottable) {\n            // the new element to render is the one passed as a child of `Slottable`\n            const newElement = slottable.props.children;\n\n            const newChildren = childrenArray.map((child) => {\n                if (child === slottable) {\n                    // because the new element will be the one rendered, we are only interested\n                    // in grabbing its children (`newElement.props.children`)\n                    if (React.Children.count(newElement) > 1) return React.Children.only(null);\n                    return React.isValidElement(newElement) ? (newElement.props as { children: React.ReactNode }).children : null;\n                } else {\n                    return child;\n                }\n            });\n\n            return (\n                <SlotClone {...slotProps} ref={forwardedRef}>\n                    {React.isValidElement(newElement) ? React.cloneElement(newElement, undefined, newChildren) : null}\n                </SlotClone>\n            );\n        }\n\n        return (\n            <SlotClone {...slotProps} ref={forwardedRef}>\n                {children}\n            </SlotClone>\n        );\n    });\n\n    Slot.displayName = `${ownerName}.Slot`;\n    return Slot;\n}\n\nexport const Slot = createSlot(\"Slot\");\n\ninterface SlotCloneProps {\n    children: React.ReactNode;\n}\n\nfunction createSlotClone(ownerName: string) {\n    const SlotClone = React.forwardRef<HTMLElement, SlotCloneProps>((props, forwardedRef) => {\n        let { children, ...slotProps } = props;\n        if (isLazyComponent(children) && typeof use === \"function\") {\n            children = use(children._payload);\n        }\n\n        if (React.isValidElement(children)) {\n            const childrenRef = getElementRef(children);\n            const props = mergeProps(slotProps, children.props as AnyProps);\n            // do not pass ref to React.Fragment for React 19 compatibility\n            if (children.type !== React.Fragment) {\n                props.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;\n            }\n            return React.cloneElement(children, props);\n        }\n\n        return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n    });\n\n    SlotClone.displayName = `${ownerName}.SlotClone`;\n    return SlotClone;\n}\n\nconst SLOTTABLE_IDENTIFIER = Symbol(\"radix.slottable\");\n\ninterface SlottableProps {\n    children: React.ReactNode;\n}\n\ninterface SlottableComponent extends React.FC<SlottableProps> {\n    __radixId: symbol;\n}\n\nexport function createSlottable(ownerName: string) {\n    const Slottable: SlottableComponent = ({ children }) => {\n        return <>{children}</>;\n    };\n    Slottable.displayName = `${ownerName}.Slottable`;\n    Slottable.__radixId = SLOTTABLE_IDENTIFIER;\n    return Slottable;\n}\n\nconst Slottable = createSlottable(\"Slottable\");\n\ntype AnyProps = Record<string, any>;\n\nfunction isSlottable(child: React.ReactNode): child is React.ReactElement<SlottableProps, typeof Slottable> {\n    return (\n        React.isValidElement(child) && typeof child.type === \"function\" && \"__radixId\" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER\n    );\n}\n\nfunction mergeProps(slotProps: AnyProps, childProps: AnyProps) {\n    const overrideProps = { ...childProps };\n    for (const propName in childProps) {\n        const slotPropValue = slotProps[propName];\n        const childPropValue = childProps[propName];\n\n        const isHandler = /^on[A-Z]/.test(propName);\n        if (isHandler) {\n            if (slotPropValue && childPropValue) {\n                overrideProps[propName] = (...args: unknown[]) => {\n                    const result = childPropValue(...args);\n                    slotPropValue(...args);\n                    return result;\n                };\n            } else if (slotPropValue) {\n                overrideProps[propName] = slotPropValue;\n            }\n        } else if (propName === \"style\") {\n            overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n        } else if (propName === \"className\") {\n            overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(\" \");\n        }\n    }\n\n    return { ...slotProps, ...overrideProps };\n}\n\nfunction getElementRef(element: React.ReactElement) {\n    let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n    let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n    if (mayWarn) {\n        return (element as unknown as { ref?: React.Ref<unknown> }).ref;\n    }\n    getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n    mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n    if (mayWarn) {\n        return (element.props as { ref?: React.Ref<unknown> }).ref;\n    }\n    return (element.props as { ref?: React.Ref<unknown> }).ref || (element as unknown as { ref?: React.Ref<unknown> }).ref;\n}\n"],"mappings":"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"}