@contractspec/lib.ui-kit-web 0.0.0-canary-20260113162409

package/dist/ui/sonner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.js","names":["Sonner"],"sources":["../../ui/sonner.tsx"],"sourcesContent":["'use client';\n\nimport { useTheme } from 'next-themes';\nimport { Toaster as Sonner, type ToasterProps } from 'sonner';\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const { theme = 'system' } = useTheme();\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps['theme']}\n      className=\"toaster group\"\n      style={\n        {\n          '--normal-bg': 'var(--popover)',\n          '--normal-text': 'var(--popover-foreground)',\n          '--normal-border': 'var(--border)',\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  );\n};\n\nexport { Toaster };\n"],"mappings":";;;;;;;AAKA,MAAM,WAAW,EAAE,GAAG,YAA0B;CAC9C,MAAM,EAAE,QAAQ,aAAa,UAAU;AAEvC,QACE,oBAACA;EACQ;EACP,WAAU;EACV,OACE;GACE,eAAe;GACf,iBAAiB;GACjB,mBAAmB;GACpB;EAEH,GAAI;GACJ"}

package/dist/ui/stack.d.ts

@@ -0,0 +1,48 @@
+import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types13 from "class-variance-authority/types";
+
+//#region ui/stack.d.ts
+declare const vStackVariants: (props?: ({
+  gap?: "sm" | "lg" | "md" | "none" | "xl" | "xs" | "2xl" | null | undefined;
+  align?: "center" | "start" | "end" | "stretch" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+} & class_variance_authority_types13.ClassProp) | undefined) => string;
+declare const VStack: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+  gap?: "sm" | "lg" | "md" | "none" | "xl" | "xs" | "2xl" | null | undefined;
+  align?: "center" | "start" | "end" | "stretch" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+} & class_variance_authority_types13.ClassProp) | undefined) => string> & {
+  as?: "div" | "section" | "nav" | "main" | "header" | "footer" | "article" | "aside";
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const hStackVariants: (props?: ({
+  gap?: "sm" | "lg" | "md" | "none" | "xl" | "xs" | "2xl" | null | undefined;
+  align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+  wrap?: "wrap" | "nowrap" | "wrapReverse" | null | undefined;
+} & class_variance_authority_types13.ClassProp) | undefined) => string;
+declare const HStack: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+  gap?: "sm" | "lg" | "md" | "none" | "xl" | "xs" | "2xl" | null | undefined;
+  align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+  wrap?: "wrap" | "nowrap" | "wrapReverse" | null | undefined;
+} & class_variance_authority_types13.ClassProp) | undefined) => string> & {
+  as?: "div" | "section" | "nav" | "header" | "footer" | "article" | "aside";
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const boxVariants: (props?: ({
+  gap?: "sm" | "lg" | "md" | "none" | "xl" | "xs" | "2xl" | null | undefined;
+  align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+  wrap?: "wrap" | "nowrap" | "wrapReverse" | null | undefined;
+} & class_variance_authority_types13.ClassProp) | undefined) => string;
+declare const Box: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+  gap?: "sm" | "lg" | "md" | "none" | "xl" | "xs" | "2xl" | null | undefined;
+  align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
+  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+  wrap?: "wrap" | "nowrap" | "wrapReverse" | null | undefined;
+} & class_variance_authority_types13.ClassProp) | undefined) => string> & {
+  as?: "div" | "section" | "nav" | "header" | "footer" | "article" | "aside";
+} & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Box, HStack, VStack, boxVariants, hStackVariants, vStackVariants };
+//# sourceMappingURL=stack.d.ts.map

