@nergora/ui 0.0.0-stage → 1.0.8

package/dist/esm/blocks/data-table/utils/create-data-table-filter-helper.d.ts

@@ -0,0 +1,55 @@
+import { DeepKeys } from "@tanstack/react-table";
+import { DataTableFilter, DataTableFilterProps } from "../types";
+declare const createDataTableFilterHelper: <TData>() => {
+    accessor: (accessor: DeepKeys<TData>, props: DataTableFilterProps) => {
+        type: "radio";
+        options: import("../types").DataTableFilterOption[];
+        label: string;
+        id: DeepKeys<TData>;
+    } | {
+        type: "select";
+        options: import("../types").DataTableFilterOption[];
+        label: string;
+        id: DeepKeys<TData>;
+    } | {
+        type: "date";
+        format?: "date" | "date-time";
+        rangeOptionLabel?: string;
+        rangeOptionStartLabel?: string;
+        rangeOptionEndLabel?: string;
+        disableRangeOption?: boolean;
+        formatDateValue?: (value: Date) => string;
+        options: import("../types").DataTableFilterOption<import("..").DataTableDateComparisonOperator>[];
+        label: string;
+        id: DeepKeys<TData>;
+    } | {
+        type: "multiselect";
+        options: import("../types").DataTableFilterOption[];
+        searchable?: boolean;
+        label: string;
+        id: DeepKeys<TData>;
+    } | {
+        type: "string";
+        placeholder?: string;
+        label: string;
+        id: DeepKeys<TData>;
+    } | {
+        type: "number";
+        placeholder?: string;
+        includeOperators?: boolean;
+        label: string;
+        id: DeepKeys<TData>;
+    } | {
+        type: "custom";
+        render: (props: {
+            value: any;
+            onChange: (value: any) => void;
+            onRemove: () => void;
+        }) => React.ReactNode;
+        label: string;
+        id: DeepKeys<TData>;
+    };
+    custom: <T extends DataTableFilterProps>(props: DataTableFilter<T>) => DataTableFilter<T>;
+};
+export { createDataTableFilterHelper };
+//# sourceMappingURL=create-data-table-filter-helper.d.ts.map

package/dist/esm/blocks/data-table/utils/create-data-table-filter-helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-data-table-filter-helper.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/data-table/utils/create-data-table-filter-helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAGhE,QAAA,MAAM,2BAA2B,GAAI,KAAK;yBACnB,QAAQ,CAAC,KAAK,CAAC,SAAS,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAIxD,CAAC,SAAS,oBAAoB,SAAS,eAAe,CAAC,CAAC,CAAC;CAClE,CAAA;AAEF,OAAO,EAAE,2BAA2B,EAAE,CAAA"}

package/dist/esm/blocks/data-table/utils/create-data-table-filter-helper.js

@@ -0,0 +1,9 @@
+const createDataTableFilterHelper = () => ({
+    accessor: (accessor, props) => ({
+        id: accessor,
+        ...props,
+    }),
+    custom: (props) => props,
+});
+export { createDataTableFilterHelper };
+//# sourceMappingURL=create-data-table-filter-helper.js.map

package/dist/esm/blocks/data-table/utils/create-data-table-filter-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-data-table-filter-helper.js","sourceRoot":"","sources":["../../../../../src/blocks/data-table/utils/create-data-table-filter-helper.ts"],"names":[],"mappings":"AAIA,MAAM,2BAA2B,GAAG,GAAU,EAAE,CAAC,CAAC;IAChD,QAAQ,EAAE,CAAC,QAAyB,EAAE,KAA2B,EAAE,EAAE,CAAC,CAAC;QACrE,EAAE,EAAE,QAAQ;QACZ,GAAG,KAAK;KACT,CAAC;IACF,MAAM,EAAE,CAAiC,KAAyB,EAAE,EAAE,CAAC,KAAK;CAC7E,CAAC,CAAA;AAEF,OAAO,EAAE,2BAA2B,EAAE,CAAA","sourcesContent":["import { DeepKeys } from \"@tanstack/react-table\"\nimport { DataTableFilter, DataTableFilterProps } from \"../types\"\n\n\nconst createDataTableFilterHelper = <TData>() => ({\n  accessor: (accessor: DeepKeys<TData>, props: DataTableFilterProps) => ({\n    id: accessor,\n    ...props,\n  }),\n  custom: <T extends DataTableFilterProps>(props: DataTableFilter<T>) => props,\n})\n\nexport { createDataTableFilterHelper }\n\n"]}

