@hyperpackai/hyperui 0.1.0

package/dist/components/Zoom/index.js

@@ -0,0 +1,13 @@
+import { injectCSS, cn, h } from "../../theme/index.js";
+const CSS = `
+.hu-zoom { transition: transform var(--hu-duration) cubic-bezier(.34,1.56,.64,1), opacity var(--hu-duration) var(--hu-ease); transform-origin: center center; }
+.hu-zoom--in  { transform: scale(1); opacity: 1; }
+.hu-zoom--out { transform: scale(0); opacity: 0; pointer-events: none; }
+`;
+export function Zoom(props) {
+    injectCSS("hu-zoom", CSS);
+    if (!props.in && props.unmountOnExit)
+        return null;
+    const style = props.timeout ? `transition-duration:${props.timeout}ms` : undefined;
+    return h("div", { class: cn("hu-zoom", props.in ? "hu-zoom--in" : "hu-zoom--out", props.class), style }, props.children);
+}

package/dist/components/ai.d.ts

@@ -0,0 +1,133 @@
+/**
+ * HyperUI AI Components
+ * AIChat · AIForm · AIGrid · AIChart
+ */
+import { type VNode } from "../theme/index.js";
+import { type SelectOption } from "./Select/index.js";
+export type AIMessageRole = "system" | "user" | "assistant" | "tool";
+export interface AIMessage {
+    id: string;
+    role: AIMessageRole;
+    content: string;
+    timestamp?: string;
+    status?: "pending" | "streaming" | "complete" | "error";
+}
+export interface AIChatProps {
+    messages: AIMessage[];
+    prompt?: string;
+    title?: string;
+    description?: string;
+    placeholder?: string;
+    loading?: boolean;
+    class?: string;
+    onPromptChange?: (prompt: string) => void;
+    onSend?: (prompt: string) => void;
+}
+export declare function AIChat(props: AIChatProps): VNode;
+export interface AIFormField {
+    name: string;
+    label: string;
+    value?: string;
+    suggestion?: string;
+    confidence?: number;
+    options?: SelectOption[];
+}
+export interface AIFormProps {
+    fields: AIFormField[];
+    title?: string;
+    description?: string;
+    class?: string;
+    onFieldChange?: (name: string, value: string) => void;
+    onApplySuggestion?: (name: string, suggestion: string) => void;
+}
+export declare function AIForm(props: AIFormProps): VNode;
+export interface AIGridColumn {
+    key: string;
+    header: string;
+}
+export interface AIGridInsight {
+    id: string;
+    title: string;
+    description?: string;
+    severity?: "info" | "success" | "warning" | "error";
+}
+export interface AIGridProps {
+    columns: AIGridColumn[];
+    rows: Array<Record<string, unknown>>;
+    insights?: AIGridInsight[];
+    title?: string;
+    description?: string;
+    class?: string;
+    onInsightClick?: (insight: AIGridInsight) => void;
+}
+export declare function AIGrid(props: AIGridProps): VNode;
+export interface AIChartDatum {
+    label: string;
+    value: number;
+}
+export interface AIChartProps {
+    data: AIChartDatum[];
+    insights?: AIGridInsight[];
+    title?: string;
+    description?: string;
+    class?: string;
+    onInsightClick?: (insight: AIGridInsight) => void;
+}
+export declare function AIChart(props: AIChartProps): VNode;
+export interface AIDashboardMetric {
+    id: string;
+    label: string;
+    value: string | number;
+    trend?: string;
+}
+export interface AIDashboardProps {
+    metrics: AIDashboardMetric[];
+    insights?: AIGridInsight[];
+    columns?: number;
+    title?: string;
+    description?: string;
+    class?: string;
+    onInsightClick?: (insight: AIGridInsight) => void;
+}
+export declare function AIDashboard(props: AIDashboardProps): VNode;
+export interface AIInsightsProps {
+    insights: AIGridInsight[];
+    title?: string;
+    description?: string;
+    class?: string;
+    onInsightClick?: (insight: AIGridInsight) => void;
+}
+export declare function AIInsights(props: AIInsightsProps): VNode;
+export interface AIWizardStep {
+    id: string;
+    title: string;
+    description?: string;
+    content?: unknown;
+    status?: "pending" | "active" | "complete" | "error";
+}
+export interface AIWizardProps {
+    steps: AIWizardStep[];
+    activeStep?: string;
+    title?: string;
+    description?: string;
+    class?: string;
+    onStepChange?: (id: string) => void;
+    onComplete?: () => void;
+}
+export declare function AIWizard(props: AIWizardProps): VNode;
+export interface AIReportSection {
+    id: string;
+    title: string;
+    content: string;
+    confidence?: number;
+}
+export interface AIReportProps {
+    sections: AIReportSection[];
+    title?: string;
+    description?: string;
+    generatedAt?: string;
+    class?: string;
+    onExport?: () => void;
+}
+export declare function AIReport(props: AIReportProps): VNode;
+//# sourceMappingURL=ai.d.ts.map

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

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