package/dist/ui/stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","names":[],"sources":["../../ui/stack.tsx"],"sourcesContent":[],"mappings":";;;;;cAIM,sBAyDL;;;EAzDK,OAAA,CAAA,EAAA,QA+BJ,GAAA,OAAA,GAAA,KAAA,GAAA,SAAA,GAAA,QAAA,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;IAAA,gCAAA,CAAA,SA0BD,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;cAXK,MAAM,EAAA,OAAA,CAAA,yBAAA,CAAA,OAAA,CAAA,cAAA,CAAA,cAAA,CAAA,GAAA,YAAA,CAAA,CAAA,MAAA,EAAA,CAAA;EAAA,GAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,MAAA,GAAA,IAAA,GAAA,IAAA,GAAA,KAAA,GAAA,IAAA,GAAA,SAAA;EAAA,KAAA,CAAA,EAAA,QAAA,GAAA,OAAA,GAAA,KAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;EAAA,OAAA,CAAA,EAAA,QAAA,GAAA,OAAA,GAAA,KAAA,GAAA,SAAA,GAAA,QAAA,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;IAAA,gCAAA,CAAA;;CAAA,wBAAA,eAAA,CAAA,CAAA;cAcN,cAdM,EAAA,CAAA,KA2DA,CA3DA,EAAA,CAAA;EAcN,GAAA,CAAA,EAAA,IAAA,GAAA,IAsCJ,GAAA,IAAA,GAAA,MAAA,GAAA,IAAA,GAAA,IAAA,GAAA,KAAA,GAAA,IAAA,GAAA,SAAA;EAOI,KAAA,CAAA,EAAA,QAWL,GAAA,OAAA,GAAA,KAAA,GAAA,SAAA,GAAA,UAAA,GAAA,IAAA,GAAA,SAAA;EAXW,OAAA,CAAA,EAAA,QAAA,GAAA,OAAA,GAAA,KAAA,GAAA,SAAA,GAAA,QAAA,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;EAAA,IAAA,CAAA,EAAA,MAAA,GAAA,QAAA,GAAA,aAAA,GAAA,IAAA,GAAA,SAAA;CAAA,GAPV,gCAAA,CAAA,SAOU,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;cAAN,MAAM,EAAA,OAAA,CAAA,yBAAA,CAAA,OAAA,CAAA,cAAA,CAAA,cAAA,CAAA,GAAA,YAAA,CAAA,CAAA,KAoDV,CApDU,EAAA,CAAA;;;EAAA,OAAA,CAAA,EAAA,QAAA,GAAA,OAAA,GAAA,KAAA,GAAA,SAAA,GAAA,QAAA,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;EAAA,IAAA,CAAA,EAAA,MAAA,GAAA,QAAA,GAAA,aAAA,GAAA,IAAA,GAAA,SAAA;AAAA,CAAA,GAAA,gCAAA,CAAA,SAoDV,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA,CAAA,GAAA;EAOI,EAAA,CAAA,EAAA,KAWL,GAAA,SAAA,GAAA,KAAA,GAAA,QAAA,GAAA,QAAA,GAAA,SAAA,GAAA,OAAA;CAXQ,wBAAA,eAAA,CAAA,CAAA;cA7CH,WA6CG,EAAA,CAAA,KAAA,CAAA,EAAA,CAAA;EAAA,GAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,MAAA,GAAA,IAAA,GAAA,IAAA,GAAA,KAAA,GAAA,IAAA,GAAA,SAAA;EAAA,KAAA,CAAA,EAAA,QAAA,GAAA,OAAA,GAAA,KAAA,GAAA,SAAA,GAAA,UAAA,GAAA,IAAA,GAAA,SAAA;;;CAAA,GAPP,gCAAA,CAAA,SAOO,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;cAAH,GAAG,EAAA,OAAA,CAAA,yBAAA,CAAA,OAAA,CAAA,cAAA,CAAA,cAAA,CAAA,GAAA,YAAA,CAAA,CAAA,MAAA,EAAA,CAAA;;;;;IAAA,gCAAA,CAAA"}

package/dist/ui/stack.js

@@ -0,0 +1,158 @@
+import * as React$1 from "react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ui/stack.tsx
+const vStackVariants = cva("flex flex-col", {
+	variants: {
+		gap: {
+			none: "gap-0",
+			xs: "gap-1",
+			sm: "gap-2",
+			md: "gap-3",
+			lg: "gap-4",
+			xl: "gap-6",
+			"2xl": "gap-8"
+		},
+		align: {
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			stretch: "items-stretch"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		}
+	},
+	defaultVariants: {
+		gap: "md",
+		align: "stretch",
+		justify: "start"
+	}
+});
+const VStack = React$1.forwardRef(({ className, gap, align, justify, as = "div", ...props }, ref) => {
+	return /* @__PURE__ */ jsx(as, {
+		ref,
+		className: cn(vStackVariants({
+			gap,
+			align,
+			justify
+		}), className),
+		...props
+	});
+});
+VStack.displayName = "VStack";
+const hStackVariants = cva("flex flex-row", {
+	variants: {
+		gap: {
+			none: "gap-0",
+			xs: "gap-1",
+			sm: "gap-2",
+			md: "gap-3",
+			lg: "gap-4",
+			xl: "gap-6",
+			"2xl": "gap-8"
+		},
+		align: {
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			stretch: "items-stretch",
+			baseline: "items-baseline"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		},
+		wrap: {
+			nowrap: "flex-nowrap",
+			wrap: "flex-wrap",
+			wrapReverse: "flex-wrap-reverse"
+		}
+	},
+	defaultVariants: {
+		gap: "md",
+		align: "center",
+		justify: "start",
+		wrap: "wrap"
+	}
+});
+const HStack = React$1.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+	return /* @__PURE__ */ jsx(as, {
+		ref,
+		className: cn(hStackVariants({
+			gap,
+			align,
+			justify,
+			wrap
+		}), className),
+		...props
+	});
+});
+HStack.displayName = "HStack";
+const boxVariants = cva("flex flex-row", {
+	variants: {
+		gap: {
+			none: "gap-0",
+			xs: "gap-1",
+			sm: "gap-2",
+			md: "gap-3",
+			lg: "gap-4",
+			xl: "gap-6",
+			"2xl": "gap-8"
+		},
+		align: {
+			start: "items-start",
+			center: "items-center",
+			end: "items-end",
+			stretch: "items-stretch",
+			baseline: "items-baseline"
+		},
+		justify: {
+			start: "justify-start",
+			center: "justify-center",
+			end: "justify-end",
+			between: "justify-between",
+			around: "justify-around",
+			evenly: "justify-evenly"
+		},
+		wrap: {
+			nowrap: "flex-nowrap",
+			wrap: "flex-wrap",
+			wrapReverse: "flex-wrap-reverse"
+		}
+	},
+	defaultVariants: {
+		gap: "md",
+		align: "center",
+		justify: "center",
+		wrap: "nowrap"
+	}
+});
+const Box = React$1.forwardRef(({ className, gap, align, justify, wrap, as = "div", ...props }, ref) => {
+	return /* @__PURE__ */ jsx(as, {
+		ref,
+		className: cn(boxVariants({
+			gap,
+			align,
+			justify,
+			wrap
+		}), className),
+		...props
+	});
+});
+Box.displayName = "Box";
+
+//#endregion
+export { Box, HStack, VStack, boxVariants, hStackVariants, vStackVariants };
+//# sourceMappingURL=stack.js.map