package/dist/esm/blocks/data-table/utils/is-date-comparison-operator.d.ts

@@ -0,0 +1,3 @@
+import { DataTableDateComparisonOperator } from "../types";
+export declare function isDateComparisonOperator(value: unknown): value is DataTableDateComparisonOperator;
+//# sourceMappingURL=is-date-comparison-operator.d.ts.map

package/dist/esm/blocks/data-table/utils/is-date-comparison-operator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-date-comparison-operator.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/data-table/utils/is-date-comparison-operator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAC;AAE3D,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,OAAO,GACb,KAAK,IAAI,+BAA+B,CAc1C"}

package/dist/esm/blocks/data-table/utils/is-date-comparison-operator.js

@@ -0,0 +1,11 @@
+export function isDateComparisonOperator(value) {
+    if (typeof value !== "object" || value === null) {
+        return false;
+    }
+    const validOperators = ["$gte", "$lte", "$gt", "$lt"];
+    const hasAtLeastOneOperator = validOperators.some((op) => op in value);
+    const allPropertiesValid = Object.entries(value)
+        .every(([key, val]) => validOperators.includes(key) && (typeof val === "string" || val === undefined));
+    return hasAtLeastOneOperator && allPropertiesValid;
+}
+//# sourceMappingURL=is-date-comparison-operator.js.map

package/dist/esm/blocks/data-table/utils/is-date-comparison-operator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-date-comparison-operator.js","sourceRoot":"","sources":["../../../../../src/blocks/data-table/utils/is-date-comparison-operator.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,wBAAwB,CACtC,KAAc;IAEd,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QAChD,OAAO,KAAK,CAAA;IACd,CAAC;IAED,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;IACrD,MAAM,qBAAqB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,KAAK,CAAC,CAAA;IAEtE,MAAM,kBAAkB,GAAG,MAAM,CAAC,OAAO,CAAC,KAAgC,CAAC;SACxE,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,CACpB,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,SAAS,CAAC,CAC/E,CAAA;IAEH,OAAO,qBAAqB,IAAI,kBAAkB,CAAA;AACpD,CAAC","sourcesContent":["import { DataTableDateComparisonOperator } from \"../types\";\n\nexport function isDateComparisonOperator(\n  value: unknown\n): value is DataTableDateComparisonOperator {\n  if (typeof value !== \"object\" || value === null) {\n    return false\n  }\n\n  const validOperators = [\"$gte\", \"$lte\", \"$gt\", \"$lt\"]\n  const hasAtLeastOneOperator = validOperators.some((op) => op in value)\n  \n  const allPropertiesValid = Object.entries(value as Record<string, unknown>)\n    .every(([key, val]) => \n      validOperators.includes(key) && (typeof val === \"string\" || val === undefined)\n    )\n\n  return hasAtLeastOneOperator && allPropertiesValid\n}\n"]}

package/dist/esm/blocks/onboarding/index.d.ts

@@ -0,0 +1,3 @@
+export { Onboarding, onboardingDefaultSteps } from "./onboarding";
+export type { OnboardingClassNames, OnboardingProps, OnboardingStep, OnboardingStepStatus, } from "./onboarding";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/blocks/onboarding/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/onboarding/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AACjE,YAAY,EACV,oBAAoB,EACpB,eAAe,EACf,cAAc,EACd,oBAAoB,GACrB,MAAM,cAAc,CAAA"}

package/dist/esm/blocks/onboarding/index.js

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

package/dist/esm/blocks/onboarding/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/blocks/onboarding/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA","sourcesContent":["export { Onboarding, onboardingDefaultSteps } from \"./onboarding\"\nexport type {\n  OnboardingClassNames,\n  OnboardingProps,\n  OnboardingStep,\n  OnboardingStepStatus,\n} from \"./onboarding\"\n"]}

package/dist/esm/blocks/onboarding/onboarding.d.ts

