@sixthshift/design-system 0.1.0 → 0.3.0

package/dist/components/Field/Field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,KAAK,mFAkBhB,CAAC"}

package/dist/components/Field/Field.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+export const Field = React.forwardRef(({ label, children, layout = "stacked", mono = true, className }, ref) => {
+    const valueClass = cn("text-fg-subtle text-xs", mono && "break-all font-mono");
+    if (layout === "row") {
+        return (_jsxs("div", { ref: ref, className: cn("flex items-baseline justify-between gap-3", className), children: [_jsx("span", { className: "shrink-0 text-fg-subtle text-sm", children: label }), _jsx("span", { className: cn(valueClass, "min-w-0 text-right"), children: children })] }));
+    }
+    return (_jsxs("div", { ref: ref, className: cn("flex flex-col gap-1", className), children: [_jsx("span", { className: "text-fg-subtle text-xs uppercase tracking-wide", children: label }), _jsx("span", { className: valueClass, children: children })] }));
+});
+Field.displayName = "Field";
+//# sourceMappingURL=Field.js.map

package/dist/components/Field/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwC/B,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA6B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE;IACzI,MAAM,UAAU,GAAG,EAAE,CAAC,wBAAwB,EAAE,IAAI,IAAI,qBAAqB,CAAC,CAAC;IAE/E,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;QACrB,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,aAClF,eAAM,SAAS,EAAC,iCAAiC,YAAE,KAAK,GAAQ,EAChE,eAAM,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,oBAAoB,CAAC,YAAG,QAAQ,GAAQ,IACpE,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAC5D,eAAM,SAAS,EAAC,gDAAgD,YAAE,KAAK,GAAQ,EAC/E,eAAM,SAAS,EAAE,UAAU,YAAG,QAAQ,GAAQ,IAC1C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/components/Field/index.d.ts

@@ -0,0 +1,2 @@
+export { Field, type FieldProps } from "./Field.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Field/index.js

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

package/dist/components/Field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC"}

package/dist/components/FormField/FormField.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export type FormFieldFeedback = {
+    message: string;
+    intent: "danger" | "success" | "warning";
+};
+export type FormFieldProps = React.HTMLAttributes<HTMLDivElement> & {
+    label: string;
+    description?: string;
+    feedback?: FormFieldFeedback;
+    required?: boolean;
+};
+declare const FormField: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    label: string;
+    description?: string;
+    feedback?: FormFieldFeedback;
+    required?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export { FormField };
+//# sourceMappingURL=FormField.d.ts.map

package/dist/components/FormField/FormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,SAAS;WANN,MAAM;kBACC,MAAM;eACT,iBAAiB;eACjB,OAAO;wCAoClB,CAAC;AAGH,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/FormField/FormField.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label } from "@sixthshift/design-system/label";
+import { Message } from "@sixthshift/design-system/message";
+import { Muted } from "@sixthshift/design-system/muted";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+const FormField = React.forwardRef(({ className, label, description, feedback, required, children, id, ...props }, ref) => {
+    const generatedId = React.useId();
+    const fieldId = id ?? generatedId;
+    const descriptionId = description ? `${fieldId}-description` : undefined;
+    const feedbackId = feedback ? `${fieldId}-feedback` : undefined;
+    return (_jsxs("div", { ref: ref, className: cn("flex flex-col gap-1.5", className), ...props, children: [_jsxs(Label, { htmlFor: fieldId, children: [label, required && _jsx("span", { className: "ml-0.5 text-fg-danger", children: "*" })] }), description && _jsx(Muted, { id: descriptionId, children: description }), React.Children.map(children, (child) => {
+                if (React.isValidElement(child)) {
+                    return React.cloneElement(child, {
+                        id: fieldId,
+                        "aria-describedby": cn(descriptionId, feedbackId) || undefined,
+                        "aria-invalid": feedback?.intent === "danger" ? true : undefined,
+                    });
+                }
+                return child;
+            }), feedback && (_jsx(Message, { id: feedbackId, intent: feedback.intent, size: "sm", children: feedback.message }))] }));
+});
+FormField.displayName = "FormField";
+export { FormField };
+//# sourceMappingURL=FormField.js.map