package/dist/ui/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.js","names":["React"],"sources":["../../ui/stack.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@contractspec/lib.ui-kit-core/utils';\n\nconst vStackVariants = cva('flex flex-col', {\n  variants: {\n    gap: {\n      none: 'gap-0',\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-3',\n      lg: 'gap-4',\n      xl: 'gap-6',\n      '2xl': 'gap-8',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      stretch: 'items-stretch',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n    },\n  },\n  defaultVariants: {\n    gap: 'md',\n    align: 'stretch',\n    justify: 'start',\n  },\n});\n\ntype VStackProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof vStackVariants> & {\n    as?:\n      | 'div'\n      | 'section'\n      | 'nav'\n      | 'main'\n      | 'header'\n      | 'footer'\n      | 'article'\n      | 'aside';\n  };\n\nconst VStack = React.forwardRef<HTMLDivElement, VStackProps>(\n  ({ className, gap, align, justify, as = 'div', ...props }, ref) => {\n    const Comp = as as React.ElementType;\n    return (\n      <Comp\n        ref={ref}\n        className={cn(vStackVariants({ gap, align, justify }), className)}\n        {...props}\n      />\n    );\n  }\n);\nVStack.displayName = 'VStack';\n\nconst hStackVariants = cva('flex flex-row', {\n  variants: {\n    gap: {\n      none: 'gap-0',\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-3',\n      lg: 'gap-4',\n      xl: 'gap-6',\n      '2xl': 'gap-8',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      stretch: 'items-stretch',\n      baseline: 'items-baseline',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n    },\n    wrap: {\n      nowrap: 'flex-nowrap',\n      wrap: 'flex-wrap',\n      wrapReverse: 'flex-wrap-reverse',\n    },\n  },\n  defaultVariants: {\n    gap: 'md',\n    align: 'center',\n    justify: 'start',\n    wrap: 'wrap',\n  },\n});\n\ntype HStackProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof hStackVariants> & {\n    as?: 'div' | 'section' | 'nav' | 'header' | 'footer' | 'article' | 'aside';\n  };\n\nconst HStack = React.forwardRef<HTMLDivElement, HStackProps>(\n  ({ className, gap, align, justify, wrap, as = 'div', ...props }, ref) => {\n    const Comp = as as React.ElementType;\n    return (\n      <Comp\n        ref={ref}\n        className={cn(hStackVariants({ gap, align, justify, wrap }), className)}\n        {...props}\n      />\n    );\n  }\n);\nHStack.displayName = 'HStack';\n\nconst boxVariants = cva('flex flex-row', {\n  variants: {\n    gap: {\n      none: 'gap-0',\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-3',\n      lg: 'gap-4',\n      xl: 'gap-6',\n      '2xl': 'gap-8',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      stretch: 'items-stretch',\n      baseline: 'items-baseline',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n    },\n    wrap: {\n      nowrap: 'flex-nowrap',\n      wrap: 'flex-wrap',\n      wrapReverse: 'flex-wrap-reverse',\n    },\n  },\n  defaultVariants: {\n    gap: 'md',\n    align: 'center',\n    justify: 'center',\n    wrap: 'nowrap',\n  },\n});\n\ntype BoxProps = React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof boxVariants> & {\n    as?: 'div' | 'section' | 'nav' | 'header' | 'footer' | 'article' | 'aside';\n  };\n\nconst Box = React.forwardRef<HTMLDivElement, BoxProps>(\n  ({ className, gap, align, justify, wrap, as = 'div', ...props }, ref) => {\n    const Comp = as as React.ElementType;\n    return (\n      <Comp\n        ref={ref}\n        className={cn(boxVariants({ gap, align, justify, wrap }), className)}\n        {...props}\n      />\n    );\n  }\n);\nBox.displayName = 'Box';\n\nexport { VStack, HStack, vStackVariants, hStackVariants, boxVariants, Box };\n"],"mappings":";;;;;;AAIA,MAAM,iBAAiB,IAAI,iBAAiB;CAC1C,UAAU;EACR,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACV;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACF;CACD,iBAAiB;EACf,KAAK;EACL,OAAO;EACP,SAAS;EACV;CACF,CAAC;AAeF,MAAM,SAASA,QAAM,YAClB,EAAE,WAAW,KAAK,OAAO,SAAS,KAAK,OAAO,GAAG,SAAS,QAAQ;AAEjE,QACE,oBAFW;EAGJ;EACL,WAAW,GAAG,eAAe;GAAE;GAAK;GAAO;GAAS,CAAC,EAAE,UAAU;EACjE,GAAI;GACJ;EAGP;AACD,OAAO,cAAc;AAErB,MAAM,iBAAiB,IAAI,iBAAiB;CAC1C,UAAU;EACR,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,UAAU;GACX;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,MAAM;GACJ,QAAQ;GACR,MAAM;GACN,aAAa;GACd;EACF;CACD,iBAAiB;EACf,KAAK;EACL,OAAO;EACP,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAOF,MAAM,SAASA,QAAM,YAClB,EAAE,WAAW,KAAK,OAAO,SAAS,MAAM,KAAK,OAAO,GAAG,SAAS,QAAQ;AAEvE,QACE,oBAFW;EAGJ;EACL,WAAW,GAAG,eAAe;GAAE;GAAK;GAAO;GAAS;GAAM,CAAC,EAAE,UAAU;EACvE,GAAI;GACJ;EAGP;AACD,OAAO,cAAc;AAErB,MAAM,cAAc,IAAI,iBAAiB;CACvC,UAAU;EACR,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,OAAO;GACL,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,UAAU;GACX;EACD,SAAS;GACP,OAAO;GACP,QAAQ;GACR,KAAK;GACL,SAAS;GACT,QAAQ;GACR,QAAQ;GACT;EACD,MAAM;GACJ,QAAQ;GACR,MAAM;GACN,aAAa;GACd;EACF;CACD,iBAAiB;EACf,KAAK;EACL,OAAO;EACP,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAOF,MAAM,MAAMA,QAAM,YACf,EAAE,WAAW,KAAK,OAAO,SAAS,MAAM,KAAK,OAAO,GAAG,SAAS,QAAQ;AAEvE,QACE,oBAFW;EAGJ;EACL,WAAW,GAAG,YAAY;GAAE;GAAK;GAAO;GAAS;GAAM,CAAC,EAAE,UAAU;EACpE,GAAI;GACJ;EAGP;AACD,IAAI,cAAc"}

