tembro 4.2.1 → 5.0.0

package/dist/components/patterns/bulk-action-bar.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/patterns/bulk-action-bar.cjs")

package/dist/components/patterns/bulk-action-bar.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-export type BulkActionBarProps = React.ComponentProps<"div"> & {
-    selectedCount: number;
-    selectedLabel?: (count: number) => React.ReactNode;
-    actions?: React.ReactNode;
-    clearLabel?: React.ReactNode;
-    onClear?: () => void;
-};
-declare function BulkActionBar({ className, selectedCount, selectedLabel, actions, clearLabel, onClear, children, ...props }: BulkActionBarProps): React.JSX.Element | null;
-export { BulkActionBar };

package/dist/components/patterns/bulk-action-bar.js

@@ -1 +0,0 @@
-export * from "../../src/components/patterns/bulk-action-bar.js"

package/dist/components/patterns/data-view.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/patterns/data-view.cjs")

package/dist/components/patterns/data-view.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { type DataTableProps } from "@/components/data-table/data-table";
-import { PageToolbar } from "@/components/patterns/page-toolbar";
-export type DataViewProps<TData, TValue = unknown> = Omit<React.ComponentProps<"div">, "children"> & {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    toolbar?: React.ComponentProps<typeof PageToolbar>;
-    table?: DataTableProps<TData, TValue>;
-    count?: number;
-    loading?: boolean;
-    error?: React.ReactNode;
-    emptyTitle?: React.ReactNode;
-    emptyDescription?: React.ReactNode;
-    children?: React.ReactNode;
-};
-declare function DataView<TData, TValue = unknown>({ className, title, description, toolbar, table, count, loading, error, emptyTitle, emptyDescription, children, ...props }: DataViewProps<TData, TValue>): React.JSX.Element;
-export { DataView };

package/dist/components/patterns/data-view.js

@@ -1 +0,0 @@
-export * from "../../src/components/patterns/data-view.js"

package/dist/components/patterns/detail-layout.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/patterns/detail-layout.cjs")

package/dist/components/patterns/detail-layout.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-export type DetailLayoutProps = React.ComponentProps<"div"> & {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    eyebrow?: React.ReactNode;
-    actions?: React.ReactNode;
-    breadcrumbs?: React.ReactNode;
-    summary?: React.ReactNode;
-    aside?: React.ReactNode;
-    footer?: React.ReactNode;
-    headerClassName?: string;
-    contentClassName?: string;
-    asideClassName?: string;
-};
-declare function DetailLayout({ className, title, description, eyebrow, actions, breadcrumbs, summary, aside, footer, headerClassName, contentClassName, asideClassName, children, ...props }: DetailLayoutProps): React.JSX.Element;
-export { DetailLayout };

package/dist/components/patterns/detail-layout.js

@@ -1 +0,0 @@
-export * from "../../src/components/patterns/detail-layout.js"

package/dist/components/patterns/form-builder.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/patterns/form-builder.cjs")

package/dist/components/patterns/form-builder.d.ts