package/dist/components/ai.js

@@ -0,0 +1,184 @@
+/**
+ * HyperUI AI Components
+ * AIChat · AIForm · AIGrid · AIChart
+ */
+import { injectCSS, cn, h } from "../theme/index.js";
+import { Button } from "./Button/index.js";
+import { Input } from "./Input/index.js";
+import { Select } from "./Select/index.js";
+const AI_CSS = `
+.hu-ai {
+  display: flex; flex-direction: column; gap: var(--hu-space-3);
+  padding: var(--hu-space-4); border: 1px solid var(--hu-border);
+  border-radius: var(--hu-radius-md); background: var(--hu-bg); color: var(--hu-text);
+}
+.hu-ai__header {
+  display: flex; align-items: flex-start; justify-content: space-between;
+  gap: var(--hu-space-3); flex-wrap: wrap;
+}
+.hu-ai__title { font-size: var(--hu-font-size-sm); font-weight: var(--hu-font-weight-semibold); color: var(--hu-text); }
+.hu-ai__meta { font-size: var(--hu-font-size-xs); color: var(--hu-text-2); }
+.hu-ai-chat__messages { display: flex; flex-direction: column; gap: var(--hu-space-2); max-height: 360px; overflow: auto; }
+.hu-ai-message {
+  display: flex; flex-direction: column; gap: var(--hu-space-1);
+  max-width: 86%; padding: var(--hu-space-3); border: 1px solid var(--hu-border);
+  border-radius: var(--hu-radius); background: var(--hu-bg-2);
+}
+.hu-ai-message--user { align-self: flex-end; background: var(--hu-primary-bg); color: var(--hu-primary); }
+.hu-ai-message--assistant { align-self: flex-start; }
+.hu-ai-message__role { font-size: var(--hu-font-size-xs); font-weight: var(--hu-font-weight-semibold); color: var(--hu-text-2); }
+.hu-ai-message__content { font-size: var(--hu-font-size-sm); white-space: pre-wrap; overflow-wrap: anywhere; }
+.hu-ai-chat__composer { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--hu-space-2); align-items: end; }
+.hu-ai-form__fields,
+.hu-ai-grid__insights,
+.hu-ai-chart__insights { display: flex; flex-direction: column; gap: var(--hu-space-2); }
+.hu-ai-form__field {
+  display: grid; grid-template-columns: minmax(160px, .6fr) minmax(0, 1fr);
+  gap: var(--hu-space-2); align-items: start; padding: var(--hu-space-3);
+  border: 1px solid var(--hu-border); border-radius: var(--hu-radius); background: var(--hu-bg-2);
+}
+.hu-ai-form__suggestion,
+.hu-ai-insight {
+  padding: var(--hu-space-3); border: 1px solid var(--hu-border);
+  border-radius: var(--hu-radius); background: var(--hu-bg-2);
+}
+.hu-ai-insight__title { font-size: var(--hu-font-size-sm); font-weight: var(--hu-font-weight-semibold); }
+.hu-ai-insight__body { font-size: var(--hu-font-size-xs); color: var(--hu-text-2); margin-top: 2px; }
+.hu-ai-grid__table { overflow: auto; border: 1px solid var(--hu-border); border-radius: var(--hu-radius); }
+.hu-ai-grid__table table { width: 100%; border-collapse: collapse; table-layout: fixed; }
+.hu-ai-grid__table th,
+.hu-ai-grid__table td {
+  padding: var(--hu-space-2) var(--hu-space-3); border-block-end: 1px solid var(--hu-border);
+  font-size: var(--hu-font-size-xs); text-align: start; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.hu-ai-grid__table th { background: var(--hu-bg-2); color: var(--hu-text-2); font-weight: var(--hu-font-weight-semibold); }
+.hu-ai-chart__preview {
+  min-height: 180px; display: flex; align-items: center; justify-content: center;
+  border: 1px solid var(--hu-border); border-radius: var(--hu-radius);
+  background: var(--hu-bg-2);
+}
+.hu-ai-chart__bars { display: flex; align-items: end; gap: var(--hu-space-2); width: min(100%, 420px); height: 140px; }
+.hu-ai-chart__bar { flex: 1; min-width: 12px; border-radius: var(--hu-radius) var(--hu-radius) 0 0; background: var(--hu-primary); }
+.hu-ai-dashboard__grid {
+  display: grid; grid-template-columns: repeat(var(--hu-ai-dashboard-columns, 3), minmax(180px, 1fr));
+  gap: var(--hu-space-3);
+}
+.hu-ai-dashboard__metric {
+  padding: var(--hu-space-3); border: 1px solid var(--hu-border);
+  border-radius: var(--hu-radius); background: var(--hu-bg-2);
+}
+.hu-ai-dashboard__value { font-size: var(--hu-font-size-xl); font-weight: var(--hu-font-weight-semibold); color: var(--hu-text); }
+.hu-ai-dashboard__label,
+.hu-ai-wizard__step-meta,
+.hu-ai-report__meta { font-size: var(--hu-font-size-xs); color: var(--hu-text-2); }
+.hu-ai-insights__list,
+.hu-ai-report__sections { display: flex; flex-direction: column; gap: var(--hu-space-2); }
+.hu-ai-wizard__steps {
+  display: grid; grid-template-columns: minmax(180px, .7fr) minmax(0, 1.3fr);
+  gap: var(--hu-space-3);
+}
+.hu-ai-wizard__nav {
+  display: flex; flex-direction: column; gap: var(--hu-space-2);
+}
+.hu-ai-wizard__step {
+  padding: var(--hu-space-3); border: 1px solid var(--hu-border);
+  border-radius: var(--hu-radius); background: var(--hu-bg-2); text-align: start;
+}
+.hu-ai-wizard__step[aria-current="step"] { border-color: var(--hu-primary); box-shadow: 0 0 0 3px var(--hu-primary-bg); }
+.hu-ai-wizard__panel,
+.hu-ai-report__section {
+  padding: var(--hu-space-4); border: 1px solid var(--hu-border);
+  border-radius: var(--hu-radius); background: var(--hu-bg-2);
+}
+.hu-ai-wizard__actions,
+.hu-ai-report__actions { display: flex; gap: var(--hu-space-2); flex-wrap: wrap; justify-content: flex-end; }
+@media (max-width: 720px) {
+  .hu-ai-chat__composer,
+  .hu-ai-form__field,
+  .hu-ai-wizard__steps { grid-template-columns: minmax(0, 1fr); }
+  .hu-ai-dashboard__grid { grid-template-columns: minmax(0, 1fr); }
+  .hu-ai-message { max-width: 100%; }
+}
+`;
+export function AIChat(props) {
+    injectCSS("hu-ai", AI_CSS);
+    const prompt = props.prompt ?? "";
+    return h("section", { class: cn("hu-ai hu-ai-chat", props.class), "aria-label": props.title ?? "AI chat" }, aiHeader(props.title ?? "AI chat", props.description ?? `${props.messages.length} messages`), h("div", { class: "hu-ai-chat__messages", role: "log", "aria-live": "polite" }, ...props.messages.map((message) => h("article", { key: message.id, class: cn("hu-ai-message", `hu-ai-message--${message.role}`) }, h("div", { class: "hu-ai-message__role" }, [message.role, message.status, message.timestamp].filter(Boolean).join(" · ")), h("div", { class: "hu-ai-message__content" }, message.content)))), h("div", { class: "hu-ai-chat__composer", role: "search" }, Input({
+        value: prompt,
+        placeholder: props.placeholder ?? "Ask AI...",
+        onInput: (e) => props.onPromptChange?.(e.target.value)
+    }), Button({
+        type: "button",
+        disabled: props.loading || prompt.trim().length === 0,
+        children: props.loading ? "Thinking" : "Send",
+        onClick: () => props.onSend?.(prompt)
+    })));
+}
+export function AIForm(props) {
+    injectCSS("hu-ai", AI_CSS);
+    return h("section", { class: cn("hu-ai hu-ai-form", props.class), "aria-label": props.title ?? "AI form" }, aiHeader(props.title ?? "AI form", props.description ?? `${props.fields.length} fields`), h("div", { class: "hu-ai-form__fields" }, ...props.fields.map((field) => h("div", { key: field.name, class: "hu-ai-form__field" }, h("div", {}, h("div", { class: "hu-ai-insight__title" }, field.label), field.confidence !== undefined && h("div", { class: "hu-ai__meta" }, `${field.confidence}% confidence`)), h("div", {}, field.options
+        ? Select({
+            value: field.value,
+            options: field.options,
+            onChange: (e) => props.onFieldChange?.(field.name, e.target.value)
+        })
+        : Input({
+            value: field.value ?? "",
+            onInput: (e) => props.onFieldChange?.(field.name, e.target.value)
+        }), field.suggestion && h("div", { class: "hu-ai-form__suggestion" }, h("div", { class: "hu-ai-insight__body" }, field.suggestion), Button({ type: "button", size: "sm", variant: "secondary", children: "Apply", onClick: () => props.onApplySuggestion?.(field.name, field.suggestion) })))))));
+}
+export function AIGrid(props) {
+    injectCSS("hu-ai", AI_CSS);
+    return h("section", { class: cn("hu-ai hu-ai-grid", props.class), "aria-label": props.title ?? "AI grid" }, aiHeader(props.title ?? "AI grid", props.description ?? `${props.rows.length} rows`), h("div", { class: "hu-ai-grid__insights", "aria-label": "AI grid insights" }, ...(props.insights ?? []).map((insight) => renderInsight(insight, props.onInsightClick))), h("div", { class: "hu-ai-grid__table" }, h("table", {}, h("thead", {}, h("tr", {}, ...props.columns.map((column) => h("th", { key: column.key, scope: "col" }, column.header)))), h("tbody", {}, ...props.rows.map((row, index) => h("tr", { key: String(row["id"] ?? index) }, ...props.columns.map((column) => h("td", { key: column.key }, row[column.key] ?? ""))))))));
+}
+export function AIChart(props) {
+    injectCSS("hu-ai", AI_CSS);
+    const max = Math.max(1, ...props.data.map((datum) => datum.value));
+    return h("section", { class: cn("hu-ai hu-ai-chart", props.class), "aria-label": props.title ?? "AI chart" }, aiHeader(props.title ?? "AI chart", props.description ?? `${props.data.length} data points`), h("div", { class: "hu-ai-chart__insights", "aria-label": "AI chart insights" }, ...(props.insights ?? []).map((insight) => renderInsight(insight, props.onInsightClick))), h("div", { class: "hu-ai-chart__preview", role: "img", "aria-label": "AI generated chart preview" }, h("div", { class: "hu-ai-chart__bars" }, ...props.data.map((datum) => h("span", {
+        key: datum.label,
+        class: "hu-ai-chart__bar",
+        style: `height:${Math.max(4, datum.value / max * 100)}%`,
+        "aria-label": `${datum.label}: ${datum.value}`
+    })))));
+}
+export function AIDashboard(props) {
+    injectCSS("hu-ai", AI_CSS);
+    return h("section", {
+        class: cn("hu-ai hu-ai-dashboard", props.class),
+        style: `--hu-ai-dashboard-columns:${props.columns ?? 3}`,
+        "aria-label": props.title ?? "AI dashboard"
+    }, aiHeader(props.title ?? "AI dashboard", props.description ?? `${props.metrics.length} metrics`), h("div", { class: "hu-ai-dashboard__grid" }, ...props.metrics.map((metric) => h("article", { key: metric.id, class: "hu-ai-dashboard__metric" }, h("div", { class: "hu-ai-dashboard__value" }, metric.value), h("div", { class: "hu-ai-dashboard__label" }, metric.label), metric.trend && h("div", { class: "hu-ai-dashboard__label" }, metric.trend)))), h("div", { class: "hu-ai-insights__list", "aria-label": "AI dashboard insights" }, ...(props.insights ?? []).map((insight) => renderInsight(insight, props.onInsightClick))));
+}
+export function AIInsights(props) {
+    injectCSS("hu-ai", AI_CSS);
+    return h("section", { class: cn("hu-ai hu-ai-insights", props.class), "aria-label": props.title ?? "AI insights" }, aiHeader(props.title ?? "AI insights", props.description ?? `${props.insights.length} insights`), h("div", { class: "hu-ai-insights__list", role: "list" }, ...props.insights.map((insight) => h("div", { key: insight.id, role: "listitem" }, renderInsight(insight, props.onInsightClick)))));
+}
+export function AIWizard(props) {
+    injectCSS("hu-ai", AI_CSS);
+    const active = props.steps.find((step) => step.id === props.activeStep) ?? props.steps[0];
+    return h("section", { class: cn("hu-ai hu-ai-wizard", props.class), "aria-label": props.title ?? "AI wizard" }, aiHeader(props.title ?? "AI wizard", props.description ?? `${props.steps.length} steps`), h("div", { class: "hu-ai-wizard__steps" }, h("div", { class: "hu-ai-wizard__nav", role: "tablist", "aria-label": "AI wizard steps" }, ...props.steps.map((step) => h("button", {
+        key: step.id,
+        type: "button",
+        class: "hu-ai-wizard__step",
+        role: "tab",
+        "aria-current": active?.id === step.id ? "step" : undefined,
+        "aria-selected": active?.id === step.id ? "true" : "false",
+        onClick: () => props.onStepChange?.(step.id)
+    }, h("div", { class: "hu-ai-insight__title" }, step.title), h("div", { class: "hu-ai-wizard__step-meta" }, [step.status ?? "pending", step.description].filter(Boolean).join(" · "))))), h("div", { class: "hu-ai-wizard__panel", role: "tabpanel", "aria-label": active?.title ?? "Step" }, active?.content ?? active?.description ?? "", h("div", { class: "hu-ai-wizard__actions" }, props.onComplete && Button({ type: "button", children: "Complete", onClick: props.onComplete })))));
+}
+export function AIReport(props) {
+    injectCSS("hu-ai", AI_CSS);
+    return h("article", { class: cn("hu-ai hu-ai-report", props.class), "aria-label": props.title ?? "AI report" }, h("div", { class: "hu-ai__header" }, h("div", {}, h("div", { class: "hu-ai__title" }, props.title ?? "AI report"), h("div", { class: "hu-ai-report__meta" }, props.description ?? props.generatedAt ?? `${props.sections.length} sections`)), props.onExport && Button({ type: "button", size: "sm", children: "Export", onClick: props.onExport })), h("div", { class: "hu-ai-report__sections" }, ...props.sections.map((section) => h("section", { key: section.id, class: "hu-ai-report__section", "aria-label": section.title }, h("h3", { class: "hu-ai-insight__title" }, section.title), section.confidence !== undefined && h("div", { class: "hu-ai-report__meta" }, `${section.confidence}% confidence`), h("p", { class: "hu-ai-insight__body" }, section.content)))));
+}
+function aiHeader(title, meta) {
+    return h("div", { class: "hu-ai__header" }, h("div", {}, h("div", { class: "hu-ai__title" }, title), h("div", { class: "hu-ai__meta" }, meta)));
+}
+function renderInsight(insight, onClick) {
+    return h("article", {
+        key: insight.id,
+        class: cn("hu-ai-insight", insight.severity && `hu-ai-insight--${insight.severity}`),
+        role: "note",
+        tabindex: onClick ? 0 : undefined,
+        onClick: onClick ? () => onClick(insight) : undefined
+    }, h("div", { class: "hu-ai-insight__title" }, insight.title), insight.description && h("div", { class: "hu-ai-insight__body" }, insight.description));
+}

