@epilot/spark-ui 0.10.0

package/dist/components/schedule-editor.cjs

@@ -0,0 +1,82 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_chunk = require("../chunk-DY84GLCh.cjs");
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let cnfast = require("cnfast");
+//#region src/components/schedule-editor.tsx
+const ScheduleEditor = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
+	ref,
+	className: (0, cnfast.cn)("flex flex-col gap-4 px-2", className),
+	...props
+}));
+ScheduleEditor.displayName = "ScheduleEditor";
+const ScheduleEditorHeader = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
+	ref,
+	className: (0, cnfast.cn)("flex flex-col gap-1", className),
+	...props
+}));
+ScheduleEditorHeader.displayName = "ScheduleEditorHeader";
+const ScheduleEditorTitle = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+	ref,
+	className: (0, cnfast.cn)("text-base font-bold text-gray", className),
+	...props
+}));
+ScheduleEditorTitle.displayName = "ScheduleEditorTitle";
+const ScheduleEditorDescription = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+	ref,
+	className: (0, cnfast.cn)("text-sm leading-5 text-gray-light", className),
+	...props
+}));
+ScheduleEditorDescription.displayName = "ScheduleEditorDescription";
+const ScheduleEditorBody = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	className: (0, cnfast.cn)("flex flex-col gap-[calc(var(--spark-layout-gap)*4)]", className),
+	...props
+}));
+ScheduleEditorBody.displayName = "ScheduleEditorBody";
+/** Footer slot. Default layout splits children into a `justify-between` row,
+*  which matches the common "destructive on the left, primary on the right"
+*  pattern. Override with `className` if you need a different arrangement. */
+const ScheduleEditorFooter = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
+	ref,
+	className: (0, cnfast.cn)("flex items-center justify-between gap-2 pt-2", className),
+	...props
+}));
+ScheduleEditorFooter.displayName = "ScheduleEditorFooter";
+/** Right-aligned cluster of footer actions (e.g. Cancel + Save). */
+const ScheduleEditorActions = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	className: (0, cnfast.cn)("ml-auto flex items-center gap-2", className),
+	...props
+}));
+ScheduleEditorActions.displayName = "ScheduleEditorActions";
+const ScheduleEditorField = react.forwardRef(({ children, className, hint, label, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+	ref,
+	className: (0, cnfast.cn)("flex flex-col gap-1.5", className),
+	...props,
+	children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-sm font-medium text-gray",
+			children: label
+		}),
+		children,
+		hint && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-xs text-gray-light",
+			children: hint
+		})
+	]
+}));
+ScheduleEditorField.displayName = "ScheduleEditorField";
+//#endregion
+exports.ScheduleEditor = ScheduleEditor;
+exports.ScheduleEditorActions = ScheduleEditorActions;
+exports.ScheduleEditorBody = ScheduleEditorBody;
+exports.ScheduleEditorDescription = ScheduleEditorDescription;
+exports.ScheduleEditorField = ScheduleEditorField;
+exports.ScheduleEditorFooter = ScheduleEditorFooter;
+exports.ScheduleEditorHeader = ScheduleEditorHeader;
+exports.ScheduleEditorTitle = ScheduleEditorTitle;
+
+//# sourceMappingURL=schedule-editor.cjs.map

package/dist/components/schedule-editor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"schedule-editor.cjs","names":["React"],"sources":["../../src/components/schedule-editor.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../utils/cn'\n\nconst ScheduleEditor = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement>\n>(({ className, ...props }, ref) => (\n  <section\n    ref={ref}\n    className={cn('flex flex-col gap-4 px-2', className)}\n    {...props}\n  />\n))\n\nScheduleEditor.displayName = 'ScheduleEditor'\n\nconst ScheduleEditorHeader = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement>\n>(({ className, ...props }, ref) => (\n  <header\n    ref={ref}\n    className={cn('flex flex-col gap-1', className)}\n    {...props}\n  />\n))\n\nScheduleEditorHeader.displayName = 'ScheduleEditorHeader'\n\nconst ScheduleEditorTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn('text-base font-bold text-gray', className)}\n    {...props}\n  />\n))\n\nScheduleEditorTitle.displayName = 'ScheduleEditorTitle'\n\nconst ScheduleEditorDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn('text-sm leading-5 text-gray-light', className)}\n    {...props}\n  />\n))\n\nScheduleEditorDescription.displayName = 'ScheduleEditorDescription'\n\nconst ScheduleEditorBody = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex flex-col gap-[calc(var(--spark-layout-gap)*4)]',\n      className,\n    )}\n    {...props}\n  />\n))\n\nScheduleEditorBody.displayName = 'ScheduleEditorBody'\n\n/** Footer slot. Default layout splits children into a `justify-between` row,\n *  which matches the common \"destructive on the left, primary on the right\"\n *  pattern. Override with `className` if you need a different arrangement. */\nconst ScheduleEditorFooter = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement>\n>(({ className, ...props }, ref) => (\n  <footer\n    ref={ref}\n    className={cn('flex items-center justify-between gap-2 pt-2', className)}\n    {...props}\n  />\n))\n\nScheduleEditorFooter.displayName = 'ScheduleEditorFooter'\n\n/** Right-aligned cluster of footer actions (e.g. Cancel + Save). */\nconst ScheduleEditorActions = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('ml-auto flex items-center gap-2', className)}\n    {...props}\n  />\n))\n\nScheduleEditorActions.displayName = 'ScheduleEditorActions'\n\ninterface ScheduleEditorFieldProps extends Omit<\n  React.LabelHTMLAttributes<HTMLLabelElement>,\n  'children'\n> {\n  label: React.ReactNode\n  hint?: React.ReactNode\n  children: React.ReactNode\n}\n\nconst ScheduleEditorField = React.forwardRef<\n  HTMLLabelElement,\n  ScheduleEditorFieldProps\n>(({ children, className, hint, label, ...props }, ref) => (\n  <label\n    ref={ref}\n    className={cn('flex flex-col gap-1.5', className)}\n    {...props}\n  >\n    <span className=\"text-sm font-medium text-gray\">{label}</span>\n    {children}\n    {hint && <span className=\"text-xs text-gray-light\">{hint}</span>}\n  </label>\n))\n\nScheduleEditorField.displayName = 'ScheduleEditorField'\n\nexport {\n  ScheduleEditor,\n  ScheduleEditorActions,\n  ScheduleEditorBody,\n  ScheduleEditorDescription,\n  ScheduleEditorField,\n  ScheduleEditorFooter,\n  ScheduleEditorHeader,\n  ScheduleEditorTitle,\n}\n"],"mappings":";;;;;;;;AAGA,MAAM,iBAAiBA,MAAM,YAG1B,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,KAAC,WAAD;CACO;CACL,YAAA,GAAA,OAAA,IAAc,4BAA4B,SAAS;CACnD,GAAI;AACL,CAAA,CACF;AAED,eAAe,cAAc;AAE7B,MAAM,uBAAuBA,MAAM,YAGhC,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,KAAC,UAAD;CACO;CACL,YAAA,GAAA,OAAA,IAAc,uBAAuB,SAAS;CAC9C,GAAI;AACL,CAAA,CACF;AAED,qBAAqB,cAAc;AAEnC,MAAM,sBAAsBA,MAAM,YAG/B,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,KAAC,MAAD;CACO;CACL,YAAA,GAAA,OAAA,IAAc,iCAAiC,SAAS;CACxD,GAAI;AACL,CAAA,CACF;AAED,oBAAoB,cAAc;AAElC,MAAM,4BAA4BA,MAAM,YAGrC,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,KAAC,KAAD;CACO;CACL,YAAA,GAAA,OAAA,IAAc,qCAAqC,SAAS;CAC5D,GAAI;AACL,CAAA,CACF;AAED,0BAA0B,cAAc;AAExC,MAAM,qBAAqBA,MAAM,YAG9B,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,KAAC,OAAD;CACO;CACL,YAAA,GAAA,OAAA,IACE,uDACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AAED,mBAAmB,cAAc;;;;AAKjC,MAAM,uBAAuBA,MAAM,YAGhC,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,KAAC,UAAD;CACO;CACL,YAAA,GAAA,OAAA,IAAc,gDAAgD,SAAS;CACvE,GAAI;AACL,CAAA,CACF;AAED,qBAAqB,cAAc;;AAGnC,MAAM,wBAAwBA,MAAM,YAGjC,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,KAAC,OAAD;CACO;CACL,YAAA,GAAA,OAAA,IAAc,mCAAmC,SAAS;CAC1D,GAAI;AACL,CAAA,CACF;AAED,sBAAsB,cAAc;AAWpC,MAAM,sBAAsBA,MAAM,YAG/B,EAAE,UAAU,WAAW,MAAM,OAAO,GAAG,SAAS,QACjD,iBAAA,GAAA,kBAAA,MAAC,SAAD;CACO;CACL,YAAA,GAAA,OAAA,IAAc,yBAAyB,SAAS;CAChD,GAAI;WAHN;EAKE,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAAiC;EAAY,CAAA;EAC5D;EACA,QAAQ,iBAAA,GAAA,kBAAA,KAAC,QAAD;GAAM,WAAU;aAA2B;EAAW,CAAA;CAC1D;EACR;AAED,oBAAoB,cAAc"}

