tembro 6.0.3 → 6.1.1

package/dist/components/display/info-card.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/display/info-card.cjs")

package/dist/components/display/info-card.d.ts

@@ -1,51 +0,0 @@
-import * as React from "react";
-import { Card } from "@/components/ui/card";
-export type InfoCardVariant = "default" | "outline" | "elevated" | "ghost";
-export type InfoCardSize = "sm" | "md" | "lg";
-export type InfoCardDensity = "compact" | "default" | "comfortable";
-export type InfoCardOrientation = "vertical" | "horizontal";
-export type InfoCardClassNames = {
-    root?: string;
-    media?: string;
-    header?: string;
-    icon?: string;
-    body?: string;
-    eyebrow?: string;
-    title?: string;
-    description?: string;
-    content?: string;
-    footer?: string;
-    actions?: string;
-    meta?: string;
-    status?: string;
-};
-export type InfoCardRenderContext = {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    eyebrow?: React.ReactNode;
-    media?: React.ReactNode;
-    icon?: React.ReactNode;
-    status?: React.ReactNode;
-    actions?: React.ReactNode;
-    meta?: React.ReactNode;
-    content?: React.ReactNode;
-    footer?: React.ReactNode;
-};
-export type InfoCardProps = Omit<React.ComponentProps<typeof Card>, "title" | "content" | "size" | "orientation"> & InfoCardRenderContext & {
-    orientation?: InfoCardOrientation;
-    variant?: InfoCardVariant;
-    size?: InfoCardSize;
-    density?: InfoCardDensity;
-    compact?: boolean;
-    loading?: boolean;
-    disabled?: boolean;
-    selected?: boolean;
-    interactive?: boolean;
-    classNames?: InfoCardClassNames;
-    renderHeader?: (ctx: InfoCardRenderContext) => React.ReactNode;
-    renderMedia?: (ctx: InfoCardRenderContext) => React.ReactNode;
-    renderContent?: (ctx: InfoCardRenderContext) => React.ReactNode;
-    renderFooter?: (ctx: InfoCardRenderContext) => React.ReactNode;
-};
-declare function InfoCard({ eyebrow, title, description, media, icon, status, actions, meta, content, footer, orientation, variant, size, density, compact, loading, disabled, selected, interactive, className, classNames, renderHeader, renderMedia, renderContent, renderFooter, children, onClick, ...props }: InfoCardProps): React.JSX.Element;
-export { InfoCard };

package/dist/components/display/info-card.js

@@ -1 +0,0 @@
-export * from "../../src/components/display/info-card.js"

package/dist/components/display/statistic.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/display/statistic.cjs")

package/dist/components/display/statistic.d.ts

@@ -1,25 +0,0 @@
-import * as React from "react";
-import { Card } from "@/components/ui/card";
-export type StatisticTrend = "up" | "down" | "neutral";
-export type StatisticProps = React.ComponentProps<"div"> & {
-    label: React.ReactNode;
-    value: React.ReactNode;
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-    description?: React.ReactNode;
-    trend?: StatisticTrend;
-    change?: React.ReactNode;
-    loading?: boolean;
-};
-declare function Statistic({ label, value, prefix, suffix, description, trend, change, loading, className, ...props }: StatisticProps): React.JSX.Element;
-export type StatisticCardProps = React.ComponentProps<typeof Card> & StatisticProps & {
-    action?: React.ReactNode;
-    density?: "compact" | "default";
-};
-declare function StatisticCard({ action, density, label, value, prefix, suffix, description, trend, change, loading, className, ...props }: StatisticCardProps): React.JSX.Element;
-export type StatisticGridProps = React.ComponentProps<"div"> & {
-    columns?: 1 | 2 | 3 | 4;
-    gap?: "sm" | "default" | "lg";
-};
-declare function StatisticGrid({ columns, gap, className, ...props }: StatisticGridProps): React.JSX.Element;
-export { Statistic, StatisticCard, StatisticGrid };

package/dist/components/display/statistic.js

@@ -1 +0,0 @@
-export * from "../../src/components/display/statistic.js"

package/dist/components/filters/filter-bar.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/filters/filter-bar.cjs")

package/dist/components/filters/filter-bar.d.ts

@@ -1,28 +0,0 @@
-import * as React from "react";
-export type FilterBarChip = {
-    key: string;
-    label: React.ReactNode;
-    value?: React.ReactNode;
-    tone?: "default" | "success" | "warning" | "danger" | "info" | "muted";
-    disabled?: boolean;
-    hidden?: boolean;
-};
-export type FilterBarProps = React.ComponentProps<"div"> & {
-    search?: React.ReactNode;
-    filters?: React.ReactNode;
-    actions?: React.ReactNode;
-    chips?: FilterBarChip[];
-    activeCount?: number;
-    activeLabel?: (count: number) => React.ReactNode;
-    resetLabel?: React.ReactNode;
-    clearChipLabel?: React.ReactNode;
-    onReset?: () => void;
-    onRemoveChip?: (key: string) => void;
-    collapsible?: boolean;
-    defaultExpanded?: boolean;
-    emptyChips?: React.ReactNode;
-    chipLimit?: number;
-    chipOverflowLabel?: (hiddenCount: number) => React.ReactNode;
-};
-declare function FilterBar({ className, search, filters, actions, chips, activeCount, activeLabel, resetLabel, clearChipLabel, onReset, onRemoveChip, collapsible, defaultExpanded, emptyChips, chipLimit, chipOverflowLabel, children, ...props }: FilterBarProps): React.JSX.Element;
-export { FilterBar };

