@repraze/kernelkit 0.0.0-stage → 0.1.0-alpha.1

package/README.md

@@ -1,3 +1,42 @@
-# Temporary Holding Version
+# @repraze/kernelkit
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Modern, techy React components: every shadcn component on Base UI, Tailwind v4 and `cva`, themed by the
+[TermiColor](https://www.npmjs.com/package/@repraze/termicolor) palette. One accent (pink by default), one
+radius knob, light / dark / high contrast, all CSS variables.
+
+Docs: https://repraze.github.io/kernelkit/
+
+```bash
+npm install @repraze/kernelkit @base-ui/react
+```
+
+```css
+/* app.css */
+@import "tailwindcss";
+@import "@repraze/kernelkit/styles.css";
+```
+
+```tsx
+import {Button} from "@repraze/kernelkit/components/button";
+import {ThemeProvider} from "@repraze/kernelkit/provider";
+
+export function App() {
+    return (
+        <ThemeProvider defaultTheme={{accent: "pink", radius: "md"}}>
+            <Button>Deploy</Button>
+        </ThemeProvider>
+    );
+}
+```
+
+Heavier components need their library installed alongside (optional peer dependencies): `chart` → recharts,
+`hooks/use-highlighted-code` (syntax highlighting for `code-block`) → shiki, `carousel` → embla-carousel-react, `command` → cmdk, `calendar` / `date-picker` →
+react-day-picker (+ date-fns), `input-otp` → input-otp, `resizable` → react-resizable-panels, `data-table` →
+@tanstack/react-virtual, `questionnaire` / `message-scroller` → @shadcn/react.
+
+Prefer owning the code? Every component is also a shadcn registry item:
+`npx shadcn@latest add @kernelkit/button` (see the docs).
+
+## License
+
+MIT

package/dist/components/accordion.d.ts

@@ -0,0 +1,13 @@
+import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
+/** `default`: rows split by lines. `outline`: the same rows inside a bordered `rounded-xl` panel. */
+declare const accordionVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Accordion({ className, variant, ...props }: AccordionPrimitive.Root.Props & {
+    variant?: "default" | "outline";
+}): import("react").JSX.Element;
+declare function AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props): import("react").JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: AccordionPrimitive.Trigger.Props): import("react").JSX.Element;
+declare function AccordionContent({ className, children, ...props }: AccordionPrimitive.Panel.Props): import("react").JSX.Element;
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, accordionVariants };
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,IAAI,kBAAkB,EAAC,MAAM,0BAA0B,CAAC;AAMzE,qGAAqG;AACrG,QAAA,MAAM,iBAAiB;;8EAQrB,CAAC;AAEH,iBAAS,SAAS,CAAC,EACf,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACX,EAAE,kBAAkB,CAAC,IAAI,CAAC,KAAK,GAAG;IAAC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAAC,+BASnE;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,KAAK,+BAQ1E;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,KAAK,+BAwB1F;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,KAAK,+BAmBxF;AAED,OAAO,EAAC,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,iBAAiB,EAAC,CAAC"}