package/dist/components/schedule-editor.d.cts

@@ -0,0 +1,25 @@
+"use client";
+
+import * as React$1 from "react";
+
+//#region src/components/schedule-editor.d.ts
+declare const ScheduleEditor: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLElement> & React$1.RefAttributes<HTMLElement>>;
+declare const ScheduleEditorHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLElement> & React$1.RefAttributes<HTMLElement>>;
+declare const ScheduleEditorTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const ScheduleEditorDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const ScheduleEditorBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+/** Footer slot. Default layout splits children into a `justify-between` row,
+ *  which matches the common "destructive on the left, primary on the right"
+ *  pattern. Override with `className` if you need a different arrangement. */
+declare const ScheduleEditorFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLElement> & React$1.RefAttributes<HTMLElement>>;
+/** Right-aligned cluster of footer actions (e.g. Cancel + Save). */
+declare const ScheduleEditorActions: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+interface ScheduleEditorFieldProps extends Omit<React$1.LabelHTMLAttributes<HTMLLabelElement>, 'children'> {
+  label: React$1.ReactNode;
+  hint?: React$1.ReactNode;
+  children: React$1.ReactNode;
+}
+declare const ScheduleEditorField: React$1.ForwardRefExoticComponent<ScheduleEditorFieldProps & React$1.RefAttributes<HTMLLabelElement>>;
+//#endregion
+export { ScheduleEditor, ScheduleEditorActions, ScheduleEditorBody, ScheduleEditorDescription, ScheduleEditorField, ScheduleEditorFooter, ScheduleEditorHeader, ScheduleEditorTitle };
+//# sourceMappingURL=schedule-editor.d.cts.map

package/dist/components/schedule-editor.d.ts

@@ -0,0 +1,25 @@
+"use client";
+
+import * as React$1 from "react";
+
+//#region src/components/schedule-editor.d.ts
+declare const ScheduleEditor: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLElement> & React$1.RefAttributes<HTMLElement>>;
+declare const ScheduleEditorHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLElement> & React$1.RefAttributes<HTMLElement>>;
+declare const ScheduleEditorTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const ScheduleEditorDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const ScheduleEditorBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+/** Footer slot. Default layout splits children into a `justify-between` row,
+ *  which matches the common "destructive on the left, primary on the right"
+ *  pattern. Override with `className` if you need a different arrangement. */
+declare const ScheduleEditorFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLElement> & React$1.RefAttributes<HTMLElement>>;
+/** Right-aligned cluster of footer actions (e.g. Cancel + Save). */
+declare const ScheduleEditorActions: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+interface ScheduleEditorFieldProps extends Omit<React$1.LabelHTMLAttributes<HTMLLabelElement>, 'children'> {
+  label: React$1.ReactNode;
+  hint?: React$1.ReactNode;
+  children: React$1.ReactNode;
+}
+declare const ScheduleEditorField: React$1.ForwardRefExoticComponent<ScheduleEditorFieldProps & React$1.RefAttributes<HTMLLabelElement>>;
+//#endregion
+export { ScheduleEditor, ScheduleEditorActions, ScheduleEditorBody, ScheduleEditorDescription, ScheduleEditorField, ScheduleEditorFooter, ScheduleEditorHeader, ScheduleEditorTitle };
+//# sourceMappingURL=schedule-editor.d.ts.map

package/dist/components/schedule-editor.js

@@ -0,0 +1,72 @@
+"use client";
+import { cn } from "../utils/cn.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/schedule-editor.tsx
+const ScheduleEditor = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("section", {
+	ref,
+	className: cn("flex flex-col gap-4 px-2", className),
+	...props
+}));
+ScheduleEditor.displayName = "ScheduleEditor";
+const ScheduleEditorHeader = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("header", {
+	ref,
+	className: cn("flex flex-col gap-1", className),
+	...props
+}));
+ScheduleEditorHeader.displayName = "ScheduleEditorHeader";
+const ScheduleEditorTitle = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("h3", {
+	ref,
+	className: cn("text-base font-bold text-gray", className),
+	...props
+}));
+ScheduleEditorTitle.displayName = "ScheduleEditorTitle";
+const ScheduleEditorDescription = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: cn("text-sm leading-5 text-gray-light", className),
+	...props
+}));
+ScheduleEditorDescription.displayName = "ScheduleEditorDescription";
+const ScheduleEditorBody = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex flex-col gap-[calc(var(--spark-layout-gap)*4)]", className),
+	...props
+}));
+ScheduleEditorBody.displayName = "ScheduleEditorBody";
+/** Footer slot. Default layout splits children into a `justify-between` row,
+*  which matches the common "destructive on the left, primary on the right"
+*  pattern. Override with `className` if you need a different arrangement. */
+const ScheduleEditorFooter = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("footer", {
+	ref,
+	className: cn("flex items-center justify-between gap-2 pt-2", className),
+	...props
+}));
+ScheduleEditorFooter.displayName = "ScheduleEditorFooter";
+/** Right-aligned cluster of footer actions (e.g. Cancel + Save). */
+const ScheduleEditorActions = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("ml-auto flex items-center gap-2", className),
+	...props
+}));
+ScheduleEditorActions.displayName = "ScheduleEditorActions";
+const ScheduleEditorField = React$1.forwardRef(({ children, className, hint, label, ...props }, ref) => /* @__PURE__ */ jsxs("label", {
+	ref,
+	className: cn("flex flex-col gap-1.5", className),
+	...props,
+	children: [
+		/* @__PURE__ */ jsx("span", {
+			className: "text-sm font-medium text-gray",
+			children: label
+		}),
+		children,
+		hint && /* @__PURE__ */ jsx("span", {
+			className: "text-xs text-gray-light",
+			children: hint
+		})
+	]
+}));
+ScheduleEditorField.displayName = "ScheduleEditorField";
+//#endregion
+export { ScheduleEditor, ScheduleEditorActions, ScheduleEditorBody, ScheduleEditorDescription, ScheduleEditorField, ScheduleEditorFooter, ScheduleEditorHeader, ScheduleEditorTitle };
+
+//# sourceMappingURL=schedule-editor.js.map

