@mks2508/mks-ui 0.1.4 → 0.2.0

package/dist/components/ui/field.js

@@ -1,113 +0,0 @@
-"use client";
-
-import { cn } from "../../lib/utils.js";
-import { Label } from "./label.js";
-import { Separator } from "./separator.js";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-
-//#region src/components/ui/field.tsx
-function FieldSet({ className, ...props }) {
-	return /* @__PURE__ */ jsx("fieldset", {
-		"data-slot": "field-set",
-		className: cn("gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col", className),
-		...props
-	});
-}
-function FieldLegend({ className, variant = "legend", ...props }) {
-	return /* @__PURE__ */ jsx("legend", {
-		"data-slot": "field-legend",
-		"data-variant": variant,
-		className: cn("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", className),
-		...props
-	});
-}
-function FieldGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "field-group",
-		className: cn("gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col", className),
-		...props
-	});
-}
-const fieldVariants = cva("data-[invalid=true]:text-destructive gap-2 group/field flex w-full", {
-	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 /* @__PURE__ */ jsx("div", {
-		role: "group",
-		"data-slot": "field",
-		"data-orientation": orientation,
-		className: cn(fieldVariants({ orientation }), className),
-		...props
-	});
-}
-function FieldContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "field-content",
-		className: cn("gap-0.5 group/field-content flex flex-1 flex-col leading-snug", className),
-		...props
-	});
-}
-function FieldLabel({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Label, {
-		"data-slot": "field-label",
-		className: cn("has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", className),
-		...props
-	});
-}
-function FieldTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "field-label",
-		className: cn("gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug", className),
-		...props
-	});
-}
-function FieldDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("p", {
-		"data-slot": "field-description",
-		className: cn("text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-data-horizontal/field:text-balance", "last:mt-0 nth-last-2:-mt-1", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
-		...props
-	});
-}
-function FieldSeparator({ children, className, ...props }) {
-	return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "field-separator",
-		"data-content": !!children,
-		className: cn("-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative", className),
-		...props,
-		children: [/* @__PURE__ */ jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && /* @__PURE__ */ jsx("span", {
-			className: "text-muted-foreground px-2 bg-background relative mx-auto block w-fit",
-			"data-slot": "field-separator-content",
-			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 /* @__PURE__ */ jsx("ul", {
-			className: "ml-4 flex list-disc flex-col gap-1",
-			children: uniqueErrors.map((error, index) => error?.message && /* @__PURE__ */ jsx("li", { children: error.message }, index))
-		});
-	}, [children, errors]);
-	if (!content) return null;
-	return /* @__PURE__ */ jsx("div", {
-		role: "alert",
-		"data-slot": "field-error",
-		className: cn("text-destructive text-sm font-normal", className),
-		...props,
-		children: content
-	});
-}
-
-//#endregion
-export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };

package/dist/components/ui/highlight.d.ts

@@ -1,9 +0,0 @@
-/**
- * Highlight effect - Animate UI primitive re-export.
- *
- * Animated highlight effect used by tabs, menus, and other interactive components.
- *
- * @module @mks2508/mks-ui/components/ui/highlight
- */
-export * from '../../components/animate-ui/primitives/effects/highlight';
-//# sourceMappingURL=highlight.d.ts.map

package/dist/components/ui/highlight.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../../src/components/ui/highlight.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,sDAAsD,CAAC"}

package/dist/components/ui/highlight.js

@@ -1 +0,0 @@
-import { Highlight, HighlightItem, useHighlight } from "../animate-ui/primitives/effects/highlight.js";

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

@@ -1,36 +0,0 @@
-/**
- * UI Components barrel export.
- *
- * All Shadcn/Animate UI components are exported from here.
- *
- * @module @mks2508/mks-ui/components/ui
- */
-export * from './accordion';
-export * from './alert-dialog';
-export * from './checkbox';
-export * from './dialog';
-export * from './menu';
-export * from './popover';
-export * from './progress';
-export * from './switch';
-export * from './tabs';
-export * from './tooltip';
-export * from './auto-height';
-export * from './counting-number';
-export * from './highlight';
-export * from './slot';
-export * from './badge';
-export * from './button';
-export * from './card';
-export * from './combobox';
-export * from './dropdown-menu';
-export * from './field';
-export * from './input-group';
-export * from './input';
-export * from './label';
-export * from './select';
-export * from './separator';
-export * from './textarea';
-export * from './corner-bracket';
-export * from './morphing-popover';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAG1B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AAGvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAG3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}

package/dist/components/ui/index.js

