@elmeragroup/fuse 0.1.0-canary.1

package/package.json

@@ -0,0 +1,353 @@
+{
+  "name": "@elmeragroup/fuse",
+  "version": "0.1.0-canary.1",
+  "description": "Fuse — whitelabel React components for Elmera Group's energy brands. One package, twenty theme permutations, ESM-only.",
+  "keywords": [
+    "react",
+    "components",
+    "design-system",
+    "component-library",
+    "whitelabel",
+    "theming",
+    "tailwindcss",
+    "accessibility",
+    "elmera",
+    "fuse"
+  ],
+  "homepage": "https://github.com/elmeragroup/fuse#readme",
+  "bugs": {
+    "url": "https://github.com/elmeragroup/fuse/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/elmeragroup/fuse.git",
+    "directory": "packages/fuse"
+  },
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js"
+    },
+    "./accordion": {
+      "types": "./accordion.d.ts",
+      "import": "./accordion.js"
+    },
+    "./alert": {
+      "types": "./alert.d.ts",
+      "import": "./alert.js"
+    },
+    "./alert-dialog": {
+      "types": "./alert-dialog.d.ts",
+      "import": "./alert-dialog.js"
+    },
+    "./avatar": {
+      "types": "./avatar.d.ts",
+      "import": "./avatar.js"
+    },
+    "./badge": {
+      "types": "./badge.d.ts",
+      "import": "./badge.js"
+    },
+    "./breadcrumb": {
+      "types": "./breadcrumb.d.ts",
+      "import": "./breadcrumb.js"
+    },
+    "./button": {
+      "types": "./button.d.ts",
+      "import": "./button.js"
+    },
+    "./button-group": {
+      "types": "./button-group.d.ts",
+      "import": "./button-group.js"
+    },
+    "./card": {
+      "types": "./card.d.ts",
+      "import": "./card.js"
+    },
+    "./checkbox": {
+      "types": "./checkbox.d.ts",
+      "import": "./checkbox.js"
+    },
+    "./checkbox-card": {
+      "types": "./checkbox-card.d.ts",
+      "import": "./checkbox-card.js"
+    },
+    "./code": {
+      "types": "./code.d.ts",
+      "import": "./code.js"
+    },
+    "./collapsible": {
+      "types": "./collapsible.d.ts",
+      "import": "./collapsible.js"
+    },
+    "./combobox": {
+      "types": "./combobox.d.ts",
+      "import": "./combobox.js"
+    },
+    "./confirm-button": {
+      "types": "./confirm-button.d.ts",
+      "import": "./confirm-button.js"
+    },
+    "./css": "./styles/fuse.css",
+    "./description-list": {
+      "types": "./description-list.d.ts",
+      "import": "./description-list.js"
+    },
+    "./dialog": {
+      "types": "./dialog.d.ts",
+      "import": "./dialog.js"
+    },
+    "./dropdown-menu": {
+      "types": "./dropdown-menu.d.ts",
+      "import": "./dropdown-menu.js"
+    },
+    "./emoji": {
+      "types": "./emoji.d.ts",
+      "import": "./emoji.js"
+    },
+    "./empty": {
+      "types": "./empty.d.ts",
+      "import": "./empty.js"
+    },
+    "./field": {
+      "types": "./field.d.ts",
+      "import": "./field.js"
+    },
+    "./flags": {
+      "types": "./flags.d.ts",
+      "import": "./flags.js"
+    },
+    "./flags/*.svg": "./flags/*.svg",
+    "./frame": {
+      "types": "./frame.d.ts",
+      "import": "./frame.js"
+    },
+    "./heading": {
+      "types": "./heading.d.ts",
+      "import": "./heading.js"
+    },
+    "./icons": {
+      "types": "./icons.d.ts",
+      "import": "./icons.js"
+    },
+    "./illustrations": {
+      "types": "./illustrations.d.ts",
+      "import": "./illustrations.js"
+    },
+    "./input": {
+      "types": "./input.d.ts",
+      "import": "./input.js"
+    },
+    "./input-group": {
+      "types": "./input-group.d.ts",
+      "import": "./input-group.js"
+    },
+    "./item": {
+      "types": "./item.d.ts",
+      "import": "./item.js"
+    },
+    "./loader": {
+      "types": "./loader.d.ts",
+      "import": "./loader.js"
+    },
+    "./meter": {
+      "types": "./meter.d.ts",
+      "import": "./meter.js"
+    },
+    "./number-field": {
+      "types": "./number-field.d.ts",
+      "import": "./number-field.js"
+    },
+    "./pagination": {
+      "types": "./pagination.d.ts",
+      "import": "./pagination.js"
+    },
+    "./phone-number-field": {
+      "types": "./phone-number-field.d.ts",
+      "import": "./phone-number-field.js"
+    },
+    "./popover": {
+      "types": "./popover.d.ts",
+      "import": "./popover.js"
+    },
+    "./popover-info-button": {
+      "types": "./popover-info-button.d.ts",
+      "import": "./popover-info-button.js"
+    },
+    "./radio-group": {
+      "types": "./radio-group.d.ts",
+      "import": "./radio-group.js"
+    },
+    "./react-aria/calendar": {
+      "types": "./react-aria/calendar.d.ts",
+      "import": "./react-aria/calendar.js"
+    },
+    "./react-aria/date-field": {
+      "types": "./react-aria/date-field.d.ts",
+      "import": "./react-aria/date-field.js"
+    },
+    "./react-aria/date-picker": {
+      "types": "./react-aria/date-picker.d.ts",
+      "import": "./react-aria/date-picker.js"
+    },
+    "./react-aria/date-range-picker": {
+      "types": "./react-aria/date-range-picker.d.ts",
+      "import": "./react-aria/date-range-picker.js"
+    },
+    "./react-aria/file-trigger": {
+      "types": "./react-aria/file-trigger.d.ts",
+      "import": "./react-aria/file-trigger.js"
+    },
+    "./react-aria/focusable": {
+      "types": "./react-aria/focusable.d.ts",
+      "import": "./react-aria/focusable.js"
+    },
+    "./react-aria/grid-list": {
+      "types": "./react-aria/grid-list.d.ts",
+      "import": "./react-aria/grid-list.js"
+    },
+    "./react-aria/link": {
+      "types": "./react-aria/link.d.ts",
+      "import": "./react-aria/link.js"
+    },
+    "./react-aria/range-calendar": {
+      "types": "./react-aria/range-calendar.d.ts",
+      "import": "./react-aria/range-calendar.js"
+    },
+    "./react-aria/search-field": {
+      "types": "./react-aria/search-field.d.ts",
+      "import": "./react-aria/search-field.js"
+    },
+    "./react-aria/ui-providers": {
+      "types": "./react-aria/ui-providers.d.ts",
+      "import": "./react-aria/ui-providers.js"
+    },
+    "./scroll-area": {
+      "types": "./scroll-area.d.ts",
+      "import": "./scroll-area.js"
+    },
+    "./select": {
+      "types": "./select.d.ts",
+      "import": "./select.js"
+    },
+    "./selection-item": {
+      "types": "./selection-item.d.ts",
+      "import": "./selection-item.js"
+    },
+    "./separator": {
+      "types": "./separator.d.ts",
+      "import": "./separator.js"
+    },
+    "./sheet": {
+      "types": "./sheet.d.ts",
+      "import": "./sheet.js"
+    },
+    "./show": {
+      "types": "./show.d.ts",
+      "import": "./show.js"
+    },
+    "./sidebar": {
+      "types": "./sidebar.d.ts",
+      "import": "./sidebar.js"
+    },
+    "./skeleton": {
+      "types": "./skeleton.d.ts",
+      "import": "./skeleton.js"
+    },
+    "./span": {
+      "types": "./span.d.ts",
+      "import": "./span.js"
+    },
+    "./styles.css": "./styles.css",
+    "./switch": {
+      "types": "./switch.d.ts",
+      "import": "./switch.js"
+    },
+    "./table": {
+      "types": "./table.d.ts",
+      "import": "./table.js"
+    },
+    "./tabs": {
+      "types": "./tabs.d.ts",
+      "import": "./tabs.js"
+    },
+    "./text": {
+      "types": "./text.d.ts",
+      "import": "./text.js"
+    },
+    "./text-field": {
+      "types": "./text-field.d.ts",
+      "import": "./text-field.js"
+    },
+    "./textarea": {
+      "types": "./textarea.d.ts",
+      "import": "./textarea.js"
+    },
+    "./textarea-field": {
+      "types": "./textarea-field.d.ts",
+      "import": "./textarea-field.js"
+    },
+    "./theme": {
+      "types": "./theme.d.ts",
+      "import": "./theme.js"
+    },
+    "./themes.css": "./themes.css",
+    "./timeline-list": {
+      "types": "./timeline-list.d.ts",
+      "import": "./timeline-list.js"
+    },
+    "./toast": {
+      "types": "./toast.d.ts",
+      "import": "./toast.js"
+    },
+    "./toggle": {
+      "types": "./toggle.d.ts",
+      "import": "./toggle.js"
+    },
+    "./toggle-group": {
+      "types": "./toggle-group.d.ts",
+      "import": "./toggle-group.js"
+    },
+    "./tooltip": {
+      "types": "./tooltip.d.ts",
+      "import": "./tooltip.js"
+    }
+  },
+  "peerDependencies": {
+    "react": "^19",
+    "react-dom": "^19",
+    "tailwindcss": "^4.1"
+  },
+  "peerDependenciesMeta": {
+    "tailwindcss": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@base-ui/react": "1.8.0",
+    "@internationalized/date": "^3.12.4",
+    "@internationalized/string": "^3.2.10",
+    "@phosphor-icons/react": "2.1.10",
+    "clsx": "^2.1.1",
+    "libphonenumber-js": "^1.13.13",
+    "react-aria": "3.52.1",
+    "react-aria-components": "1.21.1",
+    "sugar-high": "^2.4.0",
+    "tailwind-merge": "^3.7.0",
+    "tailwind-variants": "^3.3.1",
+    "tailwindcss-react-aria-components": "2.2.0",
+    "tw-animate-css": "^1.4.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "elmeraRelease": {
+    "commit": "59dec6e7ad3a3700f8bab235d90930f5b13d6745",
+    "channel": "canary"
+  }
+}