package/dist/components/FormField/FormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAiC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACxJ,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW,CAAC;IAClC,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,OAAO,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;IACzE,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,OAAO,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhE,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAAM,KAAK,aACzE,MAAC,KAAK,IAAC,OAAO,EAAE,OAAO,aACpB,KAAK,EACL,QAAQ,IAAI,eAAM,SAAS,EAAC,uBAAuB,kBAAS,IACvD,EAEP,WAAW,IAAI,KAAC,KAAK,IAAC,EAAE,EAAE,aAAa,YAAG,WAAW,GAAS,EAE9D,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBACtC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;oBAChC,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;wBAC/B,EAAE,EAAE,OAAO;wBACX,kBAAkB,EAAE,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,IAAI,SAAS;wBAC9D,cAAc,EAAE,QAAQ,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;qBAC5B,CAAC,CAAC;gBAC1C,CAAC;gBACD,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,EAED,QAAQ,IAAI,CACX,KAAC,OAAO,IAAC,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,IAAI,EAAC,IAAI,YACxD,QAAQ,CAAC,OAAO,GACT,CACX,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/FormField/index.d.ts

@@ -0,0 +1,3 @@
+export type { FormFieldFeedback, FormFieldProps } from "./FormField.js";
+export { FormField } from "./FormField.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FormField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/FormField/index.js

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

package/dist/components/FormField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormField/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/HeatMap/HeatMapCalendar.d.ts

@@ -0,0 +1,11 @@
+import type * as React from "react";
+import { type HeatMapCell } from "./heat-map.utils.js";
+export type HeatMapCalendarProps = React.HTMLAttributes<HTMLDivElement> & {
+    data: HeatMapCell[];
+    colorScale?: string[];
+    cellSize?: number;
+    cellGap?: number;
+    formatTooltip?: (cell: HeatMapCell) => string;
+};
+export declare const HeatMapCalendar: ({ data, colorScale, cellSize, cellGap, formatTooltip, className, ...rest }: HeatMapCalendarProps) => React.JSX.Element | null;
+//# sourceMappingURL=HeatMapCalendar.d.ts.map

package/dist/components/HeatMap/HeatMapCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatMapCalendar.d.ts","sourceRoot":"","sources":["../../../src/components/HeatMap/HeatMapCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAA2D,KAAK,WAAW,EAAe,MAAM,kBAAkB,CAAC;AAE1H,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACxE,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,MAAM,CAAC;CAC/C,CAAC;AAgEF,eAAO,MAAM,eAAe,+EAQzB,oBAAoB,6BA2CtB,CAAC"}