package/dist/components/schedule-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schedule-editor.js","names":["React"],"sources":["../../src/components/schedule-editor.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../utils/cn'\n\nconst ScheduleEditor = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement>\n>(({ className, ...props }, ref) => (\n  <section\n    ref={ref}\n    className={cn('flex flex-col gap-4 px-2', className)}\n    {...props}\n  />\n))\n\nScheduleEditor.displayName = 'ScheduleEditor'\n\nconst ScheduleEditorHeader = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement>\n>(({ className, ...props }, ref) => (\n  <header\n    ref={ref}\n    className={cn('flex flex-col gap-1', className)}\n    {...props}\n  />\n))\n\nScheduleEditorHeader.displayName = 'ScheduleEditorHeader'\n\nconst ScheduleEditorTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h3\n    ref={ref}\n    className={cn('text-base font-bold text-gray', className)}\n    {...props}\n  />\n))\n\nScheduleEditorTitle.displayName = 'ScheduleEditorTitle'\n\nconst ScheduleEditorDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn('text-sm leading-5 text-gray-light', className)}\n    {...props}\n  />\n))\n\nScheduleEditorDescription.displayName = 'ScheduleEditorDescription'\n\nconst ScheduleEditorBody = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex flex-col gap-[calc(var(--spark-layout-gap)*4)]',\n      className,\n    )}\n    {...props}\n  />\n))\n\nScheduleEditorBody.displayName = 'ScheduleEditorBody'\n\n/** Footer slot. Default layout splits children into a `justify-between` row,\n *  which matches the common \"destructive on the left, primary on the right\"\n *  pattern. Override with `className` if you need a different arrangement. */\nconst ScheduleEditorFooter = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement>\n>(({ className, ...props }, ref) => (\n  <footer\n    ref={ref}\n    className={cn('flex items-center justify-between gap-2 pt-2', className)}\n    {...props}\n  />\n))\n\nScheduleEditorFooter.displayName = 'ScheduleEditorFooter'\n\n/** Right-aligned cluster of footer actions (e.g. Cancel + Save). */\nconst ScheduleEditorActions = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('ml-auto flex items-center gap-2', className)}\n    {...props}\n  />\n))\n\nScheduleEditorActions.displayName = 'ScheduleEditorActions'\n\ninterface ScheduleEditorFieldProps extends Omit<\n  React.LabelHTMLAttributes<HTMLLabelElement>,\n  'children'\n> {\n  label: React.ReactNode\n  hint?: React.ReactNode\n  children: React.ReactNode\n}\n\nconst ScheduleEditorField = React.forwardRef<\n  HTMLLabelElement,\n  ScheduleEditorFieldProps\n>(({ children, className, hint, label, ...props }, ref) => (\n  <label\n    ref={ref}\n    className={cn('flex flex-col gap-1.5', className)}\n    {...props}\n  >\n    <span className=\"text-sm font-medium text-gray\">{label}</span>\n    {children}\n    {hint && <span className=\"text-xs text-gray-light\">{hint}</span>}\n  </label>\n))\n\nScheduleEditorField.displayName = 'ScheduleEditorField'\n\nexport {\n  ScheduleEditor,\n  ScheduleEditorActions,\n  ScheduleEditorBody,\n  ScheduleEditorDescription,\n  ScheduleEditorField,\n  ScheduleEditorFooter,\n  ScheduleEditorHeader,\n  ScheduleEditorTitle,\n}\n"],"mappings":";;;;;AAGA,MAAM,iBAAiBA,QAAM,YAG1B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,WAAD;CACO;CACL,WAAW,GAAG,4BAA4B,SAAS;CACnD,GAAI;AACL,CAAA,CACF;AAED,eAAe,cAAc;AAE7B,MAAM,uBAAuBA,QAAM,YAGhC,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,UAAD;CACO;CACL,WAAW,GAAG,uBAAuB,SAAS;CAC9C,GAAI;AACL,CAAA,CACF;AAED,qBAAqB,cAAc;AAEnC,MAAM,sBAAsBA,QAAM,YAG/B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,MAAD;CACO;CACL,WAAW,GAAG,iCAAiC,SAAS;CACxD,GAAI;AACL,CAAA,CACF;AAED,oBAAoB,cAAc;AAElC,MAAM,4BAA4BA,QAAM,YAGrC,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,KAAD;CACO;CACL,WAAW,GAAG,qCAAqC,SAAS;CAC5D,GAAI;AACL,CAAA,CACF;AAED,0BAA0B,cAAc;AAExC,MAAM,qBAAqBA,QAAM,YAG9B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,OAAD;CACO;CACL,WAAW,GACT,uDACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AAED,mBAAmB,cAAc;;;;AAKjC,MAAM,uBAAuBA,QAAM,YAGhC,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,UAAD;CACO;CACL,WAAW,GAAG,gDAAgD,SAAS;CACvE,GAAI;AACL,CAAA,CACF;AAED,qBAAqB,cAAc;;AAGnC,MAAM,wBAAwBA,QAAM,YAGjC,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,OAAD;CACO;CACL,WAAW,GAAG,mCAAmC,SAAS;CAC1D,GAAI;AACL,CAAA,CACF;AAED,sBAAsB,cAAc;AAWpC,MAAM,sBAAsBA,QAAM,YAG/B,EAAE,UAAU,WAAW,MAAM,OAAO,GAAG,SAAS,QACjD,qBAAC,SAAD;CACO;CACL,WAAW,GAAG,yBAAyB,SAAS;CAChD,GAAI;WAHN;EAKE,oBAAC,QAAD;GAAM,WAAU;aAAiC;EAAY,CAAA;EAC5D;EACA,QAAQ,oBAAC,QAAD;GAAM,WAAU;aAA2B;EAAW,CAAA;CAC1D;EACR;AAED,oBAAoB,cAAc"}

package/dist/components/schedule-list.cjs

