@suryapamenang/ui 0.1.0

package/dist/primitives/editor-static.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { PlateStatic } from "platejs/static";
+import { cn } from "../lib/utils";
+export const editorVariants = cva(cn("group/editor", "relative w-full cursor-text overflow-x-hidden break-words whitespace-pre-wrap select-text", "rounded-md ring-offset-background focus-visible:outline-none", "placeholder:text-muted-foreground/80 **:data-slate-placeholder:top-[auto_!important] **:data-slate-placeholder:text-muted-foreground/80 **:data-slate-placeholder:opacity-100!", "[&_strong]:font-bold"), {
+    defaultVariants: {
+        variant: "none",
+    },
+    variants: {
+        disabled: {
+            true: "cursor-not-allowed opacity-50",
+        },
+        focused: {
+            true: "ring-2 ring-ring ring-offset-2",
+        },
+        variant: {
+            ai: "w-full px-0 text-base md:text-sm",
+            aiChat: "max-h-[min(70vh,320px)] w-full max-w-[700px] overflow-y-auto px-5 py-3 text-base md:text-sm",
+            default: "size-full px-16 pt-4 pb-72 text-base sm:px-[max(64px,calc(50%-350px))]",
+            demo: "size-full px-16 pt-4 pb-72 text-base sm:px-[max(64px,calc(50%-350px))]",
+            fullWidth: "size-full px-16 pt-4 pb-72 text-base sm:px-24",
+            none: "",
+            select: "px-3 py-2 text-base data-readonly:w-fit",
+        },
+    },
+});
+export function EditorStatic({ className, variant, ...props }) {
+    return (_jsx(PlateStatic, { className: cn(editorVariants({ variant }), className), ...props }));
+}

package/dist/primitives/editor.d.ts