@@ -0,0 +1,48 @@
+import * as React from "react";
+import { Button } from "../../components/button/index.js";
+type OnboardingStepStatus = "complete" | "current" | "upcoming";
+type OnboardingStep = {
+    id: string;
+    title: string;
+    subtitle: string;
+    description: string;
+    buttonText: string;
+    icon?: React.ElementType;
+    disabled?: boolean;
+};
+type OnboardingClassNames = {
+    root?: string;
+    container?: string;
+    header?: string;
+    title?: string;
+    description?: string;
+    list?: string;
+    item?: string;
+    trigger?: string;
+    panel?: string;
+    card?: string;
+    icon?: string;
+    button?: string;
+};
+interface OnboardingProps extends Omit<React.ComponentPropsWithoutRef<"div">, "title"> {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    steps?: OnboardingStep[];
+    activeStep?: number;
+    defaultActiveStep?: number;
+    openStepId?: string;
+    defaultOpenStepId?: string;
+    onActiveStepChange?: (step: number) => void;
+    onOpenStepIdChange?: (stepId: string) => void;
+    onStepComplete?: (step: OnboardingStep, index: number) => void;
+    onStepAction?: (step: OnboardingStep, index: number) => void;
+    completeButtonVariant?: React.ComponentProps<typeof Button>["variant"];
+    currentButtonVariant?: React.ComponentProps<typeof Button>["variant"];
+    buttonSize?: React.ComponentProps<typeof Button>["size"];
+    classNames?: OnboardingClassNames;
+}
+declare const defaultSteps: OnboardingStep[];
+declare const Onboarding: React.ForwardRefExoticComponent<OnboardingProps & React.RefAttributes<HTMLDivElement>>;
+export { Onboarding, defaultSteps as onboardingDefaultSteps };
+export type { OnboardingClassNames, OnboardingProps, OnboardingStep, OnboardingStepStatus, };
+//# sourceMappingURL=onboarding.d.ts.map

package/dist/esm/blocks/onboarding/onboarding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"onboarding.d.ts","sourceRoot":"","sources":["../../../../src/blocks/onboarding/onboarding.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAG5C,KAAK,oBAAoB,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAA;AAE/D,KAAK,cAAc,GAAG;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,UAAU,eAAgB,SAAQ,IAAI,CACpC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EACrC,OAAO,CACR;IACC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,KAAK,CAAC,EAAE,cAAc,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5D,qBAAqB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAA;IACtE,oBAAoB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAA;IACrE,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;IACxD,UAAU,CAAC,EAAE,oBAAoB,CAAA;CAClC;AAED,QAAA,MAAM,YAAY,EAAE,cAAc,EAqCjC,CAAA;AAoDD,QAAA,MAAM,UAAU,wFAqNf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,YAAY,IAAI,sBAAsB,EAAE,CAAA;AAC7D,YAAY,EACV,oBAAoB,EACpB,eAAe,EACf,cAAc,EACd,oBAAoB,GACrB,CAAA"}

package/dist/esm/blocks/onboarding/onboarding.js