@@ -1,110 +0,0 @@
-import * as React from "react";
-import type { Control, FieldPath, FieldValues } from "react-hook-form";
-import { type FormInputDateVariantProps, type FormInputNumberVariantProps, type FormInputPhoneVariantProps, type FormInputProps } from "@/components/form/form-input";
-import { type FormTextareaProps } from "@/components/form/form-textarea";
-import { type FormSelectAsyncVariantProps, type FormSelectProps } from "@/components/form/form-select";
-import { type FormSwitchProps } from "@/components/form/form-switch";
-import { type FormDateRangeInputProps } from "@/components/form/form-date-range-input";
-export type FormBuilderLayout = "grid" | "stack";
-export type FormBuilderDensity = "compact" | "default" | "comfortable";
-type DistributiveOmit<T, TKey extends PropertyKey> = T extends unknown ? Omit<T, TKey> : never;
-export type FormBuilderFieldRenderContext<TFieldValues extends FieldValues> = {
-    control: Control<TFieldValues>;
-    disabled?: boolean;
-    readOnly?: boolean;
-};
-type BaseFormBuilderField = {
-    id: string;
-    hidden?: boolean;
-    className?: string;
-    colSpan?: 1 | 2 | 3 | 4 | "full";
-};
-export type FormBuilderCustomField<TFieldValues extends FieldValues> = BaseFormBuilderField & {
-    type: "custom";
-    render: (context: FormBuilderFieldRenderContext<TFieldValues>) => React.ReactNode;
-};
-export type FormBuilderInputField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
-    type: "input";
-    props: DistributiveOmit<FormInputProps<TFieldValues, TName>, "control">;
-};
-export type FormBuilderTextareaField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
-    type: "textarea";
-    props: Omit<FormTextareaProps<TFieldValues, TName>, "control">;
-};
-export type FormBuilderSelectField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
-    type: "select";
-    props: DistributiveOmit<FormSelectProps<TFieldValues, TName>, "control">;
-};
-export type FormBuilderAsyncSelectField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
-    type: "async-select";
-    props: Omit<FormSelectAsyncVariantProps<TFieldValues, TName>, "control" | "kind">;
-};
-export type FormBuilderSwitchField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
-    type: "switch";
-    props: Omit<FormSwitchProps<TFieldValues, TName>, "control">;
-};
-export type FormBuilderNumberField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
-    type: "number";
-    props: Omit<FormInputNumberVariantProps<TFieldValues, TName>, "control" | "kind">;
-};
-export type FormBuilderPhoneField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
-    type: "phone";
-    props: Omit<FormInputPhoneVariantProps<TFieldValues, TName>, "control" | "kind">;
-};
-export type FormBuilderDateField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
-    type: "date";
-    props: Omit<FormInputDateVariantProps<TFieldValues, TName>, "control" | "kind">;
-};
-export type FormBuilderDateRangeField<TFieldValues extends FieldValues, TFromName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TToName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = BaseFormBuilderField & {
-    type: "date-range";
-    props: Omit<FormDateRangeInputProps<TFieldValues, TFromName, TToName>, "control">;
-};
-type FormBuilderStoredField = BaseFormBuilderField & {
-    type: "input" | "textarea" | "select" | "async-select" | "switch" | "number" | "phone" | "date" | "date-range";
-    props: object;
-};
-export type FormBuilderField<TFieldValues extends FieldValues> = FormBuilderCustomField<TFieldValues> | FormBuilderStoredField;
-export type FormBuilderSection<TFieldValues extends FieldValues> = {
-    id: string;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    actions?: React.ReactNode;
-    hidden?: boolean;
-    className?: string;
-    fields: FormBuilderField<TFieldValues>[];
-};
-export type FormBuilderProps<TFieldValues extends FieldValues> = Omit<React.ComponentProps<"form">, "children"> & {
-    control: Control<TFieldValues>;
-    fields?: FormBuilderField<TFieldValues>[];
-    sections?: FormBuilderSection<TFieldValues>[];
-    layout?: FormBuilderLayout;
-    density?: FormBuilderDensity;
-    columns?: 1 | 2 | 3 | 4;
-    disabled?: boolean;
-    readOnly?: boolean;
-    footer?: React.ReactNode;
-    submitLabel?: React.ReactNode;
-    resetLabel?: React.ReactNode;
-    onResetClick?: () => void;
-    isSubmitting?: boolean;
-    sectionClassName?: string;
-    fieldClassName?: string;
-    footerClassName?: string;
-};
-type FieldPresetOptions<TProps> = BaseFormBuilderField & {
-    props: TProps;
-};
-declare function inputField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderInputField<TFieldValues, TName>["props"]>): FormBuilderInputField<TFieldValues, TName>;
-declare function textareaField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderTextareaField<TFieldValues, TName>["props"]>): FormBuilderTextareaField<TFieldValues, TName>;
-declare function selectField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderSelectField<TFieldValues, TName>["props"]>): FormBuilderSelectField<TFieldValues, TName>;
-declare function asyncSelectField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderAsyncSelectField<TFieldValues, TName>["props"]>): FormBuilderAsyncSelectField<TFieldValues, TName>;
-declare function switchField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderSwitchField<TFieldValues, TName>["props"]>): FormBuilderSwitchField<TFieldValues, TName>;
-declare function numberField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderNumberField<TFieldValues, TName>["props"]>): FormBuilderNumberField<TFieldValues, TName>;
-declare function phoneField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderPhoneField<TFieldValues, TName>["props"]>): FormBuilderPhoneField<TFieldValues, TName>;
-declare function dateField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderDateField<TFieldValues, TName>["props"]>): FormBuilderDateField<TFieldValues, TName>;
-declare function dateRangeField<TFieldValues extends FieldValues, TFromName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TToName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(options: FieldPresetOptions<FormBuilderDateRangeField<TFieldValues, TFromName, TToName>["props"]>): FormBuilderDateRangeField<TFieldValues, TFromName, TToName>;
-declare function customField<TFieldValues extends FieldValues>(options: BaseFormBuilderField & Pick<FormBuilderCustomField<TFieldValues>, "render">): FormBuilderCustomField<TFieldValues>;
-declare function formSection<TFieldValues extends FieldValues>(section: FormBuilderSection<TFieldValues>): FormBuilderSection<TFieldValues>;
-declare function renderFormBuilderField<TFieldValues extends FieldValues>(field: FormBuilderField<TFieldValues>, context: FormBuilderFieldRenderContext<TFieldValues>): React.ReactNode;
-declare function FormBuilder<TFieldValues extends FieldValues>({ className, control, fields, sections, layout, density, columns, disabled, readOnly, footer, submitLabel, resetLabel, onResetClick, isSubmitting, sectionClassName, fieldClassName, footerClassName, ...props }: FormBuilderProps<TFieldValues>): React.JSX.Element;
-export { FormBuilder, asyncSelectField, customField, dateField, dateRangeField, formSection, inputField, numberField, phoneField, renderFormBuilderField, selectField, switchField, textareaField, };