@@ -1,47 +0,0 @@
-import { Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionTrigger, useAccordionItem } from "../animate-ui/primitives/base/accordion.js";
-import "./accordion.js";
-import { AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, useAlertDialog } from "../animate-ui/primitives/base/alert-dialog.js";
-import "./alert-dialog.js";
-import { Checkbox, CheckboxIndicator, useCheckbox } from "../animate-ui/primitives/base/checkbox.js";
-import "./checkbox.js";
-import { Dialog, DialogBackdrop, DialogClose, DialogDescription, DialogFooter, DialogHeader, DialogPopup, DialogPortal, DialogTitle, DialogTrigger, useDialog } from "../animate-ui/primitives/base/dialog.js";
-import "./dialog.js";
-import { Highlight, HighlightItem, useHighlight } from "../animate-ui/primitives/effects/highlight.js";
-import { Menu, MenuArrow, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuGroup, MenuGroupLabel, MenuHighlight, MenuHighlightItem, MenuItem, MenuPopup, MenuPortal, MenuPositioner, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuSeparator, MenuShortcut, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, useMenu, useMenuActiveValue } from "../animate-ui/primitives/base/menu.js";
-import "./menu.js";
-import { Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverDescription, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger, usePopover } from "../animate-ui/primitives/base/popover.js";
-import "./popover.js";
-import { CountingNumber } from "../animate-ui/primitives/texts/counting-number.js";
-import { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, useProgress } from "../animate-ui/primitives/base/progress.js";
-import "./progress.js";
-import { Switch, SwitchIcon, SwitchThumb, useSwitch } from "../animate-ui/primitives/base/switch.js";
-import "./switch.js";
-import { Slot } from "../animate-ui/primitives/animate/slot.js";
-import { AutoHeight } from "../animate-ui/primitives/effects/auto-height.js";
-import { Tabs, TabsHighlight, TabsHighlightItem, TabsList, TabsPanel, TabsPanels, TabsTab } from "../animate-ui/primitives/base/tabs.js";
-import "./tabs.js";
-import { Tooltip, TooltipArrow, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipProvider, TooltipTrigger, useTooltip } from "../animate-ui/primitives/base/tooltip.js";
-import "./tooltip.js";
-import "./auto-height.js";
-import "./counting-number.js";
-import "./highlight.js";
-import "./slot.js";
-import { badgeVariants } from "./badge/badge.styles.js";
-import { Badge } from "./badge/badge.js";
-import "./badge/index.js";
-import { buttonStateStyles, buttonVariants } from "./button/button.styles.js";
-import { Button } from "./button/button.js";
-import "./button/index.js";
-import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants } from "./card.js";
-import { Input } from "./input.js";
-import { Textarea } from "./textarea.js";
-import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./input-group.js";
-import { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor } from "./combobox.js";
-import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu.js";
-import { Label } from "./label.js";
-import { Separator } from "./separator.js";
-import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./field.js";
-import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./select.js";
-import { CornerBracket } from "./corner-bracket.js";
-import { MorphingPopover, MorphingPopoverWithTarget } from "./morphing-popover/morphing-popover.js";
-import "./morphing-popover/index.js";