package/dist/ui/stat-card-group.d.ts

@@ -0,0 +1,19 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime210 from "react/jsx-runtime";
+
+//#region ui/stat-card-group.d.ts
+interface StatItem {
+  label: React$1.ReactNode;
+  value: React$1.ReactNode;
+  tone?: 'blue' | 'green' | 'amber';
+}
+declare function StatCardGroup({
+  items,
+  className
+}: {
+  items: StatItem[];
+  className?: string;
+}): react_jsx_runtime210.JSX.Element;
+//#endregion
+export { StatCardGroup, StatItem };
+//# sourceMappingURL=stat-card-group.d.ts.map

package/dist/ui/stat-card-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card-group.d.ts","names":[],"sources":["../../ui/stat-card-group.tsx"],"sourcesContent":[],"mappings":";;;;UAIiB,QAAA;SACR,OAAA,CAAM;SACN,OAAA,CAAM;EAFE,IAAA,CAAA,EAAA,MAAQ,GAAA,OAAA,GAChB,OAAM;AAiBf;AACE,iBADc,aAAA,CACd;EAAA,KAAA;EAAA;CAAA,EAAA;EACA,KAAA,EAEO,QAFP,EAAA;EAEO,SAAA,CAAA,EAAA,MAAA;CAER,CAAA,EAAA,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/stat-card-group.js

