@px-ui/ui 0.1.4 → 1.0.0

package/dist/components/input.d.ts

@@ -0,0 +1,2 @@
+import { t as Input } from "../input-DwxhsFRP.js";
+export { Input };

package/dist/components/input.js

@@ -0,0 +1,4 @@
+import "../utils-mWJR2N24.js";
+import { t as Input } from "../input-8jqdnUZl.js";
+
+export { Input };

package/dist/components/item.d.ts

@@ -0,0 +1,62 @@
+import { t as Separator } from "../separator-ct9ZvuTk.js";
+import * as react_jsx_runtime139 from "react/jsx-runtime";
+import * as React$1 from "react";
+import { VariantProps } from "class-variance-authority";
+import { useRender } from "@base-ui/react/use-render";
+import * as class_variance_authority_types8 from "class-variance-authority/types";
+
+//#region src/components/item.d.ts
+declare function ItemGroup({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime139.JSX.Element;
+declare function ItemSeparator({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Separator>): react_jsx_runtime139.JSX.Element;
+declare const itemVariants: (props?: ({
+  variant?: "default" | "outline" | "muted" | null | undefined;
+  size?: "default" | "xs" | "sm" | null | undefined;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
+declare function Item({
+  className,
+  variant,
+  size,
+  render,
+  ...props
+}: useRender.ComponentProps<"div"> & VariantProps<typeof itemVariants>): React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>>;
+declare const itemMediaVariants: (props?: ({
+  variant?: "image" | "default" | "icon" | null | undefined;
+} & class_variance_authority_types8.ClassProp) | undefined) => string;
+declare function ItemMedia({
+  className,
+  variant,
+  ...props
+}: React$1.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime139.JSX.Element;
+declare function ItemContent({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime139.JSX.Element;
+declare function ItemTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime139.JSX.Element;
+declare function ItemDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<"p">): react_jsx_runtime139.JSX.Element;
+declare function ItemActions({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime139.JSX.Element;
+declare function ItemHeader({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime139.JSX.Element;
+declare function ItemFooter({
+  className,
+  ...props
+}: React$1.ComponentProps<"div">): react_jsx_runtime139.JSX.Element;
+//#endregion
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
+//# sourceMappingURL=item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","names":[],"sources":["../../src/components/item.tsx"],"sourcesContent":[],"mappings":";;;;;;;;iBAQS,SAAA;;;GAAmC,OAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;iBAc9D,aAAA;;;GAGN,OAAA,CAAM,sBAAsB,aAAU,oBAAA,CAAA,GAAA,CAAA;cAWnC,oBA5Be;;EAAZ,IAAA,CAAA,EAAA,SAAS,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,SAAA;CAAG,GAgDpB,+BAAA,CAAA,SAhDoB,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBAkDZ,IAAA,CAlDyC;EAAA,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,MAAA;EAAA,GAAA;AAAA,CAAA,EAwD/C,SAAA,CAAU,cAxDqC,CAAA,KAAA,CAAA,GAwDb,YAxDa,CAAA,OAwDO,YAxDP,CAAA,CAAA,EAwDoB,OAAA,CAAA,YAxDpB,CAAA,OAAA,EAAA,MAAA,GAwDoB,OAAA,CAAA,qBAxDpB,CAAA,GAAA,CAAA,CAAA;cA0E5C,iBA1EiE,EAAA,CAAA,KAcjD,CAdiD,EAAA,CAAA;EAAA,OAAA,CAAA,EAAA,OAAA,GAAA,SAAA,GAAA,MAAA,GAAA,IAAA,GAAA,SAAA;AAAA,CAAA,GAyFtE,+BAAA,CAAA,SA3EqB,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;iBA6Eb,SAAA,CA5EP;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAgFC,OAAA,CAAM,cAhFP,CAAA,KAAA,CAAA,GAgF+B,YAhF/B,CAAA,OAgFmD,iBAhFnD,CAAA,CAAA,EAgFqE,oBAAA,CAAA,GAAA,CAAA,OAhFrE;iBA2FO,WAAA,CAzFsB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyFe,OAAA,CAAM,cAzFrB,CAAA,KAAA,CAAA,CAAA,EAyF0C,oBAAA,CAAA,GAAA,CAAA,OAzF1C;iBAsGtB,SAAA,CAtGA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsGmC,OAAA,CAAM,cAtGzC,CAAA,KAAA,CAAA,CAAA,EAsG8D,oBAAA,CAAA,GAAA,CAAA,OAtG9D;iBAmHA,eAAA,CAnHgC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAmHS,OAAA,CAAM,cAnHf,CAAA,GAAA,CAAA,CAAA,EAmHkC,oBAAA,CAAA,GAAA,CAAA,OAnHlC;iBAgIhC,WAAA,CAhIgC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgIK,OAAA,CAAM,cAhIX,CAAA,KAAA,CAAA,CAAA,EAgIgC,oBAAA,CAAA,GAAA,CAAA,OAhIhC;AAAA,iBA0IhC,UAAA,CA3GR;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2G4C,OAAA,CAAM,cA3GlD,CAAA,KAAA,CAAA,CAAA,EA2GuE,oBAAA,CAAA,GAAA,CAAA,OA3GvE;iBAwHQ,UAAA,CAtHI;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsHgC,OAAA,CAAM,cAtHtC,CAAA,KAAA,CAAA,CAAA,EAsH2D,oBAAA,CAAA,GAAA,CAAA,OAtH3D"}

package/dist/components/item.js

@@ -0,0 +1,124 @@
+import { t as cn } from "../utils-mWJR2N24.js";
+import { t as Separator } from "../separator-BS3ilczC.js";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { cva } from "class-variance-authority";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/components/item.tsx
+function ItemGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "list",
+		"data-slot": "item-group",
+		className: cn("group/item-group has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2 flex w-full flex-col gap-4", className),
+		...props
+	});
+}
+function ItemSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		"data-slot": "item-separator",
+		orientation: "horizontal",
+		className: cn("my-2", className),
+		...props
+	});
+}
+const itemVariants = cva("group/item flex w-full flex-wrap items-center rounded-md border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted", {
+	variants: {
+		variant: {
+			default: "border-transparent",
+			outline: "border-border",
+			muted: "border-transparent bg-muted/50"
+		},
+		size: {
+			default: "gap-3.5 px-4 py-3.5",
+			sm: "gap-2.5 px-3 py-2.5",
+			xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Item({ className, variant = "default", size = "default", render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: mergeProps({ className: cn(itemVariants({
+			variant,
+			size,
+			className
+		})) }, props),
+		render,
+		state: {
+			slot: "item",
+			variant,
+			size
+		}
+	});
+}
+const itemMediaVariants = cva("flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none", {
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "[&_svg:not([class*='size-'])]:size-4",
+		image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function ItemMedia({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-media",
+		"data-variant": variant,
+		className: cn(itemMediaVariants({
+			variant,
+			className
+		})),
+		...props
+	});
+}
+function ItemContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-content",
+		className: cn("flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none", className),
+		...props
+	});
+}
+function ItemTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-title",
+		className: cn("line-clamp-1 flex w-fit items-center gap-2 text-sm font-medium leading-snug underline-offset-4", className),
+		...props
+	});
+}
+function ItemDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "item-description",
+		className: cn("text-muted-foreground [&>a:hover]:text-primary line-clamp-2 text-start text-sm font-normal leading-normal group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4", className),
+		...props
+	});
+}
+function ItemActions({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-actions",
+		className: cn("flex items-center gap-2", className),
+		...props
+	});
+}
+function ItemHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-header",
+		className: cn("flex basis-full items-center justify-between gap-2", className),
+		...props
+	});
+}
+function ItemFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "item-footer",
+		className: cn("flex basis-full items-center justify-between gap-2", className),
+		...props
+	});
+}
+
+//#endregion
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
+//# sourceMappingURL=item.js.map