package/dist/components/ui/input-group.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-import { Button } from "../../components/ui/button";
-declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare const inputGroupAddonVariants: (props?: ({
-    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
-declare const inputGroupButtonVariants: (props?: ({
-    size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function InputGroupButton({ className, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants> & {
-    size?: "xs" | "sm" | "icon-xs" | "icon-sm";
-}): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };
-//# sourceMappingURL=input-group.d.ts.map

package/dist/components/ui/input-group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAI/C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAYvE;AAED,QAAA,MAAM,uBAAuB;;8EAiB5B,CAAA;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,2CAgB5E;AAED,QAAA,MAAM,wBAAwB;;8EAe7B,CAAA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,IAAW,EACX,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GAClD,YAAY,CAAC,OAAO,wBAAwB,CAAC,GAAG;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,CAAA;CAC3C,2CAcF;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAU5E;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ/B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAQlC;AAED,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,CAAA"}

package/dist/components/ui/input-group.js

@@ -1,84 +0,0 @@
-import { cn } from "../../lib/utils.js";
-import { Button } from "./button/button.js";
-import "./button/index.js";
-import { Input } from "./input.js";
-import { Textarea } from "./textarea.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-
-//#region src/components/ui/input-group.tsx
-function InputGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "input-group",
-		role: "group",
-		className: cn("border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 h-8 rounded-lg border transition-colors in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-3 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[data-align=inline-start]]:[&>input]:pl-1.5 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto", className),
-		...props
-	});
-}
-const inputGroupAddonVariants = cva("text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none", {
-	variants: { align: {
-		"inline-start": "pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first",
-		"inline-end": "pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last",
-		"block-start": "px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start",
-		"block-end": "px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start"
-	} },
-	defaultVariants: { align: "inline-start" }
-});
-function InputGroupAddon({ className, align = "inline-start", ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		role: "group",
-		"data-slot": "input-group-addon",
-		"data-align": align,
-		className: cn(inputGroupAddonVariants({ align }), className),
-		onClick: (e) => {
-			if (e.target.closest("button")) return;
-			e.currentTarget.parentElement?.querySelector("input")?.focus();
-		},
-		...props
-	});
-}
-const inputGroupButtonVariants = cva("gap-2 text-sm shadow-none flex items-center", {
-	variants: { size: {
-		xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
-		sm: "",
-		"icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
-		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
-	} },
-	defaultVariants: { size: "xs" }
-});
-function InputGroupButton({ className, size = "xs", ...props }) {
-	const buttonSize = size === "xs" ? "sm" : size === "icon-xs" || size === "icon-sm" ? "icon" : "default";
-	return /* @__PURE__ */ jsx(Button, {
-		type: "button",
-		"data-slot": "input-group-button",
-		"data-size": size,
-		size: buttonSize,
-		variant: "ghost",
-		className: cn(inputGroupButtonVariants({ size }), className),
-		...props
-	});
-}
-function InputGroupText({ className, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none", className),
-		...props
-	});
-}
-function InputGroupInput({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Input, {
-		"data-slot": "input-group-control",
-		className: cn("rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1", className),
-		...props
-	});
-}
-function InputGroupTextarea({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Textarea, {
-		"data-slot": "input-group-control",
-		className: cn("rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1 resize-none", className),
-		...props
-	});
-}
-
-//#endregion
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };

package/dist/components/ui/input.d.ts

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

package/dist/components/ui/input.d.ts.map

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

package/dist/components/ui/input.js

@@ -1,17 +0,0 @@
-import { cn } from "../../lib/utils.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import { Input } from "@base-ui/react/input";
-
-//#region src/components/ui/input.tsx
-function Input$1({ className, type, ...props }) {
-	return /* @__PURE__ */ jsx(Input, {
-		type,
-		"data-slot": "input",
-		className: cn("dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-3 aria-invalid:ring-3 md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", className),
-		...props
-	});
-}
-
-//#endregion
-export { Input$1 as Input };

package/dist/components/ui/label.d.ts

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

package/dist/components/ui/label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/ui/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAWpE;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/ui/label.js

@@ -1,15 +0,0 @@
-import { cn } from "../../lib/utils.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/ui/label.tsx
-function Label({ className, ...props }) {
-	return /* @__PURE__ */ jsx("label", {
-		"data-slot": "label",
-		className: cn("gap-2 text-sm leading-none font-medium group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed", className),
-		...props
-	});
-}
-
-//#endregion
-export { Label };

package/dist/components/ui/menu.d.ts

@@ -1,9 +0,0 @@
-/**
- * Menu component - Animate UI primitive re-export.
- *
- * Animated context/trigger menu with motion transitions and highlight effects.
- *
- * @module @mks2508/mks-ui/components/ui/menu
- */
-export * from '../../components/animate-ui/primitives/base/menu';
-//# sourceMappingURL=menu.d.ts.map

package/dist/components/ui/menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/menu.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,8CAA8C,CAAC"}

package/dist/components/ui/menu.js

@@ -1 +0,0 @@
-import { Menu, MenuArrow, MenuCheckboxItem, MenuCheckboxItemIndicator, MenuGroup, MenuGroupLabel, MenuHighlight, MenuHighlightItem, MenuItem, MenuPopup, MenuPortal, MenuPositioner, MenuRadioGroup, MenuRadioItem, MenuRadioItemIndicator, MenuSeparator, MenuShortcut, MenuSubmenu, MenuSubmenuTrigger, MenuTrigger, useMenu, useMenuActiveValue } from "../animate-ui/primitives/base/menu.js";

package/dist/components/ui/morphing-popover/index.d.ts

@@ -1,10 +0,0 @@
-/**
- * MorphingPopover - A popover that animates from a trigger button to a target position
- *
- * Uses CSS Anchor Positioning + Popover API + @starting-style for smooth morphing animations.
- *
- * @module @mks2508/mks-ui/components/ui/morphing-popover
- */
-export { MorphingPopover, MorphingPopoverWithTarget } from './morphing-popover';
-export type { IMorphingPopoverProps, IMorphingPopoverWithTargetProps } from './morphing-popover';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/morphing-popover/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/morphing-popover/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAChF,YAAY,EAAE,qBAAqB,EAAE,+BAA+B,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/ui/morphing-popover/index.js

