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

package/dist/components/pager.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { focusRing } from "@repraze/kernelkit/lib/recipes";
+import { cn } from "cn";
+import { ArrowLeftIcon, ArrowRightIcon } from "lucide-react";
+/** Previous / next page links at the end of a page. */
+function Pager({ className, render, ...props }) {
+    return useRender({
+        defaultTagName: "nav",
+        props: mergeProps({
+            "aria-label": "Pages",
+            className: cn("grid grid-cols-2 gap-4 border-t border-border pt-6", className),
+        }, props),
+        render,
+        state: { slot: "pager" },
+    });
+}
+/** A pager card: caption + page title, arrow on the travel side. Pass router links with `render`. */
+function PagerLink({ className, render, direction, label, children, ...props }) {
+    const next = direction === "next";
+    const Arrow = next ? ArrowRightIcon : ArrowLeftIcon;
+    return useRender({
+        defaultTagName: "a",
+        props: mergeProps({
+            rel: next ? "next" : "prev",
+            className: cn("group/pager flex flex-col gap-1 rounded-lg border border-border px-4 py-3 transition-colors hover:border-primary-text hover:bg-hover", focusRing, next ? "col-start-2 items-end text-end" : "col-start-1 items-start", className),
+            children: (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-xs text-muted-foreground", children: label ?? (next ? "Next" : "Previous") }), _jsxs("span", { className: "flex items-center gap-1.5 font-medium", children: [!next && (_jsx(Arrow, { className: "size-4 transition-transform group-hover/pager:-translate-x-0.5" })), children, next && (_jsx(Arrow, { className: "size-4 transition-transform group-hover/pager:translate-x-0.5" }))] })] })),
+        }, props),
+        render,
+        state: { slot: "pager-link", direction },
+    });
+}
+export { Pager, PagerLink };
+//# sourceMappingURL=pager.js.map

package/dist/components/pager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pager.js","sourceRoot":"","sources":["../../src/components/pager.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,SAAS,EAAC,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AAG3D,uDAAuD;AACvD,SAAS,KAAK,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAkC;IACzE,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,KAAK;QACrB,KAAK,EAAE,UAAU,CACb;YACI,YAAY,EAAE,OAAO;YACrB,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,SAAS,CAAC;SACjF,EACD,KAAK,CACR;QACD,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,OAAO,EAAC;KACzB,CAAC,CAAC;AACP,CAAC;AAQD,qGAAqG;AACrG,SAAS,SAAS,CAAC,EAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAiB;IACxF,MAAM,IAAI,GAAG,SAAS,KAAK,MAAM,CAAC;IAClC,MAAM,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC;IACpD,OAAO,SAAS,CAAC;QACb,cAAc,EAAE,GAAG;QACnB,KAAK,EAAE,UAAU,CACb;YACI,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YAC3B,SAAS,EAAE,EAAE,CACT,sIAAsI,EACtI,SAAS,EACT,IAAI,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,yBAAyB,EACnE,SAAS,CACZ;YACD,QAAQ,EAAE,CACN,8BACI,eAAM,SAAS,EAAC,+BAA+B,YAAE,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,GAAQ,EAC9F,gBAAM,SAAS,EAAC,uCAAuC,aAClD,CAAC,IAAI,IAAI,CACN,KAAC,KAAK,IAAC,SAAS,EAAC,gEAAgE,GAAG,CACvF,EACA,QAAQ,EACR,IAAI,IAAI,CACL,KAAC,KAAK,IAAC,SAAS,EAAC,+DAA+D,GAAG,CACtF,IACE,IACR,CACN;SACJ,EACD,KAAK,CACR;QACD,MAAM;QACN,KAAK,EAAE,EAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC;KACzC,CAAC,CAAC;AACP,CAAC;AAED,OAAO,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC"}

package/dist/components/pagination.d.ts

@@ -0,0 +1,21 @@
+import { Button } from "@repraze/kernelkit/components/button";
+import * as React from "react";
+declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
+declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
+declare function PaginationItem({ ...props }: React.ComponentProps<"li">): React.JSX.Element;
+type PaginationLinkProps = {
+    /** The current page: outlined, `aria-current="page"`. */
+    isActive?: boolean;
+    /** Element to render instead of `<a>` (e.g. a router link). */
+    render?: React.ComponentProps<typeof Button>["render"];
+} & Pick<React.ComponentProps<typeof Button>, "size"> & Omit<React.ComponentProps<"a">, "color">;
+declare function PaginationLink({ className, isActive, size, render, ...props }: PaginationLinkProps): React.JSX.Element;
+declare function PaginationPrevious({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
+    text?: string;
+}): React.JSX.Element;
+declare function PaginationNext({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
+    text?: string;
+}): React.JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/components/pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,EAAC,MAAM,sCAAsC,CAAC;AAG5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAUrE;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAE3E;AAED,iBAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAE7D;AAED,KAAK,mBAAmB,GAAG;IACvB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;CAC1D,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GACjD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;AAE7C,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,IAAa,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC,EAAE,mBAAmB,qBAiBlG;AAED,iBAAS,kBAAkB,CAAC,EACxB,SAAS,EACT,IAAiB,EACjB,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAAG;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAC,qBAO/D;AAED,iBAAS,cAAc,CAAC,EACpB,SAAS,EACT,IAAa,EACb,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAAG;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAC,qBAO/D;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAe9E;AAED,OAAO,EACH,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,kBAAkB,GACrB,CAAC"}

package/dist/components/pagination.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@repraze/kernelkit/components/button";
+import { cn } from "cn";
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import * as React from "react";
+function Pagination({ className, ...props }) {
+    return (_jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn("mx-auto flex w-full justify-center", className), ...props }));
+}
+function PaginationContent({ className, ...props }) {
+    return _jsx("ul", { "data-slot": "pagination-content", className: cn("flex items-center gap-0.5", className), ...props });
+}
+function PaginationItem({ ...props }) {
+    return _jsx("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({ className, isActive, size = "icon", render, ...props }) {
+    return (_jsx(Button, { variant: isActive ? "outline" : "ghost", size: size, nativeButton: false, "aria-current": isActive ? "page" : undefined, "data-slot": "pagination-link", "data-active": isActive || undefined, className: cn("aria-disabled:pointer-events-none aria-disabled:opacity-50 data-active:font-semibold", className), render: render ?? _jsx("a", {}), ...props }));
+}
+function PaginationPrevious({ className, text = "Previous", ...props }) {
+    return (_jsxs(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: className, ...props, children: [_jsx(ChevronLeftIcon, { "data-icon": "inline-start" }), _jsx("span", { className: "hidden sm:block", children: text })] }));
+}
+function PaginationNext({ className, text = "Next", ...props }) {
+    return (_jsxs(PaginationLink, { "aria-label": "Go to next page", size: "default", className: className, ...props, children: [_jsx("span", { className: "hidden sm:block", children: text }), _jsx(ChevronRightIcon, { "data-icon": "inline-end" })] }));
+}
+function PaginationEllipsis({ className, ...props }) {
+    return (_jsxs("span", { "aria-hidden": true, "data-slot": "pagination-ellipsis", className: cn("flex size-8 items-center justify-center text-muted-foreground [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx(MoreHorizontalIcon, {}), _jsx("span", { className: "sr-only", children: "More pages" })] }));
+}
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };
+//# sourceMappingURL=pagination.js.map

package/dist/components/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../src/components/pagination.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,MAAM,EAAC,MAAM,sCAAsC,CAAC;AAC5D,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,EAAC,eAAe,EAAE,gBAAgB,EAAE,kBAAkB,EAAC,MAAM,cAAc,CAAC;AACnF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IAClE,OAAO,CACH,cACI,IAAI,EAAC,YAAY,gBACN,YAAY,eACb,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA6B;IACxE,OAAO,0BAAc,oBAAoB,EAAC,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACnH,CAAC;AAED,SAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAA6B;IAC1D,OAAO,0BAAc,iBAAiB,KAAK,KAAK,GAAI,CAAC;AACzD,CAAC;AAUD,SAAS,cAAc,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAsB;IAC/F,OAAO,CACH,KAAC,MAAM,IACH,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACvC,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,KAAK,kBACL,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,eACjC,iBAAiB,iBACd,QAAQ,IAAI,SAAS,EAClC,SAAS,EAAE,EAAE,CACT,sFAAsF,EACtF,SAAS,CACZ,EACD,MAAM,EAAE,MAAM,IAAI,aAAK,KAClB,KAA6C,GACpD,CACL,CAAC;AACN,CAAC;AAED,SAAS,kBAAkB,CAAC,EACxB,SAAS,EACT,IAAI,GAAG,UAAU,EACjB,GAAG,KAAK,EACoD;IAC5D,OAAO,CACH,MAAC,cAAc,kBAAY,qBAAqB,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,SAAS,KAAM,KAAK,aAC3F,KAAC,eAAe,iBAAW,cAAc,GAAG,EAC5C,eAAM,SAAS,EAAC,iBAAiB,YAAE,IAAI,GAAQ,IAClC,CACpB,CAAC;AACN,CAAC;AAED,SAAS,cAAc,CAAC,EACpB,SAAS,EACT,IAAI,GAAG,MAAM,EACb,GAAG,KAAK,EACoD;IAC5D,OAAO,CACH,MAAC,cAAc,kBAAY,iBAAiB,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,SAAS,KAAM,KAAK,aACvF,eAAM,SAAS,EAAC,iBAAiB,YAAE,IAAI,GAAQ,EAC/C,KAAC,gBAAgB,iBAAW,YAAY,GAAG,IAC9B,CACpB,CAAC;AACN,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA+B;IAC3E,OAAO,CACH,kDAEc,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CACT,oGAAoG,EACpG,SAAS,CACZ,KACG,KAAK,aAET,KAAC,kBAAkB,KAAG,EACtB,eAAM,SAAS,EAAC,SAAS,2BAAkB,IACxC,CACV,CAAC;AACN,CAAC;AAED,OAAO,EACH,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,kBAAkB,GACrB,CAAC"}

package/dist/components/password-input.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+interface PasswordInputProps extends Omit<React.ComponentProps<"input">, "type" | "size"> {
+    /** Field height, as InputGroup (§4). */
+    size?: "sm" | "default" | "lg";
+    /** Controlled visibility. */
+    visible?: boolean;
+    /** Initial visibility when uncontrolled. */
+    defaultVisible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+    /** Accessible names of the toggle button. */
+    showLabel?: string;
+    hideLabel?: string;
+}
+/** Password field with a show / hide toggle. `className` styles the group; other props go to the `<input>`. */
+declare function PasswordInput({ className, size, visible: visibleProp, defaultVisible, onVisibleChange, showLabel, hideLabel, disabled, ...props }: PasswordInputProps): React.JSX.Element;
+export { PasswordInput };
+export type { PasswordInputProps };
+//# sourceMappingURL=password-input.d.ts.map

package/dist/components/password-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input.d.ts","sourceRoot":"","sources":["../../src/components/password-input.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrF,wCAAwC;IACxC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,+GAA+G;AAC/G,iBAAS,aAAa,CAAC,EACnB,SAAS,EACT,IAAgB,EAChB,OAAO,EAAE,WAAW,EACpB,cAAsB,EACtB,eAAe,EACf,SAA2B,EAC3B,SAA2B,EAC3B,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,kBAAkB,qBAgCpB;AAED,OAAO,EAAC,aAAa,EAAC,CAAC;AACvB,YAAY,EAAC,kBAAkB,EAAC,CAAC"}

package/dist/components/password-input.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, } from "@repraze/kernelkit/components/input-group";
+import { EyeIcon, EyeOffIcon } from "lucide-react";
+import * as React from "react";
+/** Password field with a show / hide toggle. `className` styles the group; other props go to the `<input>`. */
+function PasswordInput({ className, size = "default", visible: visibleProp, defaultVisible = false, onVisibleChange, showLabel = "Show password", hideLabel = "Hide password", disabled, ...props }) {
+    const [visibleState, setVisibleState] = React.useState(defaultVisible);
+    const visible = visibleProp ?? visibleState;
+    const toggle = () => {
+        setVisibleState(!visible);
+        onVisibleChange?.(!visible);
+    };
+    return (_jsxs(InputGroup, { "data-slot": "password-input", size: size, className: className, children: [_jsx(InputGroupInput, { type: visible ? "text" : "password", autoComplete: "current-password", spellCheck: false, disabled: disabled, ...props }), _jsx(InputGroupAddon, { align: "inline-end", children: _jsx(InputGroupButton, { "data-slot": "password-input-toggle", size: "icon-xs", "aria-label": visible ? hideLabel : showLabel, "aria-pressed": visible, disabled: disabled, onClick: toggle, className: "text-muted-foreground hover:text-foreground", children: visible ? _jsx(EyeOffIcon, {}) : _jsx(EyeIcon, {}) }) })] }));
+}
+export { PasswordInput };
+//# sourceMappingURL=password-input.js.map

package/dist/components/password-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input.js","sourceRoot":"","sources":["../../src/components/password-input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACH,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,GAClB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAC,OAAO,EAAE,UAAU,EAAC,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,+GAA+G;AAC/G,SAAS,aAAa,CAAC,EACnB,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,OAAO,EAAE,WAAW,EACpB,cAAc,GAAG,KAAK,EACtB,eAAe,EACf,SAAS,GAAG,eAAe,EAC3B,SAAS,GAAG,eAAe,EAC3B,QAAQ,EACR,GAAG,KAAK,EACS;IACjB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IACvE,MAAM,OAAO,GAAG,WAAW,IAAI,YAAY,CAAC;IAC5C,MAAM,MAAM,GAAG,GAAG,EAAE;QAChB,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC;QAC1B,eAAe,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,OAAO,CACH,MAAC,UAAU,iBAAW,gBAAgB,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,aACnE,KAAC,eAAe,IACZ,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACnC,YAAY,EAAC,kBAAkB,EAC/B,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,QAAQ,KACd,KAAK,GACX,EACF,KAAC,eAAe,IAAC,KAAK,EAAC,YAAY,YAC/B,KAAC,gBAAgB,iBACH,uBAAuB,EACjC,IAAI,EAAC,SAAS,gBACF,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,kBAC7B,OAAO,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,MAAM,EACf,SAAS,EAAC,6CAA6C,YAEtD,OAAO,CAAC,CAAC,CAAC,KAAC,UAAU,KAAG,CAAC,CAAC,CAAC,KAAC,OAAO,KAAG,GACxB,GACL,IACT,CAChB,CAAC;AACN,CAAC;AAED,OAAO,EAAC,aAAa,EAAC,CAAC"}

package/dist/components/password-strength.d.ts

@@ -0,0 +1,21 @@
+type PasswordScore = 0 | 1 | 2 | 3 | 4;
+/**
+ * Tiny, dependency-free strength heuristic (length + character classes + a handful of common passwords).
+ * UX guidance only: enforce your real policy on the server.
+ */
+declare function estimateStrength(password: string): PasswordScore;
+interface PasswordStrengthProps extends Omit<React.ComponentProps<"div">, "children"> {
+    /** 0 (too weak) … 4 (strong). Compute it with `estimateStrength` or a real estimator (zxcvbn). */
+    score: number;
+    /** Text after "Strength:". Defaults to Too weak / Weak / Fair / Good / Strong. */
+    label?: React.ReactNode;
+    /** Hide the text row (keep the bar). */
+    hideLabel?: boolean;
+    /** Render the empty state (no password typed yet): grey segments, no label color. */
+    empty?: boolean;
+}
+/** Segmented 4-step strength bar + label. Presentational: you pass the score. */
+declare function PasswordStrength({ className, score, label, hideLabel, empty, ...props }: PasswordStrengthProps): import("react").JSX.Element;
+export { estimateStrength, PasswordStrength };
+export type { PasswordScore, PasswordStrengthProps };
+//# sourceMappingURL=password-strength.d.ts.map

package/dist/components/password-strength.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-strength.d.ts","sourceRoot":"","sources":["../../src/components/password-strength.tsx"],"names":[],"mappings":"AAIA,KAAK,aAAa,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAevC;;;GAGG;AACH,iBAAS,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,aAAa,CAyBzD;AAED,UAAU,qBAAsB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACjF,kGAAkG;IAClG,KAAK,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qFAAqF;IACrF,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iFAAiF;AACjF,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAC,EAAE,qBAAqB,+BAiCrG;AAED,OAAO,EAAC,gBAAgB,EAAE,gBAAgB,EAAC,CAAC;AAC5C,YAAY,EAAC,aAAa,EAAE,qBAAqB,EAAC,CAAC"}

package/dist/components/password-strength.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "cn";
+const LABELS = { 0: "Too weak", 1: "Weak", 2: "Fair", 3: "Good", 4: "Strong" };
+/** Segment / label color per score: danger → warning → success. Literal strings for Tailwind. */
+const TONE = {
+    0: "[--c:var(--danger)] [--c-fill:var(--tc-red-fill)]",
+    1: "[--c:var(--danger)] [--c-fill:var(--tc-red-fill)]",
+    2: "[--c:var(--warning)] [--c-fill:var(--tc-yellow-fill)]",
+    3: "[--c:var(--success)] [--c-fill:var(--tc-green-fill)]",
+    4: "[--c:var(--success)] [--c-fill:var(--tc-green-fill)]",
+};
+const COMMON = new Set(["password", "123456", "12345678", "qwerty", "letmein", "admin", "welcome", "iloveyou"]);
+/**
+ * Tiny, dependency-free strength heuristic (length + character classes + a handful of common passwords).
+ * UX guidance only: enforce your real policy on the server.
+ */
+function estimateStrength(password) {
+    if (!password || password.length < 6 || COMMON.has(password.toLowerCase())) {
+        return 0;
+    }
+    const classes = [/[a-z]/, /[A-Z]/, /\d/, /[^a-zA-Z0-9]/].filter((re) => re.test(password)).length;
+    let points = 0;
+    if (password.length >= 8) {
+        points++;
+    }
+    if (password.length >= 12) {
+        points++;
+    }
+    if (password.length >= 16) {
+        points++;
+    }
+    if (classes >= 2) {
+        points++;
+    }
+    if (classes >= 3) {
+        points++;
+    }
+    if (/(.)\1{2,}/.test(password)) {
+        points--;
+    }
+    return Math.max(1, Math.min(4, points - 1));
+}
+/** Segmented 4-step strength bar + label. Presentational: you pass the score. */
+function PasswordStrength({ className, score, label, hideLabel, empty, ...props }) {
+    const s = Math.max(0, Math.min(4, Math.round(score)));
+    // score 0 still lights the first segment in danger so "too weak" is visible
+    const lit = empty ? 0 : Math.max(1, s);
+    return (_jsxs("div", { "data-slot": "password-strength", "data-score": empty ? undefined : s, className: cn("flex flex-col gap-1.5", !empty && TONE[s], className), ...props, children: [_jsx("div", { "data-slot": "password-strength-bar", className: "grid grid-cols-4 gap-1", "aria-hidden": true, children: [1, 2, 3, 4].map((i) => (_jsx("div", { "data-slot": "password-strength-segment", "data-active": i <= lit ? "" : undefined, className: "h-1 rounded-pill bg-foreground/10 transition-colors duration-150 hc:bg-transparent hc:inset-ring hc:inset-ring-border data-active:bg-(--c-fill) hc:data-active:bg-(--c-fill) hc:data-active:inset-ring-0" }, i))) }), hideLabel ? null : (_jsx("p", { "data-slot": "password-strength-label", "aria-live": "polite", className: "text-xs text-muted-foreground", children: _jsxs("span", { children: ["Strength:", " ", _jsx("span", { className: cn("font-medium", empty ? "text-muted-foreground" : "text-(--c)"), children: empty ? "-" : (label ?? LABELS[s]) })] }) }))] }));
+}
+export { estimateStrength, PasswordStrength };
+//# sourceMappingURL=password-strength.js.map

package/dist/components/password-strength.js.map

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

package/dist/components/popover.d.ts

@@ -0,0 +1,10 @@
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+import * as React from "react";
+declare function Popover({ ...props }: PopoverPrimitive.Root.Props): React.JSX.Element;
+declare function PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props): React.JSX.Element;
+declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React.JSX.Element;
+declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): React.JSX.Element;
+declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): React.JSX.Element;
+export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAInE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,OAAO,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,qBAEvD;AAED,iBAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,qBAEjE;AAED,iBAAS,cAAc,CAAC,EACpB,SAAS,EACT,KAAgB,EAChB,WAAe,EACf,IAAe,EACf,UAAc,EACd,GAAG,KAAK,EACX,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,GAC3B,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,CAAC,qBAuB3F;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAExE;AAED,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,KAAK,qBAExE;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,KAAK,qBAQpF;AAED,OAAO,EAAC,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/popover.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
+import { heading, popupMotion, popupSurface } from "@repraze/kernelkit/lib/recipes";
+import { usePortalContainer } from "@repraze/kernelkit/provider";
+import { cn } from "cn";
+import * as React from "react";
+function Popover({ ...props }) {
+    return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+    return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({ className, align = "center", alignOffset = 0, side = "bottom", sideOffset = 4, ...props }) {
+    return (_jsx(PopoverPrimitive.Portal, { container: usePortalContainer(), children: _jsx(PopoverPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsx(PopoverPrimitive.Popup, { "data-slot": "popover-content", className: cn(popupSurface, popupMotion, "z-50 flex w-72 flex-col gap-3 p-3 text-sm outline-hidden", className), ...props }) }) }));
+}
+function PopoverHeader({ className, ...props }) {
+    return _jsx("div", { "data-slot": "popover-header", className: cn("flex flex-col gap-1 text-sm", className), ...props });
+}
+function PopoverTitle({ className, ...props }) {
+    return _jsx(PopoverPrimitive.Title, { "data-slot": "popover-title", className: cn(heading, className), ...props });
+}
+function PopoverDescription({ className, ...props }) {
+    return (_jsx(PopoverPrimitive.Description, { "data-slot": "popover-description", className: cn("text-muted-foreground", className), ...props }));
+}
+export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };
+//# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAC,kBAAkB,EAAC,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,SAAS,OAAO,CAAC,EAAC,GAAG,KAAK,EAA8B;IACpD,OAAO,KAAC,gBAAgB,CAAC,IAAI,iBAAW,SAAS,KAAK,KAAK,GAAI,CAAC;AACpE,CAAC;AAED,SAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAiC;IAC9D,OAAO,KAAC,gBAAgB,CAAC,OAAO,iBAAW,iBAAiB,KAAK,KAAK,GAAI,CAAC;AAC/E,CAAC;AAED,SAAS,cAAc,CAAC,EACpB,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,WAAW,GAAG,CAAC,EACf,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,CAAC,EACd,GAAG,KAAK,EAEgF;IACxF,OAAO,CACH,KAAC,gBAAgB,CAAC,MAAM,IAAC,SAAS,EAAE,kBAAkB,EAAE,YACpD,KAAC,gBAAgB,CAAC,UAAU,IACxB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,cAAc,YAExB,KAAC,gBAAgB,CAAC,KAAK,iBACT,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACT,YAAY,EACZ,WAAW,EACX,0DAA0D,EAC1D,SAAS,CACZ,KACG,KAAK,GACX,GACwB,GACR,CAC7B,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA8B;IACrE,OAAO,2BAAe,gBAAgB,EAAC,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAClH,CAAC;AAED,SAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA+B;IACrE,OAAO,KAAC,gBAAgB,CAAC,KAAK,iBAAW,eAAe,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC9G,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAqC;IACjF,OAAO,CACH,KAAC,gBAAgB,CAAC,WAAW,iBACf,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAC7C,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAC,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/progress.d.ts