package/dist/components/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","names":[],"sources":["../../src/components/item.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@px-ui/ui/lib/utils\";\nimport { Separator } from \"@px-ui/ui/components/separator\";\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"item-group\"\n      className={cn(\n        \"group/item-group has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2 flex w-full flex-col gap-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      className={cn(\"my-2\", className)}\n      {...props}\n    />\n  );\n}\n\nconst itemVariants = cva(\n  \"group/item flex w-full flex-wrap items-center rounded-md border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent\",\n        outline: \"border-border\",\n        muted: \"border-transparent bg-muted/50\",\n      },\n      size: {\n        default: \"gap-3.5 px-4 py-3.5\",\n        sm: \"gap-2.5 px-3 py-2.5\",\n        xs: \"gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Item({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof itemVariants>) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(itemVariants({ variant, size, className })),\n      },\n      props,\n    ),\n    render,\n    state: {\n      slot: \"item\",\n      variant,\n      size,\n    },\n  });\n}\n\nconst itemMediaVariants = cva(\n  \"flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"[&_svg:not([class*='size-'])]:size-4\",\n        image:\n          \"size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction ItemMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n  return (\n    <div\n      data-slot=\"item-media\"\n      data-variant={variant}\n      className={cn(itemMediaVariants({ variant, className }))}\n      {...props}\n    />\n  );\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-content\"\n      className={cn(\n        \"flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-title\"\n      className={cn(\n        \"line-clamp-1 flex w-fit items-center gap-2 text-sm font-medium leading-snug underline-offset-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        \"text-muted-foreground [&>a:hover]:text-primary line-clamp-2 text-start text-sm font-normal leading-normal group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-actions\"\n      className={cn(\"flex items-center gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-header\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-footer\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Item,\n  ItemMedia,\n  ItemContent,\n  ItemActions,\n  ItemGroup,\n  ItemSeparator,\n  ItemTitle,\n  ItemDescription,\n  ItemHeader,\n  ItemFooter,\n};\n"],"mappings":";;;;;;;;;AAQA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;AACvE,QACE,oBAAC;EACC,MAAK;EACL,aAAU;EACV,WAAW,GACT,mGACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EACrB,WACA,GAAG,SACsC;AACzC,QACE,oBAAC;EACC,aAAU;EACV,aAAY;EACZ,WAAW,GAAG,QAAQ,UAAU;EAChC,GAAI;GACJ;;AAIN,MAAM,eAAe,IACnB,8OACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,OAAO;GACR;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,SAAS,KAAK,EACZ,WACA,UAAU,WACV,OAAO,WACP,QACA,GAAG,SACmE;AACtE,QAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,GAAG,aAAa;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC,EAC1D,EACD,MACD;EACD;EACA,OAAO;GACL,MAAM;GACN;GACA;GACD;EACF,CAAC;;AAGJ,MAAM,oBAAoB,IACxB,kMACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACN,OACE;EACH,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF;AAED,SAAS,UAAU,EACjB,WACA,UAAU,WACV,GAAG,SACoE;AACvE,QACE,oBAAC;EACC,aAAU;EACV,gBAAc;EACd,WAAW,GAAG,kBAAkB;GAAE;GAAS;GAAW,CAAC,CAAC;EACxD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,qGACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;AACvE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,kGACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAoC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,wLACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,2BAA2B,UAAU;EACnD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,sDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,sDACA,UACD;EACD,GAAI;GACJ"}