@@ -0,0 +1,110 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_chunk = require("../chunk-DY84GLCh.cjs");
+const require_icons_material_symbol = require("../icons/material-symbol.cjs");
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let cnfast = require("cnfast");
+//#region src/components/schedule-list.tsx
+const ScheduleList = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	className: (0, cnfast.cn)("flex flex-col gap-[calc(var(--spark-layout-gap)*2)]", className),
+	...props
+}));
+ScheduleList.displayName = "ScheduleList";
+const ScheduleListEmpty = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+	ref,
+	className: (0, cnfast.cn)("px-3 py-2 text-sm text-gray-light", className),
+	...props
+}));
+ScheduleListEmpty.displayName = "ScheduleListEmpty";
+const ScheduleListAdd = react.forwardRef(({ children, className, icon, type = "button", ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+	ref,
+	type,
+	className: (0, cnfast.cn)("inline-flex h-11 w-full items-center justify-center gap-1.5 rounded-2xl border border-dashed border-gray text-sm font-medium text-gray-light transition-colors hover:border-spark-a8 hover:bg-base-accent-soft hover:text-accent focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
+	...props,
+	children: [icon ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_material_symbol.MaterialSymbol, {
+		className: "text-[14px]",
+		name: "add"
+	}), children]
+}));
+ScheduleListAdd.displayName = "ScheduleListAdd";
+const ScheduleEntry = react.forwardRef(({ children, className, disabled, onClick, ...props }, ref) => {
+	const interactive = onClick !== void 0 && !disabled;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		role: interactive ? "button" : void 0,
+		tabIndex: interactive ? 0 : void 0,
+		onClick: interactive ? onClick : void 0,
+		onKeyDown: interactive ? (event) => {
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				onClick();
+			}
+		} : void 0,
+		"aria-disabled": disabled || void 0,
+		className: (0, cnfast.cn)("flex items-center gap-3 rounded-2xl bg-base-gray-soft px-3 py-2.5 transition-colors", interactive && "cursor-pointer hover:bg-gray-a3 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden", disabled && "cursor-not-allowed opacity-50", className),
+		...props,
+		children
+	});
+});
+ScheduleEntry.displayName = "ScheduleEntry";
+const ScheduleEntryContent = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	className: (0, cnfast.cn)("flex min-w-0 flex-1 flex-col gap-0.5", className),
+	...props
+}));
+ScheduleEntryContent.displayName = "ScheduleEntryContent";
+const ScheduleEntryTitle = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	className: (0, cnfast.cn)("flex min-w-0 items-center gap-2 truncate text-sm font-medium text-gray", className),
+	...props
+}));
+ScheduleEntryTitle.displayName = "ScheduleEntryTitle";
+const ScheduleEntrySubtitle = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+	ref,
+	className: (0, cnfast.cn)("truncate text-xs text-gray-light", className),
+	...props
+}));
+ScheduleEntrySubtitle.displayName = "ScheduleEntrySubtitle";
+/** Right-aligned action area. Stops click propagation so inner controls
+*  don't fire the parent `ScheduleEntry`'s `onClick`. */
+const ScheduleEntryActions = react.forwardRef(({ className, onClick, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	ref,
+	onClick: (event) => {
+		event.stopPropagation();
+		onClick?.(event);
+	},
+	className: (0, cnfast.cn)("flex shrink-0 items-center gap-1.5", className),
+	...props
+}));
+ScheduleEntryActions.displayName = "ScheduleEntryActions";
+const ScheduleEntryDelete = react.forwardRef(({ "aria-label": ariaLabel = "Delete schedule entry", children, className, onClick, type = "button", ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+	ref,
+	type,
+	"aria-label": ariaLabel,
+	onClick: (event) => {
+		event.stopPropagation();
+		onClick?.(event);
+	},
+	className: (0, cnfast.cn)("inline-flex size-8 shrink-0 items-center justify-center rounded-circle text-gray-light transition-colors hover:bg-base-error-soft hover:text-error focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
+	...props,
+	children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons_material_symbol.MaterialSymbol, {
+		className: "text-[14px]",
+		name: "delete"
+	})
+}));
+ScheduleEntryDelete.displayName = "ScheduleEntryDelete";
+//#endregion
+exports.ScheduleEntry = ScheduleEntry;
+exports.ScheduleEntryActions = ScheduleEntryActions;
+exports.ScheduleEntryContent = ScheduleEntryContent;
+exports.ScheduleEntryDelete = ScheduleEntryDelete;
+exports.ScheduleEntrySubtitle = ScheduleEntrySubtitle;
+exports.ScheduleEntryTitle = ScheduleEntryTitle;
+exports.ScheduleList = ScheduleList;
+exports.ScheduleListAdd = ScheduleListAdd;
+exports.ScheduleListEmpty = ScheduleListEmpty;
+
+//# sourceMappingURL=schedule-list.cjs.map