@@ -0,0 +1,39 @@
+import { Card, CardContent } from "./card.js";
+import { HStack, VStack } from "./stack.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/stat-card-group.tsx
+function toneClasses(tone) {
+	switch (tone) {
+		case "green": return "bg-green-50 text-green-800";
+		case "amber": return "bg-amber-50 text-amber-800";
+		case "blue":
+		default: return "bg-blue-50 text-blue-800";
+	}
+}
+function StatCardGroup({ items, className }) {
+	return /* @__PURE__ */ jsx(HStack, {
+		className: className + " w-full flex-wrap gap-3",
+		children: items.map((it, idx) => /* @__PURE__ */ jsx(Card, {
+			className: "border-none shadow-2xs",
+			children: /* @__PURE__ */ jsx(CardContent, {
+				className: "px-4 py-3",
+				children: /* @__PURE__ */ jsxs(VStack, {
+					className: "gap-1",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: `w-fit rounded-xs px-2 py-0.5 text-sm ${toneClasses(it.tone)}`,
+						children: it.label
+					}), /* @__PURE__ */ jsx("div", {
+						className: "text-xl font-semibold",
+						children: it.value
+					})]
+				})
+			})
+		}, idx))
+	});
+}
+
+//#endregion
+export { StatCardGroup };
+//# sourceMappingURL=stat-card-group.js.map