package/pagination.d.ts

@@ -0,0 +1,3 @@
+import { Pagination } from "./components/pagination/index.js";
+import { paginationVariants } from "./components/pagination/pagination-variants.js";
+export { Pagination, paginationVariants };

package/pagination.js

@@ -0,0 +1,3 @@
+import { paginationVariants } from "./components/pagination/pagination-variants.js";
+import { Pagination } from "./components/pagination/index.js";
+export { Pagination, paginationVariants };

package/phone-number-field.d.ts

@@ -0,0 +1,2 @@
+import { PhoneNumberField, PhoneNumberFieldProps } from "./components/phone-number-field/phone-number-field.js";
+export { PhoneNumberField, type PhoneNumberFieldProps };

package/phone-number-field.js

@@ -0,0 +1,2 @@
+import { PhoneNumberField } from "./components/phone-number-field/phone-number-field.js";
+export { PhoneNumberField };

package/popover-info-button.d.ts

@@ -0,0 +1,2 @@
+import { PopoverInfoButton, PopoverInfoButtonProps } from "./components/popover-info-button/popover-info-button.js";
+export { PopoverInfoButton, type PopoverInfoButtonProps };

package/popover-info-button.js

@@ -0,0 +1,2 @@
+import { PopoverInfoButton } from "./components/popover-info-button/popover-info-button.js";
+export { PopoverInfoButton };