package/dist/components/schedule-list.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"schedule-list.cjs","names":["React","MaterialSymbol"],"sources":["../../src/components/schedule-list.tsx"],"sourcesContent":["import * as React from 'react'\nimport { MaterialSymbol } from '../icons/material-symbol'\nimport { cn } from '../utils/cn'\n\nconst ScheduleList = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex flex-col gap-[calc(var(--spark-layout-gap)*2)]',\n      className,\n    )}\n    {...props}\n  />\n))\n\nScheduleList.displayName = 'ScheduleList'\n\nconst ScheduleListEmpty = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn('px-3 py-2 text-sm text-gray-light', className)}\n    {...props}\n  />\n))\n\nScheduleListEmpty.displayName = 'ScheduleListEmpty'\n\ninterface ScheduleListAddProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Optional icon override; defaults to a `+`. */\n  icon?: React.ReactNode\n}\n\nconst ScheduleListAdd = React.forwardRef<\n  HTMLButtonElement,\n  ScheduleListAddProps\n>(({ children, className, icon, type = 'button', ...props }, ref) => (\n  <button\n    ref={ref}\n    type={type}\n    className={cn(\n      'inline-flex h-11 w-full items-center justify-center gap-1.5 rounded-2xl border border-dashed border-gray text-sm font-medium text-gray-light transition-colors hover:border-spark-a8 hover:bg-base-accent-soft hover:text-accent focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n      className,\n    )}\n    {...props}\n  >\n    {icon ?? <MaterialSymbol className=\"text-[14px]\" name=\"add\" />}\n    {children}\n  </button>\n))\n\nScheduleListAdd.displayName = 'ScheduleListAdd'\n\ninterface ScheduleEntryProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Make the row interactive — enables hover, role=button, keyboard activation. */\n  onClick?: () => void\n  disabled?: boolean\n}\n\nconst ScheduleEntry = React.forwardRef<HTMLDivElement, ScheduleEntryProps>(\n  ({ children, className, disabled, onClick, ...props }, ref) => {\n    const interactive = onClick !== undefined && !disabled\n    return (\n      <div\n        ref={ref}\n        role={interactive ? 'button' : undefined}\n        tabIndex={interactive ? 0 : undefined}\n        onClick={interactive ? onClick : undefined}\n        onKeyDown={\n          interactive\n            ? (event) => {\n                if (event.key === 'Enter' || event.key === ' ') {\n                  event.preventDefault()\n                  onClick()\n                }\n              }\n            : undefined\n        }\n        aria-disabled={disabled || undefined}\n        className={cn(\n          'flex items-center gap-3 rounded-2xl bg-base-gray-soft px-3 py-2.5 transition-colors',\n          interactive &&\n            'cursor-pointer hover:bg-gray-a3 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden',\n          disabled && 'cursor-not-allowed opacity-50',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  },\n)\n\nScheduleEntry.displayName = 'ScheduleEntry'\n\nconst ScheduleEntryContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex min-w-0 flex-1 flex-col gap-0.5', className)}\n    {...props}\n  />\n))\n\nScheduleEntryContent.displayName = 'ScheduleEntryContent'\n\nconst ScheduleEntryTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex min-w-0 items-center gap-2 truncate text-sm font-medium text-gray',\n      className,\n    )}\n    {...props}\n  />\n))\n\nScheduleEntryTitle.displayName = 'ScheduleEntryTitle'\n\nconst ScheduleEntrySubtitle = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement>\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    className={cn('truncate text-xs text-gray-light', className)}\n    {...props}\n  />\n))\n\nScheduleEntrySubtitle.displayName = 'ScheduleEntrySubtitle'\n\n/** Right-aligned action area. Stops click propagation so inner controls\n *  don't fire the parent `ScheduleEntry`'s `onClick`. */\nconst ScheduleEntryActions = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, onClick, ...props }, ref) => (\n  <div\n    ref={ref}\n    onClick={(event) => {\n      event.stopPropagation()\n      onClick?.(event)\n    }}\n    className={cn('flex shrink-0 items-center gap-1.5', className)}\n    {...props}\n  />\n))\n\nScheduleEntryActions.displayName = 'ScheduleEntryActions'\n\ninterface ScheduleEntryDeleteProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nconst ScheduleEntryDelete = React.forwardRef<\n  HTMLButtonElement,\n  ScheduleEntryDeleteProps\n>(\n  (\n    {\n      'aria-label': ariaLabel = 'Delete schedule entry',\n      children,\n      className,\n      onClick,\n      type = 'button',\n      ...props\n    },\n    ref,\n  ) => (\n    <button\n      ref={ref}\n      type={type}\n      aria-label={ariaLabel}\n      onClick={(event) => {\n        event.stopPropagation()\n        onClick?.(event)\n      }}\n      className={cn(\n        'inline-flex size-8 shrink-0 items-center justify-center rounded-circle text-gray-light transition-colors hover:bg-base-error-soft hover:text-error focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      {children ?? <MaterialSymbol className=\"text-[14px]\" name=\"delete\" />}\n    </button>\n  ),\n)\n\nScheduleEntryDelete.displayName = 'ScheduleEntryDelete'\n\nexport {\n  ScheduleEntry,\n  ScheduleEntryActions,\n  ScheduleEntryContent,\n  ScheduleEntryDelete,\n  ScheduleEntrySubtitle,\n  ScheduleEntryTitle,\n  ScheduleList,\n  ScheduleListAdd,\n  ScheduleListEmpty,\n}\n"],"mappings":";;;;;;;;;AAIA,MAAM,eAAeA,MAAM,YAGxB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,KAAC,OAAD;CACO;CACL,YAAA,GAAA,OAAA,IACE,uDACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AAED,aAAa,cAAc;AAE3B,MAAM,oBAAoBA,MAAM,YAG7B,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,KAAC,KAAD;CACO;CACL,YAAA,GAAA,OAAA,IAAc,qCAAqC,SAAS;CAC5D,GAAI;AACL,CAAA,CACF;AAED,kBAAkB,cAAc;AAOhC,MAAM,kBAAkBA,MAAM,YAG3B,EAAE,UAAU,WAAW,MAAM,OAAO,UAAU,GAAG,SAAS,QAC3D,iBAAA,GAAA,kBAAA,MAAC,UAAD;CACO;CACC;CACN,YAAA,GAAA,OAAA,IACE,kWACA,SACF;CACA,GAAI;WAPN,CASG,QAAQ,iBAAA,GAAA,kBAAA,KAACC,8BAAAA,gBAAD;EAAgB,WAAU;EAAc,MAAK;CAAO,CAAA,GAC5D,QACK;EACT;AAED,gBAAgB,cAAc;AAQ9B,MAAM,gBAAgBD,MAAM,YACzB,EAAE,UAAU,WAAW,UAAU,SAAS,GAAG,SAAS,QAAQ;CAC7D,MAAM,cAAc,YAAY,KAAA,KAAa,CAAC;CAC9C,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACO;EACL,MAAM,cAAc,WAAW,KAAA;EAC/B,UAAU,cAAc,IAAI,KAAA;EAC5B,SAAS,cAAc,UAAU,KAAA;EACjC,WACE,eACK,UAAU;GACT,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;IAC9C,MAAM,eAAe;IACrB,QAAQ;GACV;EACF,IACA,KAAA;EAEN,iBAAe,YAAY,KAAA;EAC3B,YAAA,GAAA,OAAA,IACE,uFACA,eACE,iHACF,YAAY,iCACZ,SACF;EACA,GAAI;EAEH;CACE,CAAA;AAET,CACF;AAEA,cAAc,cAAc;AAE5B,MAAM,uBAAuBA,MAAM,YAGhC,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,KAAC,OAAD;CACO;CACL,YAAA,GAAA,OAAA,IAAc,wCAAwC,SAAS;CAC/D,GAAI;AACL,CAAA,CACF;AAED,qBAAqB,cAAc;AAEnC,MAAM,qBAAqBA,MAAM,YAG9B,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,KAAC,OAAD;CACO;CACL,YAAA,GAAA,OAAA,IACE,0EACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AAED,mBAAmB,cAAc;AAEjC,MAAM,wBAAwBA,MAAM,YAGjC,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,KAAC,QAAD;CACO;CACL,YAAA,GAAA,OAAA,IAAc,oCAAoC,SAAS;CAC3D,GAAI;AACL,CAAA,CACF;AAED,sBAAsB,cAAc;;;AAIpC,MAAM,uBAAuBA,MAAM,YAGhC,EAAE,WAAW,SAAS,GAAG,SAAS,QACnC,iBAAA,GAAA,kBAAA,KAAC,OAAD;CACO;CACL,UAAU,UAAU;EAClB,MAAM,gBAAgB;EACtB,UAAU,KAAK;CACjB;CACA,YAAA,GAAA,OAAA,IAAc,sCAAsC,SAAS;CAC7D,GAAI;AACL,CAAA,CACF;AAED,qBAAqB,cAAc;AAInC,MAAM,sBAAsBA,MAAM,YAK9B,EACE,cAAc,YAAY,yBAC1B,UACA,WACA,SACA,OAAO,UACP,GAAG,SAEL,QAEA,iBAAA,GAAA,kBAAA,KAAC,UAAD;CACO;CACC;CACN,cAAY;CACZ,UAAU,UAAU;EAClB,MAAM,gBAAgB;EACtB,UAAU,KAAK;CACjB;CACA,YAAA,GAAA,OAAA,IACE,oRACA,SACF;CACA,GAAI;WAEH,YAAY,iBAAA,GAAA,kBAAA,KAACC,8BAAAA,gBAAD;EAAgB,WAAU;EAAc,MAAK;CAAU,CAAA;AAC9D,CAAA,CAEZ;AAEA,oBAAoB,cAAc"}

package/dist/components/schedule-list.d.cts

@@ -0,0 +1,29 @@
+"use client";
+
+import * as React$1 from "react";
+
+//#region src/components/schedule-list.d.ts
+declare const ScheduleList: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScheduleListEmpty: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+interface ScheduleListAddProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+  /** Optional icon override; defaults to a `+`. */
+  icon?: React$1.ReactNode;
+}
+declare const ScheduleListAdd: React$1.ForwardRefExoticComponent<ScheduleListAddProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface ScheduleEntryProps extends React$1.HTMLAttributes<HTMLDivElement> {
+  /** Make the row interactive — enables hover, role=button, keyboard activation. */
+  onClick?: () => void;
+  disabled?: boolean;
+}
+declare const ScheduleEntry: React$1.ForwardRefExoticComponent<ScheduleEntryProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScheduleEntryContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScheduleEntryTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScheduleEntrySubtitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & React$1.RefAttributes<HTMLSpanElement>>;
+/** Right-aligned action area. Stops click propagation so inner controls
+ *  don't fire the parent `ScheduleEntry`'s `onClick`. */
+declare const ScheduleEntryActions: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+interface ScheduleEntryDeleteProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {}
+declare const ScheduleEntryDelete: React$1.ForwardRefExoticComponent<ScheduleEntryDeleteProps & React$1.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { ScheduleEntry, ScheduleEntryActions, ScheduleEntryContent, ScheduleEntryDelete, ScheduleEntrySubtitle, ScheduleEntryTitle, ScheduleList, ScheduleListAdd, ScheduleListEmpty };
+//# sourceMappingURL=schedule-list.d.cts.map