package/dist/ui/stat-card-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card-group.js","names":[],"sources":["../../ui/stat-card-group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Card, CardContent } from './card';\nimport { HStack, VStack } from './stack';\n\nexport interface StatItem {\n  label: React.ReactNode;\n  value: React.ReactNode;\n  tone?: 'blue' | 'green' | 'amber';\n}\n\nfunction toneClasses(tone?: StatItem['tone']) {\n  switch (tone) {\n    case 'green':\n      return 'bg-green-50 text-green-800';\n    case 'amber':\n      return 'bg-amber-50 text-amber-800';\n    case 'blue':\n    default:\n      return 'bg-blue-50 text-blue-800';\n  }\n}\n\nexport function StatCardGroup({\n  items,\n  className,\n}: {\n  items: StatItem[];\n  className?: string;\n}) {\n  return (\n    <HStack className={className + ' w-full flex-wrap gap-3'}>\n      {items.map((it, idx) => (\n        <Card key={idx} className=\"border-none shadow-2xs\">\n          <CardContent className=\"px-4 py-3\">\n            <VStack className=\"gap-1\">\n              <div\n                className={`w-fit rounded-xs px-2 py-0.5 text-sm ${toneClasses(it.tone)}`}\n              >\n                {it.label}\n              </div>\n              <div className=\"text-xl font-semibold\">{it.value}</div>\n            </VStack>\n          </CardContent>\n        </Card>\n      ))}\n    </HStack>\n  );\n}\n"],"mappings":";;;;;;AAUA,SAAS,YAAY,MAAyB;AAC5C,SAAQ,MAAR;EACE,KAAK,QACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,KAAK;EACL,QACE,QAAO;;;AAIb,SAAgB,cAAc,EAC5B,OACA,aAIC;AACD,QACE,oBAAC;EAAO,WAAW,YAAY;YAC5B,MAAM,KAAK,IAAI,QACd,oBAAC;GAAe,WAAU;aACxB,oBAAC;IAAY,WAAU;cACrB,qBAAC;KAAO,WAAU;gBAChB,oBAAC;MACC,WAAW,wCAAwC,YAAY,GAAG,KAAK;gBAEtE,GAAG;OACA,EACN,oBAAC;MAAI,WAAU;gBAAyB,GAAG;OAAY;MAChD;KACG;KAVL,IAWJ,CACP;GACK"}

package/dist/ui/stepper.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime220 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types19 from "class-variance-authority/types";
+
+//#region ui/stepper.d.ts
+declare const dotVariants: (props?: ({
+  state?: "active" | "inactive" | null | undefined;
+  size?: "sm" | "md" | null | undefined;
+} & class_variance_authority_types19.ClassProp) | undefined) => string;
+interface StepperProps extends VariantProps<typeof dotVariants> {
+  current: number;
+  total: number;
+  className?: string;
+}
+declare function Stepper({
+  current,
+  total,
+  size,
+  className
+}: StepperProps): react_jsx_runtime220.JSX.Element;
+//#endregion
+export { Stepper, StepperProps };
+//# sourceMappingURL=stepper.d.ts.map

package/dist/ui/stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","names":[],"sources":["../../ui/stepper.tsx"],"sourcesContent":[],"mappings":";;;;;cAKM;;;IAeJ,gCAAA,CAAA;AAfI,UAiBW,YAAA,SAAqB,YAFpC,CAAA,OAEwD,WAFxD,CAAA,CAAA;EAEe,OAAA,EAAA,MAAa;EAMd,KAAA,EAAA,MAAO;EAAG,SAAA,CAAA,EAAA,MAAA;;AAAgB,iBAA1B,OAAA,CAA0B;EAAA,OAAA;EAAA,KAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAAmB,YAAnB,CAAA,EAA+B,oBAAA,CAAA,GAAA,CAAA,OAA/B"}

package/dist/ui/stepper.js

@@ -0,0 +1,37 @@
+import { HStack } from "./stack.js";
+import "react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region ui/stepper.tsx
+const dotVariants = cva("h-2 w-2 rounded-full", {
+	variants: {
+		state: {
+			active: "bg-primary",
+			inactive: "bg-muted-foreground/20"
+		},
+		size: {
+			sm: "",
+			md: "h-2.5 w-2.5"
+		}
+	},
+	defaultVariants: {
+		state: "inactive",
+		size: "md"
+	}
+});
+function Stepper({ current, total, size, className }) {
+	const items = Array.from({ length: Math.max(0, total) });
+	return /* @__PURE__ */ jsx(HStack, {
+		className: cn("items-center gap-2", className),
+		children: items.map((_, idx) => /* @__PURE__ */ jsx("span", { className: cn(dotVariants({
+			state: idx + 1 === current ? "active" : "inactive",
+			size
+		})) }, idx))
+	});
+}
+
+//#endregion
+export { Stepper };
+//# sourceMappingURL=stepper.js.map

package/dist/ui/stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.js","names":[],"sources":["../../ui/stepper.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@contractspec/lib.ui-kit-core/utils';\nimport { HStack } from './stack';\n\nconst dotVariants = cva('h-2 w-2 rounded-full', {\n  variants: {\n    state: {\n      active: 'bg-primary',\n      inactive: 'bg-muted-foreground/20',\n    },\n    size: {\n      sm: '',\n      md: 'h-2.5 w-2.5',\n    },\n  },\n  defaultVariants: {\n    state: 'inactive',\n    size: 'md',\n  },\n});\n\nexport interface StepperProps extends VariantProps<typeof dotVariants> {\n  current: number;\n  total: number;\n  className?: string;\n}\n\nexport function Stepper({ current, total, size, className }: StepperProps) {\n  const items = Array.from({ length: Math.max(0, total) });\n  return (\n    <HStack className={cn('items-center gap-2', className)}>\n      {items.map((_, idx) => (\n        <span\n          key={idx}\n          className={cn(\n            dotVariants({\n              state: idx + 1 === current ? 'active' : 'inactive',\n              size,\n            })\n          )}\n        />\n      ))}\n    </HStack>\n  );\n}\n"],"mappings":";;;;;;;AAKA,MAAM,cAAc,IAAI,wBAAwB;CAC9C,UAAU;EACR,OAAO;GACL,QAAQ;GACR,UAAU;GACX;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,OAAO;EACP,MAAM;EACP;CACF,CAAC;AAQF,SAAgB,QAAQ,EAAE,SAAS,OAAO,MAAM,aAA2B;CACzE,MAAM,QAAQ,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI,GAAG,MAAM,EAAE,CAAC;AACxD,QACE,oBAAC;EAAO,WAAW,GAAG,sBAAsB,UAAU;YACnD,MAAM,KAAK,GAAG,QACb,oBAAC,UAEC,WAAW,GACT,YAAY;GACV,OAAO,MAAM,MAAM,UAAU,WAAW;GACxC;GACD,CAAC,CACH,IANI,IAOL,CACF;GACK"}

package/dist/ui/switch.d.ts

@@ -0,0 +1,15 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime211 from "react/jsx-runtime";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+
+//#region ui/switch.d.ts
+declare function Switch({
+  className,
+  thumbClassName,
+  ...props
+}: React$1.ComponentProps<typeof SwitchPrimitive.Root> & {
+  thumbClassName?: string;
+}): react_jsx_runtime211.JSX.Element;
+//#endregion
+export { Switch };
+//# sourceMappingURL=switch.d.ts.map

package/dist/ui/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","names":[],"sources":["../../ui/switch.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,MAAA;;;;GAIN,OAAA,CAAM,sBAAsB,eAAA,CAAgB;;IAE9C,oBAAA,CAAA,GAAA,CAAA"}

package/dist/ui/switch.js

@@ -0,0 +1,23 @@
+'use client';
+
+import "react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsx } from "react/jsx-runtime";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+
+//#region ui/switch.tsx
+function Switch({ className, thumbClassName, ...props }) {
+	return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
+		"data-slot": "switch",
+		className: cn("peer focus-visible:border-ring focus-visible:ring-ring/50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-2xs outline-hidden transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, {
+			"data-slot": "switch-thumb",
+			className: cn("bg-background dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0", thumbClassName)
+		})
+	});
+}
+
+//#endregion
+export { Switch };
+//# sourceMappingURL=switch.js.map