package/popover.d.ts

@@ -0,0 +1,3 @@
+import { PopoverContentProps } from "./components/popover/popover.js";
+import { Popover } from "./components/popover/index.js";
+export { Popover, type PopoverContentProps };

package/popover.js

@@ -0,0 +1,2 @@
+import { Popover } from "./components/popover/index.js";
+export { Popover };

package/radio-group.d.ts

@@ -0,0 +1,3 @@
+import { Radio, RadioGroup, RadioGroupItem, RadioGroupProps, RadioIconButton, RadioIconButtonProps, RadioItemGroup, RadioProps } from "./components/radio-group/radio-group.js";
+import { RadioItem, RadioItemProps } from "./components/radio-group/radio-item.js";
+export { Radio, RadioGroup, RadioGroupItem, type RadioGroupProps, RadioIconButton, type RadioIconButtonProps, RadioItem, RadioItemGroup, type RadioItemProps, type RadioProps };

package/radio-group.js

@@ -0,0 +1,3 @@
+import { Radio, RadioGroup, RadioGroupItem, RadioIconButton, RadioItemGroup } from "./components/radio-group/radio-group.js";
+import { RadioItem } from "./components/radio-group/radio-item.js";
+export { Radio, RadioGroup, RadioGroupItem, RadioIconButton, RadioItem, RadioItemGroup };

package/react-aria/calendar/calendar.d.ts

@@ -0,0 +1,32 @@
+import { CalendarGridHeader } from "../internal/calendar-grid.js";
+import { ReactElement, ReactNode } from "react";
+import { CalendarProps as CalendarProps$1, DateValue } from "react-aria-components";
+//#region src/react-aria/calendar/calendar.d.ts
+/**
+ * Single-month calendar composite over RAC `Calendar`. The locale controls layout
+ * direction, and the locale's weekday label width selects short or narrow column
+ * headers. Client — the interim react-aria cluster owns grid state, selection, and focus.
+ */
+export type CalendarProps<T extends DateValue> = {
+  /**
+   * Error copy, rendered through the public Text onto RAC `Text slot="errorMessage"`
+   * when present. Calendar has no ValidationResult render face.
+   */
+  errorMessage?: ReactNode;
+} & Omit<CalendarProps$1<T>, "children" | "visibleDuration">;
+export declare function Calendar<T extends DateValue>({ errorMessage, className, ...props }: CalendarProps<T>): ReactElement;
+export declare namespace Calendar {
+  var displayName: string;
+}
+/**
+ * Month navigation row. Reads `useLocale()` so caret icons flip in RTL.
+ * The month title is the public Heading rendered onto RAC Heading.
+ * Reused by RangeCalendar.
+ */
+export declare function CalendarHeader(): ReactElement;
+export declare namespace CalendarHeader {
+  var displayName: string;
+}
+//#endregion
+export { CalendarGridHeader };
+//# sourceMappingURL=calendar.d.ts.map