package/dist/components/schedule-list.d.ts

@@ -0,0 +1,29 @@
+"use client";
+
+import * as React$1 from "react";
+
+//#region src/components/schedule-list.d.ts
+declare const ScheduleList: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScheduleListEmpty: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+interface ScheduleListAddProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+  /** Optional icon override; defaults to a `+`. */
+  icon?: React$1.ReactNode;
+}
+declare const ScheduleListAdd: React$1.ForwardRefExoticComponent<ScheduleListAddProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface ScheduleEntryProps extends React$1.HTMLAttributes<HTMLDivElement> {
+  /** Make the row interactive — enables hover, role=button, keyboard activation. */
+  onClick?: () => void;
+  disabled?: boolean;
+}
+declare const ScheduleEntry: React$1.ForwardRefExoticComponent<ScheduleEntryProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScheduleEntryContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScheduleEntryTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const ScheduleEntrySubtitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & React$1.RefAttributes<HTMLSpanElement>>;
+/** Right-aligned action area. Stops click propagation so inner controls
+ *  don't fire the parent `ScheduleEntry`'s `onClick`. */
+declare const ScheduleEntryActions: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+interface ScheduleEntryDeleteProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {}
+declare const ScheduleEntryDelete: React$1.ForwardRefExoticComponent<ScheduleEntryDeleteProps & React$1.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { ScheduleEntry, ScheduleEntryActions, ScheduleEntryContent, ScheduleEntryDelete, ScheduleEntrySubtitle, ScheduleEntryTitle, ScheduleList, ScheduleListAdd, ScheduleListEmpty };
+//# sourceMappingURL=schedule-list.d.ts.map

package/dist/components/schedule-list.js