@@ -0,0 +1,26 @@
+import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
+import { type Color } from "@repraze/kernelkit/lib/color";
+/** Root of a progress or meter: label + value on one row, track below. Sets the color vars. */
+declare const progressVariants: (props?: ({
+    color?: "danger" | "warning" | "success" | "info" | "red" | "orange" | "yellow" | "green" | "cyan" | "blue" | "purple" | "pink" | "neutral" | "primary" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** Pill track: a faint wash of the color (reads on card and background); an inset outline in high contrast. */
+declare const progressTrackClass = "relative flex h-1.5 w-full items-center overflow-hidden rounded-pill bg-(--c)/15 group-data-[size=lg]/progress:h-2 group-data-[size=sm]/progress:h-1 hc:bg-transparent hc:inset-ring hc:inset-ring-border";
+/** Filled part, solid fill tier of the color (§2). */
+declare const progressIndicatorClass = "h-full rounded-pill bg-(--c-fill) transition-[width,background-color] duration-300 ease-out motion-reduce:transition-none";
+type ProgressSize = "sm" | "default" | "lg";
+interface ProgressProps extends Omit<ProgressPrimitive.Root.Props, "color"> {
+    /** Indicator color. Defaults to primary. */
+    color?: Color | null;
+    /** Track height: sm `h-1`, default `h-1.5`, lg `h-2`. */
+    size?: ProgressSize | null;
+}
+declare function Progress({ className, children, value, color, size, ...props }: ProgressProps): import("react").JSX.Element;
+declare function ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props): import("react").JSX.Element;
+declare function ProgressIndicator({ className, ...props }: ProgressPrimitive.Indicator.Props): import("react").JSX.Element;
+declare function ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props): import("react").JSX.Element;
+declare function ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props): import("react").JSX.Element;
+export { Progress, ProgressIndicator, progressIndicatorClass, ProgressLabel, ProgressTrack, progressTrackClass, ProgressValue, progressVariants, };
+export type { ProgressProps, ProgressSize };
+//# sourceMappingURL=progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,QAAQ,IAAI,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAC,KAAK,KAAK,EAAgB,MAAM,8BAA8B,CAAC;AAIvE,+FAA+F;AAC/F,QAAA,MAAM,gBAAgB;;;8EAMpB,CAAC;AAEH,+GAA+G;AAC/G,QAAA,MAAM,kBAAkB,8MACuL,CAAC;AAEhN,sDAAsD;AACtD,QAAA,MAAM,sBAAsB,8HACmG,CAAC;AAEhI,KAAK,YAAY,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAE5C,UAAU,aAAc,SAAQ,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC;IACvE,4CAA4C;IAC5C,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,yDAAyD;IACzD,IAAI,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CAC9B;AAED,iBAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,aAAa,+BAkBnF;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,+BAI1E;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,KAAK,+BAalF;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,+BAQ1E;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,+BAQ1E;AAED,OAAO,EACH,QAAQ,EACR,iBAAiB,EACjB,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,gBAAgB,GACnB,CAAC;AACF,YAAY,EAAC,aAAa,EAAE,YAAY,EAAC,CAAC"}