package/dist/components/HeatMap/HeatMapCalendar.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import { Temporal } from "../../date-time/index.js";
+import { DAY_KEYS, DAY_LABELS, DEFAULT_COLOR_SCALE, getIntensity, MONTH_NAMES } from "./heat-map.utils.js";
+function buildMonthGrids(data) {
+    const dataMap = new Map(data.map((d) => [d.date, d.value]));
+    const dates = data.map((d) => Temporal.PlainDate.from(d.date)).sort(Temporal.PlainDate.compare);
+    const minDate = dates[0];
+    const maxDate = dates[dates.length - 1];
+    const months = [];
+    let cursor = Temporal.PlainDate.from({ year: minDate.year, month: minDate.month, day: 1 });
+    const endMonth = Temporal.PlainDate.from({ year: maxDate.year, month: maxDate.month, day: 1 });
+    while (Temporal.PlainDate.compare(cursor, endMonth) <= 0) {
+        const year = cursor.year;
+        const month = cursor.month;
+        const daysInMonth = cursor.daysInMonth;
+        const weeks = [];
+        let currentWeek = [];
+        const firstDow = cursor.dayOfWeek - 1;
+        for (let i = 0; i < firstDow; i++) {
+            currentWeek.push(null);
+        }
+        for (let day = 1; day <= daysInMonth; day++) {
+            const date = Temporal.PlainDate.from({ year, month, day });
+            const dateStr = date.toString();
+            const col = date.dayOfWeek - 1;
+            currentWeek.push({ date: dateStr, value: dataMap.get(dateStr) ?? 0, col });
+            if (col === 6 || day === daysInMonth) {
+                if (day === daysInMonth && col < 6) {
+                    for (let i = col + 1; i <= 6; i++) {
+                        currentWeek.push(null);
+                    }
+                }
+                weeks.push(currentWeek);
+                currentWeek = [];
+            }
+        }
+        months.push({
+            year,
+            month,
+            label: `${MONTH_NAMES[month - 1]} ${year}`,
+            weeks,
+        });
+        cursor = month === 12 ? Temporal.PlainDate.from({ year: year + 1, month: 1, day: 1 }) : Temporal.PlainDate.from({ year, month: month + 1, day: 1 });
+    }
+    return months;
+}
+export const HeatMapCalendar = ({ data, colorScale = DEFAULT_COLOR_SCALE, cellSize = 12, cellGap = 2, formatTooltip, className, ...rest }) => {
+    if (data.length === 0)
+        return null;
+    const maxValue = Math.max(...data.map((d) => d.value), 1);
+    const months = buildMonthGrids(data);
+    const step = cellSize + cellGap;
+    const gridWidth = 7 * step;
+    return (_jsx("div", { ...rest, className: cn("flex flex-wrap gap-4", className), children: months.map((month) => {
+            const headerHeight = 24;
+            const dayLabelHeight = 14;
+            const svgHeight = headerHeight + dayLabelHeight + month.weeks.length * step;
+            return (_jsxs("svg", { width: gridWidth, height: svgHeight, className: "overflow-visible", role: "img", children: [_jsx("title", { children: month.label }), _jsx("text", { x: 0, y: 14, className: "fill-fg-normal", fontSize: 12, fontWeight: 500, children: month.label }), DAY_LABELS.map((label, i) => (_jsx("text", { x: i * step + cellSize / 2, y: headerHeight + 10, textAnchor: "middle", className: "fill-fg-subtle", fontSize: 9, children: label }, `day-${DAY_KEYS[i]}`))), month.weeks.map((week, wi) => week.map((cell) => {
+                        if (!cell)
+                            return null;
+                        const intensity = getIntensity(cell.value, maxValue, colorScale.length);
+                        const fill = cell.value > 0 ? colorScale[intensity] : colorScale[0];
+                        return (_jsx("rect", { x: cell.col * step, y: headerHeight + dayLabelHeight + wi * step, width: cellSize, height: cellSize, rx: 2, fill: fill, children: formatTooltip && _jsx("title", { children: formatTooltip({ date: cell.date, value: cell.value }) }) }, cell.date));
+                    }))] }, month.label));
+        }) }));
+};
+//# sourceMappingURL=HeatMapCalendar.js.map

package/dist/components/HeatMap/HeatMapCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatMapCalendar.js","sourceRoot":"","sources":["../../../src/components/HeatMap/HeatMapCalendar.tsx"],"names":[],"mappings":"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"}

package/dist/components/HeatMap/HeatMapMatrix.d.ts

@@ -0,0 +1,12 @@
+import type * as React from "react";
+import { type HeatMapCell } from "./heat-map.utils.js";
+export type HeatMapMatrixProps = React.HTMLAttributes<HTMLDivElement> & {
+    data: HeatMapCell[];
+    colorScale?: string[];
+    cellSize?: number;
+    cellGap?: number;
+    showDayLabels?: boolean;
+    formatTooltip?: (cell: HeatMapCell) => string;
+};
+export declare const HeatMapMatrix: ({ data, colorScale, cellSize, cellGap, showDayLabels, formatTooltip, className, ...rest }: HeatMapMatrixProps) => React.JSX.Element | null;
+//# sourceMappingURL=HeatMapMatrix.d.ts.map

package/dist/components/HeatMap/HeatMapMatrix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatMapMatrix.d.ts","sourceRoot":"","sources":["../../../src/components/HeatMap/HeatMapMatrix.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAA2D,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE7G,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACtE,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,MAAM,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,aAAa,8FASvB,kBAAkB,6BAmDpB,CAAC"}