package/dist/components/charts.d.ts

@@ -0,0 +1,143 @@
+/**
+ * HyperUI Chart Components
+ * LineChart · BarChart · PieChart · Sparkline
+ */
+import { type VNode } from "../theme/index.js";
+export interface ChartSizeProps {
+    width?: number;
+    height?: number;
+    class?: string;
+}
+export interface ChartSeriesPoint {
+    x: string | number;
+    y: number;
+}
+export interface ChartSeries {
+    id: string;
+    label: string;
+    data: ChartSeriesPoint[];
+    color?: string;
+}
+export interface LineChartProps extends ChartSizeProps {
+    series: ChartSeries[];
+    title?: string;
+    description?: string;
+    showGrid?: boolean;
+    xLabel?: string;
+    yLabel?: string;
+    colors?: string[];
+}
+export interface BarChartDatum {
+    label: string;
+    value: number;
+    color?: string;
+}
+export interface BarChartProps extends ChartSizeProps {
+    data: BarChartDatum[];
+    title?: string;
+    description?: string;
+    orientation?: "vertical" | "horizontal";
+    showGrid?: boolean;
+    color?: string;
+}
+export interface PieChartDatum {
+    label: string;
+    value: number;
+    color?: string;
+}
+export interface PieChartProps extends ChartSizeProps {
+    data: PieChartDatum[];
+    title?: string;
+    description?: string;
+    donut?: boolean;
+    colors?: string[];
+}
+export interface SparklineProps extends ChartSizeProps {
+    data: number[];
+    label?: string;
+    color?: string;
+    strokeWidth?: number;
+}
+export interface AreaChartProps extends LineChartProps {
+    stacked?: boolean;
+}
+export interface RadarChartAxis {
+    key: string;
+    label: string;
+    max?: number;
+}
+export interface RadarChartSeries {
+    id: string;
+    label: string;
+    values: Record<string, number>;
+    color?: string;
+}
+export interface RadarChartProps extends ChartSizeProps {
+    axes: RadarChartAxis[];
+    series: RadarChartSeries[];
+    title?: string;
+    description?: string;
+    levels?: number;
+    colors?: string[];
+}
+export interface HeatMapDatum {
+    x: string;
+    y: string;
+    value: number;
+}
+export interface HeatMapProps extends ChartSizeProps {
+    data: HeatMapDatum[];
+    title?: string;
+    description?: string;
+    min?: number;
+    max?: number;
+    colors?: [string, string];
+}
+export interface GaugeChartProps extends ChartSizeProps {
+    value: number;
+    min?: number;
+    max?: number;
+    title?: string;
+    description?: string;
+    label?: string;
+    color?: string;
+}
+export interface FinancialDatum {
+    date: string | number;
+    open: number;
+    high: number;
+    low: number;
+    close: number;
+    volume?: number;
+}
+export interface FinancialChartProps extends ChartSizeProps {
+    data: FinancialDatum[];
+    title?: string;
+    description?: string;
+    metric?: "close" | "open" | "high" | "low";
+    showVolume?: boolean;
+    showGrid?: boolean;
+    color?: string;
+    volumeColor?: string;
+}
+export interface CandlestickChartProps extends ChartSizeProps {
+    data: FinancialDatum[];
+    title?: string;
+    description?: string;
+    showVolume?: boolean;
+    showGrid?: boolean;
+    upColor?: string;
+    downColor?: string;
+    volumeColor?: string;
+}
+export declare function LineChart(props: LineChartProps): VNode;
+export declare function BarChart(props: BarChartProps): VNode;
+export declare function PieChart(props: PieChartProps): VNode;
+export declare function AreaChart(props: AreaChartProps): VNode;
+export declare function RadarChart(props: RadarChartProps): VNode;
+export declare function HeatMap(props: HeatMapProps): VNode;
+export declare function GaugeChart(props: GaugeChartProps): VNode;
+export declare function FinancialChart(props: FinancialChartProps): VNode;
+export declare function CandlestickChart(props: CandlestickChartProps): VNode;
+export declare function Sparkline(props: SparklineProps): VNode;
+//# sourceMappingURL=charts.d.ts.map

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

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