package/dist/components/accordion.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
+import { focusRing } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { ChevronDownIcon } from "lucide-react";
+/** `default`: rows split by lines. `outline`: the same rows inside a bordered `rounded-xl` panel. */
+const accordionVariants = cva("group/accordion flex w-full flex-col", {
+    variants: {
+        variant: {
+            default: "",
+            outline: "overflow-hidden rounded-xl border border-border bg-card",
+        },
+    },
+    defaultVariants: { variant: "default" },
+});
+function Accordion({ className, variant = "default", ...props }) {
+    return (_jsx(AccordionPrimitive.Root, { "data-slot": "accordion", "data-variant": variant, className: cn(accordionVariants({ variant }), className), ...props }));
+}
+function AccordionItem({ className, ...props }) {
+    return (_jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: cn("not-last:border-b not-last:border-border", className), ...props }));
+}
+function AccordionTrigger({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Header, { "data-slot": "accordion-header", className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn(focusRing, "group/accordion-trigger relative flex flex-1 items-center justify-between gap-2 rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-[color,background-color,border-color,box-shadow] duration-100", "hover:underline hover:underline-offset-4 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50", 
+            // outline variant: full-width rows with a hover wash instead of an underline
+            "group-data-[variant=outline]/accordion:rounded-none group-data-[variant=outline]/accordion:px-4 group-data-[variant=outline]/accordion:hover:bg-hover group-data-[variant=outline]/accordion:hover:no-underline group-data-[variant=outline]/accordion:focus-visible:ring-inset", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, _jsx(ChevronDownIcon, { "data-slot": "accordion-trigger-icon", className: "ml-auto text-muted-foreground transition-transform duration-150 group-aria-expanded/accordion-trigger:rotate-180 motion-reduce:transition-none" })] }) }));
+}
+function AccordionContent({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Panel, { "data-slot": "accordion-content", className: "h-(--accordion-panel-height) overflow-hidden text-sm text-muted-foreground transition-[height] duration-150 ease-out data-ending-style:h-0 data-starting-style:h-0 motion-reduce:transition-none", ...props, children: _jsx("div", { "data-slot": "accordion-content-inner", className: cn("pt-0 pb-2.5 group-data-[variant=outline]/accordion:px-4 group-data-[variant=outline]/accordion:pb-4", "[&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className), children: children }) }));
+}
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, accordionVariants };
+//# sourceMappingURL=accordion.js.map

package/dist/components/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,SAAS,IAAI,kBAAkB,EAAC,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAC,SAAS,EAAC,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAE7C,qGAAqG;AACrG,MAAM,iBAAiB,GAAG,GAAG,CAAC,sCAAsC,EAAE;IAClE,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,yDAAyD;SACrE;KACJ;IACD,eAAe,EAAE,EAAC,OAAO,EAAE,SAAS,EAAC;CACxC,CAAC,CAAC;AAEH,SAAS,SAAS,CAAC,EACf,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACwD;IAChE,OAAO,CACH,KAAC,kBAAkB,CAAC,IAAI,iBACV,WAAW,kBACP,OAAO,EACrB,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAC,OAAO,EAAC,CAAC,EAAE,SAAS,CAAC,KAClD,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAgC;IACvE,OAAO,CACH,KAAC,kBAAkB,CAAC,IAAI,iBACV,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,KAChE,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAmC;IACvF,OAAO,CACH,KAAC,kBAAkB,CAAC,MAAM,iBAAW,kBAAkB,EAAC,SAAS,EAAC,MAAM,YACpE,MAAC,kBAAkB,CAAC,OAAO,iBACb,mBAAmB,EAC7B,SAAS,EAAE,EAAE,CACT,SAAS,EACT,oOAAoO,EACpO,gKAAgK;YAChK,6EAA6E;YAC7E,iRAAiR,EACjR,mFAAmF,EACnF,SAAS,CACZ,KACG,KAAK,aAER,QAAQ,EACT,KAAC,eAAe,iBACF,wBAAwB,EAClC,SAAS,EAAC,gJAAgJ,GAC5J,IACuB,GACL,CAC/B,CAAC;AACN,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAiC;IACrF,OAAO,CACH,KAAC,kBAAkB,CAAC,KAAK,iBACX,mBAAmB,EAC7B,SAAS,EAAC,kMAAkM,KACxM,KAAK,YAET,2BACc,yBAAyB,EACnC,SAAS,EAAE,EAAE,CACT,qGAAqG,EACrG,kGAAkG,EAClG,SAAS,CACZ,YAEA,QAAQ,GACP,GACiB,CAC9B,CAAC;AACN,CAAC;AAED,OAAO,EAAC,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,iBAAiB,EAAC,CAAC"}

package/dist/components/alert-dialog.d.ts

@@ -0,0 +1,24 @@
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
+import { Button } from "@repraze/kernelkit/components/button";
+import { type Color } from "@repraze/kernelkit/lib/color";
+import * as React from "react";
+declare function AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props): React.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: AlertDialogPrimitive.Trigger.Props): React.JSX.Element;
+declare function AlertDialogPortal({ ...props }: AlertDialogPrimitive.Portal.Props): React.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: AlertDialogPrimitive.Backdrop.Props): React.JSX.Element;
+declare function AlertDialogContent({ className, size, ...props }: AlertDialogPrimitive.Popup.Props & {
+    size?: "default" | "sm";
+}): React.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+/** Icon tile. `color` tints it (TermiColor rule: tint surface, colored icon and border). */
+declare function AlertDialogMedia({ className, color, ...props }: Omit<React.ComponentProps<"div">, "color"> & {
+    color?: Color;
+}): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
+/** The confirming action. A plain Button (it does not close the dialog): accepts `variant`, `color`, `size`. */
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function AlertDialogCancel({ className, variant, color, size, ...props }: Omit<AlertDialogPrimitive.Close.Props, "color"> & Pick<React.ComponentProps<typeof Button>, "variant" | "color" | "size">): React.JSX.Element;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/components/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,WAAW,IAAI,oBAAoB,EAAC,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAC,MAAM,EAAC,MAAM,sCAAsC,CAAC;AAC5D,OAAO,EAAC,KAAK,KAAK,EAAgB,MAAM,8BAA8B,CAAC;AAIvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,WAAW,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,qBAE/D;AAED,iBAAS,kBAAkB,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,qBAEzE;AAED,iBAAS,iBAAiB,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,KAAK,qBAEvE;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,oBAAoB,CAAC,QAAQ,CAAC,KAAK,qBAQrF;AAED,iBAAS,kBAAkB,CAAC,EACxB,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACX,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,GAAG;IAClC,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CAC3B,qBAeA;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW5E;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW5E;AAED,4FAA4F;AAC5F,iBAAS,gBAAgB,CAAC,EACtB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACX,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,qBAaA;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,qBAYvG;AAED,iBAAS,sBAAsB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,qBAWnH;AAED,gHAAgH;AAChH,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,qBAEpF;AAED,iBAAS,iBAAiB,CAAC,EACvB,SAAS,EACT,OAAmB,EACnB,KAAK,EACL,IAAgB,EAChB,GAAG,KAAK,EACX,EAAE,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC,qBAS1E;AAED,OAAO,EACH,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACrB,CAAC"}

package/dist/components/alert-dialog.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
+import { Button } from "@repraze/kernelkit/components/button";
+import { colorVariants } from "@repraze/kernelkit/lib/color";
+import { backdrop, heading } from "@repraze/kernelkit/lib/recipes";
+import { usePortalContainer } from "@repraze/kernelkit/provider";
+import { cn } from "cn";
+import * as React from "react";
+function AlertDialog({ ...props }) {
+    return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({ ...props }) {
+    return _jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal({ ...props }) {
+    return _jsx(AlertDialogPrimitive.Portal, { container: usePortalContainer(), "data-slot": "alert-dialog-portal", ...props });
+}
+function AlertDialogOverlay({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Backdrop, { "data-slot": "alert-dialog-overlay", className: cn(backdrop, className), ...props }));
+}
+function AlertDialogContent({ className, size = "default", ...props }) {
+    return (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Popup, { "data-slot": "alert-dialog-content", "data-size": size, className: cn("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl border border-border bg-popover p-4 text-sm text-popover-foreground shadow-xl shadow-(color:--shadow-color) duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 motion-reduce:animate-none", className), ...props })] }));
+}
+function AlertDialogHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-dialog-header", className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className), ...props }));
+}
+function AlertDialogFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-dialog-footer", className: cn("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t border-border bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", className), ...props }));
+}
+/** Icon tile. `color` tints it (TermiColor rule: tint surface, colored icon and border). */
+function AlertDialogMedia({ className, color, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-dialog-media", "data-color": color, className: cn("mb-2 inline-flex size-10 items-center justify-center rounded-lg border border-border bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-5", color && [colorVariants[color], "border-(--c)/40 bg-(--c-tint) text-foreground *:[svg]:text-(--c)"], className), ...props }));
+}
+function AlertDialogTitle({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Title, { "data-slot": "alert-dialog-title", className: cn(heading, "text-base sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className), ...props }));
+}
+function AlertDialogDescription({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Description, { "data-slot": "alert-dialog-description", className: cn("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className), ...props }));
+}
+/** The confirming action. A plain Button (it does not close the dialog): accepts `variant`, `color`, `size`. */
+function AlertDialogAction({ className, ...props }) {
+    return _jsx(Button, { "data-slot": "alert-dialog-action", className: cn(className), ...props });
+}
+function AlertDialogCancel({ className, variant = "outline", color, size = "default", ...props }) {
+    return (_jsx(AlertDialogPrimitive.Close, { "data-slot": "alert-dialog-cancel", className: cn(className), render: _jsx(Button, { variant: variant, color: color, size: size }), ...props }));
+}
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
+//# sourceMappingURL=alert-dialog.js.map

package/dist/components/alert-dialog.js.map

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

package/dist/components/alert.d.ts

@@ -0,0 +1,22 @@
+import { useRender } from "@base-ui/react/use-render";
+import { type Color } from "@repraze/kernelkit/lib/color";
+type AlertVariant = "soft" | "outline" | "default" | "destructive";
+/** Alert classes for any element. Accepts the shadcn `default` / `destructive` aliases. */
+declare function alertVariants({ variant, color, className, }?: {
+    variant?: AlertVariant | null;
+    color?: Color | null;
+    className?: string;
+}): string;
+interface AlertProps extends Omit<useRender.ComponentProps<"div">, "color"> {
+    /** `soft` (tinted, default) or `outline`. shadcn aliases: `default` = soft, `destructive` = soft danger. */
+    variant?: AlertVariant | null;
+    /** Status or hue. Defaults to neutral (danger for `destructive`). */
+    color?: Color | null;
+}
+declare function Alert({ className, variant, color, render, ...props }: AlertProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+export { Alert, AlertAction, AlertDescription, AlertTitle, alertVariants };
+export type { AlertProps };
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAC,KAAK,KAAK,EAAgB,MAAM,8BAA8B,CAAC;AA+BvE,KAAK,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAUnE,2FAA2F;AAC3F,iBAAS,aAAa,CAAC,EACnB,OAAO,EACP,KAAK,EACL,SAAS,GACZ,GAAE;IAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAM,UAEhF;AAED,UAAU,UAAW,SAAQ,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACvE,4GAA4G;IAC5G,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9B,qEAAqE;IACrE,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CACxB;AAED,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,UAAU,8FAQvE;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAYrE;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAW3E;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQtE;AAED,OAAO,EAAC,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAC,CAAC;AACzE,YAAY,EAAC,UAAU,EAAC,CAAC"}

package/dist/components/alert.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { colorVariants } from "@repraze/kernelkit/lib/color";
+import { heading } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+const alertCva = cva([
+    "group/alert relative grid w-full gap-0.5 rounded-lg border px-3 py-2.5 text-left text-sm",
+    "has-data-[slot=alert-action]:pr-20 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5",
+    "*:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg:not([class*='size-'])]:size-4",
+], {
+    variants: {
+        color: colorVariants,
+        variant: {
+            // status tint behind foreground text; the hue lives in the border and the icon (§2 TermiColor rule)
+            soft: "border-(--c)/30 bg-(--c-tint) text-foreground *:[svg]:text-(--c) hc:border-(--c)",
+            // no wash: card surface with a hue border, for dense layouts
+            outline: "border-(--c)/50 bg-card text-card-foreground *:[svg]:text-(--c) hc:border-(--c)",
+        },
+    },
+    compoundVariants: [
+        {
+            color: "neutral",
+            class: "border-border bg-card text-card-foreground *:[svg]:text-foreground hc:border-border",
+        },
+    ],
+    defaultVariants: { variant: "soft", color: "neutral" },
+});
+/** shadcn aliases: `default` = soft neutral, `destructive` = soft danger. */
+function resolveAlert(variant, color) {
+    if (variant === "destructive") {
+        return { variant: "soft", color: color ?? "danger" };
+    }
+    return { variant: variant === "outline" ? "outline" : "soft", color: color ?? "neutral" };
+}
+/** Alert classes for any element. Accepts the shadcn `default` / `destructive` aliases. */
+function alertVariants({ variant, color, className, } = {}) {
+    return cn(alertCva(resolveAlert(variant, color)), className);
+}
+function Alert({ className, variant, color, render, ...props }) {
+    const resolved = resolveAlert(variant, color);
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({ role: "alert", className: cn(alertCva(resolved), className) }, props),
+        render,
+        state: { slot: "alert", variant: resolved.variant, color: resolved.color },
+    });
+}
+function AlertTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-title", className: cn(heading, "group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-(--c)", className), ...props }));
+}
+function AlertDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-description", className: cn("text-sm text-balance text-muted-foreground group-has-[>svg]/alert:col-start-2 md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4", className), ...props }));
+}
+function AlertAction({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-action", className: cn("absolute top-2 right-2 flex items-center gap-1.5", className), ...props }));
+}
+export { Alert, AlertAction, AlertDescription, AlertTitle, alertVariants };
+//# sourceMappingURL=alert.js.map

package/dist/components/alert.js.map

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

package/dist/components/aspect-ratio.d.ts

@@ -0,0 +1,10 @@
+import { useRender } from "@base-ui/react/use-render";
+interface AspectRatioProps extends useRender.ComponentProps<"div"> {
+    /** Width / height, e.g. `16 / 9`. */
+    ratio: number;
+}
+/** Box that keeps a width/height ratio; children (img, video, iframe) fill it. */
+declare function AspectRatio({ ratio, className, style, render, ...props }: AspectRatioProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export { AspectRatio };
+export type { AspectRatioProps };
+//# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/components/aspect-ratio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../src/components/aspect-ratio.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAGpD,UAAU,gBAAiB,SAAQ,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC;IAC9D,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,kFAAkF;AAClF,iBAAS,WAAW,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,8FAajF;AAED,OAAO,EAAC,WAAW,EAAC,CAAC;AACrB,YAAY,EAAC,gBAAgB,EAAC,CAAC"}

package/dist/components/aspect-ratio.js

@@ -0,0 +1,18 @@
+"use client";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { cn } from "cn";
+/** Box that keeps a width/height ratio; children (img, video, iframe) fill it. */
+function AspectRatio({ ratio, className, style, render, ...props }) {
+    return useRender({
+        defaultTagName: "div",
+        props: mergeProps({
+            style: { "--ratio": ratio, ...style },
+            className: cn("relative aspect-(--ratio)", className),
+        }, props),
+        render,
+        state: { slot: "aspect-ratio" },
+    });
+}
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.js.map

package/dist/components/aspect-ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.js","sourceRoot":"","sources":["../../src/components/aspect-ratio.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAC,UAAU,EAAC,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAOtB,kFAAkF;AAClF,SAAS,WAAW,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAmB;IAC9E,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,UAAU,CACb;YACI,KAAK,EAAE,EAAC,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAwB;YAC1D,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC;SACxD,EACD,KAAK,CACR;QACD,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,cAAc,EAAC;KAChC,CAAC,CAAC;AACP,CAAC;AAED,OAAO,EAAC,WAAW,EAAC,CAAC"}

package/dist/components/attachment.d.ts

@@ -0,0 +1,27 @@
+import { useRender } from "@base-ui/react/use-render";
+import { Button } from "@repraze/kernelkit/components/button";
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const attachmentVariants: (props?: ({
+    size?: "default" | "xs" | "sm" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type AttachmentProps = React.ComponentProps<"div"> & VariantProps<typeof attachmentVariants> & {
+    /** `idle` = dashed drop slot, `uploading`/`processing` shimmer the title and dim image media. */
+    state?: "idle" | "uploading" | "processing" | "error" | "done";
+};
+declare function Attachment({ className, state, size, orientation, ...props }: AttachmentProps): React.JSX.Element;
+declare const attachmentMediaVariants: (props?: ({
+    variant?: "image" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function AttachmentMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof attachmentMediaVariants>): React.JSX.Element;
+declare function AttachmentContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AttachmentTitle({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function AttachmentDescription({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function AttachmentActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AttachmentAction({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+declare function AttachmentTrigger({ className, render, type, ...props }: useRender.ComponentProps<"button">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function AttachmentGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, attachmentMediaVariants, AttachmentTitle, AttachmentTrigger, attachmentVariants, };
+export type { AttachmentProps };
+//# sourceMappingURL=attachment.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"attachment.d.ts","sourceRoot":"","sources":["../../src/components/attachment.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAC,MAAM,EAAC,MAAM,sCAAsC,CAAC;AAC5D,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,kBAAkB;;;8EAqBvB,CAAC;AAEF,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC9C,YAAY,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACtC,iGAAiG;IACjG,KAAK,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;CAClE,CAAC;AAEN,iBAAS,UAAU,CAAC,EAChB,SAAS,EACT,KAAc,EACd,IAAgB,EAChB,WAA0B,EAC1B,GAAG,KAAK,EACX,EAAE,eAAe,qBAWjB;AAED,QAAA,MAAM,uBAAuB;;8EAa5B,CAAC;AAEF,iBAAS,eAAe,CAAC,EACrB,SAAS,EACT,OAAgB,EAChB,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,qBAS5E;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW5E;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAW3E;AAED,iBAAS,qBAAqB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAWjF;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW5E;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,IAAgB,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,qBAa9G;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,SAAS,CAAC,cAAc,CAAC,QAAQ,CAAC,0EAejG;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW1E;AAED,OAAO,EACH,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,EACf,eAAe,EACf,uBAAuB,EACvB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,GACrB,CAAC;AACF,YAAY,EAAC,eAAe,EAAC,CAAC"}

package/dist/components/attachment.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { Button } from "@repraze/kernelkit/components/button";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import * as React from "react";
+const attachmentVariants = cva([
+    "group/attachment relative flex w-fit max-w-full min-w-0 shrink-0 flex-wrap rounded-xl border border-border bg-card text-card-foreground transition-[color,background-color,border-color,box-shadow] duration-100",
+    // A full-bleed AttachmentTrigger makes the whole card clickable: hover wash + keyboard ring on the card.
+    "has-[>[data-slot=attachment-trigger]]:hover:bg-hover has-[>[data-slot=attachment-trigger]:focus-visible]:border-ring has-[>[data-slot=attachment-trigger]:focus-visible]:ring-3 has-[>[data-slot=attachment-trigger]:focus-visible]:ring-ring/50",
+    "data-[state=error]:border-danger/50 data-[state=idle]:border-dashed data-[state=idle]:border-input data-[state=idle]:bg-transparent",
+], {
+    variants: {
+        size: {
+            default: "gap-2 text-sm has-data-[slot=attachment-content]:px-2.5 has-data-[slot=attachment-content]:py-2 has-data-[slot=attachment-media]:p-2",
+            sm: "gap-2.5 text-xs has-data-[slot=attachment-content]:px-2 has-data-[slot=attachment-content]:py-1.5 has-data-[slot=attachment-media]:p-1.5",
+            xs: "gap-1.5 rounded-lg text-xs has-data-[slot=attachment-content]:px-1.5 has-data-[slot=attachment-content]:py-1 has-data-[slot=attachment-media]:p-1",
+        },
+        orientation: {
+            horizontal: "min-w-40 items-center",
+            vertical: "w-24 flex-col has-data-[slot=attachment-content]:w-30",
+        },
+    },
+});
+function Attachment({ className, state = "done", size = "default", orientation = "horizontal", ...props }) {
+    return (_jsx("div", { "data-slot": "attachment", "data-state": state, "data-size": size, "data-orientation": orientation, className: cn(attachmentVariants({ size, orientation }), className), ...props }));
+}
+const attachmentMediaVariants = cva("relative flex aspect-square w-10 shrink-0 items-center justify-center overflow-hidden rounded-md bg-muted text-muted-foreground group-data-[orientation=vertical]/attachment:w-full group-data-[orientation=vertical]/attachment:rounded-lg group-data-[size=sm]/attachment:w-8 group-data-[size=xs]/attachment:w-7 group-data-[size=xs]/attachment:rounded-sm group-data-[state=error]/attachment:bg-danger/12 group-data-[state=error]/attachment:text-danger group-data-[orientation=vertical]/attachment:*:data-[slot=spinner]:size-6! [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5", {
+    variants: {
+        variant: {
+            icon: "",
+            image: "opacity-60 group-data-[state=done]/attachment:opacity-100 group-data-[state=idle]/attachment:opacity-100 *:[img]:aspect-square *:[img]:w-full *:[img]:object-cover",
+        },
+    },
+    defaultVariants: {
+        variant: "icon",
+    },
+});
+function AttachmentMedia({ className, variant = "icon", ...props }) {
+    return (_jsx("div", { "data-slot": "attachment-media", "data-variant": variant, className: cn(attachmentMediaVariants({ variant }), className), ...props }));
+}
+function AttachmentContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "attachment-content", className: cn("max-w-full min-w-0 flex-1 leading-tight group-data-[orientation=vertical]/attachment:px-1", className), ...props }));
+}
+function AttachmentTitle({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "attachment-title", className: cn("block max-w-full min-w-0 truncate font-medium group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer", className), ...props }));
+}
+function AttachmentDescription({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "attachment-description", className: cn("mt-0.5 block max-w-full min-w-0 truncate text-xs text-muted-foreground group-data-[state=error]/attachment:text-danger", className), ...props }));
+}
+function AttachmentActions({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "attachment-actions", className: cn("relative z-20 flex shrink-0 items-center group-data-[orientation=vertical]/attachment:absolute group-data-[orientation=vertical]/attachment:top-3 group-data-[orientation=vertical]/attachment:right-3 group-data-[orientation=vertical]/attachment:gap-1", className), ...props }));
+}
+function AttachmentAction({ className, variant, size = "icon-xs", ...props }) {
+    return (_jsx(Button, { "data-slot": "attachment-action", variant: variant ?? "ghost", size: size, className: cn("group-data-[orientation=vertical]/attachment:bg-background/85 group-data-[orientation=vertical]/attachment:backdrop-blur-xs", className), ...props }));
+}
+function AttachmentTrigger({ className, render, type, ...props }) {
+    return useRender({
+        defaultTagName: "button",
+        props: mergeProps({
+            type: render ? type : (type ?? "button"),
+            className: cn("absolute inset-0 z-10 outline-none", className),
+        }, props),
+        render,
+        state: {
+            slot: "attachment-trigger",
+        },
+    });
+}
+function AttachmentGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "attachment-group", className: cn("flex min-w-0 scroll-fade-x snap-x snap-mandatory scroll-px-1 scrollbar-none gap-3 overflow-x-auto overscroll-x-contain py-1 *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start", className), ...props }));
+}
+export { Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, attachmentMediaVariants, AttachmentTitle, AttachmentTrigger, attachmentVariants, };
+//# sourceMappingURL=attachment.js.map

package/dist/components/attachment.js.map

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

package/dist/components/avatar.d.ts

@@ -0,0 +1,18 @@
+import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar";
+import * as React from "react";
+type AvatarSize = "xs" | "sm" | "default" | "lg";
+/** Pill-shaped (square at radius-none). Sizes: xs 16px, sm 24px, default 32px, lg 40px. */
+declare const avatarVariants: (props?: ({
+    size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Avatar({ className, size, ...props }: AvatarPrimitive.Root.Props & {
+    size?: AvatarSize;
+}): React.JSX.Element;
+declare function AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props): React.JSX.Element;
+declare function AvatarFallback({ className, ...props }: AvatarPrimitive.Fallback.Props): React.JSX.Element;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, avatarVariants };
+export type { AvatarSize };
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAGhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAEjD,2FAA2F;AAC3F,QAAA,MAAM,cAAc;;8EAanB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACZ,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACX,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,GAAG;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;CACrB,qBASA;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAQtE;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,qBAa5E;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAevE;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWtE;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAc3E;AAED,OAAO,EAAC,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAC,CAAC;AACzG,YAAY,EAAC,UAAU,EAAC,CAAC"}

package/dist/components/avatar.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import * as React from "react";
+/** Pill-shaped (square at radius-none). Sizes: xs 16px, sm 24px, default 32px, lg 40px. */
+const avatarVariants = cva("group/avatar relative flex shrink-0 rounded-pill select-none after:pointer-events-none after:absolute after:inset-0 after:rounded-pill after:border after:border-border after:mix-blend-darken dark:after:mix-blend-lighten", {
+    variants: {
+        size: {
+            xs: "size-4",
+            sm: "size-6",
+            default: "size-8",
+            lg: "size-10",
+        },
+    },
+    defaultVariants: { size: "default" },
+});
+function Avatar({ className, size = "default", ...props }) {
+    return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", "data-size": size, className: cn(avatarVariants({ size }), className), ...props }));
+}
+function AvatarImage({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn("aspect-square size-full rounded-pill object-cover", className), ...props }));
+}
+function AvatarFallback({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn("flex size-full items-center justify-center rounded-pill bg-muted font-medium text-muted-foreground", "text-sm group-data-[size=lg]/avatar:text-base group-data-[size=sm]/avatar:text-xs group-data-[size=xs]/avatar:text-[0.5rem]", "[&>svg]:size-4 group-data-[size=lg]/avatar:[&>svg]:size-5 group-data-[size=sm]/avatar:[&>svg]:size-3 group-data-[size=xs]/avatar:[&>svg]:size-2.5", className), ...props }));
+}
+function AvatarBadge({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "avatar-badge", className: cn("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-pill bg-primary text-primary-foreground ring-2 ring-background select-none", "group-data-[size=xs]/avatar:size-1.5 group-data-[size=xs]/avatar:[&>svg]:hidden", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", className), ...props }));
+}
+function AvatarGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "avatar-group", className: cn("group/avatar-group flex -space-x-2 has-data-[size=sm]:-space-x-1.5 has-data-[size=xs]:-space-x-1 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", className), ...props }));
+}
+function AvatarGroupCount({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "avatar-group-count", className: cn("relative flex size-8 shrink-0 items-center justify-center rounded-pill bg-muted font-mono text-xs font-medium text-muted-foreground ring-2 ring-background [&>svg]:size-4", "group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=lg]/avatar-group:text-sm group-has-data-[size=lg]/avatar-group:[&>svg]:size-5", "group-has-data-[size=sm]/avatar-group:size-6 group-has-data-[size=sm]/avatar-group:text-[0.625rem] group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", "group-has-data-[size=xs]/avatar-group:size-4 group-has-data-[size=xs]/avatar-group:text-[0.5rem] group-has-data-[size=xs]/avatar-group:[&>svg]:size-2", className), ...props }));
+}
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, avatarVariants };
+//# sourceMappingURL=avatar.js.map