package/dist/components/HeatMap/HeatMapMatrix.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import { Temporal } from "../../date-time/index.js";
+import { DAY_KEYS, DAY_LABELS, DEFAULT_COLOR_SCALE, getIntensity } from "./heat-map.utils.js";
+export const HeatMapMatrix = ({ data, colorScale = DEFAULT_COLOR_SCALE, cellSize = 12, cellGap = 2, showDayLabels = true, formatTooltip, className, ...rest }) => {
+    if (data.length === 0)
+        return null;
+    const maxValue = Math.max(...data.map((d) => d.value), 1);
+    const sorted = [...data].map((d) => ({ ...d, plain: Temporal.PlainDate.from(d.date) })).sort((a, b) => Temporal.PlainDate.compare(a.plain, b.plain));
+    const rows = [];
+    let currentRow = [];
+    let lastDow = -1;
+    for (const cell of sorted) {
+        const dow = cell.plain.dayOfWeek - 1;
+        if (dow <= lastDow && currentRow.length > 0) {
+            rows.push(currentRow);
+            currentRow = [];
+        }
+        currentRow.push({ date: cell.date, value: cell.value, col: dow });
+        lastDow = dow;
+    }
+    if (currentRow.length > 0)
+        rows.push(currentRow);
+    const step = cellSize + cellGap;
+    const labelHeight = showDayLabels ? 14 : 0;
+    const gridWidth = 7 * step;
+    const gridHeight = rows.length * step;
+    return (_jsx("div", { ...rest, className: cn("inline-block", className), children: _jsxs("svg", { width: gridWidth, height: gridHeight + labelHeight, className: "overflow-visible", role: "img", children: [_jsx("title", { children: "Heat map" }), showDayLabels &&
+                    DAY_LABELS.map((label, i) => (_jsx("text", { x: i * step + cellSize / 2, y: 10, textAnchor: "middle", className: "fill-fg-subtle", fontSize: 9, children: label }, `col-${DAY_KEYS[i]}`))), rows.map((row, ri) => row.map((cell) => {
+                    const intensity = getIntensity(cell.value, maxValue, colorScale.length);
+                    const fill = cell.value > 0 ? colorScale[intensity] : colorScale[0];
+                    return (_jsx("rect", { x: cell.col * step, y: labelHeight + ri * step, width: cellSize, height: cellSize, rx: 2, fill: fill, children: formatTooltip && _jsx("title", { children: formatTooltip({ date: cell.date, value: cell.value }) }) }, cell.date));
+                }))] }) }));
+};
+//# sourceMappingURL=HeatMapMatrix.js.map

package/dist/components/HeatMap/HeatMapMatrix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatMapMatrix.js","sourceRoot":"","sources":["../../../src/components/HeatMap/HeatMapMatrix.tsx"],"names":[],"mappings":"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"}

package/dist/components/HeatMap/heat-map.utils.d.ts

@@ -0,0 +1,10 @@
+export type HeatMapCell = {
+    date: string;
+    value: number;
+};
+export declare const DAY_LABELS: string[];
+export declare const DAY_KEYS: string[];
+export declare const MONTH_NAMES: string[];
+export declare const DEFAULT_COLOR_SCALE: string[];
+export declare function getIntensity(value: number, max: number, levels: number): number;
+//# sourceMappingURL=heat-map.utils.d.ts.map

package/dist/components/HeatMap/heat-map.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heat-map.utils.d.ts","sourceRoot":"","sources":["../../../src/components/HeatMap/heat-map.utils.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,UAAU,UAAsC,CAAC;AAC9D,eAAO,MAAM,QAAQ,UAAoD,CAAC;AAC1E,eAAO,MAAM,WAAW,UAAuF,CAAC;AAEhH,eAAO,MAAM,mBAAmB,UAA8F,CAAC;AAE/H,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAG/E"}

package/dist/components/HeatMap/heat-map.utils.js

@@ -0,0 +1,10 @@
+export const DAY_LABELS = ["M", "T", "W", "T", "F", "S", "S"];
+export const DAY_KEYS = ["mon", "tue", "wed", "thu", "fri", "sat", "sun"];
+export const MONTH_NAMES = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+export const DEFAULT_COLOR_SCALE = ["var(--bg-subtle)", "var(--bg-brand-subtle)", "var(--bg-brand)", "var(--bg-brand-strong)"];
+export function getIntensity(value, max, levels) {
+    if (value <= 0 || max <= 0)
+        return 0;
+    return Math.ceil(Math.min(value / max, 1) * (levels - 1));
+}
+//# sourceMappingURL=heat-map.utils.js.map