package/dist/components/patterns/form-builder.js

@@ -1 +0,0 @@
-export * from "../../src/components/patterns/form-builder.js"

package/dist/components/patterns/page-toolbar.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/patterns/page-toolbar.cjs")

package/dist/components/patterns/page-toolbar.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-export type PageToolbarProps = React.ComponentProps<"div"> & {
-    search?: React.ReactNode;
-    filters?: React.ReactNode;
-    viewOptions?: React.ReactNode;
-    actions?: React.ReactNode;
-    summary?: React.ReactNode;
-    sticky?: boolean;
-};
-declare function PageToolbar({ className, search, filters, viewOptions, actions, summary, sticky, children, ...props }: PageToolbarProps): React.JSX.Element | null;
-export { PageToolbar };

package/dist/components/patterns/page-toolbar.js

@@ -1 +0,0 @@
-export * from "../../src/components/patterns/page-toolbar.js"

package/dist/components/patterns/resource-detail-page.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/patterns/resource-detail-page.cjs")

package/dist/components/patterns/resource-detail-page.d.ts

@@ -1,39 +0,0 @@
-import * as React from "react";
-import { type DescriptionListItem } from "@/components/display/description-list";
-import { type PageHeaderProps } from "@/components/layout/page-header";
-export type ResourceDetailPageDensity = "default" | "compact" | "comfortable";
-export type ResourceDetailPageSection = {
-    id: string;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    actions?: React.ReactNode;
-    hidden?: boolean;
-    className?: string;
-    bodyClassName?: string;
-    items?: DescriptionListItem[];
-    children?: React.ReactNode;
-};
-export type ResourceDetailPageProps = Omit<React.ComponentProps<"div">, "children"> & {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    eyebrow?: React.ReactNode;
-    actions?: React.ReactNode;
-    breadcrumbs?: React.ReactNode;
-    status?: React.ReactNode;
-    summary?: React.ReactNode;
-    meta?: React.ReactNode;
-    sections?: ResourceDetailPageSection[];
-    children?: React.ReactNode;
-    aside?: React.ReactNode;
-    footer?: React.ReactNode;
-    backLabel?: React.ReactNode;
-    onBack?: () => void;
-    headerProps?: Omit<PageHeaderProps, "title" | "description" | "actions" | "eyebrow">;
-    density?: ResourceDetailPageDensity;
-    pageHeaderClassName?: string;
-    contentClassName?: string;
-    asideClassName?: string;
-    sectionClassName?: string;
-};
-declare function ResourceDetailPage({ className, title, description, eyebrow, actions, breadcrumbs, status, summary, meta, sections, children, aside, footer, backLabel, onBack, headerProps, density, pageHeaderClassName, contentClassName, asideClassName, sectionClassName, ...props }: ResourceDetailPageProps): React.JSX.Element;
-export { ResourceDetailPage };