package/dist/components/kbd.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime60 from "react/jsx-runtime";
+
+//#region src/components/kbd.d.ts
+declare function Kbd({
+  className,
+  ...props
+}: React.ComponentProps<"kbd">): react_jsx_runtime60.JSX.Element;
+declare function KbdGroup({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime60.JSX.Element;
+//#endregion
+export { Kbd, KbdGroup };
+//# sourceMappingURL=kbd.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","names":[],"sources":["../../src/components/kbd.tsx"],"sourcesContent":[],"mappings":";;;iBAES,GAAA;;;GAA6B,KAAA,CAAM,wBAAqB,mBAAA,CAAA,GAAA,CAAA;iBAaxD,QAAA;;;GAAkC,KAAA,CAAM,wBAAqB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/kbd.js

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

package/dist/components/kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","names":[],"sources":["../../src/components/kbd.tsx"],"sourcesContent":["import { cn } from \"@px-ui/ui/lib/utils\"\n\nfunction Kbd({ className, ...props }: React.ComponentProps<\"kbd\">) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        \"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction KbdGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <kbd\n      data-slot=\"kbd-group\"\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Kbd, KbdGroup }\n"],"mappings":";;;;AAEA,SAAS,IAAI,EAAE,WAAW,GAAG,SAAsC;AACjE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,yWACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,SAAS,EAAE,WAAW,GAAG,SAAsC;AACtE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,kCAAkC,UAAU;EAC1D,GAAI;GACJ"}