@@ -0,0 +1,99 @@
+"use client";
+import { cn } from "../utils/cn.js";
+import { MaterialSymbol } from "../icons/material-symbol.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/schedule-list.tsx
+const ScheduleList = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex flex-col gap-[calc(var(--spark-layout-gap)*2)]", className),
+	...props
+}));
+ScheduleList.displayName = "ScheduleList";
+const ScheduleListEmpty = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", {
+	ref,
+	className: cn("px-3 py-2 text-sm text-gray-light", className),
+	...props
+}));
+ScheduleListEmpty.displayName = "ScheduleListEmpty";
+const ScheduleListAdd = React$1.forwardRef(({ children, className, icon, type = "button", ...props }, ref) => /* @__PURE__ */ jsxs("button", {
+	ref,
+	type,
+	className: cn("inline-flex h-11 w-full items-center justify-center gap-1.5 rounded-2xl border border-dashed border-gray text-sm font-medium text-gray-light transition-colors hover:border-spark-a8 hover:bg-base-accent-soft hover:text-accent focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
+	...props,
+	children: [icon ?? /* @__PURE__ */ jsx(MaterialSymbol, {
+		className: "text-[14px]",
+		name: "add"
+	}), children]
+}));
+ScheduleListAdd.displayName = "ScheduleListAdd";
+const ScheduleEntry = React$1.forwardRef(({ children, className, disabled, onClick, ...props }, ref) => {
+	const interactive = onClick !== void 0 && !disabled;
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		role: interactive ? "button" : void 0,
+		tabIndex: interactive ? 0 : void 0,
+		onClick: interactive ? onClick : void 0,
+		onKeyDown: interactive ? (event) => {
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				onClick();
+			}
+		} : void 0,
+		"aria-disabled": disabled || void 0,
+		className: cn("flex items-center gap-3 rounded-2xl bg-base-gray-soft px-3 py-2.5 transition-colors", interactive && "cursor-pointer hover:bg-gray-a3 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden", disabled && "cursor-not-allowed opacity-50", className),
+		...props,
+		children
+	});
+});
+ScheduleEntry.displayName = "ScheduleEntry";
+const ScheduleEntryContent = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex min-w-0 flex-1 flex-col gap-0.5", className),
+	...props
+}));
+ScheduleEntryContent.displayName = "ScheduleEntryContent";
+const ScheduleEntryTitle = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex min-w-0 items-center gap-2 truncate text-sm font-medium text-gray", className),
+	...props
+}));
+ScheduleEntryTitle.displayName = "ScheduleEntryTitle";
+const ScheduleEntrySubtitle = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("span", {
+	ref,
+	className: cn("truncate text-xs text-gray-light", className),
+	...props
+}));
+ScheduleEntrySubtitle.displayName = "ScheduleEntrySubtitle";
+/** Right-aligned action area. Stops click propagation so inner controls
+*  don't fire the parent `ScheduleEntry`'s `onClick`. */
+const ScheduleEntryActions = React$1.forwardRef(({ className, onClick, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	onClick: (event) => {
+		event.stopPropagation();
+		onClick?.(event);
+	},
+	className: cn("flex shrink-0 items-center gap-1.5", className),
+	...props
+}));
+ScheduleEntryActions.displayName = "ScheduleEntryActions";
+const ScheduleEntryDelete = React$1.forwardRef(({ "aria-label": ariaLabel = "Delete schedule entry", children, className, onClick, type = "button", ...props }, ref) => /* @__PURE__ */ jsx("button", {
+	ref,
+	type,
+	"aria-label": ariaLabel,
+	onClick: (event) => {
+		event.stopPropagation();
+		onClick?.(event);
+	},
+	className: cn("inline-flex size-8 shrink-0 items-center justify-center rounded-circle text-gray-light transition-colors hover:bg-base-error-soft hover:text-error focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
+	...props,
+	children: children ?? /* @__PURE__ */ jsx(MaterialSymbol, {
+		className: "text-[14px]",
+		name: "delete"
+	})
+}));
+ScheduleEntryDelete.displayName = "ScheduleEntryDelete";
+//#endregion
+export { ScheduleEntry, ScheduleEntryActions, ScheduleEntryContent, ScheduleEntryDelete, ScheduleEntrySubtitle, ScheduleEntryTitle, ScheduleList, ScheduleListAdd, ScheduleListEmpty };
+
+//# sourceMappingURL=schedule-list.js.map

package/dist/components/schedule-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schedule-list.js","names":["React"],"sources":["../../src/components/schedule-list.tsx"],"sourcesContent":["import * as React from 'react'\nimport { MaterialSymbol } from '../icons/material-symbol'\nimport { cn } from '../utils/cn'\n\nconst ScheduleList = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex flex-col gap-[calc(var(--spark-layout-gap)*2)]',\n      className,\n    )}\n    {...props}\n  />\n))\n\nScheduleList.displayName = 'ScheduleList'\n\nconst ScheduleListEmpty = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    className={cn('px-3 py-2 text-sm text-gray-light', className)}\n    {...props}\n  />\n))\n\nScheduleListEmpty.displayName = 'ScheduleListEmpty'\n\ninterface ScheduleListAddProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Optional icon override; defaults to a `+`. */\n  icon?: React.ReactNode\n}\n\nconst ScheduleListAdd = React.forwardRef<\n  HTMLButtonElement,\n  ScheduleListAddProps\n>(({ children, className, icon, type = 'button', ...props }, ref) => (\n  <button\n    ref={ref}\n    type={type}\n    className={cn(\n      'inline-flex h-11 w-full items-center justify-center gap-1.5 rounded-2xl border border-dashed border-gray text-sm font-medium text-gray-light transition-colors hover:border-spark-a8 hover:bg-base-accent-soft hover:text-accent focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n      className,\n    )}\n    {...props}\n  >\n    {icon ?? <MaterialSymbol className=\"text-[14px]\" name=\"add\" />}\n    {children}\n  </button>\n))\n\nScheduleListAdd.displayName = 'ScheduleListAdd'\n\ninterface ScheduleEntryProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Make the row interactive — enables hover, role=button, keyboard activation. */\n  onClick?: () => void\n  disabled?: boolean\n}\n\nconst ScheduleEntry = React.forwardRef<HTMLDivElement, ScheduleEntryProps>(\n  ({ children, className, disabled, onClick, ...props }, ref) => {\n    const interactive = onClick !== undefined && !disabled\n    return (\n      <div\n        ref={ref}\n        role={interactive ? 'button' : undefined}\n        tabIndex={interactive ? 0 : undefined}\n        onClick={interactive ? onClick : undefined}\n        onKeyDown={\n          interactive\n            ? (event) => {\n                if (event.key === 'Enter' || event.key === ' ') {\n                  event.preventDefault()\n                  onClick()\n                }\n              }\n            : undefined\n        }\n        aria-disabled={disabled || undefined}\n        className={cn(\n          'flex items-center gap-3 rounded-2xl bg-base-gray-soft px-3 py-2.5 transition-colors',\n          interactive &&\n            'cursor-pointer hover:bg-gray-a3 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden',\n          disabled && 'cursor-not-allowed opacity-50',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  },\n)\n\nScheduleEntry.displayName = 'ScheduleEntry'\n\nconst ScheduleEntryContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex min-w-0 flex-1 flex-col gap-0.5', className)}\n    {...props}\n  />\n))\n\nScheduleEntryContent.displayName = 'ScheduleEntryContent'\n\nconst ScheduleEntryTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'flex min-w-0 items-center gap-2 truncate text-sm font-medium text-gray',\n      className,\n    )}\n    {...props}\n  />\n))\n\nScheduleEntryTitle.displayName = 'ScheduleEntryTitle'\n\nconst ScheduleEntrySubtitle = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement>\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    className={cn('truncate text-xs text-gray-light', className)}\n    {...props}\n  />\n))\n\nScheduleEntrySubtitle.displayName = 'ScheduleEntrySubtitle'\n\n/** Right-aligned action area. Stops click propagation so inner controls\n *  don't fire the parent `ScheduleEntry`'s `onClick`. */\nconst ScheduleEntryActions = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, onClick, ...props }, ref) => (\n  <div\n    ref={ref}\n    onClick={(event) => {\n      event.stopPropagation()\n      onClick?.(event)\n    }}\n    className={cn('flex shrink-0 items-center gap-1.5', className)}\n    {...props}\n  />\n))\n\nScheduleEntryActions.displayName = 'ScheduleEntryActions'\n\ninterface ScheduleEntryDeleteProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nconst ScheduleEntryDelete = React.forwardRef<\n  HTMLButtonElement,\n  ScheduleEntryDeleteProps\n>(\n  (\n    {\n      'aria-label': ariaLabel = 'Delete schedule entry',\n      children,\n      className,\n      onClick,\n      type = 'button',\n      ...props\n    },\n    ref,\n  ) => (\n    <button\n      ref={ref}\n      type={type}\n      aria-label={ariaLabel}\n      onClick={(event) => {\n        event.stopPropagation()\n        onClick?.(event)\n      }}\n      className={cn(\n        'inline-flex size-8 shrink-0 items-center justify-center rounded-circle text-gray-light transition-colors hover:bg-base-error-soft hover:text-error focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      {children ?? <MaterialSymbol className=\"text-[14px]\" name=\"delete\" />}\n    </button>\n  ),\n)\n\nScheduleEntryDelete.displayName = 'ScheduleEntryDelete'\n\nexport {\n  ScheduleEntry,\n  ScheduleEntryActions,\n  ScheduleEntryContent,\n  ScheduleEntryDelete,\n  ScheduleEntrySubtitle,\n  ScheduleEntryTitle,\n  ScheduleList,\n  ScheduleListAdd,\n  ScheduleListEmpty,\n}\n"],"mappings":";;;;;;AAIA,MAAM,eAAeA,QAAM,YAGxB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,OAAD;CACO;CACL,WAAW,GACT,uDACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AAED,aAAa,cAAc;AAE3B,MAAM,oBAAoBA,QAAM,YAG7B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,KAAD;CACO;CACL,WAAW,GAAG,qCAAqC,SAAS;CAC5D,GAAI;AACL,CAAA,CACF;AAED,kBAAkB,cAAc;AAOhC,MAAM,kBAAkBA,QAAM,YAG3B,EAAE,UAAU,WAAW,MAAM,OAAO,UAAU,GAAG,SAAS,QAC3D,qBAAC,UAAD;CACO;CACC;CACN,WAAW,GACT,kWACA,SACF;CACA,GAAI;WAPN,CASG,QAAQ,oBAAC,gBAAD;EAAgB,WAAU;EAAc,MAAK;CAAO,CAAA,GAC5D,QACK;EACT;AAED,gBAAgB,cAAc;AAQ9B,MAAM,gBAAgBA,QAAM,YACzB,EAAE,UAAU,WAAW,UAAU,SAAS,GAAG,SAAS,QAAQ;CAC7D,MAAM,cAAc,YAAY,KAAA,KAAa,CAAC;CAC9C,OACE,oBAAC,OAAD;EACO;EACL,MAAM,cAAc,WAAW,KAAA;EAC/B,UAAU,cAAc,IAAI,KAAA;EAC5B,SAAS,cAAc,UAAU,KAAA;EACjC,WACE,eACK,UAAU;GACT,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;IAC9C,MAAM,eAAe;IACrB,QAAQ;GACV;EACF,IACA,KAAA;EAEN,iBAAe,YAAY,KAAA;EAC3B,WAAW,GACT,uFACA,eACE,iHACF,YAAY,iCACZ,SACF;EACA,GAAI;EAEH;CACE,CAAA;AAET,CACF;AAEA,cAAc,cAAc;AAE5B,MAAM,uBAAuBA,QAAM,YAGhC,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,OAAD;CACO;CACL,WAAW,GAAG,wCAAwC,SAAS;CAC/D,GAAI;AACL,CAAA,CACF;AAED,qBAAqB,cAAc;AAEnC,MAAM,qBAAqBA,QAAM,YAG9B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,OAAD;CACO;CACL,WAAW,GACT,0EACA,SACF;CACA,GAAI;AACL,CAAA,CACF;AAED,mBAAmB,cAAc;AAEjC,MAAM,wBAAwBA,QAAM,YAGjC,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC,QAAD;CACO;CACL,WAAW,GAAG,oCAAoC,SAAS;CAC3D,GAAI;AACL,CAAA,CACF;AAED,sBAAsB,cAAc;;;AAIpC,MAAM,uBAAuBA,QAAM,YAGhC,EAAE,WAAW,SAAS,GAAG,SAAS,QACnC,oBAAC,OAAD;CACO;CACL,UAAU,UAAU;EAClB,MAAM,gBAAgB;EACtB,UAAU,KAAK;CACjB;CACA,WAAW,GAAG,sCAAsC,SAAS;CAC7D,GAAI;AACL,CAAA,CACF;AAED,qBAAqB,cAAc;AAInC,MAAM,sBAAsBA,QAAM,YAK9B,EACE,cAAc,YAAY,yBAC1B,UACA,WACA,SACA,OAAO,UACP,GAAG,SAEL,QAEA,oBAAC,UAAD;CACO;CACC;CACN,cAAY;CACZ,UAAU,UAAU;EAClB,MAAM,gBAAgB;EACtB,UAAU,KAAK;CACjB;CACA,WAAW,GACT,oRACA,SACF;CACA,GAAI;WAEH,YAAY,oBAAC,gBAAD;EAAgB,WAAU;EAAc,MAAK;CAAU,CAAA;AAC9D,CAAA,CAEZ;AAEA,oBAAoB,cAAc"}