@@ -1 +0,0 @@
-import { MorphingPopover, MorphingPopoverWithTarget } from "./morphing-popover.js";

package/dist/components/ui/morphing-popover/morphing-popover.d.ts

@@ -1,54 +0,0 @@
-interface IMorphingPopoverProps {
-    /** Content to display in popover */
-    content: React.ReactNode;
-    /** Trigger button text or icon */
-    trigger?: React.ReactNode;
-    /** Additional CSS classes for trigger button */
-    triggerClassName?: string;
-    /** Additional CSS classes for popover */
-    popoverClassName?: string;
-    /** Target dimensions and position (if different from default) */
-    targetSize?: {
-        width?: number;
-        height?: number;
-    };
-    /** Callback when popover opens */
-    onOpen?: () => void;
-    /** Callback when popover closes */
-    onClose?: () => void;
-    /** Popover HTML ID */
-    popoverId?: string;
-}
-export declare const MorphingPopover: import("react").ForwardRefExoticComponent<IMorphingPopoverProps & import("react").RefAttributes<HTMLButtonElement>>;
-/**
- * MorphingPopoverWithTarget - Variant that animates to a specific target element
- *
- * The target element must have CSS `anchor-name: --target-anchor` set on it.
- *
- * @example
- * ```tsx
- * const targetRef = useRef<HTMLDivElement>(null);
- *
- * <div
- *   ref={targetRef}
- *   style={{ anchorName: '--target-anchor' }}
- *   className="draggable-box"
- * >
- *   Drag me around
- * </div>
- *
- * <MorphingPopoverWithTarget
- *   targetRef={targetRef}
- *   content={<div>Content</div>}
- * />
- * ```
- */
-interface IMorphingPopoverWithTargetProps extends Omit<IMorphingPopoverProps, "popoverId" | "targetSize"> {
-    /** Reference to target element to anchor to (NOT used directly, for API compatibility) */
-    targetRef: React.RefObject<HTMLElement>;
-    /** Popover HTML ID */
-    popoverId?: string;
-}
-export declare const MorphingPopoverWithTarget: import("react").ForwardRefExoticComponent<IMorphingPopoverWithTargetProps & import("react").RefAttributes<HTMLButtonElement>>;
-export type { IMorphingPopoverProps, IMorphingPopoverWithTargetProps };
-//# sourceMappingURL=morphing-popover.d.ts.map

package/dist/components/ui/morphing-popover/morphing-popover.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"morphing-popover.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/morphing-popover/morphing-popover.tsx"],"names":[],"mappings":"AA2BA,UAAU,qBAAqB;IAC7B,oCAAoC;IACpC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kCAAkC;IAClC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iEAAiE;IACjE,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjD,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,qHAoD3B,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,UAAU,+BAAgC,SAAQ,IAAI,CAAC,qBAAqB,EAAE,WAAW,GAAG,YAAY,CAAC;IACvG,0FAA0F;IAC1F,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,yBAAyB,+HA4CrC,CAAC;AAKF,YAAY,EAAE,qBAAqB,EAAE,+BAA+B,EAAE,CAAC"}

package/dist/components/ui/morphing-popover/morphing-popover.js