package/dist/components/HeatMap/heat-map.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heat-map.utils.js","sourceRoot":"","sources":["../../../src/components/HeatMap/heat-map.utils.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AAC9D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;AAC1E,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;AAEhH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,kBAAkB,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,wBAAwB,CAAC,CAAC;AAE/H,MAAM,UAAU,YAAY,CAAC,KAAa,EAAE,GAAW,EAAE,MAAc;IACrE,IAAI,KAAK,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAAE,OAAO,CAAC,CAAC;IACrC,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;AAC5D,CAAC"}

package/dist/components/HeatMap/index.d.ts

@@ -0,0 +1,4 @@
+export { HeatMapCalendar, type HeatMapCalendarProps } from "./HeatMapCalendar.js";
+export { HeatMapMatrix, type HeatMapMatrixProps } from "./HeatMapMatrix.js";
+export type { HeatMapCell } from "./heat-map.utils.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/HeatMap/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HeatMap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/HeatMap/index.js

@@ -0,0 +1,3 @@
+export { HeatMapCalendar } from "./HeatMapCalendar.js";
+export { HeatMapMatrix } from "./HeatMapMatrix.js";
+//# sourceMappingURL=index.js.map

package/dist/components/HeatMap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HeatMap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAA6B,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAA2B,MAAM,iBAAiB,CAAC"}

package/dist/components/HoverCard/HoverCard.d.ts

@@ -0,0 +1,30 @@
+import { type Placement } from "@floating-ui/react";
+import type * as React from "react";
+import { HoverCardContent } from "./components/HoverCardContent.js";
+import { HoverCardTrigger } from "./components/HoverCardTrigger.js";
+export type HoverCardProps = {
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Default open state for uncontrolled mode */
+    defaultOpen?: boolean;
+    /** Placement relative to trigger */
+    placement?: Placement;
+    /** Delay before showing (ms). Defaults to 500ms — longer than a tooltip so hover-cards don't pop on incidental hover. */
+    delayShow?: number;
+    /** Delay before hiding (ms). Defaults to 200ms. */
+    delayHide?: number;
+    /** Offset from trigger in pixels */
+    offsetPx?: number;
+    /** Children — compound components */
+    children: React.ReactNode;
+};
+declare const HoverCardRoot: ({ open: controlledOpen, onOpenChange, defaultOpen, placement, delayShow, delayHide, offsetPx, children, }: HoverCardProps) => React.JSX.Element;
+type HoverCardComponent = typeof HoverCardRoot & {
+    Trigger: typeof HoverCardTrigger;
+    Content: typeof HoverCardContent;
+};
+export declare const HoverCard: HoverCardComponent;
+export {};
+//# sourceMappingURL=HoverCard.d.ts.map

package/dist/components/HoverCard/HoverCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.d.ts","sourceRoot":"","sources":["../../../src/components/HoverCard/HoverCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,SAAS,EAAoF,MAAM,oBAAoB,CAAC;AAEhK,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE,MAAM,MAAM,cAAc,GAAG;IAC3B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oCAAoC;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,yHAAyH;IACzH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,aAAa,8GAShB,cAAc,sBAqChB,CAAC;AAEF,KAAK,kBAAkB,GAAG,OAAO,aAAa,GAAG;IAC/C,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,OAAO,EAAE,OAAO,gBAAgB,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,kBAGtB,CAAC"}