package/dist/components/patterns/resource-detail-page.js

@@ -1 +0,0 @@
-export * from "../../src/components/patterns/resource-detail-page.js"

package/dist/components/patterns/resource-page.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/patterns/resource-page.cjs")

package/dist/components/patterns/resource-page.d.ts

@@ -1,30 +0,0 @@
-import * as React from "react";
-import { type DataTableProps } from "@/components/data-table/data-table";
-import { type PageHeaderProps } from "@/components/layout/page-header";
-import { type SectionProps } from "@/components/layout/section";
-export type ResourcePageDensity = "default" | "compact" | "comfortable";
-export type ResourcePageSectionProps = Omit<SectionProps, "variant">;
-declare function ResourcePageSection({ className, title, description, actions, headerClassName, bodyClassName, children, ...props }: ResourcePageSectionProps): React.JSX.Element;
-export type ResourcePageProps<TData, TValue = unknown> = Omit<React.ComponentProps<"div">, "children"> & {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    eyebrow?: React.ReactNode;
-    actions?: React.ReactNode;
-    breadcrumbs?: React.ReactNode;
-    stats?: React.ReactNode;
-    filters?: React.ReactNode;
-    tabs?: React.ReactNode;
-    table?: DataTableProps<TData, TValue>;
-    children?: React.ReactNode;
-    aside?: React.ReactNode;
-    footer?: React.ReactNode;
-    headerProps?: Omit<PageHeaderProps, "title" | "description" | "actions" | "eyebrow">;
-    density?: ResourcePageDensity;
-    pageHeaderClassName?: string;
-    toolbarClassName?: string;
-    contentClassName?: string;
-    asideClassName?: string;
-    asideWidth?: React.CSSProperties["width"];
-};
-declare function ResourcePage<TData, TValue = unknown>({ className, title, description, eyebrow, actions, breadcrumbs, stats, filters, tabs, table, children, aside, footer, headerProps, density, pageHeaderClassName, toolbarClassName, contentClassName, asideClassName, asideWidth, style, ...props }: ResourcePageProps<TData, TValue>): React.JSX.Element;
-export { ResourcePage, ResourcePageSection };

package/dist/components/patterns/resource-page.js

@@ -1 +0,0 @@
-export * from "../../src/components/patterns/resource-page.js"

package/dist/components/patterns/settings-page.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/patterns/settings-page.cjs")

package/dist/components/patterns/settings-page.d.ts

@@ -1,21 +0,0 @@
-import * as React from "react";
-export type SettingsPageSection = {
-    value: string;
-    label: React.ReactNode;
-    description?: React.ReactNode;
-    disabled?: boolean;
-    content: React.ReactNode;
-};
-export type SettingsPageProps = Omit<React.ComponentProps<"div">, "children"> & {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    actions?: React.ReactNode;
-    sections: SettingsPageSection[];
-    defaultValue?: string;
-    value?: string;
-    onValueChange?: (value: string) => void;
-    navClassName?: string;
-    contentClassName?: string;
-};
-declare function SettingsPage({ className, title, description, actions, sections, defaultValue, value, onValueChange, navClassName, contentClassName, ...props }: SettingsPageProps): React.JSX.Element;
-export { SettingsPage };