package/dist/components/progress.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
+import { colorVariants } from "@repraze/kernelkit/lib/color";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+/** Root of a progress or meter: label + value on one row, track below. Sets the color vars. */
+const progressVariants = cva("group/progress flex w-full flex-wrap items-center gap-x-3 gap-y-1.5", {
+    variants: {
+        color: colorVariants,
+        size: { sm: "", default: "", lg: "" },
+    },
+    defaultVariants: { color: "primary", size: "default" },
+});
+/** Pill track: a faint wash of the color (reads on card and background); an inset outline in high contrast. */
+const progressTrackClass = "relative flex h-1.5 w-full items-center overflow-hidden rounded-pill bg-(--c)/15 group-data-[size=lg]/progress:h-2 group-data-[size=sm]/progress:h-1 hc:bg-transparent hc:inset-ring hc:inset-ring-border";
+/** Filled part, solid fill tier of the color (§2). */
+const progressIndicatorClass = "h-full rounded-pill bg-(--c-fill) transition-[width,background-color] duration-300 ease-out motion-reduce:transition-none";
+function Progress({ className, children, value, color, size, ...props }) {
+    const resolvedColor = color ?? "primary";
+    const resolvedSize = size ?? "default";
+    return (_jsxs(ProgressPrimitive.Root, { value: value, "data-slot": "progress", "data-color": resolvedColor, "data-size": resolvedSize, className: cn(progressVariants({ color: resolvedColor, size: resolvedSize }), className), ...props, children: [children, _jsx(ProgressTrack, { children: _jsx(ProgressIndicator, {}) })] }));
+}
+function ProgressTrack({ className, ...props }) {
+    return (_jsx(ProgressPrimitive.Track, { "data-slot": "progress-track", className: cn(progressTrackClass, className), ...props }));
+}
+function ProgressIndicator({ className, ...props }) {
+    return (_jsx(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", className: cn(progressIndicatorClass, 
+        // indeterminate (value null): a third of the track sweeping left to right
+        "data-indeterminate:w-2/5 data-indeterminate:animate-indeterminate motion-reduce:data-indeterminate:animate-pulse", className), ...props }));
+}
+function ProgressLabel({ className, ...props }) {
+    return (_jsx(ProgressPrimitive.Label, { "data-slot": "progress-label", className: cn("text-sm font-medium", className), ...props }));
+}
+function ProgressValue({ className, ...props }) {
+    return (_jsx(ProgressPrimitive.Value, { "data-slot": "progress-value", className: cn("ms-auto font-mono text-xs text-muted-foreground tabular-nums", className), ...props }));
+}
+export { Progress, ProgressIndicator, progressIndicatorClass, ProgressLabel, ProgressTrack, progressTrackClass, ProgressValue, progressVariants, };
+//# sourceMappingURL=progress.js.map