package/dist/components/HoverCard/HoverCard.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { autoUpdate, flip, offset, safePolygon, shift, useDismiss, useFloating, useFocus, useHover, useInteractions } from "@floating-ui/react";
+import { useControllableState } from "@sixthshift/design-system/hooks";
+import { HoverCardContent } from "./components/HoverCardContent.js";
+import { HoverCardContext } from "./components/HoverCardContext.js";
+import { HoverCardTrigger } from "./components/HoverCardTrigger.js";
+const HoverCardRoot = ({ open: controlledOpen, onOpenChange, defaultOpen = false, placement = "bottom-start", delayShow = 500, delayHide = 200, offsetPx = 8, children, }) => {
+    const [open, setOpen] = useControllableState({
+        value: controlledOpen,
+        defaultValue: defaultOpen,
+        onChange: onOpenChange,
+    });
+    const { refs, floatingStyles, context } = useFloating({
+        open,
+        onOpenChange: setOpen,
+        placement,
+        strategy: "fixed",
+        middleware: [offset(offsetPx), flip(), shift({ padding: 8 })],
+        whileElementsMounted: autoUpdate,
+    });
+    const hover = useHover(context, {
+        delay: { open: delayShow, close: delayHide },
+        handleClose: safePolygon(),
+    });
+    const focus = useFocus(context);
+    const dismiss = useDismiss(context);
+    const { getReferenceProps, getFloatingProps } = useInteractions([hover, focus, dismiss]);
+    const contextValue = {
+        open,
+        refs: {
+            setReference: refs.setReference,
+            setFloating: refs.setFloating,
+        },
+        floatingStyles,
+        getReferenceProps,
+        getFloatingProps,
+    };
+    return _jsx(HoverCardContext.Provider, { value: contextValue, children: children });
+};
+export const HoverCard = Object.assign(HoverCardRoot, {
+    Trigger: HoverCardTrigger,
+    Content: HoverCardContent,
+});
+//# sourceMappingURL=HoverCard.js.map

package/dist/components/HoverCard/HoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.js","sourceRoot":"","sources":["../../../src/components/HoverCard/HoverCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,EAAkB,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAChK,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAEvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAqBjE,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,cAAc,EAC1B,SAAS,GAAG,GAAG,EACf,SAAS,GAAG,GAAG,EACf,QAAQ,GAAG,CAAC,EACZ,QAAQ,GACO,EAAE,EAAE;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,oBAAoB,CAAC;QAC3C,KAAK,EAAE,cAAc;QACrB,YAAY,EAAE,WAAW;QACzB,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,WAAW,CAAC;QACpD,IAAI;QACJ,YAAY,EAAE,OAAO;QACrB,SAAS;QACT,QAAQ,EAAE,OAAO;QACjB,UAAU,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;QAC7D,oBAAoB,EAAE,UAAU;KACjC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAE;QAC9B,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;QAC5C,WAAW,EAAE,WAAW,EAAE;KAC3B,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAEpC,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,eAAe,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzF,MAAM,YAAY,GAAG;QACnB,IAAI;QACJ,IAAI,EAAE;YACJ,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,WAAW,EAAE,IAAI,CAAC,WAAW;SAC9B;QACD,cAAc;QACd,iBAAiB;QACjB,gBAAgB;KACjB,CAAC;IAEF,OAAO,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAA6B,CAAC;AAChG,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,SAAS,GAAuB,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE;IACxE,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;CAC1B,CAAC,CAAC"}

package/dist/components/HoverCard/components/HoverCardContent.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export type HoverCardContentProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const HoverCardContent: React.ForwardRefExoticComponent<HoverCardContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=HoverCardContent.d.ts.map

package/dist/components/HoverCard/components/HoverCardContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/HoverCard/components/HoverCardContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzE,eAAO,MAAM,gBAAgB,8FAqB3B,CAAC"}

package/dist/components/HoverCard/components/HoverCardContent.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FloatingPortal } from "@floating-ui/react";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+import { useHoverCardContext } from "./HoverCardContext.js";
+export const HoverCardContent = React.forwardRef(({ className, children, ...props }, forwardedRef) => {
+    const { open, refs, floatingStyles, getFloatingProps } = useHoverCardContext();
+    if (!open)
+        return null;
+    return (_jsx(FloatingPortal, { children: _jsx("div", { ref: (node) => {
+                refs.setFloating(node);
+                if (typeof forwardedRef === "function")
+                    forwardedRef(node);
+                else if (forwardedRef)
+                    forwardedRef.current = node;
+            }, style: floatingStyles, className: cn("z-popover w-80 rounded-lg border border-border-normal bg-bg-normal p-4 shadow-lg", className), ...getFloatingProps(props), children: children }) }));
+});
+HoverCardContent.displayName = "HoverCardContent";
+//# sourceMappingURL=HoverCardContent.js.map