@@ -0,0 +1,133 @@
+"use client";
+import { Adjustments, ChartBar, CheckCircleSolid, ChevronDownMini, Code, ServerStack, } from "@nergora/icons";
+import * as React from "react";
+import { Button } from "../../components/button/index.js";
+import { clx } from "../../utils/clx.js";
+const defaultSteps = [
+    {
+        id: "environment",
+        title: "Configure your environment",
+        subtitle: "Environment ready",
+        icon: Adjustments,
+        description: "Set up your workspace with API keys, access rules, and deployment preferences.",
+        buttonText: "Edit settings",
+    },
+    {
+        id: "storage",
+        title: "Connect storage",
+        subtitle: "Add connection",
+        icon: ServerStack,
+        description: "Connect local, S3-compatible, or MinIO storage before publishing artifacts.",
+        buttonText: "Add storage",
+    },
+    {
+        id: "schema",
+        title: "Define package rules",
+        subtitle: "Create policy",
+        icon: Code,
+        description: "Set validation, cleanup, and permission rules for the first repository.",
+        buttonText: "Open editor",
+    },
+    {
+        id: "publish",
+        title: "Publish your first package",
+        subtitle: "Generate endpoint",
+        icon: ChartBar,
+        description: "Create an endpoint and verify that package metadata is indexed correctly.",
+        buttonText: "Publish package",
+    },
+];
+function clampStep(step, stepsLength) {
+    if (stepsLength <= 0) {
+        return 0;
+    }
+    return Math.min(Math.max(step, 0), stepsLength);
+}
+function getStepStatus(index, activeStep) {
+    if (index < activeStep) {
+        return "complete";
+    }
+    if (index === activeStep) {
+        return "current";
+    }
+    return "upcoming";
+}
+function useControllableState({ value, defaultValue, onChange, }) {
+    const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
+    const isControlled = value !== undefined;
+    const currentValue = isControlled ? value : uncontrolledValue;
+    const setValue = React.useCallback((nextValue) => {
+        if (!isControlled) {
+            setUncontrolledValue(nextValue);
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
+    }, [isControlled, onChange]);
+    return [currentValue, setValue];
+}
+const Onboarding = React.forwardRef(({ className, title = "Quick start", description = "Set up your workspace in four simple steps", steps = defaultSteps, activeStep, defaultActiveStep = 1, openStepId, defaultOpenStepId, onActiveStepChange, onOpenStepIdChange, onStepComplete, onStepAction, completeButtonVariant = "secondary", currentButtonVariant = "primary", buttonSize = "small", classNames, ...props }, ref) => {
+    var _a;
+    const initialActiveStep = clampStep(defaultActiveStep, steps.length);
+    const initialOpenStepId = defaultOpenStepId !== null && defaultOpenStepId !== void 0 ? defaultOpenStepId : (initialActiveStep < steps.length ? (_a = steps[initialActiveStep]) === null || _a === void 0 ? void 0 : _a.id : "");
+    const [currentActiveStep, setCurrentActiveStep] = useControllableState({
+        value: activeStep,
+        defaultValue: initialActiveStep,
+        onChange: onActiveStepChange,
+    });
+    const [currentOpenStepId, setCurrentOpenStepId] = useControllableState({
+        value: openStepId,
+        defaultValue: initialOpenStepId !== null && initialOpenStepId !== void 0 ? initialOpenStepId : "",
+        onChange: onOpenStepIdChange,
+    });
+    const resolvedActiveStep = clampStep(currentActiveStep, steps.length);
+    const handleComplete = React.useCallback((step, index) => {
+        var _a;
+        onStepAction === null || onStepAction === void 0 ? void 0 : onStepAction(step, index);
+        if (index !== resolvedActiveStep || step.disabled) {
+            return;
+        }
+        onStepComplete === null || onStepComplete === void 0 ? void 0 : onStepComplete(step, index);
+        const nextStep = clampStep(index + 1, steps.length);
+        setCurrentActiveStep(nextStep);
+        setCurrentOpenStepId(nextStep < steps.length ? (_a = steps[nextStep]) === null || _a === void 0 ? void 0 : _a.id : "");
+    }, [
+        onStepAction,
+        onStepComplete,
+        resolvedActiveStep,
+        setCurrentActiveStep,
+        setCurrentOpenStepId,
+        steps,
+    ]);
+    return (React.createElement("div", { ref: ref, className: clx("flex min-h-dvh items-center justify-center bg-ui-bg-base p-4 text-ui-fg-base", classNames === null || classNames === void 0 ? void 0 : classNames.root, className), ...props },
+        React.createElement("div", { className: clx("mx-auto w-full min-w-0 max-w-sm sm:min-w-sm", classNames === null || classNames === void 0 ? void 0 : classNames.container) },
+            React.createElement("div", { className: classNames === null || classNames === void 0 ? void 0 : classNames.header },
+                React.createElement("h3", { className: clx("txt-compact-large-plus text-ui-fg-base", classNames === null || classNames === void 0 ? void 0 : classNames.title) }, title),
+                description && (React.createElement("p", { className: clx("txt-compact-small mt-1 text-ui-fg-muted", classNames === null || classNames === void 0 ? void 0 : classNames.description) }, description))),
+            React.createElement("div", { className: clx("mt-6 space-y-2", classNames === null || classNames === void 0 ? void 0 : classNames.list) }, steps.map((step, index) => {
+                const status = getStepStatus(index, resolvedActiveStep);
+                const isOpen = currentOpenStepId === step.id;
+                const Icon = step.icon;
+                return (React.createElement("div", { key: step.id, "data-status": status, className: clx("rounded-lg border border-ui-border-base bg-ui-bg-base shadow-elevation-card-rest", classNames === null || classNames === void 0 ? void 0 : classNames.item) },
+                    React.createElement("button", { type: "button", "aria-expanded": isOpen, className: clx("flex w-full items-center justify-between gap-3 rounded-lg px-4 py-3 text-left outline-none transition-fg", "hover:bg-ui-bg-base-hover focus-visible:shadow-borders-focus", classNames === null || classNames === void 0 ? void 0 : classNames.trigger), onClick: () => setCurrentOpenStepId(isOpen ? "" : step.id) },
+                        React.createElement("span", { className: "flex min-w-0 items-center gap-2" },
+                            status === "complete" ? (React.createElement("span", { "aria-hidden": "true", className: "flex size-5 shrink-0 items-center justify-center text-ui-fg-base" },
+                                React.createElement(CheckCircleSolid, { className: "size-5" }))) : (React.createElement("span", { "aria-hidden": "true", className: clx("size-5 shrink-0 rounded-full border", status === "current"
+                                    ? "border-ui-border-interactive shadow-borders-interactive-with-shadow"
+                                    : "border-ui-border-base") })),
+                            React.createElement("span", { className: clx("txt-compact-small-plus truncate", status === "upcoming"
+                                    ? "text-ui-fg-muted"
+                                    : "text-ui-fg-base") }, step.title)),
+                        React.createElement(ChevronDownMini, { "aria-hidden": "true", className: clx("size-4 shrink-0 text-ui-fg-muted transition-transform", isOpen && "rotate-180") })),
+                    isOpen && (React.createElement("div", { className: clx("px-4 pb-4", classNames === null || classNames === void 0 ? void 0 : classNames.panel) },
+                        React.createElement("div", { className: clx("flex items-center justify-center rounded-md border border-ui-border-base bg-ui-bg-subtle px-4 py-5", classNames === null || classNames === void 0 ? void 0 : classNames.card) },
+                            React.createElement("div", { className: "max-w-xs text-center" },
+                                Icon && (React.createElement(Icon, { "aria-hidden": "true", className: clx("mx-auto size-7 shrink-0 text-ui-fg-muted", classNames === null || classNames === void 0 ? void 0 : classNames.icon) })),
+                                React.createElement("p", { className: "txt-compact-small-plus mt-4 text-ui-fg-muted" }, step.subtitle),
+                                React.createElement("p", { className: "txt-compact-small mt-1 text-ui-fg-muted" }, step.description),
+                                React.createElement(Button, { className: clx("mt-6", classNames === null || classNames === void 0 ? void 0 : classNames.button), size: buttonSize, variant: status === "complete"
+                                        ? completeButtonVariant
+                                        : currentButtonVariant, disabled: status === "upcoming" || step.disabled, onClick: () => handleComplete(step, index) }, step.buttonText)))))));
+            })))));
+});
+Onboarding.displayName = "Onboarding";
+export { Onboarding, defaultSteps as onboardingDefaultSteps };
+//# sourceMappingURL=onboarding.js.map

package/dist/esm/blocks/onboarding/onboarding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onboarding.js","sourceRoot":"","sources":["../../../../src/blocks/onboarding/onboarding.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  Adjustments,\n  ChartBar,\n  CheckCircleSolid,\n  ChevronDownMini,\n  Code,\n  ServerStack,\n} from \"@nergora/icons\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/button\"\nimport { clx } from \"@/utils/clx\"\n\ntype OnboardingStepStatus = \"complete\" | \"current\" | \"upcoming\"\n\ntype OnboardingStep = {\n  id: string\n  title: string\n  subtitle: string\n  description: string\n  buttonText: string\n  icon?: React.ElementType\n  disabled?: boolean\n}\n\ntype OnboardingClassNames = {\n  root?: string\n  container?: string\n  header?: string\n  title?: string\n  description?: string\n  list?: string\n  item?: string\n  trigger?: string\n  panel?: string\n  card?: string\n  icon?: string\n  button?: string\n}\n\ninterface OnboardingProps extends Omit<\n  React.ComponentPropsWithoutRef<\"div\">,\n  \"title\"\n> {\n  title?: React.ReactNode\n  description?: React.ReactNode\n  steps?: OnboardingStep[]\n  activeStep?: number\n  defaultActiveStep?: number\n  openStepId?: string\n  defaultOpenStepId?: string\n  onActiveStepChange?: (step: number) => void\n  onOpenStepIdChange?: (stepId: string) => void\n  onStepComplete?: (step: OnboardingStep, index: number) => void\n  onStepAction?: (step: OnboardingStep, index: number) => void\n  completeButtonVariant?: React.ComponentProps<typeof Button>[\"variant\"]\n  currentButtonVariant?: React.ComponentProps<typeof Button>[\"variant\"]\n  buttonSize?: React.ComponentProps<typeof Button>[\"size\"]\n  classNames?: OnboardingClassNames\n}\n\nconst defaultSteps: OnboardingStep[] = [\n  {\n    id: \"environment\",\n    title: \"Configure your environment\",\n    subtitle: \"Environment ready\",\n    icon: Adjustments,\n    description:\n      \"Set up your workspace with API keys, access rules, and deployment preferences.\",\n    buttonText: \"Edit settings\",\n  },\n  {\n    id: \"storage\",\n    title: \"Connect storage\",\n    subtitle: \"Add connection\",\n    icon: ServerStack,\n    description:\n      \"Connect local, S3-compatible, or MinIO storage before publishing artifacts.\",\n    buttonText: \"Add storage\",\n  },\n  {\n    id: \"schema\",\n    title: \"Define package rules\",\n    subtitle: \"Create policy\",\n    icon: Code,\n    description:\n      \"Set validation, cleanup, and permission rules for the first repository.\",\n    buttonText: \"Open editor\",\n  },\n  {\n    id: \"publish\",\n    title: \"Publish your first package\",\n    subtitle: \"Generate endpoint\",\n    icon: ChartBar,\n    description:\n      \"Create an endpoint and verify that package metadata is indexed correctly.\",\n    buttonText: \"Publish package\",\n  },\n]\n\nfunction clampStep(step: number, stepsLength: number) {\n  if (stepsLength <= 0) {\n    return 0\n  }\n\n  return Math.min(Math.max(step, 0), stepsLength)\n}\n\nfunction getStepStatus(\n  index: number,\n  activeStep: number\n): OnboardingStepStatus {\n  if (index < activeStep) {\n    return \"complete\"\n  }\n\n  if (index === activeStep) {\n    return \"current\"\n  }\n\n  return \"upcoming\"\n}\n\nfunction useControllableState<T>({\n  value,\n  defaultValue,\n  onChange,\n}: {\n  value?: T\n  defaultValue: T\n  onChange?: (value: T) => void\n}) {\n  const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue)\n  const isControlled = value !== undefined\n  const currentValue = isControlled ? value : uncontrolledValue\n\n  const setValue = React.useCallback(\n    (nextValue: T) => {\n      if (!isControlled) {\n        setUncontrolledValue(nextValue)\n      }\n\n      onChange?.(nextValue)\n    },\n    [isControlled, onChange]\n  )\n\n  return [currentValue, setValue] as const\n}\n\nconst Onboarding = React.forwardRef<HTMLDivElement, OnboardingProps>(\n  (\n    {\n      className,\n      title = \"Quick start\",\n      description = \"Set up your workspace in four simple steps\",\n      steps = defaultSteps,\n      activeStep,\n      defaultActiveStep = 1,\n      openStepId,\n      defaultOpenStepId,\n      onActiveStepChange,\n      onOpenStepIdChange,\n      onStepComplete,\n      onStepAction,\n      completeButtonVariant = \"secondary\",\n      currentButtonVariant = \"primary\",\n      buttonSize = \"small\",\n      classNames,\n      ...props\n    },\n    ref\n  ) => {\n    const initialActiveStep = clampStep(defaultActiveStep, steps.length)\n    const initialOpenStepId =\n      defaultOpenStepId ??\n      (initialActiveStep < steps.length ? steps[initialActiveStep]?.id : \"\")\n\n    const [currentActiveStep, setCurrentActiveStep] = useControllableState({\n      value: activeStep,\n      defaultValue: initialActiveStep,\n      onChange: onActiveStepChange,\n    })\n    const [currentOpenStepId, setCurrentOpenStepId] = useControllableState({\n      value: openStepId,\n      defaultValue: initialOpenStepId ?? \"\",\n      onChange: onOpenStepIdChange,\n    })\n\n    const resolvedActiveStep = clampStep(currentActiveStep, steps.length)\n\n    const handleComplete = React.useCallback(\n      (step: OnboardingStep, index: number) => {\n        onStepAction?.(step, index)\n\n        if (index !== resolvedActiveStep || step.disabled) {\n          return\n        }\n\n        onStepComplete?.(step, index)\n\n        const nextStep = clampStep(index + 1, steps.length)\n        setCurrentActiveStep(nextStep)\n        setCurrentOpenStepId(nextStep < steps.length ? steps[nextStep]?.id : \"\")\n      },\n      [\n        onStepAction,\n        onStepComplete,\n        resolvedActiveStep,\n        setCurrentActiveStep,\n        setCurrentOpenStepId,\n        steps,\n      ]\n    )\n\n    return (\n      <div\n        ref={ref}\n        className={clx(\n          \"flex min-h-dvh items-center justify-center bg-ui-bg-base p-4 text-ui-fg-base\",\n          classNames?.root,\n          className\n        )}\n        {...props}\n      >\n        <div\n          className={clx(\n            \"mx-auto w-full min-w-0 max-w-sm sm:min-w-sm\",\n            classNames?.container\n          )}\n        >\n          <div className={classNames?.header}>\n            <h3\n              className={clx(\n                \"txt-compact-large-plus text-ui-fg-base\",\n                classNames?.title\n              )}\n            >\n              {title}\n            </h3>\n            {description && (\n              <p\n                className={clx(\n                  \"txt-compact-small mt-1 text-ui-fg-muted\",\n                  classNames?.description\n                )}\n              >\n                {description}\n              </p>\n            )}\n          </div>\n          <div className={clx(\"mt-6 space-y-2\", classNames?.list)}>\n            {steps.map((step, index) => {\n              const status = getStepStatus(index, resolvedActiveStep)\n              const isOpen = currentOpenStepId === step.id\n              const Icon = step.icon\n\n              return (\n                <div\n                  key={step.id}\n                  data-status={status}\n                  className={clx(\n                    \"rounded-lg border border-ui-border-base bg-ui-bg-base shadow-elevation-card-rest\",\n                    classNames?.item\n                  )}\n                >\n                  <button\n                    type=\"button\"\n                    aria-expanded={isOpen}\n                    className={clx(\n                      \"flex w-full items-center justify-between gap-3 rounded-lg px-4 py-3 text-left outline-none transition-fg\",\n                      \"hover:bg-ui-bg-base-hover focus-visible:shadow-borders-focus\",\n                      classNames?.trigger\n                    )}\n                    onClick={() => setCurrentOpenStepId(isOpen ? \"\" : step.id)}\n                  >\n                    <span className=\"flex min-w-0 items-center gap-2\">\n                      {status === \"complete\" ? (\n                        <span\n                          aria-hidden=\"true\"\n                          className=\"flex size-5 shrink-0 items-center justify-center text-ui-fg-base\"\n                        >\n                          <CheckCircleSolid className=\"size-5\" />\n                        </span>\n                      ) : (\n                        <span\n                          aria-hidden=\"true\"\n                          className={clx(\n                            \"size-5 shrink-0 rounded-full border\",\n                            status === \"current\"\n                              ? \"border-ui-border-interactive shadow-borders-interactive-with-shadow\"\n                              : \"border-ui-border-base\"\n                          )}\n                        />\n                      )}\n                      <span\n                        className={clx(\n                          \"txt-compact-small-plus truncate\",\n                          status === \"upcoming\"\n                            ? \"text-ui-fg-muted\"\n                            : \"text-ui-fg-base\"\n                        )}\n                      >\n                        {step.title}\n                      </span>\n                    </span>\n                    <ChevronDownMini\n                      aria-hidden=\"true\"\n                      className={clx(\n                        \"size-4 shrink-0 text-ui-fg-muted transition-transform\",\n                        isOpen && \"rotate-180\"\n                      )}\n                    />\n                  </button>\n                  {isOpen && (\n                    <div className={clx(\"px-4 pb-4\", classNames?.panel)}>\n                      <div\n                        className={clx(\n                          \"flex items-center justify-center rounded-md border border-ui-border-base bg-ui-bg-subtle px-4 py-5\",\n                          classNames?.card\n                        )}\n                      >\n                        <div className=\"max-w-xs text-center\">\n                          {Icon && (\n                            <Icon\n                              aria-hidden=\"true\"\n                              className={clx(\n                                \"mx-auto size-7 shrink-0 text-ui-fg-muted\",\n                                classNames?.icon\n                              )}\n                            />\n                          )}\n                          <p className=\"txt-compact-small-plus mt-4 text-ui-fg-muted\">\n                            {step.subtitle}\n                          </p>\n                          <p className=\"txt-compact-small mt-1 text-ui-fg-muted\">\n                            {step.description}\n                          </p>\n                          <Button\n                            className={clx(\"mt-6\", classNames?.button)}\n                            size={buttonSize}\n                            variant={\n                              status === \"complete\"\n                                ? completeButtonVariant\n                                : currentButtonVariant\n                            }\n                            disabled={status === \"upcoming\" || step.disabled}\n                            onClick={() => handleComplete(step, index)}\n                          >\n                            {step.buttonText}\n                          </Button>\n                        </div>\n                      </div>\n                    </div>\n                  )}\n                </div>\n              )\n            })}\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\nOnboarding.displayName = \"Onboarding\"\n\nexport { Onboarding, defaultSteps as onboardingDefaultSteps }\nexport type {\n  OnboardingClassNames,\n  OnboardingProps,\n  OnboardingStep,\n  OnboardingStepStatus,\n}\n"]}