package/dist/components/scroll-area.cjs

@@ -0,0 +1,53 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_chunk = require("../chunk-DY84GLCh.cjs");
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_scroll_area = require("@base-ui/react/scroll-area");
+let cnfast = require("cnfast");
+//#region src/components/scroll-area.tsx
+function ScrollArea({ className, children, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_scroll_area.ScrollArea.Root, {
+		"data-slot": "scroll-area",
+		className: (0, cnfast.cn)("relative", className),
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_scroll_area.ScrollArea.Viewport, {
+				"data-slot": "scroll-area-viewport",
+				className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-2 focus-visible:ring-spark-a7 focus-visible:outline-1 motion-reduce:transition-none",
+				children
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ScrollBar, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_scroll_area.ScrollArea.Corner, {})
+		]
+	});
+}
+function ScrollBar({ className, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_scroll_area.ScrollArea.Scrollbar, {
+		"data-slot": "scroll-area-scrollbar",
+		"data-orientation": orientation,
+		orientation,
+		className: (0, cnfast.cn)("flex touch-none p-px transition-colors select-none data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2.5 data-[orientation=vertical]:border-l data-[orientation=vertical]:border-l-transparent", "opacity-0 transition-[color,background-color,opacity] delay-[600ms] duration-150 data-hovering:opacity-100 data-hovering:delay-0 data-scrolling:opacity-100 data-scrolling:delay-0 motion-reduce:transition-none", className),
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_scroll_area.ScrollArea.Thumb, {
+			"data-slot": "scroll-area-thumb",
+			className: "relative flex-1 rounded-full bg-gray-a8"
+		})
+	});
+}
+const ScrollAreaRoot = _base_ui_react_scroll_area.ScrollArea.Root;
+const ScrollAreaViewport = _base_ui_react_scroll_area.ScrollArea.Viewport;
+const ScrollAreaScrollbar = _base_ui_react_scroll_area.ScrollArea.Scrollbar;
+const ScrollAreaThumb = _base_ui_react_scroll_area.ScrollArea.Thumb;
+const ScrollAreaCorner = _base_ui_react_scroll_area.ScrollArea.Corner;
+//#endregion
+exports.ScrollArea = ScrollArea;
+exports.ScrollAreaCorner = ScrollAreaCorner;
+exports.ScrollAreaRoot = ScrollAreaRoot;
+exports.ScrollAreaScrollbar = ScrollAreaScrollbar;
+exports.ScrollAreaThumb = ScrollAreaThumb;
+exports.ScrollAreaViewport = ScrollAreaViewport;
+exports.ScrollBar = ScrollBar;
+
+//# sourceMappingURL=scroll-area.cjs.map

package/dist/components/scroll-area.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.cjs","names":["ScrollAreaPrimitive"],"sources":["../../src/components/scroll-area.tsx"],"sourcesContent":["import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area'\nimport * as React from 'react'\nimport { cn } from '../utils/cn'\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn('relative', className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-2 focus-visible:ring-spark-a7 focus-visible:outline-1 motion-reduce:transition-none\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  )\n}\n\nfunction ScrollBar({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>) {\n  return (\n    <ScrollAreaPrimitive.Scrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      data-orientation={orientation}\n      orientation={orientation}\n      className={cn(\n        'flex touch-none p-px transition-colors select-none data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2.5 data-[orientation=vertical]:border-l data-[orientation=vertical]:border-l-transparent',\n        // radix type=\"hover\" behavior: fade in on hover/scroll, fade out 600ms later\n        'opacity-0 transition-[color,background-color,opacity] delay-[600ms] duration-150 data-hovering:opacity-100 data-hovering:delay-0 data-scrolling:opacity-100 data-scrolling:delay-0 motion-reduce:transition-none',\n        className,\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Thumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"relative flex-1 rounded-full bg-gray-a8\"\n      />\n    </ScrollAreaPrimitive.Scrollbar>\n  )\n}\n\n// Radix primitives for consumers that need a custom composition (e.g. an\n// aria-labelled focusable viewport or a horizontal-only scroll area)\nconst ScrollAreaRoot = ScrollAreaPrimitive.Root\nconst ScrollAreaViewport = ScrollAreaPrimitive.Viewport\nconst ScrollAreaScrollbar = ScrollAreaPrimitive.Scrollbar\nconst ScrollAreaThumb = ScrollAreaPrimitive.Thumb\nconst ScrollAreaCorner = ScrollAreaPrimitive.Corner\n\nexport {\n  ScrollArea,\n  ScrollAreaCorner,\n  ScrollAreaRoot,\n  ScrollAreaScrollbar,\n  ScrollAreaThumb,\n  ScrollAreaViewport,\n  ScrollBar,\n}\n"],"mappings":";;;;;;;;;AAIA,SAAS,WAAW,EAClB,WACA,UACA,GAAG,SACqD;CACxD,OACE,iBAAA,GAAA,kBAAA,MAACA,2BAAAA,WAAoB,MAArB;EACE,aAAU;EACV,YAAA,GAAA,OAAA,IAAc,YAAY,SAAS;EACnC,GAAI;YAHN;GAKE,iBAAA,GAAA,kBAAA,KAACA,2BAAAA,WAAoB,UAArB;IACE,aAAU;IACV,WAAU;IAET;GAC2B,CAAA;GAC9B,iBAAA,GAAA,kBAAA,KAAC,WAAD,CAAY,CAAA;GACZ,iBAAA,GAAA,kBAAA,KAACA,2BAAAA,WAAoB,QAArB,CAA6B,CAAA;EACL;;AAE9B;AAEA,SAAS,UAAU,EACjB,WACA,cAAc,YACd,GAAG,SAC0D;CAC7D,OACE,iBAAA,GAAA,kBAAA,KAACA,2BAAAA,WAAoB,WAArB;EACE,aAAU;EACV,oBAAkB;EACL;EACb,YAAA,GAAA,OAAA,IACE,sXAEA,oNACA,SACF;EACA,GAAI;YAEJ,iBAAA,GAAA,kBAAA,KAACA,2BAAAA,WAAoB,OAArB;GACE,aAAU;GACV,WAAU;EACX,CAAA;CAC4B,CAAA;AAEnC;AAIA,MAAM,iBAAiBA,2BAAAA,WAAoB;AAC3C,MAAM,qBAAqBA,2BAAAA,WAAoB;AAC/C,MAAM,sBAAsBA,2BAAAA,WAAoB;AAChD,MAAM,kBAAkBA,2BAAAA,WAAoB;AAC5C,MAAM,mBAAmBA,2BAAAA,WAAoB"}