package/react-aria/calendar/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","names":[],"sources":["../../../src/react-aria/calendar/calendar.tsx"],"mappings":";;;;;;;;;YA8BY,cAAc,UAAU;;;;;EAKlC,eAAe;IACb,KAAK,gBAAkB;wBAEX,SAAS,UAAU,aACjC,cACA,cACG,SACF,cAAc,KAAK;yBAJN;MAAA;;;;;;;wBA8BA,kBAAkB;yBAAlB;MAAA"}

package/react-aria/calendar/calendar.js

@@ -0,0 +1,73 @@
+"use client";
+import { CaretRight } from "../../icons/generated/caret-right.js";
+import { Heading as Heading$1 } from "../../components/heading/heading.js";
+import { CaretLeft } from "../../icons/generated/caret-left.js";
+import { Text as Text$1 } from "../../components/text/text.js";
+import { calendarVariants, cellVariants } from "../../styles/calendar.js";
+import { composeTailwindRenderProps } from "../internal/compose-tailwind-render-props.js";
+import { Button as Button$1 } from "../internal/button.js";
+import { CalendarGridHeader, LocaleCalendarGrid } from "../internal/calendar-grid.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Calendar as Calendar$1, CalendarCell, CalendarGridBody, Heading, Text, useLocale } from "react-aria-components";
+//#region src/react-aria/calendar/calendar.tsx
+function Calendar({ errorMessage, className, ...props }) {
+	const { base, body, error } = calendarVariants();
+	const { direction } = useLocale();
+	return /* @__PURE__ */ jsxs(Calendar$1, {
+		dir: direction,
+		...props,
+		className: composeTailwindRenderProps(className, base()),
+		children: [
+			/* @__PURE__ */ jsx(CalendarHeader, {}),
+			/* @__PURE__ */ jsx(LocaleCalendarGrid, {
+				className: body(),
+				children: /* @__PURE__ */ jsx(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx(CalendarCell, {
+					date,
+					className: (values) => cellVariants(values)
+				}) })
+			}),
+			errorMessage ? /* @__PURE__ */ jsx(Text$1, {
+				className: error(),
+				render: /* @__PURE__ */ jsx(Text, { slot: "errorMessage" }),
+				children: errorMessage
+			}) : null
+		]
+	});
+}
+/**
+* Month navigation row. Reads `useLocale()` so caret icons flip in RTL.
+* The month title is the public Heading rendered onto RAC Heading.
+* Reused by RangeCalendar.
+*/
+function CalendarHeader() {
+	const { direction } = useLocale();
+	const { header, heading } = calendarVariants();
+	return /* @__PURE__ */ jsxs("header", {
+		className: header(),
+		children: [
+			/* @__PURE__ */ jsx(Button$1, {
+				variant: "ghost",
+				size: "icon",
+				slot: "previous",
+				children: direction === "rtl" ? /* @__PURE__ */ jsx(CaretRight, { "aria-hidden": true }) : /* @__PURE__ */ jsx(CaretLeft, { "aria-hidden": true })
+			}),
+			/* @__PURE__ */ jsx(Heading$1, {
+				size: "lg",
+				className: heading(),
+				render: /* @__PURE__ */ jsx(Heading, {})
+			}),
+			/* @__PURE__ */ jsx(Button$1, {
+				variant: "ghost",
+				size: "icon",
+				slot: "next",
+				children: direction === "rtl" ? /* @__PURE__ */ jsx(CaretLeft, { "aria-hidden": true }) : /* @__PURE__ */ jsx(CaretRight, { "aria-hidden": true })
+			})
+		]
+	});
+}
+Calendar.displayName = "Calendar";
+CalendarHeader.displayName = "CalendarHeader";
+//#endregion
+export { Calendar, CalendarGridHeader, CalendarHeader };
+
+//# sourceMappingURL=calendar.js.map