package/dist/components/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,MAAM,IAAI,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,2FAA2F;AAC3F,MAAM,cAAc,GAAG,GAAG,CACtB,6NAA6N,EAC7N;IACI,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,QAAQ;YACZ,OAAO,EAAE,QAAQ;YACjB,EAAE,EAAE,SAAS;SAChB;KACJ;IACD,eAAe,EAAE,EAAC,IAAI,EAAE,SAAS,EAAC;CACrC,CACJ,CAAC;AAEF,SAAS,MAAM,CAAC,EACZ,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EAGX;IACG,OAAO,CACH,KAAC,eAAe,CAAC,IAAI,iBACP,QAAQ,eACP,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,SAAS,CAAC,KAC5C,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IACnE,OAAO,CACH,KAAC,eAAe,CAAC,KAAK,iBACR,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,mDAAmD,EAAE,SAAS,CAAC,KACzE,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAiC;IACzE,OAAO,CACH,KAAC,eAAe,CAAC,QAAQ,iBACX,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACT,oGAAoG,EACpG,6HAA6H,EAC7H,mJAAmJ,EACnJ,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA+B;IACpE,OAAO,CACH,4BACc,cAAc,EACxB,SAAS,EAAE,EAAE,CACT,2JAA2J,EAC3J,iFAAiF,EACjF,+EAA+E,EAC/E,2FAA2F,EAC3F,+EAA+E,EAC/E,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IACnE,OAAO,CACH,2BACc,cAAc,EACxB,SAAS,EAAE,EAAE,CACT,mKAAmK,EACnK,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IACxE,OAAO,CACH,2BACc,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CACT,2KAA2K,EAC3K,kJAAkJ,EAClJ,yJAAyJ,EACzJ,uJAAuJ,EACvJ,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/badge.d.ts