package/dist/esm/blocks/task-table/index.d.ts

@@ -0,0 +1,3 @@
+export { TaskTable, taskTableDefaultTasks } from "./task-table";
+export type { TaskActionType, TaskPriority, TaskStatus, TaskTableClassNames, TaskTableLabels, TaskTableProps, TaskTableTask, } from "./task-table";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/blocks/task-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/task-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAC/D,YAAY,EACV,cAAc,EACd,YAAY,EACZ,UAAU,EACV,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,aAAa,GACd,MAAM,cAAc,CAAA"}

package/dist/esm/blocks/task-table/index.js

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

package/dist/esm/blocks/task-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/blocks/task-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA","sourcesContent":["export { TaskTable, taskTableDefaultTasks } from \"./task-table\"\nexport type {\n  TaskActionType,\n  TaskPriority,\n  TaskStatus,\n  TaskTableClassNames,\n  TaskTableLabels,\n  TaskTableProps,\n  TaskTableTask,\n} from \"./task-table\"\n"]}

package/dist/esm/blocks/task-table/task-table.d.ts

@@ -0,0 +1,62 @@
+import * as React from "react";
+type TaskStatus = "pending" | "in-progress" | "completed" | "blocked";
+type TaskPriority = "low" | "medium" | "high" | "urgent";
+type TaskActionType = "start" | "pause" | "complete" | "delete" | "view";
+type TaskTableTask = {
+    id: string;
+    title: string;
+    assignee: string;
+    status: TaskStatus;
+    priority: TaskPriority;
+    dueDate: string;
+    notes: string;
+};
+type TaskTableLabels = {
+    title?: string;
+    assignee?: string;
+    status?: string;
+    priority?: string;
+    dueDate?: string;
+    notes?: string;
+    actions?: string;
+    start?: string;
+    pause?: string;
+    complete?: string;
+    delete?: string;
+    view?: string;
+    pending?: string;
+    inProgress?: string;
+    completed?: string;
+    blocked?: string;
+    low?: string;
+    medium?: string;
+    high?: string;
+    urgent?: string;
+};
+type TaskTableClassNames = {
+    root?: string;
+    table?: string;
+    headerRow?: string;
+    row?: string;
+    titleCell?: string;
+    mutedCell?: string;
+    notesCell?: string;
+    actionsCell?: string;
+    actions?: string;
+};
+interface TaskTableProps extends React.ComponentPropsWithoutRef<"div"> {
+    tasks?: TaskTableTask[];
+    labels?: TaskTableLabels;
+    showPriority?: boolean;
+    actionDelay?: number;
+    disabledActions?: TaskActionType[];
+    onAction?: (task: TaskTableTask, action: TaskActionType) => void;
+    onActionComplete?: (task: TaskTableTask, action: TaskActionType) => void;
+    formatDueDate?: (date: string, task: TaskTableTask) => React.ReactNode;
+    classNames?: TaskTableClassNames;
+}
+declare const defaultTasks: TaskTableTask[];
+declare const TaskTable: React.ForwardRefExoticComponent<TaskTableProps & React.RefAttributes<HTMLDivElement>>;
+export { TaskTable, defaultTasks as taskTableDefaultTasks };
+export type { TaskActionType, TaskPriority, TaskStatus, TaskTableClassNames, TaskTableLabels, TaskTableProps, TaskTableTask, };
+//# sourceMappingURL=task-table.d.ts.map

package/dist/esm/blocks/task-table/task-table.d.ts.map

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