package/dist/components/label.d.ts

@@ -0,0 +1,2 @@
+import { t as Label } from "../label-D5SCGMZl.js";
+export { Label };

package/dist/components/label.js

@@ -0,0 +1,6 @@
+"use client";
+
+import "../utils-mWJR2N24.js";
+import { t as Label } from "../label-AaH9ZYCZ.js";
+
+export { Label };

package/dist/components/menubar.d.ts

@@ -0,0 +1,89 @@
+import { a as DropdownMenuItem, c as DropdownMenuRadioGroup, d as DropdownMenuShortcut, f as DropdownMenuSub, h as DropdownMenuTrigger, i as DropdownMenuGroup, m as DropdownMenuSubTrigger, o as DropdownMenuLabel, p as DropdownMenuSubContent, r as DropdownMenuContent, s as DropdownMenuPortal, t as DropdownMenu, u as DropdownMenuSeparator } from "../dropdown-menu-BEARLcDj.js";
+import * as react_jsx_runtime72 from "react/jsx-runtime";
+import * as React$1 from "react";
+import { Menu } from "@base-ui/react/menu";
+import { Menubar as Menubar$1 } from "@base-ui/react/menubar";
+
+//#region src/components/menubar.d.ts
+declare function Menubar({
+  className,
+  ...props
+}: Menubar$1.Props): react_jsx_runtime72.JSX.Element;
+declare function MenubarMenu({
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenu>): react_jsx_runtime72.JSX.Element;
+declare function MenubarGroup({
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuGroup>): react_jsx_runtime72.JSX.Element;
+declare function MenubarPortal({
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuPortal>): react_jsx_runtime72.JSX.Element;
+declare function MenubarTrigger({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuTrigger>): react_jsx_runtime72.JSX.Element;
+declare function MenubarContent({
+  className,
+  align,
+  alignOffset,
+  sideOffset,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuContent>): react_jsx_runtime72.JSX.Element;
+declare function MenubarItem({
+  className,
+  inset,
+  variant,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuItem>): react_jsx_runtime72.JSX.Element;
+declare function MenubarCheckboxItem({
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}: Menu.CheckboxItem.Props & {
+  inset?: boolean;
+}): react_jsx_runtime72.JSX.Element;
+declare function MenubarRadioGroup({
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuRadioGroup>): react_jsx_runtime72.JSX.Element;
+declare function MenubarRadioItem({
+  className,
+  children,
+  inset,
+  ...props
+}: Menu.RadioItem.Props & {
+  inset?: boolean;
+}): react_jsx_runtime72.JSX.Element;
+declare function MenubarLabel({
+  className,
+  inset,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuLabel> & {
+  inset?: boolean;
+}): react_jsx_runtime72.JSX.Element;
+declare function MenubarSeparator({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuSeparator>): react_jsx_runtime72.JSX.Element;
+declare function MenubarShortcut({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuShortcut>): react_jsx_runtime72.JSX.Element;
+declare function MenubarSub({
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuSub>): react_jsx_runtime72.JSX.Element;
+declare function MenubarSubTrigger({
+  className,
+  inset,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuSubTrigger> & {
+  inset?: boolean;
+}): react_jsx_runtime72.JSX.Element;
+declare function MenubarSubContent({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof DropdownMenuSubContent>): react_jsx_runtime72.JSX.Element;
+//#endregion
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
+//# sourceMappingURL=menubar.d.ts.map

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

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

package/dist/components/menubar.js

@@ -0,0 +1,140 @@
+"use client";
+
+import { t as cn } from "../utils-mWJR2N24.js";
+import { a as DropdownMenuItem, c as DropdownMenuRadioGroup, d as DropdownMenuShortcut, f as DropdownMenuSub, h as DropdownMenuTrigger, i as DropdownMenuGroup, m as DropdownMenuSubTrigger, o as DropdownMenuLabel, p as DropdownMenuSubContent, r as DropdownMenuContent, s as DropdownMenuPortal, t as DropdownMenu, u as DropdownMenuSeparator } from "../dropdown-menu-CcumvwhM.js";
+import { CheckIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { Menu } from "@base-ui/react/menu";
+import { Menubar as Menubar$1 } from "@base-ui/react/menubar";
+
+//#region src/components/menubar.tsx
+function Menubar({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Menubar$1, {
+		"data-slot": "menubar",
+		className: cn("flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs", className),
+		...props
+	});
+}
+function MenubarMenu({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenu, {
+		"data-slot": "menubar-menu",
+		...props
+	});
+}
+function MenubarGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuGroup, {
+		"data-slot": "menubar-group",
+		...props
+	});
+}
+function MenubarPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPortal, {
+		"data-slot": "menubar-portal",
+		...props
+	});
+}
+function MenubarTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		"data-slot": "menubar-trigger",
+		className: cn("flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted", className),
+		...props
+	});
+}
+function MenubarContent({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuContent, {
+		"data-slot": "menubar-content",
+		align,
+		alignOffset,
+		sideOffset,
+		className: cn("min-w-36 rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", className),
+		...props
+	});
+}
+function MenubarItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuItem, {
+		"data-slot": "menubar-item",
+		"data-inset": inset,
+		"data-variant": variant,
+		className: cn("group/menubar-item gap-2 rounded-sm px-2 py-1.5 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!", className),
+		...props
+	});
+}
+function MenubarCheckboxItem({ className, children, checked, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
+		"data-slot": "menubar-checkbox-item",
+		"data-inset": inset,
+		className: cn("relative flex cursor-default items-center gap-2 rounded-md py-1.5 pe-2 ps-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
+		checked,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute start-2 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
+			children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+function MenubarRadioGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
+		"data-slot": "menubar-radio-group",
+		...props
+	});
+}
+function MenubarRadioItem({ className, children, inset, ...props }) {
+	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
+		"data-slot": "menubar-radio-item",
+		"data-inset": inset,
+		className: cn("relative flex cursor-default items-center gap-2 rounded-md py-1.5 pe-2 ps-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute start-2 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
+			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+		}), children]
+	});
+}
+function MenubarLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuLabel, {
+		"data-slot": "menubar-label",
+		"data-inset": inset,
+		className: cn("px-2 py-1.5 text-sm font-medium data-inset:ps-8", className),
+		...props
+	});
+}
+function MenubarSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuSeparator, {
+		"data-slot": "menubar-separator",
+		className: cn("-mx-1 my-1 h-px bg-border", className),
+		...props
+	});
+}
+function MenubarShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuShortcut, {
+		"data-slot": "menubar-shortcut",
+		className: cn("ms-auto text-xs tracking-ppx-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground", className),
+		...props
+	});
+}
+function MenubarSub({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuSub, {
+		"data-slot": "menubar-sub",
+		...props
+	});
+}
+function MenubarSubTrigger({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuSubTrigger, {
+		"data-slot": "menubar-sub-trigger",
+		"data-inset": inset,
+		className: cn("gap-2 rounded-sm px-2 py-1.5 text-sm focus:bg-accent focus:text-accent-foreground data-inset:ps-8 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function MenubarSubContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuSubContent, {
+		"data-slot": "menubar-sub-content",
+		className: cn("min-w-32 rounded-md bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+		...props
+	});
+}
+
+//#endregion
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
+//# sourceMappingURL=menubar.js.map

package/dist/components/menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.js","names":["MenubarPrimitive","MenuPrimitive"],"sources":["../../src/components/menubar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from \"@px-ui/ui/components/dropdown-menu\"\nimport { CheckIcon } from \"lucide-react\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n  return (\n    <MenubarPrimitive\n      data-slot=\"menubar\"\n      className={cn(\n        \"flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>) {\n  return <DropdownMenu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuGroup>) {\n  return <DropdownMenuGroup data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPortal>) {\n  return <DropdownMenuPortal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuTrigger>) {\n  return (\n    <DropdownMenuTrigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        \"flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarContent({\n  className,\n  align = \"start\",\n  alignOffset = -4,\n  sideOffset = 8,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuContent>) {\n  return (\n    <DropdownMenuContent\n      data-slot=\"menubar-content\"\n      align={align}\n      alignOffset={alignOffset}\n      sideOffset={sideOffset}\n      className={cn(\"min-w-36 rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\", className )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuItem>) {\n  return (\n    <DropdownMenuItem\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"group/menubar-item gap-2 rounded-sm px-2 py-1.5 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  inset,\n  ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2 rounded-md py-1.5 pe-2 ps-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute start-2 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon\n          />\n        </MenuPrimitive.CheckboxItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction MenubarRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuRadioGroup>) {\n  return <DropdownMenuRadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  inset,\n  ...props\n}: MenuPrimitive.RadioItem.Props & {\n  inset?: boolean\n}) {\n  return (\n    <MenuPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      data-inset={inset}\n      className={cn(\n        \"relative flex cursor-default items-center gap-2 rounded-md py-1.5 pe-2 ps-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute start-2 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n        <MenuPrimitive.RadioItemIndicator>\n          <CheckIcon\n          />\n        </MenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </MenuPrimitive.RadioItem>\n  )\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuLabel> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuLabel\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-inset:ps-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSeparator>) {\n  return (\n    <DropdownMenuSeparator\n      data-slot=\"menubar-separator\"\n      className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuShortcut>) {\n  return (\n    <DropdownMenuShortcut\n      data-slot=\"menubar-shortcut\"\n      className={cn(\n        \"ms-auto text-xs tracking-ppx-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSub>) {\n  return <DropdownMenuSub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuSubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"gap-2 rounded-sm px-2 py-1.5 text-sm focus:bg-accent focus:text-accent-foreground data-inset:ps-8 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuSubContent>) {\n  return (\n    <DropdownMenuSubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\"min-w-32 rounded-md bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Menubar,\n  MenubarPortal,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarGroup,\n  MenubarSeparator,\n  MenubarLabel,\n  MenubarItem,\n  MenubarShortcut,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSub,\n  MenubarSubTrigger,\n  MenubarSubContent,\n}\n"],"mappings":";;;;;;;;;;;AAwBA,SAAS,QAAQ,EAAE,WAAW,GAAG,SAAiC;AAChE,QACE,oBAACA;EACC,aAAU;EACV,WAAW,GACT,+DACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,GAAG,SAAoD;AAC5E,QAAO,oBAAC;EAAa,aAAU;EAAe,GAAI;GAAS;;AAG7D,SAAS,aAAa,EACpB,GAAG,SAC8C;AACjD,QAAO,oBAAC;EAAkB,aAAU;EAAgB,GAAI;GAAS;;AAGnE,SAAS,cAAc,EACrB,GAAG,SAC+C;AAClD,QAAO,oBAAC;EAAmB,aAAU;EAAiB,GAAI;GAAS;;AAGrE,SAAS,eAAe,EACtB,WACA,GAAG,SACgD;AACnD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,+HACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,WACA,QAAQ,SACR,cAAc,IACd,aAAa,GACb,GAAG,SACgD;AACnD,QACE,oBAAC;EACC,aAAU;EACH;EACM;EACD;EACZ,WAAW,GAAG,maAAma,UAAW;EAC5b,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,OACA,UAAU,WACV,GAAG,SAC6C;AAChD,QACE,oBAAC;EACC,aAAU;EACV,cAAY;EACZ,gBAAc;EACd,WAAW,GACT,mfACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,oBAAoB,EAC3B,WACA,UACA,SACA,OACA,GAAG,SAGF;AACD,QACE,qBAACC,KAAc;EACb,aAAU;EACV,cAAY;EACZ,WAAW,GACT,uTACA,UACD;EACQ;EACT,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAACA,KAAc,mCACb,oBAAC,cACC,GACkC;IACjC,EACN;GAC0B;;AAIjC,SAAS,kBAAkB,EACzB,GAAG,SACmD;AACtD,QAAO,oBAAC;EAAuB,aAAU;EAAsB,GAAI;GAAS;;AAG9E,SAAS,iBAAiB,EACxB,WACA,UACA,OACA,GAAG,SAGF;AACD,QACE,qBAACA,KAAc;EACb,aAAU;EACV,cAAY;EACZ,WAAW,GACT,4VACA,UACD;EACD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAACA,KAAc,gCACb,oBAAC,cACC,GAC+B;IAC9B,EACN;GACuB;;AAI9B,SAAS,aAAa,EACpB,WACA,OACA,GAAG,SAGF;AACD,QACE,oBAAC;EACC,aAAU;EACV,cAAY;EACZ,WAAW,GACT,mDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,WACA,GAAG,SACkD;AACrD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EACvB,WACA,GAAG,SACiD;AACpD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,6GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,GAAG,SAC4C;AAC/C,QAAO,oBAAC;EAAgB,aAAU;EAAc,GAAI;GAAS;;AAG/D,SAAS,kBAAkB,EACzB,WACA,OACA,GAAG,SAGF;AACD,QACE,oBAAC;EACC,aAAU;EACV,cAAY;EACZ,WAAW,GACT,+LACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACmD;AACtD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,gZAAgZ,UAAW;EACza,GAAI;GACJ"}

package/dist/components/native-select.d.ts

@@ -0,0 +1,23 @@
+import * as react_jsx_runtime89 from "react/jsx-runtime";
+import * as React$1 from "react";
+
+//#region src/components/native-select.d.ts
+type NativeSelectProps = Omit<React$1.ComponentProps<"select">, "size"> & {
+  size?: "sm" | "default";
+};
+declare function NativeSelect({
+  className,
+  size,
+  ...props
+}: NativeSelectProps): react_jsx_runtime89.JSX.Element;
+declare function NativeSelectOption({
+  className,
+  ...props
+}: React$1.ComponentProps<"option">): react_jsx_runtime89.JSX.Element;
+declare function NativeSelectOptGroup({
+  className,
+  ...props
+}: React$1.ComponentProps<"optgroup">): react_jsx_runtime89.JSX.Element;
+//#endregion
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };
+//# sourceMappingURL=native-select.d.ts.map

package/dist/components/native-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select.d.ts","names":[],"sources":["../../src/components/native-select.tsx"],"sourcesContent":[],"mappings":";;;;KAKK,iBAAA,GAAoB,KAAK,OAAA,CAAM;;;AALN,iBASrB,YAAA,CAJa;EAAA,SAAQ;EAAA,IAAM;EAAA,GAAA;AAAP,CAAO,EAQjC,iBAR0B,CAAA,EAQT,mBAAA,CAAA,GAAA,CAAA,OARS;AAAA,iBA6BpB,kBAAA,CAzBY;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4BlB,OAAA,CAAM,cA5BY,CAAA,QAAA,CAAA,CAAA,EA4BY,mBAAA,CAAA,GAAA,CAAA,OA5BZ;iBAsCZ,oBAAA,CArCP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwCC,OAAA,CAAM,cAxCP,CAAA,UAAA,CAAA,CAAA,EAwCiC,mBAAA,CAAA,GAAA,CAAA,OAxCjC"}

package/dist/components/native-select.js

@@ -0,0 +1,41 @@
+import { t as cn } from "../utils-mWJR2N24.js";
+import { ChevronDownIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+
+//#region src/components/native-select.tsx
+function NativeSelect({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("group/native-select relative w-fit has-[select:disabled]:opacity-50", className),
+		"data-slot": "native-select-wrapper",
+		"data-size": size,
+		children: [/* @__PURE__ */ jsx("select", {
+			"data-slot": "native-select",
+			"data-size": size,
+			className: "h-9 w-full min-w-0 appearance-none rounded-md border border-input bg-transparent py-1 pe-8 ps-2.5 text-sm shadow-xs transition-[color,box-shadow] outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-8 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+			...props
+		}), /* @__PURE__ */ jsx(ChevronDownIcon, {
+			className: "pointer-events-none absolute top-1/2 end-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none",
+			"aria-hidden": "true",
+			"data-slot": "native-select-icon"
+		})]
+	});
+}
+function NativeSelectOption({ className, ...props }) {
+	return /* @__PURE__ */ jsx("option", {
+		"data-slot": "native-select-option",
+		className: cn("bg-[Canvas] text-[CanvasText]", className),
+		...props
+	});
+}
+function NativeSelectOptGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("optgroup", {
+		"data-slot": "native-select-optgroup",
+		className: cn("bg-[Canvas] text-[CanvasText]", className),
+		...props
+	});
+}
+
+//#endregion
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };
+//# sourceMappingURL=native-select.js.map