package/react-aria/calendar/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","names":["AriaCalendar","Text","AriaText","Button","Heading","AriaHeading"],"sources":["../../../src/react-aria/calendar/calendar.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactElement, ReactNode } from \"react\";\n\nimport {\n  Calendar as AriaCalendar,\n  CalendarCell,\n  CalendarGridBody,\n  Heading as AriaHeading,\n  Text as AriaText,\n  useLocale,\n} from \"react-aria-components\";\nimport type { CalendarProps as AriaCalendarProps, DateValue } from \"react-aria-components\";\n\nimport { Heading } from \"../../components/heading/heading\";\nimport { Text } from \"../../components/text/text\";\nimport { CaretLeft } from \"../../icons/generated/caret-left\";\nimport { CaretRight } from \"../../icons/generated/caret-right\";\nimport { calendarVariants, cellVariants } from \"../../styles/calendar\";\nimport { Button } from \"../internal/button\";\nimport { LocaleCalendarGrid } from \"../internal/calendar-grid\";\nimport { composeTailwindRenderProps } from \"../internal/compose-tailwind-render-props\";\n\nexport { CalendarGridHeader } from \"../internal/calendar-grid\";\n\n/**\n * Single-month calendar composite over RAC `Calendar`. The locale controls layout\n * direction, and the locale's weekday label width selects short or narrow column\n * headers. Client — the interim react-aria cluster owns grid state, selection, and focus.\n */\nexport type CalendarProps<T extends DateValue> = {\n  /**\n   * Error copy, rendered through the public Text onto RAC `Text slot=\"errorMessage\"`\n   * when present. Calendar has no ValidationResult render face.\n   */\n  errorMessage?: ReactNode;\n} & Omit<AriaCalendarProps<T>, \"children\" | \"visibleDuration\">;\n\nexport function Calendar<T extends DateValue>({\n  errorMessage,\n  className,\n  ...props\n}: CalendarProps<T>): ReactElement {\n  const { base, body, error } = calendarVariants();\n  const { direction } = useLocale();\n\n  return (\n    <AriaCalendar dir={direction} {...props} className={composeTailwindRenderProps(className, base())}>\n      <CalendarHeader />\n      <LocaleCalendarGrid className={body()}>\n        <CalendarGridBody>\n          {(date) => <CalendarCell date={date} className={(values) => cellVariants(values)} />}\n        </CalendarGridBody>\n      </LocaleCalendarGrid>\n      {errorMessage ? (\n        <Text className={error()} render={<AriaText slot=\"errorMessage\" />}>\n          {errorMessage}\n        </Text>\n      ) : null}\n    </AriaCalendar>\n  );\n}\n\n/**\n * Month navigation row. Reads `useLocale()` so caret icons flip in RTL.\n * The month title is the public Heading rendered onto RAC Heading.\n * Reused by RangeCalendar.\n */\nexport function CalendarHeader(): ReactElement {\n  const { direction } = useLocale();\n  const { header, heading } = calendarVariants();\n\n  return (\n    <header className={header()}>\n      <Button variant=\"ghost\" size=\"icon\" slot=\"previous\">\n        {direction === \"rtl\" ? <CaretRight aria-hidden /> : <CaretLeft aria-hidden />}\n      </Button>\n      <Heading size=\"lg\" className={heading()} render={<AriaHeading />} />\n      <Button variant=\"ghost\" size=\"icon\" slot=\"next\">\n        {direction === \"rtl\" ? <CaretLeft aria-hidden /> : <CaretRight aria-hidden />}\n      </Button>\n    </header>\n  );\n}\n\nCalendar.displayName = \"Calendar\";\nCalendarHeader.displayName = \"CalendarHeader\";\n"],"mappings":";;;;;;;;;;;;AAsCA,SAAgB,SAA8B,EAC5C,cACA,WACA,GAAG,SAC8B;CACjC,MAAM,EAAE,MAAM,MAAM,UAAU,iBAAiB;CAC/C,MAAM,EAAE,cAAc,UAAU;CAEhC,OACE,qBAACA,YAAD;EAAc,KAAK;EAAW,GAAI;EAAO,WAAW,2BAA2B,WAAW,KAAK,CAAC;EAAhG,UAAA;GACE,oBAAC,gBAAD,CAAiB,CAAA;GACjB,oBAAC,oBAAD;IAAoB,WAAW,KAAK;IAClC,UAAA,oBAAC,kBAAD,EAAA,WACI,SAAS,oBAAC,cAAD;KAAoB;KAAM,YAAY,WAAW,aAAa,MAAM;IAAI,CAAA,EACnE,CAAA;GACA,CAAA;GACnB,eACC,oBAACC,QAAD;IAAM,WAAW,MAAM;IAAG,QAAQ,oBAACC,MAAD,EAAU,MAAK,eAAgB,CAAA;IAC9D,UAAA;GACG,CAAA,IACJ;EACQ;;AAElB;;;;;;AAOA,SAAgB,iBAA+B;CAC7C,MAAM,EAAE,cAAc,UAAU;CAChC,MAAM,EAAE,QAAQ,YAAY,iBAAiB;CAE7C,OACE,qBAAC,UAAD;EAAQ,WAAW,OAAO;EAA1B,UAAA;GACE,oBAACC,UAAD;IAAQ,SAAQ;IAAQ,MAAK;IAAO,MAAK;IACtC,UAAA,cAAc,QAAQ,oBAAC,YAAD,EAAY,eAAA,KAAa,CAAA,IAAI,oBAAC,WAAD,EAAW,eAAA,KAAa,CAAA;GACtE,CAAA;GACR,oBAACC,WAAD;IAAS,MAAK;IAAK,WAAW,QAAQ;IAAG,QAAQ,oBAACC,SAAD,CAAc,CAAA;GAAI,CAAA;GACnE,oBAACF,UAAD;IAAQ,SAAQ;IAAQ,MAAK;IAAO,MAAK;IACtC,UAAA,cAAc,QAAQ,oBAAC,WAAD,EAAW,eAAA,KAAa,CAAA,IAAI,oBAAC,YAAD,EAAY,eAAA,KAAa,CAAA;GACtE,CAAA;EACF;;AAEZ;AAEA,SAAS,cAAc;AACvB,eAAe,cAAc"}