package/dist/components/filters/filter-bar.js

@@ -1 +0,0 @@
-export * from "../../src/components/filters/filter-bar.js"

package/dist/components/modern/image-cropper.cjs

@@ -1 +0,0 @@
-module.exports = require("../../src/components/modern/image-cropper.cjs")

package/dist/components/modern/image-cropper.d.ts

@@ -1,39 +0,0 @@
-import * as React from "react";
-import { type Area, type Point } from "react-easy-crop";
-export declare function createCroppedImageBlob({ src, crop, rotation, type, quality, crossOrigin, }: {
-    src: string;
-    crop: Area;
-    rotation?: number;
-    type?: string;
-    quality?: number;
-    crossOrigin?: string;
-}): Promise<Blob>;
-export type ImageCropperProps = Omit<React.ComponentProps<"div">, "onChange"> & {
-    src: string;
-    alt?: string;
-    crop?: Point;
-    defaultCrop?: Point;
-    onCropChange?: (crop: Point) => void;
-    zoom?: number;
-    defaultZoom?: number;
-    onZoomChange?: (zoom: number) => void;
-    rotation?: number;
-    defaultRotation?: number;
-    onRotationChange?: (rotation: number) => void;
-    onCropComplete?: (area: Area, areaPixels: Area) => void;
-    aspect?: number;
-    cropShape?: "rect" | "round";
-    objectFit?: "contain" | "cover" | "horizontal-cover" | "vertical-cover";
-    minZoom?: number;
-    maxZoom?: number;
-    zoomStep?: number;
-    showGrid?: boolean;
-    disabled?: boolean;
-    labels?: {
-        cropper?: string;
-        zoom?: string;
-        rotation?: string;
-    };
-};
-declare function ImageCropper({ src, alt, crop, defaultCrop, onCropChange, zoom, defaultZoom, onZoomChange, rotation, defaultRotation, onRotationChange, onCropComplete, aspect, cropShape, objectFit, minZoom, maxZoom, zoomStep, showGrid, disabled, labels, className, ...props }: ImageCropperProps): React.JSX.Element;
-export { ImageCropper };

package/dist/components/modern/image-cropper.js

@@ -1 +0,0 @@
-export * from "../../src/components/modern/image-cropper.js"

package/dist/components/ui/number-field/index.cjs

@@ -1 +0,0 @@
-module.exports = require("../../../src/components/ui/number-field/index.cjs")