package/dist/components/native-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select.js","names":[],"sources":["../../src/components/native-select.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\nimport { ChevronDownIcon } from \"lucide-react\"\n\ntype NativeSelectProps = Omit<React.ComponentProps<\"select\">, \"size\"> & {\n  size?: \"sm\" | \"default\"\n}\n\nfunction NativeSelect({\n  className,\n  size = \"default\",\n  ...props\n}: NativeSelectProps) {\n  return (\n    <div\n      className={cn(\n        \"group/native-select relative w-fit has-[select:disabled]:opacity-50\",\n        className\n      )}\n      data-slot=\"native-select-wrapper\"\n      data-size={size}\n    >\n      <select\n        data-slot=\"native-select\"\n        data-size={size}\n        className=\"h-9 w-full min-w-0 appearance-none rounded-md border border-input bg-transparent py-1 pe-8 ps-2.5 text-sm shadow-xs transition-[color,box-shadow] outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-8 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40\"\n        {...props}\n      />\n      <ChevronDownIcon className=\"pointer-events-none absolute top-1/2 end-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none\" aria-hidden=\"true\" data-slot=\"native-select-icon\" />\n    </div>\n  )\n}\n\nfunction NativeSelectOption({\n  className,\n  ...props\n}: React.ComponentProps<\"option\">) {\n  return (\n    <option\n      data-slot=\"native-select-option\"\n      className={cn(\"bg-[Canvas] text-[CanvasText]\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction NativeSelectOptGroup({\n  className,\n  ...props\n}: React.ComponentProps<\"optgroup\">) {\n  return (\n    <optgroup\n      data-slot=\"native-select-optgroup\"\n      className={cn(\"bg-[Canvas] text-[CanvasText]\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption }\n"],"mappings":";;;;;;AASA,SAAS,aAAa,EACpB,WACA,OAAO,WACP,GAAG,SACiB;AACpB,QACE,qBAAC;EACC,WAAW,GACT,uEACA,UACD;EACD,aAAU;EACV,aAAW;aAEX,oBAAC;GACC,aAAU;GACV,aAAW;GACX,WAAU;GACV,GAAI;IACJ,EACF,oBAAC;GAAgB,WAAU;GAAyG,eAAY;GAAO,aAAU;IAAuB;GACpL;;AAIV,SAAS,mBAAmB,EAC1B,WACA,GAAG,SAC8B;AACjC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;AAIN,SAAS,qBAAqB,EAC5B,WACA,GAAG,SACgC;AACnC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ"}