package/react-aria/calendar.d.ts

@@ -0,0 +1,3 @@
+import { CalendarGridHeader } from "./internal/calendar-grid.js";
+import { Calendar, CalendarHeader, CalendarProps } from "./calendar/calendar.js";
+export { Calendar, CalendarGridHeader, CalendarHeader, type CalendarProps };

package/react-aria/calendar.js

@@ -0,0 +1,3 @@
+import { CalendarGridHeader } from "./internal/calendar-grid.js";
+import { Calendar, CalendarHeader } from "./calendar/calendar.js";
+export { Calendar, CalendarGridHeader, CalendarHeader };

package/react-aria/date-field/date-field.d.ts

@@ -0,0 +1,48 @@
+import { ReactElement, ReactNode } from "react";
+import { DateFieldProps as DateFieldProps$1, DateInputProps as DateInputProps$1, DateValue, ValidationResult } from "react-aria-components";
+//#region src/react-aria/date-field/date-field.d.ts
+/**
+ * Labeled date field composite over RAC `DateField`.
+ * Client — the interim react-aria cluster owns segment state and validation.
+ */
+export type DateFieldProps<T extends DateValue> = {
+  /** Visible label, rendered as the private RAC `Label`. */
+  label?: string;
+  /** Supporting copy, rendered as the private RAC `Description`. */
+  description?: string;
+  /**
+   * Error copy, rendered as `FieldError` when the field is invalid. Accepts a
+   * node or a validation render function.
+   */
+  errorMessage?: ReactNode | ((validation: ValidationResult) => ReactNode);
+  /**
+   * Pads day and month segments with a leading zero. The reference flips RAC's
+   * locale-dependent default; this port keeps that flip.
+   * @default true
+   */
+  shouldForceLeadingZeros?: boolean;
+} & Omit<DateFieldProps$1<T>, "shouldForceLeadingZeros">;
+export declare function DateField<T extends DateValue>({ label, description, errorMessage, shouldForceLeadingZeros, className, ...props }: DateFieldProps<T>): ReactElement;
+export declare namespace DateField {
+  var displayName: string;
+}
+/**
+ * Reusable segment-row surface. `children` is omitted; segments always render.
+ * `slot` and `className` are the documented face; remaining RAC DateInput props
+ * forward through the intersection.
+ */
+export type DateInputProps = {
+  /** Range-picker slot. `"start"` / `"end"` inside DateRangePicker. */
+  slot?: DateInputProps$1["slot"];
+  /**
+   * Extra classes, composed with the segment row and its standalone field
+   * surface. Inside a field group, the group owns the surface. A function may compute the class from DateInput render props.
+   */
+  className?: DateInputProps$1["className"];
+} & Omit<DateInputProps$1, "children" | "slot" | "className">;
+export declare function DateInput({ className, ...props }: DateInputProps): ReactElement;
+export declare namespace DateInput {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=date-field.d.ts.map

package/react-aria/date-field/date-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-field.d.ts","names":[],"sources":["../../../src/react-aria/date-field/date-field.tsx"],"mappings":";;;;;;;YAkCY,eAAe,UAAU;;EAEnC;;EAEA;;;;;EAKA,eAAe,cAAc,YAAY,qBAAqB;;;;;;EAM9D;IACE,KAAK,iBAAmB;wBAEZ,UAAU,UAAU,aAClC,OACA,aACA,cACA,yBACA,cACG,SACF,eAAe,KAAK;yBAPP;MAAA;;;;;;;YA4BJ;;EAEV,OAAO;;;;;EAKP,YAAY;IACV,KAAK;wBAEO,YAAY,cAAc,SAAS,iBAAiB;yBAApD;MAAA"}

package/react-aria/date-field/date-field.js

@@ -0,0 +1,49 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { composeTailwindRenderProps } from "../internal/compose-tailwind-render-props.js";
+import { dateFieldVariants } from "../../styles/date-field.js";
+import { Description, FieldError as FieldError$1, FieldGroupSurfaceContext, Label as Label$1, fieldGroupVariants } from "../internal/field.js";
+import { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DateField as DateField$1, DateFieldStateContext, DateInput as DateInput$1, DateSegment, composeRenderProps } from "react-aria-components";
+//#region src/react-aria/date-field/date-field.tsx
+function DateField({ label, description, errorMessage, shouldForceLeadingZeros = true, className, ...props }) {
+	const { base } = dateFieldVariants();
+	return /* @__PURE__ */ jsxs(DateField$1, {
+		...props,
+		shouldForceLeadingZeros,
+		className: composeTailwindRenderProps(className, base()),
+		children: [
+			label ? /* @__PURE__ */ jsx(Label$1, { children: label }) : null,
+			/* @__PURE__ */ jsx(DateInput, {}),
+			description ? /* @__PURE__ */ jsx(Description, { children: description }) : null,
+			/* @__PURE__ */ jsx(FieldError$1, { children: errorMessage })
+		]
+	});
+}
+function DateInput({ className, ...props }) {
+	const state = useContext(DateFieldStateContext);
+	const hasGroupSurface = useContext(FieldGroupSurfaceContext);
+	const { input, segment } = dateFieldVariants({ surface: hasGroupSurface ? "group" : "own" });
+	return /* @__PURE__ */ jsx(DateInput$1, {
+		...props,
+		className: composeRenderProps(className, (resolved, renderProps) => cn(hasGroupSurface ? input() : fieldGroupVariants({
+			isFocusVisible: renderProps.isFocusVisible,
+			isFocusWithin: renderProps.isFocusWithin,
+			isInvalid: renderProps.isInvalid,
+			isDisabled: renderProps.isDisabled,
+			isReadOnly: state?.isReadOnly ?? false,
+			class: input()
+		}), resolved)),
+		children: (dateSegment) => /* @__PURE__ */ jsx(DateSegment, {
+			segment: dateSegment,
+			className: (values) => segment(values)
+		})
+	});
+}
+DateField.displayName = "DateField";
+DateInput.displayName = "DateInput";
+//#endregion
+export { DateField, DateInput };
+
+//# sourceMappingURL=date-field.js.map

package/react-aria/date-field/date-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-field.js","names":["AriaDateField","Label","FieldError","AriaDateInput"],"sources":["../../../src/react-aria/date-field/date-field.tsx"],"sourcesContent":["\"use client\";\n\nimport { useContext } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\n\nimport {\n  DateField as AriaDateField,\n  DateFieldStateContext,\n  DateInput as AriaDateInput,\n  DateSegment,\n  composeRenderProps,\n} from \"react-aria-components\";\nimport type {\n  DateFieldProps as AriaDateFieldProps,\n  DateInputProps as AriaDateInputProps,\n  DateValue,\n  ValidationResult,\n} from \"react-aria-components\";\n\nimport { cn } from \"../../styles/cn\";\nimport { dateFieldVariants } from \"../../styles/date-field\";\nimport { composeTailwindRenderProps } from \"../internal/compose-tailwind-render-props\";\nimport {\n  Description,\n  FieldError,\n  FieldGroupSurfaceContext,\n  Label,\n  fieldGroupVariants,\n} from \"../internal/field\";\n\n/**\n * Labeled date field composite over RAC `DateField`.\n * Client — the interim react-aria cluster owns segment state and validation.\n */\nexport type DateFieldProps<T extends DateValue> = {\n  /** Visible label, rendered as the private RAC `Label`. */\n  label?: string;\n  /** Supporting copy, rendered as the private RAC `Description`. */\n  description?: string;\n  /**\n   * Error copy, rendered as `FieldError` when the field is invalid. Accepts a\n   * node or a validation render function.\n   */\n  errorMessage?: ReactNode | ((validation: ValidationResult) => ReactNode);\n  /**\n   * Pads day and month segments with a leading zero. The reference flips RAC's\n   * locale-dependent default; this port keeps that flip.\n   * @default true\n   */\n  shouldForceLeadingZeros?: boolean;\n} & Omit<AriaDateFieldProps<T>, \"shouldForceLeadingZeros\">;\n\nexport function DateField<T extends DateValue>({\n  label,\n  description,\n  errorMessage,\n  shouldForceLeadingZeros = true,\n  className,\n  ...props\n}: DateFieldProps<T>): ReactElement {\n  const { base } = dateFieldVariants();\n\n  return (\n    <AriaDateField\n      {...props}\n      shouldForceLeadingZeros={shouldForceLeadingZeros}\n      className={composeTailwindRenderProps(className, base())}>\n      {label ? <Label>{label}</Label> : null}\n      <DateInput />\n      {description ? <Description>{description}</Description> : null}\n      <FieldError>{errorMessage}</FieldError>\n    </AriaDateField>\n  );\n}\n\n/**\n * Reusable segment-row surface. `children` is omitted; segments always render.\n * `slot` and `className` are the documented face; remaining RAC DateInput props\n * forward through the intersection.\n */\nexport type DateInputProps = {\n  /** Range-picker slot. `\"start\"` / `\"end\"` inside DateRangePicker. */\n  slot?: AriaDateInputProps[\"slot\"];\n  /**\n   * Extra classes, composed with the segment row and its standalone field\n   * surface. Inside a field group, the group owns the surface. A function may compute the class from DateInput render props.\n   */\n  className?: AriaDateInputProps[\"className\"];\n} & Omit<AriaDateInputProps, \"children\" | \"slot\" | \"className\">;\n\nexport function DateInput({ className, ...props }: DateInputProps): ReactElement {\n  const state = useContext(DateFieldStateContext);\n  const hasGroupSurface = useContext(FieldGroupSurfaceContext);\n  const { input, segment } = dateFieldVariants({ surface: hasGroupSurface ? \"group\" : \"own\" });\n\n  return (\n    <AriaDateInput\n      {...props}\n      className={composeRenderProps(className, (resolved, renderProps) =>\n        cn(\n          hasGroupSurface\n            ? input()\n            : fieldGroupVariants({\n                isFocusVisible: renderProps.isFocusVisible,\n                isFocusWithin: renderProps.isFocusWithin,\n                isInvalid: renderProps.isInvalid,\n                isDisabled: renderProps.isDisabled,\n                isReadOnly: state?.isReadOnly ?? false,\n                class: input(),\n              }),\n          resolved\n        )\n      )}>\n      {(dateSegment) => <DateSegment segment={dateSegment} className={(values) => segment(values)} />}\n    </AriaDateInput>\n  );\n}\n\nDateField.displayName = \"DateField\";\nDateInput.displayName = \"DateInput\";\n"],"mappings":";;;;;;;;;AAoDA,SAAgB,UAA+B,EAC7C,OACA,aACA,cACA,0BAA0B,MAC1B,WACA,GAAG,SAC+B;CAClC,MAAM,EAAE,SAAS,kBAAkB;CAEnC,OACE,qBAACA,aAAD;EACE,GAAI;EACqB;EACzB,WAAW,2BAA2B,WAAW,KAAK,CAAC;EAHzD,UAAA;GAIG,QAAQ,oBAACC,SAAD,EAAA,UAAQ,MAAa,CAAA,IAAI;GAClC,oBAAC,WAAD,CAAY,CAAA;GACX,cAAc,oBAAC,aAAD,EAAA,UAAc,YAAyB,CAAA,IAAI;GAC1D,oBAACC,cAAD,EAAA,UAAa,aAAyB,CAAA;EACzB;;AAEnB;AAiBA,SAAgB,UAAU,EAAE,WAAW,GAAG,SAAuC;CAC/E,MAAM,QAAQ,WAAW,qBAAqB;CAC9C,MAAM,kBAAkB,WAAW,wBAAwB;CAC3D,MAAM,EAAE,OAAO,YAAY,kBAAkB,EAAE,SAAS,kBAAkB,UAAU,MAAM,CAAC;CAE3F,OACE,oBAACC,aAAD;EACE,GAAI;EACJ,WAAW,mBAAmB,YAAY,UAAU,gBAClD,GACE,kBACI,MAAM,IACN,mBAAmB;GACjB,gBAAgB,YAAY;GAC5B,eAAe,YAAY;GAC3B,WAAW,YAAY;GACvB,YAAY,YAAY;GACxB,YAAY,OAAO,cAAc;GACjC,OAAO,MAAM;EACf,CAAC,GACL,QACF,CACF;EACE,WAAA,gBAAgB,oBAAC,aAAD;GAAa,SAAS;GAAa,YAAY,WAAW,QAAQ,MAAM;EAAI,CAAA;CACjF,CAAA;AAEnB;AAEA,UAAU,cAAc;AACxB,UAAU,cAAc"}

package/react-aria/date-field.d.ts

@@ -0,0 +1,2 @@
+import { DateField, DateFieldProps, DateInput, DateInputProps } from "./date-field/date-field.js";
+export { DateField, type DateFieldProps, DateInput, type DateInputProps };

package/react-aria/date-field.js

@@ -0,0 +1,2 @@
+import { DateField, DateInput } from "./date-field/date-field.js";
+export { DateField, DateInput };