@@ -0,0 +1,18 @@
+import { useRender } from "@base-ui/react/use-render";
+import { type Color, type FillVariant, type FillVariantAlias } from "@repraze/kernelkit/lib/color";
+/** Badge classes for any element. Accepts the shadcn aliases and default colors. */
+declare function badgeVariants({ variant, color, className, }?: {
+    variant?: FillVariant | FillVariantAlias | null;
+    color?: Color | null;
+    className?: string;
+}): string;
+interface BadgeProps extends Omit<useRender.ComponentProps<"span">, "color"> {
+    /** Fill style. `default` / `secondary` / `destructive` are shadcn aliases. */
+    variant?: FillVariant | FillVariantAlias | null;
+    /** Defaults to the variant's natural color: primary for solid/soft/link, neutral for outline/ghost. */
+    color?: Color | null;
+}
+declare function Badge({ className, variant, color, render, ...props }: BadgeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export { Badge, badgeVariants };
+export type { BadgeProps };
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EACH,KAAK,KAAK,EAEV,KAAK,WAAW,EAChB,KAAK,gBAAgB,EAGxB,MAAM,8BAA8B,CAAC;AAoCtC,oFAAoF;AACpF,iBAAS,aAAa,CAAC,EACnB,OAAO,EACP,KAAK,EACL,SAAS,GACZ,GAAE;IAAC,OAAO,CAAC,EAAE,WAAW,GAAG,gBAAgB,GAAG,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAM,UAElG;AAED,UAAU,UAAW,SAAQ,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IACxE,8EAA8E;IAC9E,OAAO,CAAC,EAAE,WAAW,GAAG,gBAAgB,GAAG,IAAI,CAAC;IAChD,uGAAuG;IACvG,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;CACxB;AAED,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,UAAU,8FAQvE;AAED,OAAO,EAAC,KAAK,EAAE,aAAa,EAAC,CAAC;AAC9B,YAAY,EAAC,UAAU,EAAC,CAAC"}