@@ -0,0 +1,29 @@
+import type { VariantProps } from "class-variance-authority";
+import type { PlateContentProps, PlateViewProps } from "platejs/react";
+import * as React from "react";
+declare const editorContainerVariants: (props?: ({
+    variant?: "select" | "default" | "comment" | "demo" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare function EditorContainer({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof editorContainerVariants>): React.JSX.Element;
+declare const editorVariants: (props?: ({
+    disabled?: boolean | null | undefined;
+    focused?: boolean | null | undefined;
+    variant?: "select" | "default" | "none" | "comment" | "demo" | "ai" | "aiChat" | "fullWidth" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type EditorProps = PlateContentProps & VariantProps<typeof editorVariants>;
+export declare const Editor: React.ForwardRefExoticComponent<Omit<import("platejs").EditableProps, "decorate"> & {
+    autoFocusOnEditable?: boolean;
+    decorate?: import("platejs/react").PlateStoreState["decorate"];
+    disabled?: boolean;
+    renderEditable?: (editable: React.ReactElement<any>) => React.ReactNode;
+} & VariantProps<(props?: ({
+    disabled?: boolean | null | undefined;
+    focused?: boolean | null | undefined;
+    variant?: "select" | "default" | "none" | "comment" | "demo" | "ai" | "aiChat" | "fullWidth" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+export declare function EditorView({ className, variant, ...props }: PlateViewProps & VariantProps<typeof editorVariants>): React.JSX.Element;
+export declare namespace EditorView {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=editor.d.ts.map

package/dist/primitives/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../src/primitives/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,uBAAuB;;8EAuB5B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,qBAW5E;AAED,QAAA,MAAM,cAAc;;;;8EAiCnB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,iBAAiB,GACzC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAEtC,eAAO,MAAM,MAAM;;;;;;;;;sHAmBlB,CAAC;AAIF,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,qBAOtD;yBAXe,UAAU"}

package/dist/primitives/editor.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { PlateContainer, PlateContent, PlateView } from "platejs/react";
+import * as React from "react";
+import { cn } from "../lib/utils";
+const editorContainerVariants = cva("relative w-full cursor-text overflow-y-auto caret-primary select-text selection:bg-brand/25 focus-visible:outline-none [&_.slate-selection-area]:z-50 [&_.slate-selection-area]:border [&_.slate-selection-area]:border-brand/25 [&_.slate-selection-area]:bg-brand/15", {
+    defaultVariants: {
+        variant: "default",
+    },
+    variants: {
+        variant: {
+            comment: cn("flex flex-wrap justify-between gap-1 px-1 py-0.5 text-sm", "rounded-md border-[1.5px] border-transparent bg-transparent", "has-[[data-slate-editor]:focus]:border-brand/50 has-[[data-slate-editor]:focus]:ring-2 has-[[data-slate-editor]:focus]:ring-brand/30", "has-aria-disabled:border-input has-aria-disabled:bg-muted"),
+            default: "h-full",
+            demo: "h-[650px]",
+            select: cn("group rounded-md border border-input ring-offset-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2", "has-data-readonly:w-fit has-data-readonly:cursor-default has-data-readonly:border-transparent has-data-readonly:focus-within:[box-shadow:none]"),
+        },
+    },
+});
+export function EditorContainer({ className, variant, ...props }) {
+    return (_jsx(PlateContainer, { className: cn("ignore-click-outside/toolbar", editorContainerVariants({ variant }), className), ...props }));
+}
+const editorVariants = cva(cn("group/editor", "relative w-full cursor-text overflow-x-hidden break-words whitespace-pre-wrap select-text", "rounded-md ring-offset-background focus-visible:outline-none", "placeholder:text-muted-foreground/80 **:data-slate-placeholder:!top-1/2 **:data-slate-placeholder:-translate-y-1/2 **:data-slate-placeholder:text-muted-foreground/80 **:data-slate-placeholder:opacity-100!", "[&_strong]:font-bold"), {
+    defaultVariants: {
+        variant: "default",
+    },
+    variants: {
+        disabled: {
+            true: "cursor-not-allowed opacity-50",
+        },
+        focused: {
+            true: "ring-2 ring-ring ring-offset-2",
+        },
+        variant: {
+            ai: "w-full px-0 text-base md:text-sm",
+            aiChat: "max-h-[min(70vh,320px)] w-full max-w-[700px] overflow-y-auto px-3 py-2 text-base md:text-sm",
+            comment: cn("rounded-none border-none bg-transparent text-sm"),
+            default: "size-full px-16 pt-4 pb-72 text-base sm:px-[max(64px,calc(50%-350px))]",
+            demo: "size-full px-16 pt-4 pb-72 text-base sm:px-[max(64px,calc(50%-350px))]",
+            fullWidth: "size-full px-16 pt-4 pb-72 text-base sm:px-24",
+            none: "",
+            select: "px-3 py-2 text-base data-readonly:w-fit",
+        },
+    },
+});
+export const Editor = React.forwardRef(({ className, disabled, focused, variant, ...props }, ref) => {
+    return (_jsx(PlateContent, { ref: ref, className: cn(editorVariants({
+            disabled,
+            focused,
+            variant,
+        }), className), disabled: disabled, disableDefaultStyles: true, ...props }));
+});
+Editor.displayName = "Editor";
+export function EditorView({ className, variant, ...props }) {
+    return (_jsx(PlateView, { ...props, className: cn(editorVariants({ variant }), className) }));
+}
+EditorView.displayName = "EditorView";

package/dist/primitives/field.d.ts

@@ -0,0 +1,27 @@
+/** biome-ignore-all lint/a11y/useSemanticElements: from shadcn */
+/** biome-ignore-all lint/suspicious/noArrayIndexKey: from shadcn */
+import { type VariantProps } from "class-variance-authority";
+import { Label } from "./label";
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("react").JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): import("react").JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react").JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react").JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import("react").JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): import("react").JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): import("react").JSX.Element | null;
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };
+//# sourceMappingURL=field.d.ts.map

package/dist/primitives/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/primitives/field.tsx"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,oEAAoE;AACpE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,+BAY1E;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAE,+BAcnE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWvE;AAED,QAAA,MAAM,aAAa;;8EAsBlB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,+BAUlE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWzE;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,+BAapC;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAWvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,+BAa3E;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,+BAsBA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAC;CAClD,sCA0CA;AAED,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,CAAC"}

package/dist/primitives/field.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** biome-ignore-all lint/a11y/useSemanticElements: from shadcn */
+/** biome-ignore-all lint/suspicious/noArrayIndexKey: from shadcn */
+import { cva } from "class-variance-authority";
+import { useMemo } from "react";
+import { cn } from "../lib/utils";
+import { Label } from "./label";
+import { Separator } from "./separator";
+function FieldSet({ className, ...props }) {
+    return (_jsx("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className), ...props }));
+}
+function FieldLegend({ className, variant = "legend", ...props }) {
+    return (_jsx("legend", { "data-slot": "field-legend", "data-variant": variant, className: cn("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", className), ...props }));
+}
+function FieldGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-group", className: cn("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", className), ...props }));
+}
+const fieldVariants = cva("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
+    variants: {
+        orientation: {
+            vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+            horizontal: [
+                "flex-row items-center",
+                "[&>[data-slot=field-label]]:flex-auto",
+                "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+            ],
+            responsive: [
+                "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
+                "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+                "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+            ],
+        },
+    },
+    defaultVariants: {
+        orientation: "vertical",
+    },
+});
+function Field({ className, orientation = "vertical", ...props }) {
+    return (_jsx("div", { role: "group", "data-slot": "field", "data-orientation": orientation, className: cn(fieldVariants({ orientation }), className), ...props }));
+}
+function FieldContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-content", className: cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className), ...props }));
+}
+function FieldLabel({ className, ...props }) {
+    return (_jsx(Label, { "data-slot": "field-label", className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-4", "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10", className), ...props }));
+}
+function FieldTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "field-label", className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", className), ...props }));
+}
+function FieldDescription({ className, ...props }) {
+    return (_jsx("p", { "data-slot": "field-description", className: cn("text-muted-foreground text-sm leading-normal font-normal group-has-data-[orientation=horizontal]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className), ...props }));
+}
+function FieldSeparator({ children, className, ...props }) {
+    return (_jsxs("div", { "data-slot": "field-separator", "data-content": !!children, className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className), ...props, children: [_jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && (_jsx("span", { className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2", "data-slot": "field-separator-content", children: children }))] }));
+}
+function FieldError({ className, children, errors, ...props }) {
+    const content = useMemo(() => {
+        if (children) {
+            return children;
+        }
+        if (!errors?.length) {
+            return null;
+        }
+        const uniqueErrors = [
+            ...new Map(errors.map((error) => [error?.message, error])).values(),
+        ];
+        if (uniqueErrors?.length === 1) {
+            return uniqueErrors[0]?.message;
+        }
+        return (_jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map((error, index) => error?.message && _jsx("li", { children: error.message }, index)) }));
+    }, [children, errors]);
+    if (!content) {
+        return null;
+    }
+    return (_jsx("div", { role: "alert", "data-slot": "field-error", className: cn("text-destructive text-sm font-normal", className), ...props, children: content }));
+}
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };

package/dist/primitives/fixed-toolbar.d.ts

@@ -0,0 +1,3 @@
+import { Toolbar } from "./toolbar";
+export declare function FixedToolbar(props: React.ComponentProps<typeof Toolbar>): import("react").JSX.Element;
+//# sourceMappingURL=fixed-toolbar.d.ts.map

package/dist/primitives/fixed-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixed-toolbar.d.ts","sourceRoot":"","sources":["../../src/primitives/fixed-toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,+BAUvE"}

package/dist/primitives/fixed-toolbar.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+import { Toolbar } from "./toolbar";
+export function FixedToolbar(props) {
+    return (_jsx(Toolbar, { ...props, className: cn("sticky top-0 left-0 z-50 scrollbar-hide w-full justify-between overflow-x-auto rounded-t-lg border-b border-b-border bg-background/95 p-1 backdrop-blur-sm supports-backdrop-blur:bg-background/60", props.className) }));
+}

package/dist/primitives/form.d.ts

@@ -0,0 +1,24 @@
+import { type Label as LabelPrimitive, Slot as SlotPrimitive } from "radix-ui";
+import * as React from "react";
+import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getErrors, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, resetDefaultValues, handleSubmit, unregister, control, register, setFocus, subscribe, }: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import("react-hook-form").FieldError | undefined;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare function FormItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
+declare function FormControl({ ...props }: React.ComponentProps<typeof SlotPrimitive.Slot>): React.JSX.Element;
+declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element | null;
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };
+//# sourceMappingURL=form.d.ts.map

package/dist/primitives/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/primitives/form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,IAAI,cAAc,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC;AAE/E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAIjB,MAAM,iBAAiB,CAAC;AAKzB,QAAA,MAAM,IAAI,yaAAe,CAAC;AAa1B,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,sBAMtC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAUF,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYrE;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,qBAYlD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,qBAiBjD;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,4BAkBtE;AAED,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACV,CAAC"}

package/dist/primitives/form.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot as SlotPrimitive } from "radix-ui";
+import * as React from "react";
+import { Controller, FormProvider, useFormContext, useFormState, } from "react-hook-form";
+import { cn } from "../lib/utils";
+import { Label } from "./label";
+const Form = FormProvider;
+const FormFieldContext = React.createContext({});
+const FormField = ({ ...props }) => {
+    return (_jsx(FormFieldContext.Provider, { value: { name: props.name }, children: _jsx(Controller, { ...props }) }));
+};
+const useFormField = () => {
+    const fieldContext = React.useContext(FormFieldContext);
+    const itemContext = React.useContext(FormItemContext);
+    const { getFieldState } = useFormContext();
+    const formState = useFormState({ name: fieldContext.name });
+    const fieldState = getFieldState(fieldContext.name, formState);
+    if (!fieldContext) {
+        throw new Error("useFormField should be used within <FormField>");
+    }
+    const { id } = itemContext;
+    return {
+        id,
+        name: fieldContext.name,
+        formItemId: `${id}-form-item`,
+        formDescriptionId: `${id}-form-item-description`,
+        formMessageId: `${id}-form-item-message`,
+        ...fieldState,
+    };
+};
+const FormItemContext = React.createContext({});
+function FormItem({ className, ...props }) {
+    const id = React.useId();
+    return (_jsx(FormItemContext.Provider, { value: { id }, children: _jsx("div", { "data-slot": "form-item", className: cn("grid gap-2", className), ...props }) }));
+}
+function FormLabel({ className, ...props }) {
+    const { error, formItemId } = useFormField();
+    return (_jsx(Label, { "data-slot": "form-label", "data-error": !!error, className: cn("data-[error=true]:text-destructive", className), htmlFor: formItemId, ...props }));
+}
+function FormControl({ ...props }) {
+    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+    return (_jsx(SlotPrimitive.Slot, { "data-slot": "form-control", id: formItemId, "aria-describedby": !error
+            ? `${formDescriptionId}`
+            : `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error, ...props }));
+}
+function FormDescription({ className, ...props }) {
+    const { formDescriptionId } = useFormField();
+    return (_jsx("p", { "data-slot": "form-description", id: formDescriptionId, className: cn("text-muted-foreground text-sm", className), ...props }));
+}
+function FormMessage({ className, ...props }) {
+    const { error, formMessageId } = useFormField();
+    const body = error ? String(error?.message ?? "") : props.children;
+    if (!body) {
+        return null;
+    }
+    return (_jsx("p", { "data-slot": "form-message", id: formMessageId, className: cn("text-destructive text-sm", className), ...props, children: body }));
+}
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

package/dist/primitives/heading-node-static.d.ts

@@ -0,0 +1,15 @@
+/** biome-ignore-all lint/style/noNonNullAssertion: From platejs docs */
+import { type VariantProps } from "class-variance-authority";
+import type { SlateElementProps } from "platejs/static";
+declare const headingVariants: (props?: ({
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare function HeadingElementStatic({ variant, ...props }: SlateElementProps & VariantProps<typeof headingVariants>): import("react").JSX.Element;
+export declare function H1ElementStatic(props: SlateElementProps): import("react").JSX.Element;
+export declare function H2ElementStatic(props: React.ComponentProps<typeof HeadingElementStatic>): import("react").JSX.Element;
+export declare function H3ElementStatic(props: React.ComponentProps<typeof HeadingElementStatic>): import("react").JSX.Element;
+export declare function H4ElementStatic(props: React.ComponentProps<typeof HeadingElementStatic>): import("react").JSX.Element;
+export declare function H5ElementStatic(props: React.ComponentProps<typeof HeadingElementStatic>): import("react").JSX.Element;
+export declare function H6ElementStatic(props: React.ComponentProps<typeof HeadingElementStatic>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=heading-node-static.d.ts.map

package/dist/primitives/heading-node-static.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading-node-static.d.ts","sourceRoot":"","sources":["../../src/primitives/heading-node-static.tsx"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,QAAA,MAAM,eAAe;;8EAWnB,CAAC;AAEH,wBAAgB,oBAAoB,CAAC,EACnC,OAAc,EACd,GAAG,KAAK,EACT,EAAE,iBAAiB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,+BAU1D;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,iBAAiB,+BAEvD;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,+BAGzD;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,+BAGzD;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,+BAGzD;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,+BAGzD;AAED,wBAAgB,eAAe,CAC7B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,+BAGzD"}

package/dist/primitives/heading-node-static.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** biome-ignore-all lint/style/noNonNullAssertion: From platejs docs */
+import { cva } from "class-variance-authority";
+import { SlateElement } from "platejs/static";
+const headingVariants = cva("relative mb-1", {
+    variants: {
+        variant: {
+            h1: "mt-[1.6em] pb-1 font-heading text-4xl font-bold",
+            h2: "mt-[1.4em] pb-px font-heading text-2xl font-semibold tracking-tight",
+            h3: "mt-[1em] pb-px font-heading text-xl font-semibold tracking-tight",
+            h4: "mt-[0.75em] font-heading text-lg font-semibold tracking-tight",
+            h5: "mt-[0.75em] text-lg font-semibold tracking-tight",
+            h6: "mt-[0.75em] text-base font-semibold tracking-tight",
+        },
+    },
+});
+export function HeadingElementStatic({ variant = "h1", ...props }) {
+    return (_jsx(SlateElement, { as: variant, className: headingVariants({ variant }), ...props, children: props.children }));
+}
+export function H1ElementStatic(props) {
+    return _jsx(HeadingElementStatic, { variant: "h1", ...props });
+}
+export function H2ElementStatic(props) {
+    return _jsx(HeadingElementStatic, { variant: "h2", ...props });
+}
+export function H3ElementStatic(props) {
+    return _jsx(HeadingElementStatic, { variant: "h3", ...props });
+}
+export function H4ElementStatic(props) {
+    return _jsx(HeadingElementStatic, { variant: "h4", ...props });
+}
+export function H5ElementStatic(props) {
+    return _jsx(HeadingElementStatic, { variant: "h5", ...props });
+}
+export function H6ElementStatic(props) {
+    return _jsx(HeadingElementStatic, { variant: "h6", ...props });
+}

package/dist/primitives/heading-node.d.ts

@@ -0,0 +1,15 @@
+/** biome-ignore-all lint/style/noNonNullAssertion: From platejs docs */
+import { type VariantProps } from "class-variance-authority";
+import type { PlateElementProps } from "platejs/react";
+declare const headingVariants: (props?: ({
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare function HeadingElement({ variant, ...props }: PlateElementProps & VariantProps<typeof headingVariants>): import("react").JSX.Element;
+export declare function H1Element(props: PlateElementProps): import("react").JSX.Element;
+export declare function H2Element(props: PlateElementProps): import("react").JSX.Element;
+export declare function H3Element(props: PlateElementProps): import("react").JSX.Element;
+export declare function H4Element(props: PlateElementProps): import("react").JSX.Element;
+export declare function H5Element(props: PlateElementProps): import("react").JSX.Element;
+export declare function H6Element(props: PlateElementProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=heading-node.d.ts.map

package/dist/primitives/heading-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading-node.d.ts","sourceRoot":"","sources":["../../src/primitives/heading-node.tsx"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvD,QAAA,MAAM,eAAe;;8EAWnB,CAAC;AAEH,wBAAgB,cAAc,CAAC,EAC7B,OAAc,EACd,GAAG,KAAK,EACT,EAAE,iBAAiB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,+BAU1D;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,+BAEjD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,+BAEjD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,+BAEjD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,+BAEjD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,+BAEjD;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,+BAEjD"}

package/dist/primitives/heading-node.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** biome-ignore-all lint/style/noNonNullAssertion: From platejs docs */
+import { cva } from "class-variance-authority";
+import { PlateElement } from "platejs/react";
+const headingVariants = cva("relative mb-1", {
+    variants: {
+        variant: {
+            h1: "mt-[1.6em] pb-1 font-heading text-4xl font-bold",
+            h2: "mt-[1.4em] pb-px font-heading text-2xl font-semibold tracking-tight",
+            h3: "mt-[1em] pb-px font-heading text-xl font-semibold tracking-tight",
+            h4: "mt-[0.75em] font-heading text-lg font-semibold tracking-tight",
+            h5: "mt-[0.75em] text-lg font-semibold tracking-tight",
+            h6: "mt-[0.75em] text-base font-semibold tracking-tight",
+        },
+    },
+});
+export function HeadingElement({ variant = "h1", ...props }) {
+    return (_jsx(PlateElement, { as: variant, className: headingVariants({ variant }), ...props, children: props.children }));
+}
+export function H1Element(props) {
+    return _jsx(HeadingElement, { variant: "h1", ...props });
+}
+export function H2Element(props) {
+    return _jsx(HeadingElement, { variant: "h2", ...props });
+}
+export function H3Element(props) {
+    return _jsx(HeadingElement, { variant: "h3", ...props });
+}
+export function H4Element(props) {
+    return _jsx(HeadingElement, { variant: "h4", ...props });
+}
+export function H5Element(props) {
+    return _jsx(HeadingElement, { variant: "h5", ...props });
+}
+export function H6Element(props) {
+    return _jsx(HeadingElement, { variant: "h6", ...props });
+}

package/dist/primitives/highlight-node-static.d.ts

@@ -0,0 +1,3 @@
+import type { SlateLeafProps } from "platejs/static";
+export declare function HighlightLeafStatic(props: SlateLeafProps): import("react").JSX.Element;
+//# sourceMappingURL=highlight-node-static.d.ts.map

package/dist/primitives/highlight-node-static.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-node-static.d.ts","sourceRoot":"","sources":["../../src/primitives/highlight-node-static.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,+BAMxD"}

package/dist/primitives/highlight-node-static.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SlateLeaf } from "platejs/static";
+export function HighlightLeafStatic(props) {
+    return (_jsx(SlateLeaf, { ...props, as: "mark", className: "bg-highlight/30 text-inherit", children: props.children }));
+}

package/dist/primitives/highlight-node.d.ts

@@ -0,0 +1,3 @@
+import type { PlateLeafProps } from "platejs/react";
+export declare function HighlightLeaf(props: PlateLeafProps): import("react").JSX.Element;
+//# sourceMappingURL=highlight-node.d.ts.map

package/dist/primitives/highlight-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlight-node.d.ts","sourceRoot":"","sources":["../../src/primitives/highlight-node.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,+BAMlD"}

package/dist/primitives/highlight-node.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PlateLeaf } from "platejs/react";
+export function HighlightLeaf(props) {
+    return (_jsx(PlateLeaf, { ...props, as: "mark", className: "bg-highlight/30 text-inherit", children: props.children }));
+}

package/dist/primitives/hr-node-static.d.ts

@@ -0,0 +1,3 @@
+import type { SlateElementProps } from "platejs/static";
+export declare function HrElementStatic(props: SlateElementProps): import("react").JSX.Element;
+//# sourceMappingURL=hr-node-static.d.ts.map

package/dist/primitives/hr-node-static.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hr-node-static.d.ts","sourceRoot":"","sources":["../../src/primitives/hr-node-static.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKxD,wBAAgB,eAAe,CAAC,KAAK,EAAE,iBAAiB,+BAavD"}

package/dist/primitives/hr-node-static.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SlateElement } from "platejs/static";
+import { cn } from "../lib/utils";
+export function HrElementStatic(props) {
+    return (_jsxs(SlateElement, { ...props, children: [_jsx("div", { className: "cursor-text py-6", contentEditable: false, children: _jsx("hr", { className: cn("h-0.5 rounded-sm border-none bg-muted bg-clip-content") }) }), props.children] }));
+}

package/dist/primitives/hr-node.d.ts

@@ -0,0 +1,3 @@
+import type { PlateElementProps } from "platejs/react";
+export declare function HrElement(props: PlateElementProps): import("react").JSX.Element;
+//# sourceMappingURL=hr-node.d.ts.map

package/dist/primitives/hr-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hr-node.d.ts","sourceRoot":"","sources":["../../src/primitives/hr-node.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAWvD,wBAAgB,SAAS,CAAC,KAAK,EAAE,iBAAiB,+BAmBjD"}

package/dist/primitives/hr-node.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PlateElement, useFocused, useReadOnly, useSelected, } from "platejs/react";
+import { cn } from "../lib/utils";
+export function HrElement(props) {
+    const readOnly = useReadOnly();
+    const selected = useSelected();
+    const focused = useFocused();
+    return (_jsxs(PlateElement, { ...props, children: [_jsx("div", { className: "py-6", contentEditable: false, children: _jsx("hr", { className: cn("h-0.5 rounded-sm border-none bg-muted bg-clip-content", selected && focused && "ring-2 ring-ring ring-offset-2", !readOnly && "cursor-pointer") }) }), props.children] }));
+}

package/dist/primitives/input.d.ts

@@ -0,0 +1,4 @@
+import type * as React from "react";
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+export { Input };
+//# sourceMappingURL=input.d.ts.map

package/dist/primitives/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/primitives/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAc1E;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/primitives/input.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+function Input({ className, type, ...props }) {
+    return (_jsx("input", { type: type, "data-slot": "input", className: cn("flex h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className), ...props }));
+}
+export { Input };

package/dist/primitives/kbd-node-static.d.ts

@@ -0,0 +1,3 @@
+import type { SlateLeafProps } from "platejs/static";
+export declare function KbdLeafStatic(props: SlateLeafProps): import("react").JSX.Element;
+//# sourceMappingURL=kbd-node-static.d.ts.map

package/dist/primitives/kbd-node-static.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd-node-static.d.ts","sourceRoot":"","sources":["../../src/primitives/kbd-node-static.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,+BAUlD"}

package/dist/primitives/kbd-node-static.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SlateLeaf } from "platejs/static";
+export function KbdLeafStatic(props) {
+    return (_jsx(SlateLeaf, { ...props, as: "kbd", className: "rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-sm shadow-[rgba(255,_255,_255,_0.1)_0px_0.5px_0px_0px_inset,_rgb(248,_249,_250)_0px_1px_5px_0px_inset,_rgb(193,_200,_205)_0px_0px_0px_0.5px,_rgb(193,_200,_205)_0px_2px_1px_-1px,_rgb(193,_200,_205)_0px_1px_0px_0px] dark:shadow-[rgba(255,_255,_255,_0.1)_0px_0.5px_0px_0px_inset,_rgb(26,_29,_30)_0px_1px_5px_0px_inset,_rgb(76,_81,_85)_0px_0px_0px_0.5px,_rgb(76,_81,_85)_0px_2px_1px_-1px,_rgb(76,_81,_85)_0px_1px_0px_0px]", children: props.children }));
+}

package/dist/primitives/kbd-node.d.ts

@@ -0,0 +1,3 @@
+import type { PlateLeafProps } from "platejs/react";
+export declare function KbdLeaf(props: PlateLeafProps): import("react").JSX.Element;
+//# sourceMappingURL=kbd-node.d.ts.map

package/dist/primitives/kbd-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd-node.d.ts","sourceRoot":"","sources":["../../src/primitives/kbd-node.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,wBAAgB,OAAO,CAAC,KAAK,EAAE,cAAc,+BAU5C"}

package/dist/primitives/kbd-node.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PlateLeaf } from "platejs/react";
+export function KbdLeaf(props) {
+    return (_jsx(PlateLeaf, { ...props, as: "kbd", className: "rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-sm shadow-[rgba(255,_255,_255,_0.1)_0px_0.5px_0px_0px_inset,_rgb(248,_249,_250)_0px_1px_5px_0px_inset,_rgb(193,_200,_205)_0px_0px_0px_0.5px,_rgb(193,_200,_205)_0px_2px_1px_-1px,_rgb(193,_200,_205)_0px_1px_0px_0px] dark:shadow-[rgba(255,_255,_255,_0.1)_0px_0.5px_0px_0px_inset,_rgb(26,_29,_30)_0px_1px_5px_0px_inset,_rgb(76,_81,_85)_0px_0px_0px_0.5px,_rgb(76,_81,_85)_0px_2px_1px_-1px,_rgb(76,_81,_85)_0px_1px_0px_0px]", children: props.children }));
+}

package/dist/primitives/kbd.d.ts

@@ -0,0 +1,4 @@
+declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): import("react").JSX.Element;
+declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+export { Kbd, KbdGroup };
+//# sourceMappingURL=kbd.d.ts.map

package/dist/primitives/kbd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../src/primitives/kbd.tsx"],"names":[],"mappings":"AAEA,iBAAS,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAahE;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BAQrE;AAED,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC"}

package/dist/primitives/kbd.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils";
+function Kbd({ className, ...props }) {
+    return (_jsx("kbd", { "data-slot": "kbd", className: cn("bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none", "[&_svg:not([class*='size-'])]:size-3", "in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10", className), ...props }));
+}
+function KbdGroup({ className, ...props }) {
+    return (_jsx("kbd", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props }));
+}
+export { Kbd, KbdGroup };