package/dist/components/HoverCard/components/HoverCardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardContent.js","sourceRoot":"","sources":["../../../../src/components/HoverCard/components/HoverCardContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAIzD,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAwC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IAC1I,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAE/E,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,OAAO,CACL,KAAC,cAAc,cACb,cACE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;gBACZ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBACvB,IAAI,OAAO,YAAY,KAAK,UAAU;oBAAE,YAAY,CAAC,IAAI,CAAC,CAAC;qBACtD,IAAI,YAAY;oBAAE,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;YACrD,CAAC,EACD,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,EAAE,CAAC,kFAAkF,EAAE,SAAS,CAAC,KACxG,gBAAgB,CAAC,KAAK,CAAC,YAE1B,QAAQ,GACL,GACS,CAClB,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/components/HoverCard/components/HoverCardContext.d.ts

@@ -0,0 +1,13 @@
+export type HoverCardContextValue = {
+    open: boolean;
+    refs: {
+        setReference: (node: HTMLElement | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    };
+    floatingStyles: React.CSSProperties;
+    getReferenceProps: (props?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getFloatingProps: (props?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+};
+export declare const HoverCardContext: import("react").Context<HoverCardContextValue | null>;
+export declare function useHoverCardContext(): HoverCardContextValue;
+//# sourceMappingURL=HoverCardContext.d.ts.map

package/dist/components/HoverCard/components/HoverCardContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardContext.d.ts","sourceRoot":"","sources":["../../../../src/components/HoverCard/components/HoverCardContext.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE;QACJ,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;QACjD,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;KACjD,CAAC;IACF,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,iBAAiB,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrF,gBAAgB,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACrF,CAAC;AAEF,eAAO,MAAM,gBAAgB,uDAAoD,CAAC;AAElF,wBAAgB,mBAAmB,0BAMlC"}

package/dist/components/HoverCard/components/HoverCardContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+export const HoverCardContext = createContext(null);
+export function useHoverCardContext() {
+    const context = useContext(HoverCardContext);
+    if (!context) {
+        throw new Error("HoverCard compound components must be used within <HoverCard>");
+    }
+    return context;
+}
+//# sourceMappingURL=HoverCardContext.js.map

package/dist/components/HoverCard/components/HoverCardContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardContext.js","sourceRoot":"","sources":["../../../../src/components/HoverCard/components/HoverCardContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAalD,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAA+B,IAAI,CAAC,CAAC;AAElF,MAAM,UAAU,mBAAmB;IACjC,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,+DAA+D,CAAC,CAAC;IACnF,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/components/HoverCard/components/HoverCardTrigger.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export type HoverCardTriggerProps = React.HTMLAttributes<HTMLElement> & {
+    /** Render as child element (default true — hover-cards typically wrap an existing inline element). */
+    asChild?: boolean;
+};
+export declare const HoverCardTrigger: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    /** Render as child element (default true — hover-cards typically wrap an existing inline element). */
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=HoverCardTrigger.d.ts.map

package/dist/components/HoverCard/components/HoverCardTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/HoverCard/components/HoverCardTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IACtE,sGAAsG;IACtG,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,gBAAgB;IAJ3B,sGAAsG;cAC5F,OAAO;qCAuBjB,CAAC"}

package/dist/components/HoverCard/components/HoverCardTrigger.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "../../../internal/Slot.js";
+import { useHoverCardContext } from "./HoverCardContext.js";
+export const HoverCardTrigger = React.forwardRef(({ asChild = true, children, className, ...props }, forwardedRef) => {
+    const { refs, getReferenceProps } = useHoverCardContext();
+    const Comp = asChild ? Slot : "span";
+    return (_jsx(Comp, { ref: (node) => {
+            refs.setReference(node);
+            if (typeof forwardedRef === "function")
+                forwardedRef(node);
+            else if (forwardedRef)
+                forwardedRef.current = node;
+        }, 
+        // When rendering as a span wrapper (not asChild), use block layout so the
+        // bounding box matches the wrapped element. Without this, the span has
+        // inline layout and floating-ui anchors to the wrong position.
+        className: asChild ? className : `block ${className ?? ""}`.trim(), ...getReferenceProps(props), children: children }));
+});
+HoverCardTrigger.displayName = "HoverCardTrigger";
+//# sourceMappingURL=HoverCardTrigger.js.map

package/dist/components/HoverCard/components/HoverCardTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCardTrigger.js","sourceRoot":"","sources":["../../../../src/components/HoverCard/components/HoverCardTrigger.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAOzD,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE;IACvJ,MAAM,EAAE,IAAI,EAAE,iBAAiB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC1D,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAErC,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,CAAC,IAAwB,EAAE,EAAE;YAChC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YACxB,IAAI,OAAO,YAAY,KAAK,UAAU;gBAAE,YAAY,CAAC,IAAI,CAAC,CAAC;iBACtD,IAAI,YAAY;gBAAG,YAAsD,CAAC,OAAO,GAAG,IAAI,CAAC;QAChG,CAAC;QACD,0EAA0E;QAC1E,uEAAuE;QACvE,+DAA+D;QAC/D,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,SAAS,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,KAC9D,iBAAiB,CAAC,KAAK,CAAC,YAE3B,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/components/HoverCard/index.d.ts

@@ -0,0 +1,4 @@
+export { HoverCardContent, type HoverCardContentProps } from "./components/HoverCardContent.js";
+export { HoverCardTrigger, type HoverCardTriggerProps } from "./components/HoverCardTrigger.js";
+export { HoverCard, type HoverCardProps } from "./HoverCard.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/HoverCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HoverCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/HoverCard/index.js

@@ -0,0 +1,4 @@
+export { HoverCardContent } from "./components/HoverCardContent.js";
+export { HoverCardTrigger } from "./components/HoverCardTrigger.js";
+export { HoverCard } from "./HoverCard.js";
+//# sourceMappingURL=index.js.map

package/dist/components/HoverCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HoverCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAA8B,MAAM,+BAA+B,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAA8B,MAAM,+BAA+B,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC"}

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+};
+declare const Input: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/Input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAOF,QAAA,MAAM,KAAK;eATE,KAAK,CAAC,SAAS;gBACd,KAAK,CAAC,SAAS;0CAuC3B,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Input/Input.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+const iconSlotStyles = `absolute top-1/2 -translate-y-1/2 text-fg-subtle
+  [&_svg]:h-4 [&_svg]:w-4
+  [&_button]:flex [&_button]:cursor-pointer [&_button]:appearance-none
+  [&_button]:border-0 [&_button]:bg-transparent`;
+const Input = React.forwardRef(({ className, type, iconLeft, iconRight, ...props }, ref) => {
+    if (iconLeft || iconRight) {
+        return (_jsxs("div", { className: cn("relative h-9 w-full text-sm", className), children: [iconLeft && _jsx("span", { className: cn(iconSlotStyles, "left-3"), children: iconLeft }), _jsx("input", { type: type, className: cn(`flex h-full w-full rounded-md border border-border-normal bg-bg-normal py-1 text-[length:inherit] shadow-xs transition-colors file:border-0 file:bg-bg-normal file:font-medium file:text-fg-normal file:text-sm placeholder:text-fg-subtle focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:opacity-50`, iconLeft ? "pl-9" : "pl-3", iconRight ? "pr-9" : "pr-3"), ref: ref, ...props }), iconRight && _jsx("span", { className: cn(iconSlotStyles, "right-3"), children: iconRight })] }));
+    }
+    return (_jsx("input", { type: type, className: cn(`flex h-9 w-full rounded-md border border-border-normal bg-bg-normal px-3 py-1 text-sm shadow-xs transition-colors file:border-0 file:bg-bg-normal file:font-medium file:text-fg-normal file:text-sm placeholder:text-fg-subtle focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:opacity-50`, className), ref: ref, ...props }));
+});
+Input.displayName = "Input";
+export { Input };
+//# sourceMappingURL=Input.js.map

package/dist/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,cAAc,GAAG;;;gDAGyB,CAAC;AAEjD,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACvH,IAAI,QAAQ,IAAI,SAAS,EAAE,CAAC;QAC1B,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,aACzD,QAAQ,IAAI,eAAM,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,QAAQ,CAAC,YAAG,QAAQ,GAAQ,EAC7E,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,4WAA4W,EAC5W,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC1B,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAC5B,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,EACD,SAAS,IAAI,eAAM,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,YAAG,SAAS,GAAQ,IAC5E,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX,gWAAgW,EAChW,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { Input, type InputProps } from "./Input.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC"}