package/dist/components/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../src/components/progress.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,QAAQ,IAAI,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAa,aAAa,EAAC,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAEtB,+FAA+F;AAC/F,MAAM,gBAAgB,GAAG,GAAG,CAAC,qEAAqE,EAAE;IAChG,QAAQ,EAAE;QACN,KAAK,EAAE,aAAa;QACpB,IAAI,EAAE,EAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC;KACtC;IACD,eAAe,EAAE,EAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAC;CACvD,CAAC,CAAC;AAEH,+GAA+G;AAC/G,MAAM,kBAAkB,GACpB,2MAA2M,CAAC;AAEhN,sDAAsD;AACtD,MAAM,sBAAsB,GACxB,2HAA2H,CAAC;AAWhI,SAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAgB;IAChF,MAAM,aAAa,GAAG,KAAK,IAAI,SAAS,CAAC;IACzC,MAAM,YAAY,GAAG,IAAI,IAAI,SAAS,CAAC;IACvC,OAAO,CACH,MAAC,iBAAiB,CAAC,IAAI,IACnB,KAAK,EAAE,KAAK,eACF,UAAU,gBACR,aAAa,eACd,YAAY,EACvB,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAC,CAAC,EAAE,SAAS,CAAC,KAClF,KAAK,aAER,QAAQ,EACT,KAAC,aAAa,cACV,KAAC,iBAAiB,KAAG,GACT,IACK,CAC5B,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAgC;IACvE,OAAO,CACH,KAAC,iBAAiB,CAAC,KAAK,iBAAW,gBAAgB,EAAC,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAClH,CAAC;AACN,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAoC;IAC/E,OAAO,CACH,KAAC,iBAAiB,CAAC,SAAS,iBACd,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CACT,sBAAsB;QACtB,0EAA0E;QAC1E,kHAAkH,EAClH,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAgC;IACvE,OAAO,CACH,KAAC,iBAAiB,CAAC,KAAK,iBACV,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAC3C,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAgC;IACvE,OAAO,CACH,KAAC,iBAAiB,CAAC,KAAK,iBACV,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CAAC,8DAA8D,EAAE,SAAS,CAAC,KACpF,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EACH,QAAQ,EACR,iBAAiB,EACjB,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,gBAAgB,GACnB,CAAC"}