package/dist/components/patterns/settings-page.js

@@ -1 +0,0 @@
-export * from "../../src/components/patterns/settings-page.js"

package/dist/src/components/patterns/bulk-action-bar.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o({className:e,selectedCount:r,selectedLabel:o=e=>`${e} selected`,actions:s,clearLabel:c=`Clear`,onClear:l,children:u,...d}){return r<=0?null:(0,a.jsxs)(`div`,{"data-slot":`bulk-action-bar`,className:t.cn(`flex flex-col gap-3 rounded-xl border bg-card p-3 shadow-sm sm:flex-row sm:items-center sm:justify-between`,e),...d,children:[(0,a.jsx)(`div`,{"data-slot":`bulk-action-bar-count`,className:`text-sm font-medium`,children:o(r)}),(0,a.jsxs)(`div`,{"data-slot":`bulk-action-bar-actions`,className:`flex flex-wrap items-center gap-2`,children:[u,s,l&&(0,a.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:l,children:[(0,a.jsx)(i.XIcon,{"data-icon":`inline-start`}),c]})]})]})}exports.BulkActionBar=o;

package/dist/src/components/patterns/bulk-action-bar.js

@@ -1,34 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import { Button as t } from "../ui/button/index.js";
-import "react";
-import { XIcon as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/patterns/bulk-action-bar.tsx
-function a({ className: a, selectedCount: o, selectedLabel: s = (e) => `${e} selected`, actions: c, clearLabel: l = "Clear", onClear: u, children: d, ...f }) {
-	return o <= 0 ? null : /* @__PURE__ */ i("div", {
-		"data-slot": "bulk-action-bar",
-		className: e("flex flex-col gap-3 rounded-xl border bg-card p-3 shadow-sm sm:flex-row sm:items-center sm:justify-between", a),
-		...f,
-		children: [/* @__PURE__ */ r("div", {
-			"data-slot": "bulk-action-bar-count",
-			className: "text-sm font-medium",
-			children: s(o)
-		}), /* @__PURE__ */ i("div", {
-			"data-slot": "bulk-action-bar-actions",
-			className: "flex flex-wrap items-center gap-2",
-			children: [
-				d,
-				c,
-				u && /* @__PURE__ */ i(t, {
-					type: "button",
-					variant: "ghost",
-					size: "sm",
-					onClick: u,
-					children: [/* @__PURE__ */ r(n, { "data-icon": "inline-start" }), l]
-				})
-			]
-		})]
-	});
-}
-//#endregion
-export { a as BulkActionBar };

package/dist/src/components/patterns/data-view.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../data-table/data-table.cjs"),r=require("./empty-state.cjs"),i=require("./page-toolbar.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({className:e,title:a,description:s,toolbar:c,table:l,count:u,loading:d=!1,error:f,emptyTitle:p=`No results`,emptyDescription:m=`Try adjusting filters or create a new item.`,children:h,...g}){let _=!!(a||s),v=!!c,y=u===void 0?!!(h||l):u>0;return(0,o.jsxs)(`div`,{"data-slot":`data-view`,className:t.cn(`grid min-w-0 gap-4`,e),...g,children:[_&&(0,o.jsxs)(`div`,{"data-slot":`data-view-header`,className:`grid gap-1`,children:[a&&(0,o.jsx)(`h2`,{className:`text-xl font-semibold tracking-tight`,children:a}),s&&(0,o.jsx)(`p`,{className:`text-sm leading-6 text-muted-foreground`,children:s})]}),v&&(0,o.jsx)(i.PageToolbar,{...c}),f?(0,o.jsx)(r.EmptyState,{tone:`error`,title:`Something went wrong`,description:f}):d?(0,o.jsx)(r.EmptyState,{tone:`info`,title:`Loading data`,description:`Please wait while the latest data is prepared.`}):y?(0,o.jsxs)(`div`,{"data-slot":`data-view-content`,className:`min-w-0`,children:[h,l&&(0,o.jsx)(n.DataTable,{...l})]}):(0,o.jsx)(r.EmptyState,{title:p,description:m})]})}exports.DataView=s;

package/dist/src/components/patterns/data-view.js

@@ -1,47 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import { DataTable as t } from "../data-table/data-table.js";
-import { EmptyState as n } from "./empty-state.js";
-import { PageToolbar as r } from "./page-toolbar.js";
-import "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/patterns/data-view.tsx
-function o({ className: o, title: s, description: c, toolbar: l, table: u, count: d, loading: f = !1, error: p, emptyTitle: m = "No results", emptyDescription: h = "Try adjusting filters or create a new item.", children: g, ..._ }) {
-	let v = !!(s || c), y = !!l, b = d === void 0 ? !!(g || u) : d > 0;
-	return /* @__PURE__ */ a("div", {
-		"data-slot": "data-view",
-		className: e("grid min-w-0 gap-4", o),
-		..._,
-		children: [
-			v && /* @__PURE__ */ a("div", {
-				"data-slot": "data-view-header",
-				className: "grid gap-1",
-				children: [s && /* @__PURE__ */ i("h2", {
-					className: "text-xl font-semibold tracking-tight",
-					children: s
-				}), c && /* @__PURE__ */ i("p", {
-					className: "text-sm leading-6 text-muted-foreground",
-					children: c
-				})]
-			}),
-			y && /* @__PURE__ */ i(r, { ...l }),
-			p ? /* @__PURE__ */ i(n, {
-				tone: "error",
-				title: "Something went wrong",
-				description: p
-			}) : f ? /* @__PURE__ */ i(n, {
-				tone: "info",
-				title: "Loading data",
-				description: "Please wait while the latest data is prepared."
-			}) : b ? /* @__PURE__ */ a("div", {
-				"data-slot": "data-view-content",
-				className: "min-w-0",
-				children: [g, u && /* @__PURE__ */ i(t, { ...u })]
-			}) : /* @__PURE__ */ i(n, {
-				title: m,
-				description: h
-			})
-		]
-	});
-}
-//#endregion
-export { o as DataView };

package/dist/src/components/patterns/detail-layout.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({className:e,title:n,description:i,eyebrow:a,actions:o,breadcrumbs:s,summary:c,aside:l,footer:u,headerClassName:d,contentClassName:f,asideClassName:p,children:m,...h}){let g=!!(n||i||a||o),_=!!(m||l);return(0,r.jsxs)(`div`,{"data-slot":`detail-layout`,className:t.cn(`grid min-w-0 gap-4`,e),...h,children:[s&&(0,r.jsx)(`div`,{"data-slot":`detail-layout-breadcrumbs`,children:s}),g&&(0,r.jsxs)(`div`,{"data-slot":`detail-layout-header`,className:t.cn(`flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,d),children:[(0,r.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[a&&(0,r.jsx)(`div`,{className:`text-xs font-medium uppercase tracking-wide text-muted-foreground`,children:a}),n&&(0,r.jsx)(`h1`,{className:`text-2xl font-semibold tracking-tight`,children:n}),i&&(0,r.jsx)(`p`,{className:`max-w-3xl text-sm leading-6 text-muted-foreground`,children:i})]}),o&&(0,r.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:o})]}),c&&(0,r.jsx)(`div`,{"data-slot":`detail-layout-summary`,children:c}),_&&(0,r.jsxs)(`div`,{"data-slot":`detail-layout-content`,className:t.cn(`grid min-w-0 gap-4`,l&&`xl:grid-cols-[minmax(0,1fr)_20rem]`,f),children:[(0,r.jsx)(`main`,{"data-slot":`detail-layout-main`,className:`min-w-0`,children:m}),l&&(0,r.jsx)(`aside`,{"data-slot":`detail-layout-aside`,className:t.cn(`min-w-0`,p),children:l})]}),u&&(0,r.jsx)(`div`,{"data-slot":`detail-layout-footer`,children:u})]})}exports.DetailLayout=i;

package/dist/src/components/patterns/detail-layout.js

@@ -1,65 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/patterns/detail-layout.tsx
-function r({ className: r, title: i, description: a, eyebrow: o, actions: s, breadcrumbs: c, summary: l, aside: u, footer: d, headerClassName: f, contentClassName: p, asideClassName: m, children: h, ...g }) {
-	let _ = !!(i || a || o || s), v = !!(h || u);
-	return /* @__PURE__ */ n("div", {
-		"data-slot": "detail-layout",
-		className: e("grid min-w-0 gap-4", r),
-		...g,
-		children: [
-			c && /* @__PURE__ */ t("div", {
-				"data-slot": "detail-layout-breadcrumbs",
-				children: c
-			}),
-			_ && /* @__PURE__ */ n("div", {
-				"data-slot": "detail-layout-header",
-				className: e("flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", f),
-				children: [/* @__PURE__ */ n("div", {
-					className: "grid min-w-0 gap-1",
-					children: [
-						o && /* @__PURE__ */ t("div", {
-							className: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
-							children: o
-						}),
-						i && /* @__PURE__ */ t("h1", {
-							className: "text-2xl font-semibold tracking-tight",
-							children: i
-						}),
-						a && /* @__PURE__ */ t("p", {
-							className: "max-w-3xl text-sm leading-6 text-muted-foreground",
-							children: a
-						})
-					]
-				}), s && /* @__PURE__ */ t("div", {
-					className: "flex shrink-0 flex-wrap items-center gap-2",
-					children: s
-				})]
-			}),
-			l && /* @__PURE__ */ t("div", {
-				"data-slot": "detail-layout-summary",
-				children: l
-			}),
-			v && /* @__PURE__ */ n("div", {
-				"data-slot": "detail-layout-content",
-				className: e("grid min-w-0 gap-4", u && "xl:grid-cols-[minmax(0,1fr)_20rem]", p),
-				children: [/* @__PURE__ */ t("main", {
-					"data-slot": "detail-layout-main",
-					className: "min-w-0",
-					children: h
-				}), u && /* @__PURE__ */ t("aside", {
-					"data-slot": "detail-layout-aside",
-					className: e("min-w-0", m),
-					children: u
-				})]
-			}),
-			d && /* @__PURE__ */ t("div", {
-				"data-slot": "detail-layout-footer",
-				children: d
-			})
-		]
-	});
-}
-//#endregion
-export { r as DetailLayout };

package/dist/src/components/patterns/form-builder.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../form/form-date-range-input.cjs"),i=require("../form/form-input.cjs"),a=require("../form/form-select.cjs"),o=require("../form/form-switch.cjs"),s=require("../form/form-textarea.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u={compact:`gap-3`,default:`gap-4`,comfortable:`gap-6`},d={1:`grid-cols-1`,2:`grid-cols-1 md:grid-cols-2`,3:`grid-cols-1 md:grid-cols-2 xl:grid-cols-3`,4:`grid-cols-1 md:grid-cols-2 xl:grid-cols-4`},f={1:`col-span-1`,2:`md:col-span-2`,3:`xl:col-span-3`,4:`xl:col-span-4`,full:`col-span-full`};function p(e){let{id:t,hidden:n,className:r,colSpan:i,props:a}=e;return{base:{id:t,hidden:n,className:r,colSpan:i},props:a}}function m(e){let{base:t,props:n}=p(e);return{...t,type:`input`,props:n}}function h(e){let{base:t,props:n}=p(e);return{...t,type:`textarea`,props:n}}function g(e){let{base:t,props:n}=p(e);return{...t,type:`select`,props:n}}function _(e){let{base:t,props:n}=p(e);return{...t,type:`async-select`,props:n}}function v(e){let{base:t,props:n}=p(e);return{...t,type:`switch`,props:n}}function y(e){let{base:t,props:n}=p(e);return{...t,type:`number`,props:n}}function b(e){let{base:t,props:n}=p(e);return{...t,type:`phone`,props:n}}function x(e){let{base:t,props:n}=p(e);return{...t,type:`date`,props:n}}function S(e){let{base:t,props:n}=p(e);return{...t,type:`date-range`,props:n}}function C(e){let{id:t,hidden:n,className:r,colSpan:i,render:a}=e;return{id:t,hidden:n,className:r,colSpan:i,type:`custom`,render:a}}function w(e){return e}function T(e,t){let n=i.FormInput,l=a.FormSelect,u=s.FormTextarea,d=o.FormSwitch,f=r.FormDateRangeInput;switch(e.type){case`custom`:return e.render(t);case`input`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,...e.props});case`textarea`:return c.createElement(u,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,...e.props});case`select`:return c.createElement(l,{control:t.control,disabled:t.disabled,...e.props});case`async-select`:return c.createElement(l,{control:t.control,disabled:t.disabled,kind:`async`,...e.props});case`switch`:return c.createElement(d,{control:t.control,disabled:t.disabled,...e.props});case`number`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,kind:`number`,...e.props});case`phone`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,kind:`phone`,...e.props});case`date`:return c.createElement(n,{control:t.control,disabled:t.disabled,readOnly:t.readOnly,kind:`date`,...e.props});case`date-range`:return c.createElement(f,{control:t.control,fromInputProps:{disabled:t.disabled,readOnly:t.readOnly},toInputProps:{disabled:t.disabled,readOnly:t.readOnly},...e.props});default:return null}}function E({fields:e,sections:t}){return t?.length?t:[{id:`default`,fields:e??[]}]}function D({className:e,control:r,fields:i,sections:a,layout:o=`grid`,density:s=`default`,columns:p=2,disabled:m,readOnly:h,footer:g,submitLabel:_,resetLabel:v,onResetClick:y,isSubmitting:b,sectionClassName:x,fieldClassName:S,footerClassName:C,...w}){let D=E({fields:i,sections:a}),O=c.useMemo(()=>({control:r,disabled:m,readOnly:h}),[r,m,h]);return(0,l.jsxs)(`form`,{"data-slot":`form-builder`,className:t.cn(`grid`,u[s],e),...w,children:[D.filter(e=>!e.hidden).map(e=>(0,l.jsxs)(`section`,{"data-slot":`form-builder-section`,className:t.cn(`grid gap-4`,e.className,x),children:[(e.title||e.description||e.actions)&&(0,l.jsxs)(`div`,{"data-slot":`form-builder-section-header`,className:`flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between`,children:[(0,l.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[e.title&&(0,l.jsx)(`h2`,{className:`text-base font-semibold leading-none tracking-tight`,children:e.title}),e.description&&(0,l.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e.description})]}),e.actions&&(0,l.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:e.actions})]}),(0,l.jsx)(`div`,{"data-slot":`form-builder-fields`,"data-layout":o,className:t.cn(`grid`,u[s],o===`grid`?d[p]:`grid-cols-1`),children:e.fields.filter(e=>!e.hidden).map(e=>(0,l.jsx)(`div`,{"data-slot":`form-builder-field`,className:t.cn(e.colSpan&&f[e.colSpan],e.className,S),children:T(e,O)},e.id))})]},e.id)),(g||_||v)&&(0,l.jsx)(`div`,{"data-slot":`form-builder-footer`,className:t.cn(`flex flex-wrap items-center justify-end gap-2`,C),children:g??(0,l.jsxs)(l.Fragment,{children:[v&&(0,l.jsx)(n.Button,{type:`button`,variant:`outline`,disabled:m||b,onClick:y,children:v}),_&&(0,l.jsx)(n.Button,{type:`submit`,disabled:m||b,children:_})]})})]})}exports.FormBuilder=D,exports.asyncSelectField=_,exports.customField=C,exports.dateField=x,exports.dateRangeField=S,exports.formSection=w,exports.inputField=m,exports.numberField=y,exports.phoneField=b,exports.renderFormBuilderField=T,exports.selectField=g,exports.switchField=v,exports.textareaField=h;