@incognia/cosmik 2.0.0-alpha.1 → 2.0.0-alpha.2

package/dist/index16.js

@@ -1,58 +1,125 @@
-import { cn as e } from "./index7.js";
-import { require_jsx_runtime as t } from "./index10.js";
+"use client";
+import { cn as e } from "./index6.js";
+import { CheckIcon as t, ChevronRightIcon as n, CircleIcon as r } from "lucide-react";
 import "react";
-//#region src/Card/index.tsx
-var n = t();
-function r({ className: t, ...r }) {
-	return /* @__PURE__ */ (0, n.jsx)("div", {
-		"data-slot": "card",
-		className: e("bg-white flex flex-col gap-24 rounded border border-gray-900/8 py-24", t),
-		...r
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-dropdown-menu";
+//#region src/DropdownMenu/index.tsx
+function s({ ...e }) {
+	return /* @__PURE__ */ i(o.Root, {
+		"data-slot": "dropdown-menu",
+		...e
 	});
 }
-function i({ className: t, ...r }) {
-	return /* @__PURE__ */ (0, n.jsx)("div", {
-		"data-slot": "card-header",
-		className: e("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start px-24 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-24", t),
-		...r
+function c({ ...e }) {
+	return /* @__PURE__ */ i(o.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...e
 	});
 }
-function a({ className: t, ...r }) {
-	return /* @__PURE__ */ (0, n.jsx)("h3", {
-		"data-slot": "card-title",
-		className: e("leading-none font-semibold", t),
-		...r
+function l({ ...e }) {
+	return /* @__PURE__ */ i(o.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...e
 	});
 }
-function o({ className: t, ...r }) {
-	return /* @__PURE__ */ (0, n.jsx)("div", {
-		"data-slot": "card-description",
-		className: e("text-gray-700 text-sm mt-4", t),
+function u({ className: t, sideOffset: n = 4, ...r }) {
+	return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ i(o.Content, {
+		"data-slot": "dropdown-menu-content",
+		sideOffset: n,
+		className: e("bg-white text-gray-900 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border border-gray-900/8 shadow-200", t),
 		...r
+	}) });
+}
+function d({ ...e }) {
+	return /* @__PURE__ */ i(o.Group, {
+		"data-slot": "dropdown-menu-group",
+		...e
 	});
 }
-function s({ className: t, ...r }) {
-	return /* @__PURE__ */ (0, n.jsx)("div", {
-		"data-slot": "card-action",
-		className: e("col-start-2 row-span-2 row-start-1 self-start justify-self-end", t),
-		...r
+function f({ className: t, inset: n, variant: r = "default", ...a }) {
+	return /* @__PURE__ */ i(o.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": n,
+		"data-variant": r,
+		className: e("focus:bg-gray-200 focus:text-gray-900 data-[variant=destructive]:text-red-700 data-[variant=destructive]:focus:bg-red-100 data-[variant=destructive]:focus:text-red-700 data-[variant=destructive]:*:[svg]:!text-red-700 [&_svg:not([class*='text-'])]:text-gray-700 relative flex cursor-default items-center gap-8 rounded px-16 py-8 text-md outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[inset]:pl-32 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16", t),
+		...a
 	});
 }
-function c({ className: t, ...r }) {
-	return /* @__PURE__ */ (0, n.jsx)("div", {
-		"data-slot": "card-content",
-		className: e("px-24", t),
-		...r
+function p({ className: n, children: r, checked: s, ...c }) {
+	return /* @__PURE__ */ a(o.CheckboxItem, {
+		"data-slot": "dropdown-menu-checkbox-item",
+		className: e("focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-md outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16", n),
+		checked: s,
+		...c,
+		children: [/* @__PURE__ */ i("span", {
+			className: "pointer-events-none absolute left-8 flex size-[14px] items-center justify-center",
+			children: /* @__PURE__ */ i(o.ItemIndicator, { children: /* @__PURE__ */ i(t, { className: "size-16" }) })
+		}), r]
+	});
+}
+function m({ ...e }) {
+	return /* @__PURE__ */ i(o.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...e
+	});
+}
+function h({ className: t, children: n, ...s }) {
+	return /* @__PURE__ */ a(o.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		className: e("focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-md outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16", t),
+		...s,
+		children: [/* @__PURE__ */ i("span", {
+			className: "pointer-events-none absolute left-8 flex size-[14px] items-center justify-center",
+			children: /* @__PURE__ */ i(o.ItemIndicator, { children: /* @__PURE__ */ i(r, { className: "size-8 fill-gray-900" }) })
+		}), n]
 	});
 }
-function l({ className: t, ...r }) {
-	return /* @__PURE__ */ (0, n.jsx)("div", {
-		"data-slot": "card-footer",
-		className: e("flex items-center px-24 [.border-t]:pt-24", t),
+function g({ className: t, inset: n, ...r }) {
+	return /* @__PURE__ */ i(o.Label, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": n,
+		className: e("px-16 py-8 text-md font-semibold data-[inset]:pl-32", t),
 		...r
 	});
 }
+function _({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: e("bg-gray-900/8 h-px", t),
+		...n
+	});
+}
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ i("span", {
+		"data-slot": "dropdown-menu-shortcut",
+		className: e("ml-auto text-sm tracking-widest opacity-40", t),
+		...n
+	});
+}
+function y({ ...e }) {
+	return /* @__PURE__ */ i(o.Sub, {
+		"data-slot": "dropdown-menu-sub",
+		...e
+	});
+}
+function b({ className: t, inset: r, children: s, ...c }) {
+	return /* @__PURE__ */ a(o.SubTrigger, {
+		"data-slot": "dropdown-menu-sub-trigger",
+		"data-inset": r,
+		className: e("focus:bg-gray-200 focus:text-gray-900 data-[state=open]:bg-gray-200 data-[state=open]:text-gray-900 flex cursor-default items-center rounded px-16 py-8 text-md outline-none select-none data-[inset]:pl-32", t),
+		...c,
+		children: [s, /* @__PURE__ */ i(n, { className: "ml-auto size-16" })]
+	});
+}
+function x({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.SubContent, {
+		"data-slot": "dropdown-menu-sub-content",
+		className: e("bg-white text-gray-900 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-48 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded border border-gray-900/8 p-4 shadow-200", t),
+		...n
+	});
+}
 //#endregion
-export { r as Card, s as CardAction, c as CardContent, o as CardDescription, l as CardFooter, i as CardHeader, a as CardTitle };
+export { s as DropdownMenu, p as DropdownMenuCheckboxItem, u as DropdownMenuContent, d as DropdownMenuGroup, f as DropdownMenuItem, g as DropdownMenuLabel, c as DropdownMenuPortal, m as DropdownMenuRadioGroup, h as DropdownMenuRadioItem, _ as DropdownMenuSeparator, v as DropdownMenuShortcut, y as DropdownMenuSub, x as DropdownMenuSubContent, b as DropdownMenuSubTrigger, l as DropdownMenuTrigger };
 
 //# sourceMappingURL=index16.js.map

package/dist/index16.js.map

@@ -1 +1 @@
-{"version":3,"file":"index16.js","names":[],"sources":["../src/Card/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(\n        'bg-white flex flex-col gap-24 rounded border border-gray-900/8 py-24',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start px-24 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-24',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n  return (\n    <h3\n      data-slot=\"card-title\"\n      className={cn('leading-none font-semibold', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn('text-gray-700 text-sm mt-4', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(\n        'col-start-2 row-span-2 row-start-1 self-start justify-self-end',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn('px-24', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn('flex items-center px-24 [.border-t]:pt-24', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle\n}\n"],"mappings":";;;;;AAGA,SAAS,EAAK,EAAE,cAAW,GAAG,KAAsC;CAClE,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,wEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,wJACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAU,EAAE,cAAW,GAAG,KAAqC;CACtE,OACE,iBAAA,GAAA,EAAA,KAAC,MAAD;EACE,aAAU;EACV,WAAW,EAAG,8BAA8B,CAAS;EACrD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAgB,EAAE,cAAW,GAAG,KAAsC;CAC7E,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,8BAA8B,CAAS;EACrD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,kEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,SAAS,CAAS;EAChC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,6CAA6C,CAAS;EACpE,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index16.js","names":[],"sources":["../src/DropdownMenu/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-white text-gray-900 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border border-gray-900/8 shadow-200',\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: 'default' | 'destructive'\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-gray-200 focus:text-gray-900 data-[variant=destructive]:text-red-700 data-[variant=destructive]:focus:bg-red-100 data-[variant=destructive]:focus:text-red-700 data-[variant=destructive]:*:[svg]:!text-red-700 [&_svg:not([class*='text-'])]:text-gray-700 relative flex cursor-default items-center gap-8 rounded px-16 py-8 text-md outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[inset]:pl-32 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-md outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-8 flex size-[14px] items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-16\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-md outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-8 flex size-[14px] items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-8 fill-gray-900\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        'px-16 py-8 text-md font-semibold data-[inset]:pl-32',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('bg-gray-900/8 h-px', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn('ml-auto text-sm tracking-widest opacity-40', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        'focus:bg-gray-200 focus:text-gray-900 data-[state=open]:bg-gray-200 data-[state=open]:text-gray-900 flex cursor-default items-center rounded px-16 py-8 text-md outline-none select-none data-[inset]:pl-32',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-16\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        'bg-white text-gray-900 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-48 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded border border-gray-900/8 p-4 shadow-200',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger\n}\n"],"mappings":"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"}

package/dist/index17.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs");let r=require("lucide-react"),i=require("react");i=e.__toESM(i,1);let a=require("@radix-ui/react-checkbox");a=e.__toESM(a,1);var o=n.default;function s({className:e,...n}){return(0,o.jsx)(a.Root,{"data-slot":`checkbox`,className:t.cn(`peer h-16 w-16 shrink-0 rounded border border-gray-900/24`,`disabled:cursor-not-allowed disabled:bg-transparent`,`disabled:data-[state=checked]:bg-gray-900/8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64`,`disabled:data-[state=indeterminate]:bg-gray-900/8 disabled:data-[state=indeterminate]:text-gray-800`,`data-[state=checked]:bg-purple-700 data-[state=checked]:text-white`,`data-[state=indeterminate]:bg-purple-700 data-[state=indeterminate]:text-white`,`hover:bg-gray-900/8 hover:data-[state=checked]:bg-purple-800 hover:data-[state=indeterminate]:bg-purple-800`,`focus-visible:outline-none focus:bg-gray-900/16 focus:data-[state=checked]:bg-purple-900 focus:data-[state=indeterminate]:bg-purple-900`,`active:bg-gray-900/16 active:data-[state=checked]:bg-purple-900 active:data-[state=indeterminate]:bg-purple-900`,e),...n,children:(0,o.jsx)(a.Indicator,{"data-slot":`checkbox-indicator`,className:`flex items-center justify-center text-current transition-none`,children:n.checked==`indeterminate`?(0,o.jsx)(r.Minus,{className:`h-[14px] w-[14px]`}):(0,o.jsx)(r.Check,{className:`h-[14px] w-[14px]`})})})}exports.Checkbox=s;
+"use client";const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("lucide-react"),r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-dropdown-menu");a=e.__toESM(a,1);function o({...e}){return(0,i.jsx)(a.Root,{"data-slot":`dropdown-menu`,...e})}function s({...e}){return(0,i.jsx)(a.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function c({...e}){return(0,i.jsx)(a.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function l({className:e,sideOffset:n=4,...r}){return(0,i.jsx)(a.Portal,{children:(0,i.jsx)(a.Content,{"data-slot":`dropdown-menu-content`,sideOffset:n,className:t.cn(`bg-white text-gray-900 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border border-gray-900/8 shadow-200`,e),...r})})}function u({...e}){return(0,i.jsx)(a.Group,{"data-slot":`dropdown-menu-group`,...e})}function d({className:e,inset:n,variant:r=`default`,...o}){return(0,i.jsx)(a.Item,{"data-slot":`dropdown-menu-item`,"data-inset":n,"data-variant":r,className:t.cn(`focus:bg-gray-200 focus:text-gray-900 data-[variant=destructive]:text-red-700 data-[variant=destructive]:focus:bg-red-100 data-[variant=destructive]:focus:text-red-700 data-[variant=destructive]:*:[svg]:!text-red-700 [&_svg:not([class*='text-'])]:text-gray-700 relative flex cursor-default items-center gap-8 rounded px-16 py-8 text-md outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[inset]:pl-32 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16`,e),...o})}function f({className:e,children:r,checked:o,...s}){return(0,i.jsxs)(a.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:t.cn(`focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-md outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16`,e),checked:o,...s,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute left-8 flex size-[14px] items-center justify-center`,children:(0,i.jsx)(a.ItemIndicator,{children:(0,i.jsx)(n.CheckIcon,{className:`size-16`})})}),r]})}function p({...e}){return(0,i.jsx)(a.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function m({className:e,children:r,...o}){return(0,i.jsxs)(a.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:t.cn(`focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-md outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16`,e),...o,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute left-8 flex size-[14px] items-center justify-center`,children:(0,i.jsx)(a.ItemIndicator,{children:(0,i.jsx)(n.CircleIcon,{className:`size-8 fill-gray-900`})})}),r]})}function h({className:e,inset:n,...r}){return(0,i.jsx)(a.Label,{"data-slot":`dropdown-menu-label`,"data-inset":n,className:t.cn(`px-16 py-8 text-md font-semibold data-[inset]:pl-32`,e),...r})}function g({className:e,...n}){return(0,i.jsx)(a.Separator,{"data-slot":`dropdown-menu-separator`,className:t.cn(`bg-gray-900/8 h-px`,e),...n})}function _({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:t.cn(`ml-auto text-sm tracking-widest opacity-40`,e),...n})}function v({...e}){return(0,i.jsx)(a.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function y({className:e,inset:r,children:o,...s}){return(0,i.jsxs)(a.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":r,className:t.cn(`focus:bg-gray-200 focus:text-gray-900 data-[state=open]:bg-gray-200 data-[state=open]:text-gray-900 flex cursor-default items-center rounded px-16 py-8 text-md outline-none select-none data-[inset]:pl-32`,e),...s,children:[o,(0,i.jsx)(n.ChevronRightIcon,{className:`ml-auto size-16`})]})}function b({className:e,...n}){return(0,i.jsx)(a.SubContent,{"data-slot":`dropdown-menu-sub-content`,className:t.cn(`bg-white text-gray-900 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-48 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded border border-gray-900/8 p-4 shadow-200`,e),...n})}exports.DropdownMenu=o,exports.DropdownMenuCheckboxItem=f,exports.DropdownMenuContent=l,exports.DropdownMenuGroup=u,exports.DropdownMenuItem=d,exports.DropdownMenuLabel=h,exports.DropdownMenuPortal=s,exports.DropdownMenuRadioGroup=p,exports.DropdownMenuRadioItem=m,exports.DropdownMenuSeparator=g,exports.DropdownMenuShortcut=_,exports.DropdownMenuSub=v,exports.DropdownMenuSubContent=b,exports.DropdownMenuSubTrigger=y,exports.DropdownMenuTrigger=c;
 //# sourceMappingURL=index17.cjs.map

package/dist/index17.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index17.cjs","names":[],"sources":["../src/Checkbox/index.tsx"],"sourcesContent":["'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'peer h-16 w-16 shrink-0 rounded border border-gray-900/24',\n        'disabled:cursor-not-allowed disabled:bg-transparent',\n        'disabled:data-[state=checked]:bg-gray-900/8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64',\n        'disabled:data-[state=indeterminate]:bg-gray-900/8 disabled:data-[state=indeterminate]:text-gray-800',\n        'data-[state=checked]:bg-purple-700 data-[state=checked]:text-white',\n        'data-[state=indeterminate]:bg-purple-700 data-[state=indeterminate]:text-white',\n        'hover:bg-gray-900/8 hover:data-[state=checked]:bg-purple-800 hover:data-[state=indeterminate]:bg-purple-800',\n        'focus-visible:outline-none focus:bg-gray-900/16 focus:data-[state=checked]:bg-purple-900 focus:data-[state=indeterminate]:bg-purple-900',\n        'active:bg-gray-900/16 active:data-[state=checked]:bg-purple-900 active:data-[state=indeterminate]:bg-purple-900',\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"flex items-center justify-center text-current transition-none\"\n      >\n        {props.checked == 'indeterminate' ? (\n          <Minus className=\"h-[14px] w-[14px]\" />\n        ) : (\n          <Check className=\"h-[14px] w-[14px]\" />\n        )}\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\nexport { Checkbox }\n"],"mappings":"+OAOA,SAAS,EAAS,CAChB,YACA,GAAG,GACmD,CACtD,OACE,EAAA,EAAA,KAAC,EAAkB,KAAnB,CACE,YAAU,WACV,UAAW,EAAA,GACT,4DACA,sDACA,8GACA,sGACA,qEACA,iFACA,8GACA,0IACA,kHACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAkB,UAAnB,CACE,YAAU,qBACV,UAAU,yEAET,EAAM,SAAW,iBAChB,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,mBAAqB,CAAA,GAEtC,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,mBAAqB,CAAA,CAEb,CAAA,CACP,CAAA,CAE5B"}
+{"version":3,"file":"index17.cjs","names":[],"sources":["../src/DropdownMenu/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-white text-gray-900 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border border-gray-900/8 shadow-200',\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: 'default' | 'destructive'\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-gray-200 focus:text-gray-900 data-[variant=destructive]:text-red-700 data-[variant=destructive]:focus:bg-red-100 data-[variant=destructive]:focus:text-red-700 data-[variant=destructive]:*:[svg]:!text-red-700 [&_svg:not([class*='text-'])]:text-gray-700 relative flex cursor-default items-center gap-8 rounded px-16 py-8 text-md outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[inset]:pl-32 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-md outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-8 flex size-[14px] items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-16\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-md outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-8 flex size-[14px] items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-8 fill-gray-900\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        'px-16 py-8 text-md font-semibold data-[inset]:pl-32',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('bg-gray-900/8 h-px', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn('ml-auto text-sm tracking-widest opacity-40', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        'focus:bg-gray-200 focus:text-gray-900 data-[state=open]:bg-gray-200 data-[state=open]:text-gray-900 flex cursor-default items-center rounded px-16 py-8 text-md outline-none select-none data-[inset]:pl-32',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-16\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        'bg-white text-gray-900 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-48 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded border border-gray-900/8 p-4 shadow-200',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger\n}\n"],"mappings":"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"}

package/dist/index17.js

@@ -1,24 +1,41 @@
 "use client";
-import { cn as e } from "./index7.js";
-import { require_jsx_runtime as t } from "./index10.js";
-import { Check as n, Minus as r } from "lucide-react";
+import { cn as e } from "./index6.js";
 import "react";
-import * as i from "@radix-ui/react-checkbox";
-//#region src/Checkbox/index.tsx
-var a = t();
-function o({ className: t, ...o }) {
-	return /* @__PURE__ */ (0, a.jsx)(i.Root, {
-		"data-slot": "checkbox",
-		className: e("peer h-16 w-16 shrink-0 rounded border border-gray-900/24", "disabled:cursor-not-allowed disabled:bg-transparent", "disabled:data-[state=checked]:bg-gray-900/8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64", "disabled:data-[state=indeterminate]:bg-gray-900/8 disabled:data-[state=indeterminate]:text-gray-800", "data-[state=checked]:bg-purple-700 data-[state=checked]:text-white", "data-[state=indeterminate]:bg-purple-700 data-[state=indeterminate]:text-white", "hover:bg-gray-900/8 hover:data-[state=checked]:bg-purple-800 hover:data-[state=indeterminate]:bg-purple-800", "focus-visible:outline-none focus:bg-gray-900/16 focus:data-[state=checked]:bg-purple-900 focus:data-[state=indeterminate]:bg-purple-900", "active:bg-gray-900/16 active:data-[state=checked]:bg-purple-900 active:data-[state=indeterminate]:bg-purple-900", t),
-		...o,
-		children: /* @__PURE__ */ (0, a.jsx)(i.Indicator, {
-			"data-slot": "checkbox-indicator",
-			className: "flex items-center justify-center text-current transition-none",
-			children: o.checked == "indeterminate" ? /* @__PURE__ */ (0, a.jsx)(r, { className: "h-[14px] w-[14px]" }) : /* @__PURE__ */ (0, a.jsx)(n, { className: "h-[14px] w-[14px]" })
-		})
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-popover";
+//#region src/Popover/index.tsx
+function r({ ...e }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "popover",
+		...e
+	});
+}
+function i({ ...e }) {
+	return /* @__PURE__ */ t(n.Trigger, {
+		"data-slot": "popover-trigger",
+		...e
+	});
+}
+function a({ className: r, align: i = "center", sideOffset: a = 4, portalled: o = !0, container: s, ...c }) {
+	let l = /* @__PURE__ */ t(n.Content, {
+		"data-slot": "popover-content",
+		align: i,
+		sideOffset: a,
+		className: e("bg-white text-gray-800 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden", r),
+		...c
+	});
+	return o ? /* @__PURE__ */ t(n.Portal, {
+		container: s,
+		children: l
+	}) : l;
+}
+function o({ ...e }) {
+	return /* @__PURE__ */ t(n.Anchor, {
+		"data-slot": "popover-anchor",
+		...e
 	});
 }
 //#endregion
-export { o as Checkbox };
+export { r as Popover, o as PopoverAnchor, a as PopoverContent, i as PopoverTrigger };
 
 //# sourceMappingURL=index17.js.map

package/dist/index17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index17.js","names":[],"sources":["../src/Checkbox/index.tsx"],"sourcesContent":["'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'peer h-16 w-16 shrink-0 rounded border border-gray-900/24',\n        'disabled:cursor-not-allowed disabled:bg-transparent',\n        'disabled:data-[state=checked]:bg-gray-900/8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64',\n        'disabled:data-[state=indeterminate]:bg-gray-900/8 disabled:data-[state=indeterminate]:text-gray-800',\n        'data-[state=checked]:bg-purple-700 data-[state=checked]:text-white',\n        'data-[state=indeterminate]:bg-purple-700 data-[state=indeterminate]:text-white',\n        'hover:bg-gray-900/8 hover:data-[state=checked]:bg-purple-800 hover:data-[state=indeterminate]:bg-purple-800',\n        'focus-visible:outline-none focus:bg-gray-900/16 focus:data-[state=checked]:bg-purple-900 focus:data-[state=indeterminate]:bg-purple-900',\n        'active:bg-gray-900/16 active:data-[state=checked]:bg-purple-900 active:data-[state=indeterminate]:bg-purple-900',\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"flex items-center justify-center text-current transition-none\"\n      >\n        {props.checked == 'indeterminate' ? (\n          <Minus className=\"h-[14px] w-[14px]\" />\n        ) : (\n          <Check className=\"h-[14px] w-[14px]\" />\n        )}\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\nexport { Checkbox }\n"],"mappings":";;;;;;;;AAOA,SAAS,EAAS,EAChB,cACA,GAAG,KACmD;CACtD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAkB,MAAnB;EACE,aAAU;EACV,WAAW,EACT,6DACA,uDACA,+GACA,uGACA,sEACA,kFACA,+GACA,2IACA,mHACA,CACF;EACA,GAAI;YAEJ,iBAAA,GAAA,EAAA,KAAC,EAAkB,WAAnB;GACE,aAAU;GACV,WAAU;aAET,EAAM,WAAW,kBAChB,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAO,WAAU,oBAAqB,CAAA,IAEtC,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAO,WAAU,oBAAqB,CAAA;EAEb,CAAA;CACP,CAAA;AAE5B"}
+{"version":3,"file":"index17.js","names":[],"sources":["../src/Popover/index.tsx"],"sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  portalled = true,\n  container,\n  ...props\n}: PopoverContentProps) {\n  const content = (\n    <PopoverPrimitive.Content\n      data-slot=\"popover-content\"\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'bg-white text-gray-800 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n\n  if (!portalled) return content\n\n  return (\n    <PopoverPrimitive.Portal container={container}>\n      {content}\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport type PopoverContentProps = React.ComponentProps<\n  typeof PopoverPrimitive.Content\n> & {\n  portalled?: boolean\n  container?: React.ComponentProps<typeof PopoverPrimitive.Portal>['container']\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"mappings":";;;;;;AAMA,SAAS,EAAQ,EACf,GAAG,KACkD;CACrD,OAAO,kBAAC,EAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA;AAChE;AAEA,SAAS,EAAe,EACtB,GAAG,KACqD;CACxD,OAAO,kBAAC,EAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,EAAe,EACtB,cACA,WAAQ,UACR,gBAAa,GACb,eAAY,IACZ,cACA,GAAG,KACmB;CACtB,IAAM,IACJ,kBAAC,EAAiB,SAAlB;EACE,aAAU;EACH;EACK;EACZ,WAAW,EACT,4eACA,CACF;EACA,GAAI;CACL,CAAA;CAKH,OAFK,IAGH,kBAAC,EAAiB,QAAlB;EAAoC;YACjC;CACsB,CAAA,IALJ;AAOzB;AAEA,SAAS,EAAc,EACrB,GAAG,KACoD;CACvD,OAAO,kBAAC,EAAiB,QAAlB;EAAyB,aAAU;EAAiB,GAAI;CAAQ,CAAA;AACzE"}

package/dist/index18.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs"),r=require("./index19.cjs");require("./index.cjs");let i=require("lucide-react"),a=require("react");a=e.__toESM(a,1);let o=require("cmdk");var s=n.default;function c({className:e,...n}){return(0,s.jsx)(o.Command,{"data-slot":`command`,className:t.cn(`bg-white text-gray-900 flex h-full w-full flex-col overflow-hidden rounded`,e),...n})}function l({title:e=`Command Palette`,description:n=`Search for a command to run...`,children:i,className:a,showCloseButton:o=!0,...l}){return(0,s.jsxs)(r.Dialog,{...l,children:[(0,s.jsxs)(r.DialogHeader,{className:`sr-only`,children:[(0,s.jsx)(r.DialogTitle,{children:e}),(0,s.jsx)(r.DialogDescription,{children:n})]}),(0,s.jsx)(r.DialogContent,{className:t.cn(`overflow-hidden p-0`,a),showCloseButton:o,children:(0,s.jsx)(c,{className:`[&_[cmdk-group-heading]]:text-gray-900 [&_[cmdk-group-heading]]:px-8 [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group]]:px-8 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-16 [&_[cmdk-input-wrapper]_svg]:w-16 [&_[cmdk-input]]:h-48 [&_[cmdk-item]]:px-8 [&_[cmdk-item]]:py-8 [&_[cmdk-item]_svg]:h-16 [&_[cmdk-item]_svg]:w-16`,children:i})})]})}function u({className:e,inputWrapperClassName:n,...r}){return(0,s.jsxs)(`div`,{"data-slot":`command-input-wrapper`,className:t.cn(`flex items-center gap-8 border-b px-12`,n),children:[(0,s.jsx)(i.SearchIcon,{className:`size-16 shrink-0`}),(0,s.jsx)(o.Command.Input,{"data-slot":`command-input`,className:t.cn(`flex h-[44px] w-full rounded bg-white py-12 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-64`,e),...r})]})}function d({className:e,...n}){return(0,s.jsx)(o.Command.List,{"data-slot":`command-list`,className:t.cn(`max-h-[300px] scroll-py-4 overflow-x-hidden overflow-y-auto`,e),...n})}function f({...e}){return(0,s.jsx)(o.Command.Empty,{"data-slot":`command-empty`,className:`py-[10px] text-center text-sm`,...e})}function p({className:e,...n}){return(0,s.jsx)(o.Command.Group,{"data-slot":`command-group`,className:t.cn(`text-gray-900 [&_[cmdk-group-heading]]:text-gray-900 overflow-hidden [&_[cmdk-group-heading]]:px-16 [&_[cmdk-group-heading]]:py-8 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-semibold`,e),...n})}function m({className:e,...n}){return(0,s.jsx)(o.Command.Separator,{"data-slot":`command-separator`,className:t.cn(`bg-gray-900/8 -mx-4 h-px`,e),...n})}function h({className:e,...n}){return(0,s.jsx)(o.Command.Item,{"data-slot":`command-item`,className:t.cn(`data-[selected=true]:bg-gray-200 data-[selected=true]:text-gray-900 [&_svg:not([class*='text-'])]:text-gray-900 relative flex cursor-default items-center rounded px-16 py-8 outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16`,e),...n})}function g({className:e,...n}){return(0,s.jsx)(`span`,{"data-slot":`command-shortcut`,className:t.cn(`text-gray-700 ml-auto text-xs tracking-widest`,e),...n})}exports.Command=c,exports.CommandDialog=l,exports.CommandEmpty=f,exports.CommandGroup=p,exports.CommandInput=u,exports.CommandItem=h,exports.CommandList=d,exports.CommandSeparator=m,exports.CommandShortcut=g;
+"use client";const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@radix-ui/react-popover");i=e.__toESM(i,1);function a({...e}){return(0,r.jsx)(i.Root,{"data-slot":`popover`,...e})}function o({...e}){return(0,r.jsx)(i.Trigger,{"data-slot":`popover-trigger`,...e})}function s({className:e,align:n=`center`,sideOffset:a=4,portalled:o=!0,container:s,...c}){let l=(0,r.jsx)(i.Content,{"data-slot":`popover-content`,align:n,sideOffset:a,className:t.cn(`bg-white text-gray-800 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden`,e),...c});return o?(0,r.jsx)(i.Portal,{container:s,children:l}):l}function c({...e}){return(0,r.jsx)(i.Anchor,{"data-slot":`popover-anchor`,...e})}exports.Popover=a,exports.PopoverAnchor=c,exports.PopoverContent=s,exports.PopoverTrigger=o;
 //# sourceMappingURL=index18.cjs.map

package/dist/index18.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index18.cjs","names":[],"sources":["../src/Command/index.tsx"],"sourcesContent":["'use client'\n\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { SearchIcon } from 'lucide-react'\nimport * as React from 'react'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle\n} from '../'\nimport { cn } from '../lib/utils'\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        'bg-white text-gray-900 flex h-full w-full flex-col overflow-hidden rounded',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent\n        className={cn('overflow-hidden p-0', className)}\n        showCloseButton={showCloseButton}\n      >\n        <Command className=\"[&_[cmdk-group-heading]]:text-gray-900 [&_[cmdk-group-heading]]:px-8 [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group]]:px-8 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-16 [&_[cmdk-input-wrapper]_svg]:w-16 [&_[cmdk-input]]:h-48 [&_[cmdk-item]]:px-8 [&_[cmdk-item]]:py-8 [&_[cmdk-item]_svg]:h-16 [&_[cmdk-item]_svg]:w-16\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({\n  className,\n  inputWrapperClassName,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input> & {\n  inputWrapperClassName?: string\n}) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className={cn(\n        'flex items-center gap-8 border-b px-12',\n        inputWrapperClassName\n      )}\n    >\n      <SearchIcon className=\"size-16 shrink-0\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'flex h-[44px] w-full rounded bg-white py-12 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-64',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        'max-h-[300px] scroll-py-4 overflow-x-hidden overflow-y-auto',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-[10px] text-center text-sm\"\n      {...props}\n    />\n  )\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-gray-900 [&_[cmdk-group-heading]]:text-gray-900 overflow-hidden [&_[cmdk-group-heading]]:px-16 [&_[cmdk-group-heading]]:py-8 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-semibold',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn('bg-gray-900/8 -mx-4 h-px', className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"data-[selected=true]:bg-gray-200 data-[selected=true]:text-gray-900 [&_svg:not([class*='text-'])]:text-gray-900 relative flex cursor-default items-center rounded px-16 py-8 outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn('text-gray-700 ml-auto text-xs tracking-widest', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut\n}\n"],"mappings":"4PAcA,SAAS,EAAQ,CACf,YACA,GAAG,GAC6C,CAChD,OACE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,YAAU,UACV,UAAW,EAAA,GACT,6EACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAA,EAAA,MAAC,EAAA,OAAD,CAAQ,GAAI,WAAZ,EACE,EAAA,EAAA,MAAC,EAAA,aAAD,CAAc,UAAU,mBAAxB,EACE,EAAA,EAAA,KAAC,EAAA,YAAD,CAAA,SAAc,CAAmB,CAAA,GACjC,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAA,SAAoB,CAA+B,CAAA,CACvC,KACd,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,UAAW,EAAA,GAAG,sBAAuB,CAAS,EAC7B,4BAEjB,EAAA,EAAA,KAAC,EAAD,CAAS,UAAU,4WAChB,UACM,CAAA,CACI,CAAA,CACT,GAEZ,CAEA,SAAS,EAAa,CACpB,YACA,wBACA,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,MAAD,CACE,YAAU,wBACV,UAAW,EAAA,GACT,yCACA,CACF,WALF,EAOE,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,UAAU,kBAAoB,CAAA,GAC1C,EAAA,EAAA,KAAC,EAAA,QAAiB,MAAlB,CACE,YAAU,gBACV,UAAW,EAAA,GACT,mHACA,CACF,EACA,GAAI,CACL,CAAA,CACE,GAET,CAEA,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,KAAlB,CACE,YAAU,eACV,UAAW,EAAA,GACT,8DACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAa,CACpB,GAAG,GACmD,CACtD,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,MAAlB,CACE,YAAU,gBACV,UAAU,gCACV,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAa,CACpB,YACA,GAAG,GACmD,CACtD,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,MAAlB,CACE,YAAU,gBACV,UAAW,EAAA,GACT,4MACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAiB,CACxB,YACA,GAAG,GACuD,CAC1D,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,UAAlB,CACE,YAAU,oBACV,UAAW,EAAA,GAAG,2BAA4B,CAAS,EACnD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAAC,EAAA,QAAiB,KAAlB,CACE,YAAU,eACV,UAAW,EAAA,GACT,oWACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAgB,CACvB,YACA,GAAG,GAC4B,CAC/B,OACE,EAAA,EAAA,KAAC,OAAD,CACE,YAAU,mBACV,UAAW,EAAA,GAAG,gDAAiD,CAAS,EACxE,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"index18.cjs","names":[],"sources":["../src/Popover/index.tsx"],"sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  portalled = true,\n  container,\n  ...props\n}: PopoverContentProps) {\n  const content = (\n    <PopoverPrimitive.Content\n      data-slot=\"popover-content\"\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        'bg-white text-gray-800 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 z-50 w-[288px] origin-(--radix-popover-content-transform-origin) rounded border border-gray-900/8 p-16 shadow-200 outline-hidden',\n        className\n      )}\n      {...props}\n    />\n  )\n\n  if (!portalled) return content\n\n  return (\n    <PopoverPrimitive.Portal container={container}>\n      {content}\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport type PopoverContentProps = React.ComponentProps<\n  typeof PopoverPrimitive.Content\n> & {\n  portalled?: boolean\n  container?: React.ComponentProps<typeof PopoverPrimitive.Portal>['container']\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"mappings":"wMAMA,SAAS,EAAQ,CACf,GAAG,GACkD,CACrD,OAAO,EAAA,EAAA,KAAC,EAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAI,CAAQ,CAAA,CAChE,CAEA,SAAS,EAAe,CACtB,GAAG,GACqD,CACxD,OAAO,EAAA,EAAA,KAAC,EAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAI,CAAQ,CAAA,CAC3E,CAEA,SAAS,EAAe,CACtB,YACA,QAAQ,SACR,aAAa,EACb,YAAY,GACZ,YACA,GAAG,GACmB,CACtB,IAAM,GACJ,EAAA,EAAA,KAAC,EAAiB,QAAlB,CACE,YAAU,kBACH,QACK,aACZ,UAAW,EAAA,GACT,2eACA,CACF,EACA,GAAI,CACL,CAAA,EAKH,OAFK,GAGH,EAAA,EAAA,KAAC,EAAiB,OAAlB,CAAoC,qBACjC,CACsB,CAAA,EALJ,CAOzB,CAEA,SAAS,EAAc,CACrB,GAAG,GACoD,CACvD,OAAO,EAAA,EAAA,KAAC,EAAiB,OAAlB,CAAyB,YAAU,iBAAiB,GAAI,CAAQ,CAAA,CACzE"}

package/dist/index18.js

@@ -1,90 +1,76 @@
-"use client";
-import { cn as e } from "./index7.js";
-import { require_jsx_runtime as t } from "./index10.js";
-import { Dialog as n, DialogContent as r, DialogDescription as i, DialogHeader as a, DialogTitle as o } from "./index19.js";
-import "./index.js";
-import { SearchIcon as s } from "lucide-react";
-import "react";
-import { Command as c } from "cmdk";
-//#region src/Command/index.tsx
-var l = t();
-function u({ className: t, ...n }) {
-	return /* @__PURE__ */ (0, l.jsx)(c, {
-		"data-slot": "command",
-		className: e("bg-white text-gray-900 flex h-full w-full flex-col overflow-hidden rounded", t),
-		...n
-	});
-}
-function d({ title: t = "Command Palette", description: s = "Search for a command to run...", children: c, className: d, showCloseButton: f = !0, ...p }) {
-	return /* @__PURE__ */ (0, l.jsxs)(n, {
-		...p,
-		children: [/* @__PURE__ */ (0, l.jsxs)(a, {
-			className: "sr-only",
-			children: [/* @__PURE__ */ (0, l.jsx)(o, { children: t }), /* @__PURE__ */ (0, l.jsx)(i, { children: s })]
-		}), /* @__PURE__ */ (0, l.jsx)(r, {
-			className: e("overflow-hidden p-0", d),
-			showCloseButton: f,
-			children: /* @__PURE__ */ (0, l.jsx)(u, {
-				className: "[&_[cmdk-group-heading]]:text-gray-900 [&_[cmdk-group-heading]]:px-8 [&_[cmdk-group-heading]]:font-semibold [&_[cmdk-group]]:px-8 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-16 [&_[cmdk-input-wrapper]_svg]:w-16 [&_[cmdk-input]]:h-48 [&_[cmdk-item]]:px-8 [&_[cmdk-item]]:py-8 [&_[cmdk-item]_svg]:h-16 [&_[cmdk-item]_svg]:w-16",
-				children: c
-			})
+import { cn as e } from "./index6.js";
+import { Button as t } from "./index8.js";
+import { Popover as n, PopoverContent as r, PopoverTrigger as i } from "./index17.js";
+import { LucideX as a } from "lucide-react";
+import o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/Filter/index.tsx
+function l({ children: l, label: u, selectedLabel: d, trigger: f, i18n: p, value: m, onOpenChange: h, onApply: g, contentProps: _ = {}, buttonProps: v = {}, clearable: y = !0, ...b }) {
+	let [x, S] = o.useState(!1), [C, w] = o.useState(m || null), T = m ? d ? d(m) : m.toString() : u, E = /* @__PURE__ */ c(t, {
+		variant: m ? "filled" : "outline",
+		intent: m ? "filter" : "secondary",
+		size: "sm",
+		className: e("font-normal flex items-center whitespace-nowrap gap-x-4 rounded", { "pr-12": !!m }),
+		...v,
+		children: [T, y && m && /* @__PURE__ */ s(a, {
+			className: "w-16 h-16 rounded hover:bg-purple-100 shrink-0",
+			onClick: (e) => {
+				e.preventDefault(), w(null), g?.(void 0);
+			}
 		})]
 	});
-}
-function f({ className: t, inputWrapperClassName: n, ...r }) {
-	return /* @__PURE__ */ (0, l.jsxs)("div", {
-		"data-slot": "command-input-wrapper",
-		className: e("flex items-center gap-8 border-b px-12", n),
-		children: [/* @__PURE__ */ (0, l.jsx)(s, { className: "size-16 shrink-0" }), /* @__PURE__ */ (0, l.jsx)(c.Input, {
-			"data-slot": "command-input",
-			className: e("flex h-[44px] w-full rounded bg-white py-12 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-64", t),
-			...r
+	function D() {
+		g?.(C ?? void 0), S(!1);
+	}
+	return /* @__PURE__ */ c(n, {
+		open: x,
+		onOpenChange: (e) => {
+			h?.(e), e || g?.(C ?? void 0), e && w(m ?? null), S(e);
+		},
+		...b,
+		children: [/* @__PURE__ */ s(i, {
+			asChild: !0,
+			children: f || E
+		}), /* @__PURE__ */ s(r, {
+			className: "w-full min-w-[200px]",
+			align: "start",
+			..._,
+			children: /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("div", {
+				onKeyDown: (e) => {
+					if (e.defaultPrevented || e.key !== "Enter") return;
+					let t = e.target;
+					if (!t) return;
+					let n = t.tagName, r = n === "INPUT", i = n === "TEXTAREA", a = n === "BUTTON", o = t.isContentEditable;
+					!r || i || a || o || (e.preventDefault(), e.stopPropagation(), D());
+				},
+				children: l({
+					onFilterChange: w,
+					filterValue: C
+				})
+			}), /* @__PURE__ */ c("div", {
+				className: "w-full flex justify-between mt-16",
+				children: [y && C && p.clear && /* @__PURE__ */ s(t, {
+					variant: "link",
+					intent: "secondary",
+					size: "fit-content",
+					type: "button",
+					onClick: () => w(null),
+					children: p.clear
+				}), p.apply && /* @__PURE__ */ s(t, {
+					className: "ml-auto",
+					variant: "link",
+					size: "fit-content",
+					type: "button",
+					onClick: (e) => {
+						e.preventDefault(), D();
+					},
+					children: p.apply
+				})]
+			})] })
 		})]
 	});
 }
-function p({ className: t, ...n }) {
-	return /* @__PURE__ */ (0, l.jsx)(c.List, {
-		"data-slot": "command-list",
-		className: e("max-h-[300px] scroll-py-4 overflow-x-hidden overflow-y-auto", t),
-		...n
-	});
-}
-function m({ ...e }) {
-	return /* @__PURE__ */ (0, l.jsx)(c.Empty, {
-		"data-slot": "command-empty",
-		className: "py-[10px] text-center text-sm",
-		...e
-	});
-}
-function h({ className: t, ...n }) {
-	return /* @__PURE__ */ (0, l.jsx)(c.Group, {
-		"data-slot": "command-group",
-		className: e("text-gray-900 [&_[cmdk-group-heading]]:text-gray-900 overflow-hidden [&_[cmdk-group-heading]]:px-16 [&_[cmdk-group-heading]]:py-8 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-semibold", t),
-		...n
-	});
-}
-function g({ className: t, ...n }) {
-	return /* @__PURE__ */ (0, l.jsx)(c.Separator, {
-		"data-slot": "command-separator",
-		className: e("bg-gray-900/8 -mx-4 h-px", t),
-		...n
-	});
-}
-function _({ className: t, ...n }) {
-	return /* @__PURE__ */ (0, l.jsx)(c.Item, {
-		"data-slot": "command-item",
-		className: e("data-[selected=true]:bg-gray-200 data-[selected=true]:text-gray-900 [&_svg:not([class*='text-'])]:text-gray-900 relative flex cursor-default items-center rounded px-16 py-8 outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16", t),
-		...n
-	});
-}
-function v({ className: t, ...n }) {
-	return /* @__PURE__ */ (0, l.jsx)("span", {
-		"data-slot": "command-shortcut",
-		className: e("text-gray-700 ml-auto text-xs tracking-widest", t),
-		...n
-	});
-}
 //#endregion
-export { u as Command, d as CommandDialog, m as CommandEmpty, h as CommandGroup, f as CommandInput, _ as CommandItem, p as CommandList, g as CommandSeparator, v as CommandShortcut };
+export { l as Filter };
 
 //# sourceMappingURL=index18.js.map