package/dist/ui/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":[],"sources":["../../ui/switch.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as SwitchPrimitive from '@radix-ui/react-switch';\n\nimport { cn } from '@contractspec/lib.ui-kit-core/utils';\n\nfunction Switch({\n  className,\n  thumbClassName,\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n  thumbClassName?: string;\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        'peer focus-visible:border-ring focus-visible:ring-ring/50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-2xs outline-hidden transition-all focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          'bg-background dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0',\n          thumbClassName\n        )}\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch };\n"],"mappings":";;;;;;;;AAOA,SAAS,OAAO,EACd,WACA,gBACA,GAAG,SAGF;AACD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,gXACA,UACD;EACD,GAAI;YAEJ,oBAAC,gBAAgB;GACf,aAAU;GACV,WAAW,GACT,4QACA,eACD;IACD;GACmB"}

package/dist/ui/table.d.ts

@@ -0,0 +1,39 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime212 from "react/jsx-runtime";
+
+//#region ui/table.d.ts
+declare function Table({
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'table'>): react_jsx_runtime212.JSX.Element;
+declare function TableHeader({
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'thead'>): react_jsx_runtime212.JSX.Element;
+declare function TableBody({
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'tbody'>): react_jsx_runtime212.JSX.Element;
+declare function TableFooter({
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'tfoot'>): react_jsx_runtime212.JSX.Element;
+declare function TableRow({
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'tr'>): react_jsx_runtime212.JSX.Element;
+declare function TableHead({
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'th'>): react_jsx_runtime212.JSX.Element;
+declare function TableCell({
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'td'>): react_jsx_runtime212.JSX.Element;
+declare function TableCaption({
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'caption'>): react_jsx_runtime212.JSX.Element;
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+//# sourceMappingURL=table.d.ts.map

package/dist/ui/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","names":[],"sources":["../../ui/table.tsx"],"sourcesContent":[],"mappings":";;;;iBAMS,KAAA;;;GAGN,OAAA,CAAM,oCAAiC,oBAAA,CAAA,GAAA,CAAA;iBAejC,WAAA;;;GAGN,OAAA,CAAM,oCAAiC,oBAAA,CAAA,GAAA,CAAA;iBAUjC,SAAA;;;GAGN,OAAA,CAAM,oCAAiC,oBAAA,CAAA,GAAA,CAAA;AAtCX,iBAgDtB,WAAA,CA5CK;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+CX,OAAA,CAAM,wBA/CK,CAAA,OAAA,CAAA,CAAA,EA+C4B,oBAAA,CAAA,GAAA,CAAA,OA/C5B;iBA4DL,QAAA,CA3DP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA8DC,OAAA,CAAM,wBA9DP,CAAA,IAAA,CAAA,CAAA,EA8DqC,oBAAA,CAAA,GAAA,CAAA,OA9DrC;iBA2EO,SAAA,CAzEA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4EN,OAAA,CAAM,wBA5EA,CAAA,IAAA,CAAA,CAAA,EA4E8B,oBAAA,CAAA,GAAA,CAAA,OA5E9B;iBAyFA,SAAA,CAzFiC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4FvC,OAAA,CAAM,wBA5FiC,CAAA,IAAA,CAAA,CAAA,EA4FH,oBAAA,CAAA,GAAA,CAAA,OA5FG;iBAyGjC,YAAA,CAzGiC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4GvC,OAAA,CAAM,wBA5GiC,CAAA,SAAA,CAAA,CAAA,EA4GE,oBAAA,CAAA,GAAA,CAAA,OA5GF"}

package/dist/ui/table.js

@@ -0,0 +1,71 @@
+'use client';
+
+import "react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region ui/table.tsx
+function Table({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "table-container",
+		className: "relative w-full overflow-x-auto",
+		children: /* @__PURE__ */ jsx("table", {
+			"data-slot": "table",
+			className: cn("w-full caption-bottom text-sm", className),
+			...props
+		})
+	});
+}
+function TableHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("thead", {
+		"data-slot": "table-header",
+		className: cn("[&_tr]:border-b", className),
+		...props
+	});
+}
+function TableBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tbody", {
+		"data-slot": "table-body",
+		className: cn("[&_tr:last-child]:border-0", className),
+		...props
+	});
+}
+function TableFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tfoot", {
+		"data-slot": "table-footer",
+		className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
+		...props
+	});
+}
+function TableRow({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tr", {
+		"data-slot": "table-row",
+		className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
+		...props
+	});
+}
+function TableHead({ className, ...props }) {
+	return /* @__PURE__ */ jsx("th", {
+		"data-slot": "table-head",
+		className: cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+		...props
+	});
+}
+function TableCell({ className, ...props }) {
+	return /* @__PURE__ */ jsx("td", {
+		"data-slot": "table-cell",
+		className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+		...props
+	});
+}
+function TableCaption({ className, ...props }) {
+	return /* @__PURE__ */ jsx("caption", {
+		"data-slot": "table-caption",
+		className: cn("text-muted-foreground mt-4 text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+//# sourceMappingURL=table.js.map

package/dist/ui/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":[],"sources":["../../ui/table.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { cn } from '@contractspec/lib.ui-kit-core/utils';\n\nfunction Table({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'table'>) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className=\"relative w-full overflow-x-auto\"\n    >\n      <table\n        data-slot=\"table\"\n        className={cn('w-full caption-bottom text-sm', className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction TableHeader({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'thead'>) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn('[&_tr]:border-b', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableBody({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'tbody'>) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn('[&_tr:last-child]:border-0', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableFooter({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'tfoot'>) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        'bg-muted/50 border-t font-medium [&>tr]:last:border-b-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableRow({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'tr'>) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableHead({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'th'>) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCell({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'td'>) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'caption'>) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn('text-muted-foreground mt-4 text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n};\n"],"mappings":";;;;;;;AAMA,SAAS,MAAM,EACb,WACA,GAAG,SACuC;AAC1C,QACE,oBAAC;EACC,aAAU;EACV,WAAU;YAEV,oBAAC;GACC,aAAU;GACV,WAAW,GAAG,iCAAiC,UAAU;GACzD,GAAI;IACJ;GACE;;AAIV,SAAS,YAAY,EACnB,WACA,GAAG,SACuC;AAC1C,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,mBAAmB,UAAU;EAC3C,GAAI;GACJ;;AAIN,SAAS,UAAU,EACjB,WACA,GAAG,SACuC;AAC1C,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,8BAA8B,UAAU;EACtD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,GAAG,SACuC;AAC1C,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,2DACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,SAAS,EAChB,WACA,GAAG,SACoC;AACvC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,+EACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,UAAU,EACjB,WACA,GAAG,SACoC;AACvC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,sJACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,UAAU,EACjB,WACA,GAAG,SACoC;AACvC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,0GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,WACA,GAAG,SACyC;AAC5C,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;GACJ"}

package/dist/ui/tabs.d.ts

@@ -0,0 +1,24 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime222 from "react/jsx-runtime";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+
+//#region ui/tabs.d.ts
+declare function Tabs({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime222.JSX.Element;
+declare function TabsList({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime222.JSX.Element;
+declare function TabsTrigger({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime222.JSX.Element;
+declare function TabsContent({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime222.JSX.Element;
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/ui/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../ui/tabs.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,IAAA;;;GAGN,OAAA,CAAM,sBAAsB,aAAA,CAAc,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAUzC,QAAA;;;GAGN,OAAA,CAAM,sBAAsB,aAAA,CAAc,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAazC,WAAA;;;GAGN,OAAA,CAAM,sBAAsB,aAAA,CAAc,WAAQ,oBAAA,CAAA,GAAA,CAAA;AApCC,iBAiD7C,WAAA,CA7CI;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgDV,OAAA,CAAM,cAhDI,CAAA,OAgDkB,aAAA,CAAc,OAhDhC,CAAA,CAAA,EAgDwC,oBAAA,CAAA,GAAA,CAAA,OAhDxC"}

package/dist/ui/tabs.js

@@ -0,0 +1,40 @@
+'use client';
+
+import "react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsx } from "react/jsx-runtime";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+
+//#region ui/tabs.tsx
+function Tabs({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Root, {
+		"data-slot": "tabs",
+		className: cn("flex flex-col gap-2", className),
+		...props
+	});
+}
+function TabsList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.List, {
+		"data-slot": "tabs-list",
+		className: cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className),
+		...props
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: cn("text-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-ring/50 data-[state=active]:bg-background dark:text-muted-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-2xs [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsPrimitive.Content, {
+		"data-slot": "tabs-content",
+		className: cn("flex-1 outline-hidden", className),
+		...props
+	});
+}
+
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.js.map

package/dist/ui/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":[],"sources":["../../ui/tabs.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\n\nimport { cn } from '@contractspec/lib.ui-kit-core/utils';\n\nfunction Tabs({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn('flex flex-col gap-2', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsList({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"text-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-ring/50 data-[state=active]:bg-background dark:text-muted-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-2xs [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('flex-1 outline-hidden', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n"],"mappings":";;;;;;;;AAOA,SAAS,KAAK,EACZ,WACA,GAAG,SAC+C;AAClD,QACE,oBAAC,cAAc;EACb,aAAU;EACV,WAAW,GAAG,uBAAuB,UAAU;EAC/C,GAAI;GACJ;;AAIN,SAAS,SAAS,EAChB,WACA,GAAG,SAC+C;AAClD,QACE,oBAAC,cAAc;EACb,aAAU;EACV,WAAW,GACT,uGACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAAC,cAAc;EACb,aAAU;EACV,WAAW,GACT,oqBACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAAC,cAAc;EACb,aAAU;EACV,WAAW,GAAG,yBAAyB,UAAU;EACjD,GAAI;GACJ"}