package/dist/components/ui/number-field/index.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { NumberField as NumberFieldPrimitive } from "@base-ui/react/number-field";
-export type NumberFieldProps = NumberFieldPrimitive.Root.Props;
-export type NumberFieldGroupProps = NumberFieldPrimitive.Group.Props;
-export type NumberFieldInputProps = NumberFieldPrimitive.Input.Props;
-export type NumberFieldIncrementProps = NumberFieldPrimitive.Increment.Props;
-export type NumberFieldDecrementProps = NumberFieldPrimitive.Decrement.Props;
-export type NumberFieldScrubAreaProps = NumberFieldPrimitive.ScrubArea.Props;
-export type NumberFieldScrubAreaCursorProps = NumberFieldPrimitive.ScrubAreaCursor.Props;
-declare function NumberField({ className, ...props }: NumberFieldProps): React.JSX.Element;
-declare function NumberFieldGroup({ className, ...props }: NumberFieldGroupProps): React.JSX.Element;
-declare function NumberFieldInput({ className, ...props }: NumberFieldInputProps): React.JSX.Element;
-declare function NumberFieldIncrement({ className, children, ...props }: NumberFieldIncrementProps): React.JSX.Element;
-declare function NumberFieldDecrement({ className, children, ...props }: NumberFieldDecrementProps): React.JSX.Element;
-declare function NumberFieldStepper({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function NumberFieldScrubArea({ className, ...props }: NumberFieldScrubAreaProps): React.JSX.Element;
-declare function NumberFieldScrubAreaCursor({ className, ...props }: NumberFieldScrubAreaCursorProps): React.JSX.Element;
-export { NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea, NumberFieldScrubAreaCursor, NumberFieldStepper, };

package/dist/components/ui/number-field/index.js

@@ -1 +0,0 @@
-export * from "../../../src/components/ui/number-field/index.js"

package/dist/components/ui/toolbar/index.cjs

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

package/dist/components/ui/toolbar/index.d.ts

@@ -1,14 +0,0 @@
-import { Toolbar as ToolbarPrimitive } from "@base-ui/react/toolbar";
-export type ToolbarProps = ToolbarPrimitive.Root.Props;
-export type ToolbarGroupProps = ToolbarPrimitive.Group.Props;
-export type ToolbarButtonProps = ToolbarPrimitive.Button.Props;
-export type ToolbarLinkProps = ToolbarPrimitive.Link.Props;
-export type ToolbarInputProps = ToolbarPrimitive.Input.Props;
-export type ToolbarSeparatorProps = ToolbarPrimitive.Separator.Props;
-declare function Toolbar({ className, orientation, ...props }: ToolbarProps): import("react").JSX.Element;
-declare function ToolbarGroup({ className, ...props }: ToolbarGroupProps): import("react").JSX.Element;
-declare function ToolbarButton({ className, ...props }: ToolbarButtonProps): import("react").JSX.Element;
-declare function ToolbarLink({ className, ...props }: ToolbarLinkProps): import("react").JSX.Element;
-declare function ToolbarInput({ className, ...props }: ToolbarInputProps): import("react").JSX.Element;
-declare function ToolbarSeparator({ className, ...props }: ToolbarSeparatorProps): import("react").JSX.Element;
-export { Toolbar, ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarSeparator };

package/dist/components/ui/toolbar/index.js

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

package/dist/src/components/display/info-card.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/card/index.cjs"),r=require("../ui/skeleton/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={compact:`gap-2`,default:`gap-3`,comfortable:`gap-4`},s={sm:`text-sm font-semibold`,md:`text-base font-semibold`,lg:`text-lg font-semibold`};function c({eyebrow:e,title:i,description:c,media:l,icon:u,status:d,actions:f,meta:p,content:m,footer:h,orientation:g=`vertical`,variant:_=`outline`,size:v=`md`,density:y,compact:b,loading:x=!1,disabled:S=!1,selected:C=!1,interactive:w,className:T,classNames:E,renderHeader:D,renderMedia:O,renderContent:k,renderFooter:A,children:j,onClick:M,...N}){let P={eyebrow:e,title:i,description:c,media:l,icon:u,status:d,actions:f,meta:p,content:m,footer:h},F=!!(M||w),I=b?`compact`:y??`default`;return(0,a.jsx)(n.Card,{"data-slot":`info-card`,"data-selected":C||void 0,"data-disabled":S||void 0,"data-loading":x||void 0,"data-info-variant":_,"data-info-size":v,"data-info-density":I,"data-orientation":g,variant:_,size:v===`md`?`default`:v,density:I,interactive:F,selected:C,disabled:S,className:t.cn(`overflow-hidden`,g===`horizontal`&&`flex`,T,E?.root),onClick:S?void 0:M,...N,children:x?(0,a.jsxs)(`div`,{"data-slot":`info-card-loading`,className:`grid gap-3`,children:[(0,a.jsx)(r.Skeleton,{className:`h-5 w-1/2`}),(0,a.jsx)(r.SkeletonText,{rows:3})]}):(0,a.jsxs)(a.Fragment,{children:[l&&(O?.(P)??(0,a.jsx)(`div`,{"data-slot":`info-card-media`,className:t.cn(g===`horizontal`?`w-40 shrink-0`:`aspect-video`,E?.media),children:l})),(0,a.jsxs)(`div`,{"data-slot":`info-card-body`,className:t.cn(`grid min-w-0 flex-1 gap-3`,o[I],E?.body),children:[D?.(P)??(0,a.jsxs)(`div`,{"data-slot":`info-card-header`,className:t.cn(`flex items-start justify-between gap-3`,E?.header),children:[(0,a.jsxs)(`div`,{className:`flex min-w-0 items-start gap-3`,children:[u&&(0,a.jsx)(`div`,{"data-slot":`info-card-icon`,className:t.cn(`flex shrink-0 items-center justify-center`,E?.icon),children:u}),(0,a.jsxs)(`div`,{className:`grid min-w-0 gap-1`,children:[e&&(0,a.jsx)(`div`,{"data-slot":`info-card-eyebrow`,className:E?.eyebrow,children:e}),(0,a.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[i&&(0,a.jsx)(`div`,{"data-slot":`info-card-title`,className:t.cn(`truncate`,s[v],E?.title),children:i}),d&&(0,a.jsx)(`div`,{"data-slot":`info-card-status`,className:E?.status,children:d})]}),c&&(0,a.jsx)(`div`,{"data-slot":`info-card-description`,className:t.cn(`line-clamp-2`,E?.description),children:c})]})]}),f&&(0,a.jsx)(`div`,{"data-slot":`info-card-actions`,className:t.cn(`shrink-0`,E?.actions),onClick:t.stopInteractivePropagation,onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:f})]}),p&&(0,a.jsx)(`div`,{"data-slot":`info-card-meta`,className:E?.meta,children:p}),(m||j)&&(k?.(P)??(0,a.jsx)(`div`,{"data-slot":`info-card-content`,className:E?.content,children:m??j})),h&&(A?.(P)??(0,a.jsx)(`div`,{"data-slot":`info-card-footer`,className:E?.footer,children:h}))]})]})})}exports.InfoCard=c;

package/dist/src/components/display/info-card.js

@@ -1,124 +0,0 @@
-import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.js";
-import { Card as n } from "../ui/card/index.js";
-import { Skeleton as r, SkeletonText as i } from "../ui/skeleton/index.js";
-import "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/display/info-card.tsx
-var c = {
-	compact: "gap-2",
-	default: "gap-3",
-	comfortable: "gap-4"
-}, l = {
-	sm: "text-sm font-semibold",
-	md: "text-base font-semibold",
-	lg: "text-lg font-semibold"
-};
-function u({ eyebrow: u, title: d, description: f, media: p, icon: m, status: h, actions: g, meta: _, content: v, footer: y, orientation: b = "vertical", variant: x = "outline", size: S = "md", density: C, compact: w, loading: T = !1, disabled: E = !1, selected: D = !1, interactive: O, className: k, classNames: A, renderHeader: j, renderMedia: M, renderContent: N, renderFooter: P, children: F, onClick: I, ...L }) {
-	let R = {
-		eyebrow: u,
-		title: d,
-		description: f,
-		media: p,
-		icon: m,
-		status: h,
-		actions: g,
-		meta: _,
-		content: v,
-		footer: y
-	}, z = !!(I || O), B = w ? "compact" : C ?? "default";
-	return /* @__PURE__ */ o(n, {
-		"data-slot": "info-card",
-		"data-selected": D || void 0,
-		"data-disabled": E || void 0,
-		"data-loading": T || void 0,
-		"data-info-variant": x,
-		"data-info-size": S,
-		"data-info-density": B,
-		"data-orientation": b,
-		variant: x,
-		size: S === "md" ? "default" : S,
-		density: B,
-		interactive: z,
-		selected: D,
-		disabled: E,
-		className: e("overflow-hidden", b === "horizontal" && "flex", k, A?.root),
-		onClick: E ? void 0 : I,
-		...L,
-		children: T ? /* @__PURE__ */ s("div", {
-			"data-slot": "info-card-loading",
-			className: "grid gap-3",
-			children: [/* @__PURE__ */ o(r, { className: "h-5 w-1/2" }), /* @__PURE__ */ o(i, { rows: 3 })]
-		}) : /* @__PURE__ */ s(a, { children: [p && (M?.(R) ?? /* @__PURE__ */ o("div", {
-			"data-slot": "info-card-media",
-			className: e(b === "horizontal" ? "w-40 shrink-0" : "aspect-video", A?.media),
-			children: p
-		})), /* @__PURE__ */ s("div", {
-			"data-slot": "info-card-body",
-			className: e("grid min-w-0 flex-1 gap-3", c[B], A?.body),
-			children: [
-				j?.(R) ?? /* @__PURE__ */ s("div", {
-					"data-slot": "info-card-header",
-					className: e("flex items-start justify-between gap-3", A?.header),
-					children: [/* @__PURE__ */ s("div", {
-						className: "flex min-w-0 items-start gap-3",
-						children: [m && /* @__PURE__ */ o("div", {
-							"data-slot": "info-card-icon",
-							className: e("flex shrink-0 items-center justify-center", A?.icon),
-							children: m
-						}), /* @__PURE__ */ s("div", {
-							className: "grid min-w-0 gap-1",
-							children: [
-								u && /* @__PURE__ */ o("div", {
-									"data-slot": "info-card-eyebrow",
-									className: A?.eyebrow,
-									children: u
-								}),
-								/* @__PURE__ */ s("div", {
-									className: "flex flex-wrap items-center gap-2",
-									children: [d && /* @__PURE__ */ o("div", {
-										"data-slot": "info-card-title",
-										className: e("truncate", l[S], A?.title),
-										children: d
-									}), h && /* @__PURE__ */ o("div", {
-										"data-slot": "info-card-status",
-										className: A?.status,
-										children: h
-									})]
-								}),
-								f && /* @__PURE__ */ o("div", {
-									"data-slot": "info-card-description",
-									className: e("line-clamp-2", A?.description),
-									children: f
-								})
-							]
-						})]
-					}), g && /* @__PURE__ */ o("div", {
-						"data-slot": "info-card-actions",
-						className: e("shrink-0", A?.actions),
-						onClick: t,
-						onMouseDown: t,
-						onDoubleClick: t,
-						children: g
-					})]
-				}),
-				_ && /* @__PURE__ */ o("div", {
-					"data-slot": "info-card-meta",
-					className: A?.meta,
-					children: _
-				}),
-				(v || F) && (N?.(R) ?? /* @__PURE__ */ o("div", {
-					"data-slot": "info-card-content",
-					className: A?.content,
-					children: v ?? F
-				})),
-				y && (P?.(R) ?? /* @__PURE__ */ o("div", {
-					"data-slot": "info-card-footer",
-					className: A?.footer,
-					children: y
-				}))
-			]
-		})] })
-	});
-}
-//#endregion
-export { u as InfoCard };

package/dist/src/components/display/statistic.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/card/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");function o({label:e,value:n,prefix:r,suffix:o,description:s,trend:c=`neutral`,change:l,loading:u=!1,className:d,...f}){let p=c===`up`?(0,a.jsx)(i.ArrowUpIcon,{className:`size-3`}):c===`down`?(0,a.jsx)(i.ArrowDownIcon,{className:`size-3`}):null;return(0,a.jsxs)(`div`,{"data-slot":`statistic`,"data-loading":u||void 0,"data-trend":c,"aria-busy":u||void 0,className:t.cn(`grid gap-1`,d),...f,children:[(0,a.jsx)(`div`,{"data-slot":`statistic-label`,className:`text-sm text-muted-foreground`,children:e}),(0,a.jsx)(`div`,{"data-slot":`statistic-value-row`,className:`flex flex-wrap items-baseline gap-1.5`,children:u?(0,a.jsx)(`div`,{"data-slot":`statistic-skeleton`,className:`h-8 w-28 animate-pulse rounded-md bg-muted`}):(0,a.jsxs)(a.Fragment,{children:[r&&(0,a.jsx)(`span`,{"data-slot":`statistic-prefix`,className:`text-base text-muted-foreground`,children:r}),(0,a.jsx)(`span`,{"data-slot":`statistic-value`,className:`text-2xl font-semibold tracking-tight`,children:n}),o&&(0,a.jsx)(`span`,{"data-slot":`statistic-suffix`,className:`text-sm text-muted-foreground`,children:o})]})}),(s||l)&&(0,a.jsxs)(`div`,{"data-slot":`statistic-meta`,className:`flex flex-wrap items-center gap-2 text-xs text-muted-foreground`,children:[l&&(0,a.jsxs)(`span`,{"data-slot":`statistic-change`,"data-trend":c,className:t.cn(`inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 font-medium`,c===`up`&&`bg-emerald-500/10 text-emerald-600 dark:text-emerald-400`,c===`down`&&`bg-destructive/10 text-destructive`,c===`neutral`&&`bg-muted text-muted-foreground`),children:[p,l]}),s&&(0,a.jsx)(`span`,{"data-slot":`statistic-description`,children:s})]})]})}function s({action:e,density:r=`default`,label:i,value:s,prefix:c,suffix:l,description:u,trend:d,change:f,loading:p,className:m,...h}){return(0,a.jsxs)(n.Card,{"data-slot":`statistic-card`,"data-density":r,className:m,...h,children:[(0,a.jsxs)(n.CardHeader,{"data-slot":`statistic-card-header`,className:t.cn(`flex flex-row items-center justify-between gap-3 pb-2`,r===`compact`&&`px-4 pt-4 pb-1`),children:[(0,a.jsx)(n.CardTitle,{className:`text-sm font-medium text-muted-foreground`,children:i}),e?(0,a.jsx)(`div`,{"data-slot":`statistic-card-action`,children:e}):null]}),(0,a.jsx)(n.CardContent,{className:t.cn(r===`compact`&&`px-4 pb-4`),children:(0,a.jsx)(o,{label:(0,a.jsx)(`span`,{className:`sr-only`,children:i}),value:s,prefix:c,suffix:l,description:u,trend:d,change:f,loading:p})})]})}function c({columns:e=4,gap:n=`default`,className:r,...i}){return(0,a.jsx)(`div`,{"data-slot":`statistic-grid`,className:t.cn(`grid`,n===`sm`&&`gap-3`,n==="default"&&`gap-4`,n===`lg`&&`gap-6`,e===1&&`grid-cols-1`,e===2&&`grid-cols-1 sm:grid-cols-2`,e===3&&`grid-cols-1 sm:grid-cols-2 xl:grid-cols-3`,e===4&&`grid-cols-1 sm:grid-cols-2 xl:grid-cols-4`,r),...i})}exports.Statistic=o,exports.StatisticCard=s,exports.StatisticGrid=c;

package/dist/src/components/display/statistic.js

@@ -1,104 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import { Card as t, CardContent as n, CardHeader as r, CardTitle as i } from "../ui/card/index.js";
-import "react";
-import { ArrowDownIcon as a, ArrowUpIcon as o } from "lucide-react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/components/display/statistic.tsx
-function u({ label: t, value: n, prefix: r, suffix: i, description: u, trend: d = "neutral", change: f, loading: p = !1, className: m, ...h }) {
-	let g = d === "up" ? /* @__PURE__ */ c(o, { className: "size-3" }) : d === "down" ? /* @__PURE__ */ c(a, { className: "size-3" }) : null;
-	return /* @__PURE__ */ l("div", {
-		"data-slot": "statistic",
-		"data-loading": p || void 0,
-		"data-trend": d,
-		"aria-busy": p || void 0,
-		className: e("grid gap-1", m),
-		...h,
-		children: [
-			/* @__PURE__ */ c("div", {
-				"data-slot": "statistic-label",
-				className: "text-sm text-muted-foreground",
-				children: t
-			}),
-			/* @__PURE__ */ c("div", {
-				"data-slot": "statistic-value-row",
-				className: "flex flex-wrap items-baseline gap-1.5",
-				children: p ? /* @__PURE__ */ c("div", {
-					"data-slot": "statistic-skeleton",
-					className: "h-8 w-28 animate-pulse rounded-md bg-muted"
-				}) : /* @__PURE__ */ l(s, { children: [
-					r && /* @__PURE__ */ c("span", {
-						"data-slot": "statistic-prefix",
-						className: "text-base text-muted-foreground",
-						children: r
-					}),
-					/* @__PURE__ */ c("span", {
-						"data-slot": "statistic-value",
-						className: "text-2xl font-semibold tracking-tight",
-						children: n
-					}),
-					i && /* @__PURE__ */ c("span", {
-						"data-slot": "statistic-suffix",
-						className: "text-sm text-muted-foreground",
-						children: i
-					})
-				] })
-			}),
-			(u || f) && /* @__PURE__ */ l("div", {
-				"data-slot": "statistic-meta",
-				className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground",
-				children: [f && /* @__PURE__ */ l("span", {
-					"data-slot": "statistic-change",
-					"data-trend": d,
-					className: e("inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 font-medium", d === "up" && "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400", d === "down" && "bg-destructive/10 text-destructive", d === "neutral" && "bg-muted text-muted-foreground"),
-					children: [g, f]
-				}), u && /* @__PURE__ */ c("span", {
-					"data-slot": "statistic-description",
-					children: u
-				})]
-			})
-		]
-	});
-}
-function d({ action: a, density: o = "default", label: s, value: d, prefix: f, suffix: p, description: m, trend: h, change: g, loading: _, className: v, ...y }) {
-	return /* @__PURE__ */ l(t, {
-		"data-slot": "statistic-card",
-		"data-density": o,
-		className: v,
-		...y,
-		children: [/* @__PURE__ */ l(r, {
-			"data-slot": "statistic-card-header",
-			className: e("flex flex-row items-center justify-between gap-3 pb-2", o === "compact" && "px-4 pt-4 pb-1"),
-			children: [/* @__PURE__ */ c(i, {
-				className: "text-sm font-medium text-muted-foreground",
-				children: s
-			}), a ? /* @__PURE__ */ c("div", {
-				"data-slot": "statistic-card-action",
-				children: a
-			}) : null]
-		}), /* @__PURE__ */ c(n, {
-			className: e(o === "compact" && "px-4 pb-4"),
-			children: /* @__PURE__ */ c(u, {
-				label: /* @__PURE__ */ c("span", {
-					className: "sr-only",
-					children: s
-				}),
-				value: d,
-				prefix: f,
-				suffix: p,
-				description: m,
-				trend: h,
-				change: g,
-				loading: _
-			})
-		})]
-	});
-}
-function f({ columns: t = 4, gap: n = "default", className: r, ...i }) {
-	return /* @__PURE__ */ c("div", {
-		"data-slot": "statistic-grid",
-		className: e("grid", n === "sm" && "gap-3", n === "default" && "gap-4", n === "lg" && "gap-6", t === 1 && "grid-cols-1", t === 2 && "grid-cols-1 sm:grid-cols-2", t === 3 && "grid-cols-1 sm:grid-cols-2 xl:grid-cols-3", t === 4 && "grid-cols-1 sm:grid-cols-2 xl:grid-cols-4", r),
-		...i
-	});
-}
-//#endregion
-export { u as Statistic, d as StatisticCard, f as StatisticGrid };

package/dist/src/components/filters/filter-bar.cjs

@@ -1 +0,0 @@
-"use client";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("../ui/badge/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s={default:`secondary`,success:`secondary`,warning:`outline`,danger:`destructive`,info:`outline`,muted:`outline`};function c({className:e,search:c,filters:l,actions:u,chips:d,activeCount:f,activeLabel:p=e=>`${e} active`,resetLabel:m=`Reset`,clearChipLabel:h,onReset:g,onRemoveChip:_,collapsible:v=!1,defaultExpanded:y=!1,emptyChips:b,chipLimit:x,chipOverflowLabel:S=e=>`+${e} more`,children:C,...w}){let[T,E]=i.useState(y),D=d?.filter(e=>!e.hidden)??[],O=x&&x>0?D.slice(0,x):D,k=Math.max(D.length-O.length,0),A=f??D.length,j=!!(l||C),M=!!d,N=!v||T,P=D.length>0||M&&b;return(0,o.jsxs)(`div`,{"data-slot":`filter-bar`,className:t.cn(`flex flex-col gap-3 rounded-lg border bg-card p-3`,e),...w,children:[(0,o.jsxs)(`div`,{className:`flex flex-col gap-2 lg:flex-row lg:items-center lg:justify-between`,children:[(0,o.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-2 sm:flex-row sm:items-center`,children:[c&&(0,o.jsx)(`div`,{className:`min-w-0 flex-1`,children:c}),v&&j&&(0,o.jsxs)(n.Button,{type:`button`,variant:T?`secondary`:`outline`,size:`sm`,onClick:()=>E(e=>!e),children:[(0,o.jsx)(a.SlidersHorizontalIcon,{"data-icon":`inline-start`}),`Filters`,A>0&&(0,o.jsx)(`span`,{className:`ml-1 rounded-full bg-background px-1.5 text-xs`,children:A})]})]}),(0,o.jsxs)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:[A>0&&(0,o.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:p(A)}),A>0&&g&&(0,o.jsxs)(n.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:g,children:[(0,o.jsx)(a.XIcon,{"data-icon":`inline-start`}),m]}),u]})]}),j&&N&&(0,o.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center`,children:[l,C]}),P&&(0,o.jsx)(`div`,{"data-slot":`filter-bar-chips`,className:`flex flex-wrap items-center gap-2`,children:D.length>0?(0,o.jsxs)(o.Fragment,{children:[O.map(e=>(0,o.jsxs)(r.Badge,{variant:s[e.tone??`default`],className:t.cn(`gap-1.5`,e.disabled&&`opacity-60`),children:[(0,o.jsx)(`span`,{children:e.label}),e.value!==void 0&&(0,o.jsx)(`span`,{className:`text-muted-foreground`,children:e.value}),_&&!e.disabled&&(0,o.jsx)(`button`,{type:`button`,"aria-label":typeof h==`string`?h:`Remove filter`,className:`rounded-full p-0.5 hover:bg-muted`,onClick:n=>{t.stopInteractivePropagation(n),_(e.key)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:(0,o.jsx)(a.XIcon,{className:`size-3`})})]},e.key)),k>0?(0,o.jsx)(r.Badge,{variant:`outline`,children:S(k)}):null]}):(0,o.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:b})})]})}exports.FilterBar=c;

package/dist/src/components/filters/filter-bar.js

@@ -1,103 +0,0 @@
-"use client";
-import { cn as e, stopInteractivePropagation as t } from "../../lib/utils.js";
-import { Button as n } from "../ui/button/index.js";
-import { Badge as r } from "../ui/badge/index.js";
-import * as i from "react";
-import { SlidersHorizontalIcon as a, XIcon as o } from "lucide-react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/components/filters/filter-bar.tsx
-var u = {
-	default: "secondary",
-	success: "secondary",
-	warning: "outline",
-	danger: "destructive",
-	info: "outline",
-	muted: "outline"
-};
-function d({ className: d, search: f, filters: p, actions: m, chips: h, activeCount: g, activeLabel: _ = (e) => `${e} active`, resetLabel: v = "Reset", clearChipLabel: y, onReset: b, onRemoveChip: x, collapsible: S = !1, defaultExpanded: C = !1, emptyChips: w, chipLimit: T, chipOverflowLabel: E = (e) => `+${e} more`, children: D, ...O }) {
-	let [k, A] = i.useState(C), j = h?.filter((e) => !e.hidden) ?? [], M = T && T > 0 ? j.slice(0, T) : j, N = Math.max(j.length - M.length, 0), P = g ?? j.length, F = !!(p || D), I = !!h, L = !S || k, R = j.length > 0 || I && w;
-	return /* @__PURE__ */ l("div", {
-		"data-slot": "filter-bar",
-		className: e("flex flex-col gap-3 rounded-lg border bg-card p-3", d),
-		...O,
-		children: [
-			/* @__PURE__ */ l("div", {
-				className: "flex flex-col gap-2 lg:flex-row lg:items-center lg:justify-between",
-				children: [/* @__PURE__ */ l("div", {
-					className: "flex min-w-0 flex-1 flex-col gap-2 sm:flex-row sm:items-center",
-					children: [f && /* @__PURE__ */ c("div", {
-						className: "min-w-0 flex-1",
-						children: f
-					}), S && F && /* @__PURE__ */ l(n, {
-						type: "button",
-						variant: k ? "secondary" : "outline",
-						size: "sm",
-						onClick: () => A((e) => !e),
-						children: [
-							/* @__PURE__ */ c(a, { "data-icon": "inline-start" }),
-							"Filters",
-							P > 0 && /* @__PURE__ */ c("span", {
-								className: "ml-1 rounded-full bg-background px-1.5 text-xs",
-								children: P
-							})
-						]
-					})]
-				}), /* @__PURE__ */ l("div", {
-					className: "flex shrink-0 flex-wrap items-center gap-2",
-					children: [
-						P > 0 && /* @__PURE__ */ c("span", {
-							className: "text-sm text-muted-foreground",
-							children: _(P)
-						}),
-						P > 0 && b && /* @__PURE__ */ l(n, {
-							type: "button",
-							variant: "ghost",
-							size: "sm",
-							onClick: b,
-							children: [/* @__PURE__ */ c(o, { "data-icon": "inline-start" }), v]
-						}),
-						m
-					]
-				})]
-			}),
-			F && L && /* @__PURE__ */ l("div", {
-				className: "flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center",
-				children: [p, D]
-			}),
-			R && /* @__PURE__ */ c("div", {
-				"data-slot": "filter-bar-chips",
-				className: "flex flex-wrap items-center gap-2",
-				children: j.length > 0 ? /* @__PURE__ */ l(s, { children: [M.map((n) => /* @__PURE__ */ l(r, {
-					variant: u[n.tone ?? "default"],
-					className: e("gap-1.5", n.disabled && "opacity-60"),
-					children: [
-						/* @__PURE__ */ c("span", { children: n.label }),
-						n.value !== void 0 && /* @__PURE__ */ c("span", {
-							className: "text-muted-foreground",
-							children: n.value
-						}),
-						x && !n.disabled && /* @__PURE__ */ c("button", {
-							type: "button",
-							"aria-label": typeof y == "string" ? y : "Remove filter",
-							className: "rounded-full p-0.5 hover:bg-muted",
-							onClick: (e) => {
-								t(e), x(n.key);
-							},
-							onMouseDown: t,
-							onDoubleClick: t,
-							children: /* @__PURE__ */ c(o, { className: "size-3" })
-						})
-					]
-				}, n.key)), N > 0 ? /* @__PURE__ */ c(r, {
-					variant: "outline",
-					children: E(N)
-				}) : null] }) : /* @__PURE__ */ c("span", {
-					className: "text-sm text-muted-foreground",
-					children: w
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { d as FilterBar };

package/dist/src/components/modern/image-cropper.cjs

@@ -1 +0,0 @@
-"use client";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("lucide-react"),i=require("react/jsx-runtime"),a=require("react-easy-crop");a=e.__toESM(a,1);function o(e){return e*Math.PI/180}function s(e,t,n){let r=o(n);return{width:Math.abs(Math.cos(r)*e)+Math.abs(Math.sin(r)*t),height:Math.abs(Math.sin(r)*e)+Math.abs(Math.cos(r)*t)}}function c(e,t){return new Promise((n,r)=>{let i=new Image;t&&(i.crossOrigin=t),i.onload=()=>n(i),i.onerror=()=>r(Error(`Crop source image could not be loaded`)),i.src=e})}async function l({src:e,crop:t,rotation:n=0,type:r=`image/png`,quality:i=.92,crossOrigin:a=`anonymous`}){let l=await c(e,a),u=s(l.naturalWidth,l.naturalHeight,n),d=document.createElement(`canvas`);d.width=Math.ceil(u.width),d.height=Math.ceil(u.height);let f=d.getContext(`2d`);if(!f)throw Error(`Canvas 2D context is unavailable`);f.translate(d.width/2,d.height/2),f.rotate(o(n)),f.translate(-l.naturalWidth/2,-l.naturalHeight/2),f.drawImage(l,0,0);let p=document.createElement(`canvas`);p.width=Math.max(1,Math.round(t.width)),p.height=Math.max(1,Math.round(t.height));let m=p.getContext(`2d`);if(!m)throw Error(`Canvas 2D context is unavailable`);return m.drawImage(d,Math.round(t.x),Math.round(t.y),Math.round(t.width),Math.round(t.height),0,0,p.width,p.height),new Promise((e,t)=>{p.toBlob(n=>n?e(n):t(Error(`Cropped image could not be encoded`)),r,i)})}function u({src:e,alt:o=`Image crop preview`,crop:s,defaultCrop:c={x:0,y:0},onCropChange:l,zoom:u,defaultZoom:d=1,onZoomChange:f,rotation:p,defaultRotation:m=0,onRotationChange:h,onCropComplete:g,aspect:_=1,cropShape:v=`rect`,objectFit:y=`contain`,minZoom:b=1,maxZoom:x=3,zoomStep:S=.1,showGrid:C=!0,disabled:w=!1,labels:T,className:E,...D}){let[O,k]=n.useState(c),[A,j]=n.useState(d),[M,N]=n.useState(m),P=s??O,F=u??A,I=p??M;return(0,i.jsxs)(`div`,{"data-slot":`image-cropper`,"data-disabled":w||void 0,className:t.cn(`grid gap-3 data-[disabled]:opacity-60`,E),...D,children:[(0,i.jsx)(`div`,{role:`img`,"aria-label":T?.cropper??o,className:t.cn(`relative min-h-64 overflow-hidden rounded-md bg-black`,w&&`pointer-events-none`),style:{aspectRatio:_},children:(0,i.jsx)(a.default,{image:e,crop:P,zoom:F,rotation:I,aspect:_,cropShape:v,objectFit:y,minZoom:b,maxZoom:x,zoomSpeed:S,showGrid:C,onCropChange:e=>{s===void 0&&k(e),l?.(e)},onZoomChange:e=>{u===void 0&&j(e),f?.(e)},onRotationChange:e=>{p===void 0&&N(e),h?.(e)},onCropComplete:g})}),(0,i.jsxs)(`div`,{className:`grid gap-2 sm:grid-cols-2`,children:[(0,i.jsxs)(`label`,{className:`grid grid-cols-[auto_1fr_auto] items-center gap-2 text-xs text-muted-foreground`,children:[(0,i.jsx)(r.ZoomInIcon,{className:`size-4`,"aria-hidden":`true`}),(0,i.jsx)(`span`,{className:`sr-only`,children:T?.zoom??`Zoom`}),(0,i.jsx)(`input`,{type:`range`,min:b,max:x,step:S,value:F,disabled:w,"aria-label":T?.zoom??`Zoom`,className:`w-full accent-foreground`,onChange:e=>{let t=Number(e.target.value);u===void 0&&j(t),f?.(t)}}),(0,i.jsxs)(`span`,{className:`w-9 text-right tabular-nums`,children:[F.toFixed(1),`x`]})]}),(0,i.jsxs)(`label`,{className:`grid grid-cols-[auto_1fr_auto] items-center gap-2 text-xs text-muted-foreground`,children:[(0,i.jsx)(r.RotateCwIcon,{className:`size-4`,"aria-hidden":`true`}),(0,i.jsx)(`span`,{className:`sr-only`,children:T?.rotation??`Rotation`}),(0,i.jsx)(`input`,{type:`range`,min:`-180`,max:`180`,step:`1`,value:I,disabled:w,"aria-label":T?.rotation??`Rotation`,className:`w-full accent-foreground`,onChange:e=>{let t=Number(e.target.value);p===void 0&&N(t),h?.(t)}}),(0,i.jsxs)(`span`,{className:`w-10 text-right tabular-nums`,children:[Math.round(I),`°`]})]})]})]})}exports.ImageCropper=u,exports.createCroppedImageBlob=l;