@@ -1,79 +0,0 @@
-"use client";
-
-import { cn } from "../../../lib/utils.js";
-import morphing_popover_module_default from "./morphing-popover.module.js";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/ui/morphing-popover/morphing-popover.tsx
-/**
-* MorphingPopover - A popover that animates from a trigger button to a target position
-*
-* Uses CSS Anchor Positioning + Popover API + @starting-style for smooth morphing animations.
-*
-* @example
-* ```tsx
-* <MorphingPopover
-*   trigger="⋯"
-*   content={<div>Expanded content</div>}
-*   targetSize={{ width: 320, height: 200 }}
-* />
-* ```
-*/
-const MorphingPopover = forwardRef(({ content, trigger = "⋯", triggerClassName, popoverClassName, targetSize = {
-	width: 220,
-	height: 120
-}, onOpen, onClose, popoverId = "morphing-popover" }, ref) => {
-	const containerStyle = {
-		"--target-width": `${targetSize.width}px`,
-		"--target-height": `${targetSize.height}px`
-	};
-	const handleToggle = (e) => {
-		if (e.target.matches(":popover-open")) onOpen?.();
-		else onClose?.();
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: morphing_popover_module_default.morphingPopoverContainer,
-		style: containerStyle,
-		children: [/* @__PURE__ */ jsx("button", {
-			ref,
-			popovertarget: popoverId,
-			popoverTargetAction: "toggle",
-			className: cn(morphing_popover_module_default.morphingTrigger, triggerClassName),
-			onClick: handleToggle,
-			children: trigger
-		}), /* @__PURE__ */ jsx("div", {
-			id: popoverId,
-			popover: "auto",
-			className: cn(morphing_popover_module_default.morphingPopover, popoverClassName),
-			children: content
-		})]
-	});
-});
-MorphingPopover.displayName = "MorphingPopover";
-const MorphingPopoverWithTarget = forwardRef(({ content, trigger = "⋯", triggerClassName, popoverClassName, targetRef, onOpen, onClose, popoverId = "morphing-popover-target" }, ref) => {
-	const handleToggle = (e) => {
-		if (e.target.matches(":popover-open")) onOpen?.();
-		else onClose?.();
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: morphing_popover_module_default.morphingPopoverTargetContainer,
-		children: [/* @__PURE__ */ jsx("button", {
-			ref,
-			popovertarget: popoverId,
-			popoverTargetAction: "toggle",
-			className: cn(morphing_popover_module_default.morphingTrigger, triggerClassName),
-			onClick: handleToggle,
-			children: trigger
-		}), /* @__PURE__ */ jsx("div", {
-			id: popoverId,
-			popover: "auto",
-			className: cn(morphing_popover_module_default.morphingPopoverTarget, popoverClassName),
-			children: content
-		})]
-	});
-});
-MorphingPopoverWithTarget.displayName = "MorphingPopoverWithTarget";
-
-//#endregion
-export { MorphingPopover, MorphingPopoverWithTarget };

package/dist/components/ui/morphing-popover/morphing-popover.module.js

@@ -1,5 +0,0 @@
-//#region src/components/ui/morphing-popover/morphing-popover.module.css
-var morphing_popover_module_default = {};
-
-//#endregion
-export { morphing_popover_module_default as default };

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

@@ -1,9 +0,0 @@
-/**
- * Popover component - Animate UI primitive re-export.
- *
- * Animated popover with arrow and motion transitions.
- *
- * @module @mks2508/mks-ui/components/ui/popover
- */
-export * from '../../components/animate-ui/primitives/base/popover';
-//# sourceMappingURL=popover.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/ui/popover.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,iDAAiD,CAAC"}

package/dist/components/ui/popover.js

@@ -1 +0,0 @@
-import { Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverDescription, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger, usePopover } from "../animate-ui/primitives/base/popover.js";

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

@@ -1,9 +0,0 @@
-/**
- * Progress component - Animate UI primitive re-export.
- *
- * Animated progress bar with track and indicator.
- *
- * @module @mks2508/mks-ui/components/ui/progress
- */
-export * from '../../components/animate-ui/primitives/base/progress';
-//# sourceMappingURL=progress.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/components/ui/progress.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,kDAAkD,CAAC"}

package/dist/components/ui/progress.js

@@ -1 +0,0 @@
-import { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, useProgress } from "../animate-ui/primitives/base/progress.js";

package/dist/components/ui/select.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { Select as SelectPrimitive } from "@base-ui/react/select";
-declare const Select: typeof SelectPrimitive.Root;
-declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
-declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
-declare function SelectTrigger({ className, size, children, ...props }: SelectPrimitive.Trigger.Props & {
-    size?: "sm" | "default";
-}): import("react/jsx-runtime").JSX.Element;
-declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): import("react/jsx-runtime").JSX.Element;
-declare function SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
-declare function SelectItem({ className, children, ...props }: SelectPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
-declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>): import("react/jsx-runtime").JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>): import("react/jsx-runtime").JSX.Element;
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
-//# sourceMappingURL=select.d.ts.map

package/dist/components/ui/select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAMjE,QAAA,MAAM,MAAM,6BAAuB,CAAA;AAEnC,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,2CAQxE;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,2CAmBA;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,IAAe,EACf,UAAc,EACd,KAAgB,EAChB,WAAe,EACf,oBAA2B,EAC3B,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,GAC5B,IAAI,CACF,eAAe,CAAC,UAAU,CAAC,KAAK,EAChC,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,sBAAsB,CACzE,2CAwBF;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,UAAU,CAAC,KAAK,2CAQlC;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,2CAoB5B;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,SAAS,CAAC,KAAK,2CAQjC;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,aAAa,CAAC,2CAU5D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,eAAe,CAAC,2CAU9D;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAA"}