package/dist/components/questionnaire.d.ts

@@ -0,0 +1,20 @@
+import { type Button } from "@repraze/kernelkit/components/button";
+import { Questionnaire as QuestionnairePrimitive } from "@shadcn/react/questionnaire";
+import * as React from "react";
+declare function Questionnaire({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Root>): React.JSX.Element;
+declare function QuestionnaireProgress({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Progress>): React.JSX.Element;
+declare function QuestionnaireItem({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Item>): React.JSX.Element;
+declare function QuestionnaireTitle({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Title>): React.JSX.Element;
+declare function QuestionnaireDescription({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Description>): React.JSX.Element;
+declare function QuestionnaireChoices({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Choices>): React.JSX.Element;
+declare function QuestionnaireChoice({ children, className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Choice>): React.JSX.Element;
+declare function QuestionnaireChoiceDescription({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function QuestionnaireInput({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Input>): React.JSX.Element;
+declare function QuestionnaireError({ className, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Error>): React.JSX.Element;
+declare function QuestionnaireActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function QuestionnairePrevious({ children, className, size, variant, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Previous> & Pick<React.ComponentProps<typeof Button>, "size" | "variant">): React.JSX.Element;
+declare function QuestionnaireSkip({ children, className, size, variant, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Skip> & Pick<React.ComponentProps<typeof Button>, "size" | "variant">): React.JSX.Element;
+declare function QuestionnaireNext({ children, className, size, variant, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Next> & Pick<React.ComponentProps<typeof Button>, "size" | "variant">): React.JSX.Element;
+declare function QuestionnaireSubmit({ children, className, size, variant, ...props }: React.ComponentProps<typeof QuestionnairePrimitive.Submit> & Pick<React.ComponentProps<typeof Button>, "size" | "variant">): React.JSX.Element;
+export { Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireInput, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle, };
+//# sourceMappingURL=questionnaire.d.ts.map

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

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

package/dist/components/questionnaire.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { buttonVariants } from "@repraze/kernelkit/components/button";
+import { fieldSurface, focusRing, heading, invalidRing } from "@repraze/kernelkit/lib/recipes";
+import { Questionnaire as QuestionnairePrimitive } from "@shadcn/react/questionnaire";
+import { cn } from "cn";
+import { CheckIcon } from "lucide-react";
+import * as React from "react";
+function Questionnaire({ className, ...props }) {
+    return (_jsx(QuestionnairePrimitive.Root, { "data-slot": "questionnaire", className: cn("flex w-full min-w-0 flex-col gap-4", className), ...props }));
+}
+function QuestionnaireProgress({ className, ...props }) {
+    return (_jsx(QuestionnairePrimitive.Progress, { "data-slot": "questionnaire-progress", className: cn("min-h-[1lh] w-fit min-w-[14ch] text-xs font-medium text-muted-foreground tabular-nums", className), ...props }));
+}
+function QuestionnaireItem({ className, ...props }) {
+    return (_jsx(QuestionnairePrimitive.Item, { "data-slot": "questionnaire-item", className: cn("flex min-w-0 flex-col gap-4 border-0 p-0 outline-none", className), ...props }));
+}
+function QuestionnaireTitle({ className, ...props }) {
+    return (_jsx(QuestionnairePrimitive.Title, { "data-slot": "questionnaire-title", className: cn(heading, "text-base leading-snug text-pretty [&:not(:has(~[data-slot=questionnaire-description]))]:mb-4", className), ...props }));
+}
+function QuestionnaireDescription({ className, ...props }) {
+    return (_jsx(QuestionnairePrimitive.Description, { "data-slot": "questionnaire-description", className: cn("text-sm text-pretty text-muted-foreground", className), ...props }));
+}
+function QuestionnaireChoices({ className, ...props }) {
+    return (_jsx(QuestionnairePrimitive.Choices, { "data-slot": "questionnaire-choices", className: cn("group/questionnaire-choices grid min-w-0 gap-2", className), ...props }));
+}
+function QuestionnaireChoice({ children, className, ...props }) {
+    return (_jsxs(QuestionnairePrimitive.Choice, { "data-slot": "questionnaire-choice", className: cn("group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start gap-2.5 rounded-lg border border-input bg-transparent px-3 py-2.5 text-start text-sm transition-[color,background-color,border-color,box-shadow] duration-100 outline-none select-none hover:bg-hover", "has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-3 has-[>input:focus-visible]:ring-ring/50", 
+        // selected = primary border + indicator, the wash is only a hint (§6)
+        "data-checked:border-primary-text data-checked:bg-primary/10", "data-invalid:border-danger data-invalid:ring-3 data-invalid:ring-danger/20 dark:data-invalid:ring-danger/40", "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: [_jsx(QuestionnairePrimitive.ChoiceInput, { "data-slot": "questionnaire-choice-input", className: "absolute inset-0 z-10 size-full cursor-pointer opacity-0" }), _jsxs("span", { "aria-hidden": "true", "data-slot": "questionnaire-choice-indicator", className: "pointer-events-none relative flex size-4 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-sm border border-input bg-background transition-[background-color,border-color] duration-100 group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[type=radio]/questionnaire-choice:rounded-pill group-data-checked/questionnaire-choice:border-primary group-data-checked/questionnaire-choice:bg-primary group-data-checked/questionnaire-choice:text-primary-foreground bg-field dark:group-data-checked/questionnaire-choice:bg-primary", children: [_jsx("span", { "data-slot": "questionnaire-choice-indicator-dot", className: "hidden size-2 rounded-pill bg-primary-foreground group-data-[type=checkbox]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block" }), _jsx(CheckIcon, { "data-slot": "questionnaire-choice-indicator-check", className: "hidden size-3.5 group-data-[type=radio]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block" })] }), _jsx(QuestionnairePrimitive.ChoiceLabel, { "data-slot": "questionnaire-choice-label", className: "flex min-w-0 flex-1 flex-col gap-0.5 leading-snug font-medium", children: children }), _jsx(QuestionnairePrimitive.ChoiceShortcut, { "data-slot": "questionnaire-choice-shortcut", className: "pointer-events-none ms-auto hidden size-5 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-sm border border-border bg-muted font-mono text-[0.625rem] leading-none font-medium text-muted-foreground group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[shortcut]/questionnaire-choice:inline-flex" })] }));
+}
+function QuestionnaireChoiceDescription({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "questionnaire-choice-description", className: cn("font-normal text-muted-foreground", className), ...props }));
+}
+function QuestionnaireInput({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "questionnaire-input-wrapper", className: "group/questionnaire-input relative w-full min-w-0", children: _jsx(QuestionnairePrimitive.Input, { "data-slot": "questionnaire-input", className: cn(fieldSurface, focusRing, invalidRing, "h-8 min-h-11 w-full min-w-0 px-2.5 py-1 text-base sm:min-h-0 md:text-sm", "selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground", className), ...props }) }));
+}
+function QuestionnaireError({ className, ...props }) {
+    return (_jsx(QuestionnairePrimitive.Error, { "data-slot": "questionnaire-error", className: cn("-mt-2 text-sm text-danger", className), ...props }));
+}
+function QuestionnaireActions({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "questionnaire-actions", className: cn("grid min-h-11 w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-2 sm:min-h-8", className), ...props }));
+}
+function QuestionnairePrevious({ children, className, size = "default", variant = "outline", ...props }) {
+    return (_jsx(QuestionnairePrimitive.Previous, { "data-slot": "questionnaire-previous", "data-size": size, "data-variant": variant, className: cn(buttonVariants({ size, variant }), "col-start-1 row-start-1 min-h-11 justify-self-start sm:min-h-0", className), ...props, children: children ?? "Previous" }));
+}
+function QuestionnaireSkip({ children, className, size = "default", variant = "outline", ...props }) {
+    return (_jsx(QuestionnairePrimitive.Skip, { "data-slot": "questionnaire-skip", "data-size": size, "data-variant": variant, className: cn(buttonVariants({ size, variant }), "col-start-2 row-start-1 min-h-11 justify-self-end sm:min-h-0", className), ...props, children: children ?? "Skip" }));
+}
+function QuestionnaireNext({ children, className, size = "default", variant = "default", ...props }) {
+    return (_jsx(QuestionnairePrimitive.Next, { "data-slot": "questionnaire-next", "data-size": size, "data-variant": variant, className: cn(buttonVariants({ size, variant }), "col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0", className), ...props, children: children ?? "Next" }));
+}
+function QuestionnaireSubmit({ children, className, size = "default", variant = "default", ...props }) {
+    return (_jsx(QuestionnairePrimitive.Submit, { "data-slot": "questionnaire-submit", "data-size": size, "data-variant": variant, className: cn(buttonVariants({ size, variant }), "col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0", className), ...props, children: children ?? "Submit" }));
+}
+export { Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireInput, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle, };
+//# sourceMappingURL=questionnaire.js.map

package/dist/components/questionnaire.js.map

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

package/dist/components/radio-group.d.ts

@@ -0,0 +1,8 @@
+import { Radio as RadioPrimitive } from "@base-ui/react/radio";
+import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
+/** Radio classes, exported so a custom element can look like a radio. */
+declare const radioGroupItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare function RadioGroup({ className, ...props }: RadioGroupPrimitive.Props): import("react").JSX.Element;
+declare function RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props): import("react").JSX.Element;
+export { RadioGroup, RadioGroupItem, radioGroupItemVariants };
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,IAAI,cAAc,EAAC,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAC,UAAU,IAAI,mBAAmB,EAAC,MAAM,4BAA4B,CAAC;AAK7E,yEAAyE;AACzE,QAAA,MAAM,sBAAsB,oFAU1B,CAAC;AAEH,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,mBAAmB,CAAC,KAAK,+BAEnE;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,+BAevE;AAED,OAAO,EAAC,UAAU,EAAE,cAAc,EAAE,sBAAsB,EAAC,CAAC"}

package/dist/components/radio-group.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Radio as RadioPrimitive } from "@base-ui/react/radio";
+import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
+import { focusRing } from "@repraze/kernelkit/lib/recipes";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+/** Radio classes, exported so a custom element can look like a radio. */
+const radioGroupItemVariants = cva([
+    "group/radio-group-item peer relative flex aspect-square size-4 shrink-0 cursor-pointer items-center justify-center rounded-pill border border-input bg-transparent",
+    "transition-[color,background-color,border-color,box-shadow] duration-100 motion-reduce:transition-none bg-field",
+    "after:absolute after:-inset-x-3 after:-inset-y-2",
+    focusRing,
+    "hover:bg-field-hover",
+    "data-checked:border-primary data-checked:bg-primary data-checked:hover:bg-primary/85",
+    "aria-invalid:border-danger aria-invalid:ring-3 aria-invalid:ring-danger/20 dark:aria-invalid:ring-danger/40",
+    "data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-field group-has-disabled/field:opacity-50",
+    "group-has-[:focus-visible]/field-label:ring-0 group-has-[:focus-visible]/field-label:not-data-checked:border-input group-has-[:focus-visible]/field-label:data-checked:border-primary",
+]);
+function RadioGroup({ className, ...props }) {
+    return _jsx(RadioGroupPrimitive, { "data-slot": "radio-group", className: cn("grid w-full gap-2", className), ...props });
+}
+function RadioGroupItem({ className, ...props }) {
+    return (_jsx(RadioPrimitive.Root, { "data-slot": "radio-group-item", className: cn(radioGroupItemVariants(), className), ...props, children: _jsx(RadioPrimitive.Indicator, { "data-slot": "radio-group-indicator", className: "flex items-center justify-center data-unchecked:hidden", children: _jsx("span", { className: "size-1.5 rounded-pill bg-primary-foreground" }) }) }));
+}
+export { RadioGroup, RadioGroupItem, radioGroupItemVariants };
+//# sourceMappingURL=radio-group.js.map

package/dist/components/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,KAAK,IAAI,cAAc,EAAC,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAC,UAAU,IAAI,mBAAmB,EAAC,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAC,SAAS,EAAC,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,IAAI,CAAC;AAEtB,yEAAyE;AACzE,MAAM,sBAAsB,GAAG,GAAG,CAAC;IAC/B,oKAAoK;IACpK,iHAAiH;IACjH,kDAAkD;IAClD,SAAS;IACT,sBAAsB;IACtB,sFAAsF;IACtF,6GAA6G;IAC7G,4HAA4H;IAC5H,uLAAuL;CAC1L,CAAC,CAAC;AAEH,SAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA4B;IAChE,OAAO,KAAC,mBAAmB,iBAAW,aAAa,EAAC,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACrH,CAAC;AAED,SAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAA4B;IACpE,OAAO,CACH,KAAC,cAAc,CAAC,IAAI,iBACN,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,EAAE,SAAS,CAAC,KAC9C,KAAK,YAET,KAAC,cAAc,CAAC,SAAS,iBACX,uBAAuB,EACjC,SAAS,EAAC,wDAAwD,YAElE,eAAM,SAAS,EAAC,6CAA6C,GAAG,GACzC,GACT,CACzB,CAAC;AACN,CAAC;AAED,OAAO,EAAC,UAAU,EAAE,cAAc,EAAE,sBAAsB,EAAC,CAAC"}

package/dist/components/resizable.d.ts

@@ -0,0 +1,13 @@
+import * as ResizablePrimitive from "react-resizable-panels";
+declare function ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps): import("react").JSX.Element;
+declare function ResizablePanel({ ...props }: ResizablePrimitive.PanelProps): import("react").JSX.Element;
+/**
+ * 1px line between panels with a wider invisible hit area. `data-separator` (set by the library) drives
+ * the states: hover washes the hit area, dragging turns the line primary, keyboard focus rings it.
+ */
+declare function ResizableHandle({ withHandle, className, ...props }: ResizablePrimitive.SeparatorProps & {
+    /** Show a grip in the middle of the line. */
+    withHandle?: boolean;
+}): import("react").JSX.Element;
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
+//# sourceMappingURL=resizable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../src/components/resizable.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAE7D,iBAAS,mBAAmB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,kBAAkB,CAAC,UAAU,+BAQhF;AAED,iBAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,kBAAkB,CAAC,UAAU,+BAEhE;AAED;;;GAGG;AACH,iBAAS,eAAe,CAAC,EACrB,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACX,EAAE,kBAAkB,CAAC,cAAc,GAAG;IACnC,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,+BA4BA;AAED,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAC,CAAC"}

package/dist/components/resizable.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "cn";
+import { GripVerticalIcon } from "lucide-react";
+import * as ResizablePrimitive from "react-resizable-panels";
+function ResizablePanelGroup({ className, ...props }) {
+    return (_jsx(ResizablePrimitive.Group, { "data-slot": "resizable-panel-group", className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className), ...props }));
+}
+function ResizablePanel({ ...props }) {
+    return _jsx(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
+}
+/**
+ * 1px line between panels with a wider invisible hit area. `data-separator` (set by the library) drives
+ * the states: hover washes the hit area, dragging turns the line primary, keyboard focus rings it.
+ */
+function ResizableHandle({ withHandle, className, ...props }) {
+    return (_jsx(ResizablePrimitive.Separator, { "data-slot": "resizable-handle", className: cn("group/handle relative flex w-px shrink-0 items-center justify-center bg-border outline-none", "transition-[background-color,box-shadow] duration-100 motion-reduce:transition-none", 
+        // hit area
+        "after:absolute after:inset-y-0 after:left-1/2 after:w-2 after:-translate-x-1/2 after:transition-colors", "hover:after:bg-hover data-[separator=hover]:after:bg-hover data-[separator=active]:bg-primary-text data-[separator=active]:after:bg-primary/15", "focus-visible:bg-ring focus-visible:ring-3 focus-visible:ring-ring/50", "data-[separator=disabled]:opacity-50", 
+        // horizontal line (vertical group)
+        "aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:inset-x-0 aria-[orientation=horizontal]:after:top-1/2 aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-2 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90", className), ...props, children: withHandle && (_jsx("div", { "data-slot": "resizable-grip", className: "z-10 flex h-6 w-3 shrink-0 items-center justify-center rounded-sm border border-border bg-background text-muted-foreground transition-colors group-hover/handle:text-foreground group-data-[separator=active]/handle:border-primary-text group-data-[separator=active]/handle:text-primary-text", children: _jsx(GripVerticalIcon, { className: "size-2.5" }) })) }));
+}
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
+//# sourceMappingURL=resizable.js.map