@edo-w/flatline-solid 0.2.0 → 0.3.0

package/dist/dropdown-menu/index.css

@@ -0,0 +1,238 @@
+@layer components {
+  .fl-dropdown-menu_arrow {
+    visibility: hidden;
+  }
+}
+@layer components {
+  .fl-dropdown-menu_checkbox-item {
+    min-height: var(--fl-size-8);
+    padding-inline: var(--fl-size-2);
+    padding-left: var(--fl-size-6);
+    border-radius: var(--fl-radius-sm);
+    color: var(--fl-body-text-color);
+    font-size: var(--fl-text-size-sm);
+    cursor: pointer;
+    user-select: none;
+    outline: none;
+    align-items: center;
+    line-height: 1.2;
+    display: flex;
+    position: relative;
+  }
+
+  .fl-dropdown-menu_checkbox-item[data-disabled] {
+    opacity: var(--fl-disabled-opacity);
+    pointer-events: none;
+  }
+
+  .fl-dropdown-menu_checkbox-item[data-highlighted] {
+    background: var(--fl-primary-color);
+    color: var(--fl-primary-text-color);
+  }
+}
+@layer components {
+  .fl-dropdown-menu_content {
+    min-width: 13.75rem;
+    padding: var(--fl-size-2);
+    background: var(--fl-body-bg-color);
+    border: var(--fl-border-size, 1px) solid var(--fl-border-color);
+    border-radius: var(--fl-border-radius);
+    box-shadow: var(--fl-shadow-lg);
+    transform-origin: var(--kb-menu-content-transform-origin);
+    outline: none;
+    animation: .18s ease-in forwards fl-dropdown-menu-content-hide;
+  }
+
+  .fl-dropdown-menu_content[data-expanded] {
+    animation: .18s ease-out fl-dropdown-menu-content-show;
+  }
+
+  @keyframes fl-dropdown-menu-content-show {
+    from {
+      opacity: 0;
+      transform: scale(.96);
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  @keyframes fl-dropdown-menu-content-hide {
+    from {
+      opacity: 1;
+      transform: scale(1);
+    }
+
+    to {
+      opacity: 0;
+      transform: scale(.96);
+    }
+  }
+}
+@layer components {
+  .fl-dropdown-menu_group-label {
+    padding-inline: var(--fl-size-1);
+    padding-block: var(--fl-size-1);
+    color: var(--fl-body-muted-text-color);
+    font-size: var(--fl-text-size-xs);
+    font-weight: var(--fl-font-weight-semibold);
+    display: block;
+  }
+}
+@layer components {
+  .fl-dropdown-menu_icon {
+    width: var(--fl-size-5);
+    height: var(--fl-size-5);
+    flex: 0 0 var(--fl-size-5);
+    margin-right: calc(var(--fl-size-1-5) * -1);
+    transition: transform var(--fl-animation-duration) ease;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .fl-dropdown-menu_icon[data-expanded] {
+    transform: rotate(180deg);
+  }
+}
+@layer components {
+  .fl-dropdown-menu_item {
+    min-height: var(--fl-size-8);
+    padding-inline: var(--fl-size-2);
+    border-radius: var(--fl-radius-sm);
+    color: var(--fl-body-text-color);
+    font-size: var(--fl-text-size-sm);
+    cursor: pointer;
+    user-select: none;
+    outline: none;
+    align-items: center;
+    line-height: 1.2;
+    display: flex;
+    position: relative;
+  }
+
+  .fl-dropdown-menu_item[data-disabled] {
+    opacity: var(--fl-disabled-opacity);
+    pointer-events: none;
+  }
+
+  .fl-dropdown-menu_item[data-highlighted] {
+    background: var(--fl-primary-color);
+    color: var(--fl-primary-text-color);
+  }
+}
+@layer components {
+  .fl-dropdown-menu_item-indicator {
+    left: var(--fl-size-0-5);
+    width: var(--fl-size-4);
+    height: var(--fl-size-4);
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+    position: absolute;
+  }
+}
+@layer components {
+  .fl-dropdown-menu_item-right-slot {
+    padding-left: var(--fl-size-5);
+    color: var(--fl-body-muted-text-color);
+    font-size: var(--fl-text-size-xs);
+    margin-left: auto;
+  }
+
+  [data-highlighted] > .fl-dropdown-menu_item-right-slot {
+    color: inherit;
+  }
+}
+@layer components {
+  .fl-dropdown-menu_radio-item {
+    min-height: var(--fl-size-8);
+    padding-inline: var(--fl-size-2);
+    padding-left: var(--fl-size-6);
+    border-radius: var(--fl-radius-sm);
+    color: var(--fl-body-text-color);
+    font-size: var(--fl-text-size-sm);
+    cursor: pointer;
+    user-select: none;
+    outline: none;
+    align-items: center;
+    line-height: 1.2;
+    display: flex;
+    position: relative;
+  }
+
+  .fl-dropdown-menu_radio-item[data-disabled] {
+    opacity: var(--fl-disabled-opacity);
+    pointer-events: none;
+  }
+
+  .fl-dropdown-menu_radio-item[data-highlighted] {
+    background: var(--fl-primary-color);
+    color: var(--fl-primary-text-color);
+  }
+}
+@layer components {
+  .fl-dropdown-menu_separator {
+    margin-block: var(--fl-size-1-5);
+    margin-inline: calc(var(--fl-size-2) * -1);
+    border: 0;
+    border-top: var(--fl-border-size, 1px) solid var(--fl-border-color);
+  }
+}
+@layer components {
+  .fl-dropdown-menu_sub-content {
+    min-width: 13.75rem;
+    padding: var(--fl-size-2);
+    background: var(--fl-body-bg-color);
+    border: var(--fl-border-size, 1px) solid var(--fl-border-color);
+    border-radius: var(--fl-border-radius);
+    box-shadow: var(--fl-shadow-lg);
+    transform-origin: var(--kb-menu-content-transform-origin);
+    outline: none;
+    animation: .18s ease-in forwards fl-dropdown-menu-content-hide;
+  }
+
+  .fl-dropdown-menu_sub-content[data-expanded] {
+    animation: .18s ease-out fl-dropdown-menu-content-show;
+  }
+}
+@layer components {
+  .fl-dropdown-menu_sub-trigger {
+    min-height: var(--fl-size-8);
+    padding-inline: var(--fl-size-2);
+    padding-left: var(--fl-size-6);
+    border-radius: var(--fl-radius-sm);
+    color: var(--fl-body-text-color);
+    font-size: var(--fl-text-size-sm);
+    cursor: pointer;
+    user-select: none;
+    outline: none;
+    align-items: center;
+    line-height: 1.2;
+    display: flex;
+    position: relative;
+  }
+
+  .fl-dropdown-menu_sub-trigger[data-expanded] {
+    background: color-mix(in oklab, var(--fl-body-bg-color), var(--fl-primary-color) 8%);
+    color: color-mix(in oklab, var(--fl-primary-color), black 15%);
+  }
+
+  .fl-dropdown-menu_sub-trigger[data-disabled] {
+    opacity: var(--fl-disabled-opacity);
+    pointer-events: none;
+  }
+
+  .fl-dropdown-menu_sub-trigger[data-highlighted] {
+    background: var(--fl-primary-color);
+    color: var(--fl-primary-text-color);
+  }
+}
+@layer components {
+  .fl-dropdown-menu_trigger {
+    --fl-button-active-translate-y: 0;
+    --fl-button-pad-x: var(--fl-size-2);
+  }
+}

package/dist/dropdown-menu/index.d.ts

@@ -0,0 +1,122 @@
+import { r as ButtonProps } from "../index-D-CV7Jz5.js";
+import * as _$solid_js0 from "solid-js";
+import { JSX } from "solid-js";
+import { DropdownMenuArrowProps as DropdownMenuArrowProps$1, DropdownMenuCheckboxItemProps as DropdownMenuCheckboxItemProps$1, DropdownMenuContentProps as DropdownMenuContentProps$1, DropdownMenuGroupLabelProps as DropdownMenuGroupLabelProps$1, DropdownMenuGroupProps as DropdownMenuGroupProps$1, DropdownMenuIconProps as DropdownMenuIconProps$1, DropdownMenuItemIndicatorProps as DropdownMenuItemIndicatorProps$1, DropdownMenuItemProps as DropdownMenuItemProps$1, DropdownMenuPortalProps as DropdownMenuPortalProps$1, DropdownMenuRadioGroupProps as DropdownMenuRadioGroupProps$1, DropdownMenuRadioItemProps as DropdownMenuRadioItemProps$1, DropdownMenuRootProps as DropdownMenuRootProps$1, DropdownMenuSeparatorProps as DropdownMenuSeparatorProps$1, DropdownMenuSubContentProps as DropdownMenuSubContentProps$1, DropdownMenuSubProps as DropdownMenuSubProps$1, DropdownMenuSubTriggerProps as DropdownMenuSubTriggerProps$1, DropdownMenuTriggerProps as DropdownMenuTriggerProps$1 } from "@kobalte/core/dropdown-menu";
+
+//#region src/components/dropdown-menu/class.d.ts
+declare const dropdownMenuClass: {
+  readonly root: "fl-dropdown-menu";
+  readonly trigger: "fl-dropdown-menu_trigger";
+  readonly icon: "fl-dropdown-menu_icon";
+  readonly content: "fl-dropdown-menu_content";
+  readonly subContent: "fl-dropdown-menu_sub-content";
+  readonly item: "fl-dropdown-menu_item";
+  readonly checkboxItem: "fl-dropdown-menu_checkbox-item";
+  readonly radioItem: "fl-dropdown-menu_radio-item";
+  readonly subTrigger: "fl-dropdown-menu_sub-trigger";
+  readonly groupLabel: "fl-dropdown-menu_group-label";
+  readonly separator: "fl-dropdown-menu_separator";
+  readonly itemIndicator: "fl-dropdown-menu_item-indicator";
+  readonly itemRightSlot: "fl-dropdown-menu_item-right-slot";
+  readonly arrow: "fl-dropdown-menu_arrow";
+};
+//#endregion
+//#region src/components/dropdown-menu/types.d.ts
+type DropdownMenuRootProps = DropdownMenuRootProps$1;
+type DropdownMenuTriggerProps = DropdownMenuTriggerProps$1 & Omit<ButtonProps, 'type'>;
+type DropdownMenuIconProps = DropdownMenuIconProps$1 & JSX.HTMLAttributes<HTMLSpanElement>;
+type DropdownMenuPortalProps = DropdownMenuPortalProps$1;
+type DropdownMenuContentProps = DropdownMenuContentProps$1 & JSX.HTMLAttributes<HTMLDivElement>;
+type DropdownMenuItemProps = DropdownMenuItemProps$1 & JSX.HTMLAttributes<HTMLDivElement>;
+type DropdownMenuCheckboxItemProps = DropdownMenuCheckboxItemProps$1 & JSX.HTMLAttributes<HTMLDivElement>;
+type DropdownMenuRadioItemProps = DropdownMenuRadioItemProps$1 & JSX.HTMLAttributes<HTMLDivElement>;
+type DropdownMenuRadioGroupProps = DropdownMenuRadioGroupProps$1 & JSX.HTMLAttributes<HTMLDivElement>;
+type DropdownMenuGroupProps = DropdownMenuGroupProps$1 & JSX.HTMLAttributes<HTMLDivElement>;
+type DropdownMenuGroupLabelProps = DropdownMenuGroupLabelProps$1 & JSX.HTMLAttributes<HTMLSpanElement>;
+type DropdownMenuSeparatorProps = DropdownMenuSeparatorProps$1 & JSX.HTMLAttributes<HTMLHRElement>;
+type DropdownMenuItemIndicatorProps = DropdownMenuItemIndicatorProps$1 & JSX.HTMLAttributes<HTMLDivElement>;
+type DropdownMenuSubProps = DropdownMenuSubProps$1;
+type DropdownMenuSubTriggerProps = DropdownMenuSubTriggerProps$1 & JSX.HTMLAttributes<HTMLDivElement>;
+type DropdownMenuSubContentProps = DropdownMenuSubContentProps$1 & JSX.HTMLAttributes<HTMLDivElement>;
+type DropdownMenuArrowProps = DropdownMenuArrowProps$1 & JSX.HTMLAttributes<SVGSVGElement>;
+type DropdownMenuItemRightSlotProps = JSX.HTMLAttributes<HTMLSpanElement>;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-arrow.d.ts
+declare function DropdownMenuArrow(props: DropdownMenuArrowProps): _$solid_js0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-checkbox-item.d.ts
+declare function DropdownMenuCheckboxItem(props: DropdownMenuCheckboxItemProps): _$solid_js0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-content.d.ts
+declare function DropdownMenuContent(props: DropdownMenuContentProps): _$solid_js0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-group.d.ts
+declare function DropdownMenuGroup(props: DropdownMenuGroupProps): _$solid_js0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-group-label.d.ts
+declare function DropdownMenuGroupLabel(props: DropdownMenuGroupLabelProps): _$solid_js0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-icon.d.ts
+declare function DropdownMenuIcon(props: DropdownMenuIconProps): _$solid_js0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item.d.ts
+declare function DropdownMenuItem(props: DropdownMenuItemProps): _$solid_js0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-indicator.d.ts
+declare function DropdownMenuItemIndicator(props: DropdownMenuItemIndicatorProps): _$solid_js0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-right-slot.d.ts
+declare function DropdownMenuItemRightSlot(props: DropdownMenuItemRightSlotProps): _$solid_js0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-portal.d.ts
+declare function DropdownMenuPortal(props: DropdownMenuPortalProps): _$solid_js0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-radio-group.d.ts
+declare function DropdownMenuRadioGroup(props: DropdownMenuRadioGroupProps): _$solid_js0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-radio-item.d.ts
+declare function DropdownMenuRadioItem(props: DropdownMenuRadioItemProps): _$solid_js0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-root.d.ts
+declare function DropdownMenuRoot(props: DropdownMenuRootProps): _$solid_js0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-separator.d.ts
+declare function DropdownMenuSeparator(props: DropdownMenuSeparatorProps): _$solid_js0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-sub.d.ts
+declare function DropdownMenuSub(props: DropdownMenuSubProps): _$solid_js0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-sub-content.d.ts
+declare function DropdownMenuSubContent(props: DropdownMenuSubContentProps): _$solid_js0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-sub-trigger.d.ts
+declare function DropdownMenuSubTrigger(props: DropdownMenuSubTriggerProps): _$solid_js0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-trigger.d.ts
+declare function DropdownMenuTrigger(props: DropdownMenuTriggerProps): _$solid_js0.JSX.Element;
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu.d.ts
+interface DropdownMenuComponent {
+  (props: DropdownMenuRootProps): JSX.Element;
+  Trigger: typeof DropdownMenuTrigger;
+  Icon: typeof DropdownMenuIcon;
+  Portal: typeof DropdownMenuPortal;
+  Content: typeof DropdownMenuContent;
+  Item: typeof DropdownMenuItem;
+  CheckboxItem: typeof DropdownMenuCheckboxItem;
+  RadioItem: typeof DropdownMenuRadioItem;
+  RadioGroup: typeof DropdownMenuRadioGroup;
+  Group: typeof DropdownMenuGroup;
+  GroupLabel: typeof DropdownMenuGroupLabel;
+  Separator: typeof DropdownMenuSeparator;
+  ItemIndicator: typeof DropdownMenuItemIndicator;
+  ItemRightSlot: typeof DropdownMenuItemRightSlot;
+  Sub: typeof DropdownMenuSub;
+  SubTrigger: typeof DropdownMenuSubTrigger;
+  SubContent: typeof DropdownMenuSubContent;
+  Arrow: typeof DropdownMenuArrow;
+}
+declare const DropdownMenu: DropdownMenuComponent;
+//#endregion
+export { DropdownMenu, DropdownMenuArrow, type DropdownMenuArrowProps, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuComponent, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuGroupLabel, type DropdownMenuGroupLabelProps, type DropdownMenuGroupProps, DropdownMenuIcon, type DropdownMenuIconProps, DropdownMenuItem, DropdownMenuItemIndicator, type DropdownMenuItemIndicatorProps, type DropdownMenuItemProps, DropdownMenuItemRightSlot, type DropdownMenuItemRightSlotProps, DropdownMenuPortal, type DropdownMenuPortalProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuRoot, type DropdownMenuRootProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, dropdownMenuClass };
+//# sourceMappingURL=index.d.ts.map

package/dist/dropdown-menu/index.js

@@ -0,0 +1,199 @@
+import './index.css';
+import { t as clsx } from "../lite-CiFvU804.js";
+import { Button } from "../button/index.js";
+import { createComponent, insert, mergeProps, spread, template } from "solid-js/web";
+import { mergeProps as mergeProps$1, splitProps } from "solid-js";
+import { DropdownMenu as DropdownMenu$1 } from "@kobalte/core/dropdown-menu";
+//#region src/components/dropdown-menu/class.ts
+const dropdownMenuClass = {
+	root: "fl-dropdown-menu",
+	trigger: "fl-dropdown-menu_trigger",
+	icon: "fl-dropdown-menu_icon",
+	content: "fl-dropdown-menu_content",
+	subContent: "fl-dropdown-menu_sub-content",
+	item: "fl-dropdown-menu_item",
+	checkboxItem: "fl-dropdown-menu_checkbox-item",
+	radioItem: "fl-dropdown-menu_radio-item",
+	subTrigger: "fl-dropdown-menu_sub-trigger",
+	groupLabel: "fl-dropdown-menu_group-label",
+	separator: "fl-dropdown-menu_separator",
+	itemIndicator: "fl-dropdown-menu_item-indicator",
+	itemRightSlot: "fl-dropdown-menu_item-right-slot",
+	arrow: "fl-dropdown-menu_arrow"
+};
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-arrow.tsx
+function DropdownMenuArrow(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DropdownMenu$1.Arrow, mergeProps({
+		get ["class"]() {
+			return clsx(dropdownMenuClass.arrow, local.class);
+		},
+		size: 8
+	}, rest));
+}
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-checkbox-item.tsx
+function DropdownMenuCheckboxItem(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DropdownMenu$1.CheckboxItem, mergeProps({ get ["class"]() {
+		return clsx(dropdownMenuClass.checkboxItem, local.class);
+	} }, rest));
+}
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-content.tsx
+function DropdownMenuContent(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DropdownMenu$1.Content, mergeProps({ get ["class"]() {
+		return clsx(dropdownMenuClass.content, local.class);
+	} }, rest));
+}
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-group.tsx
+function DropdownMenuGroup(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DropdownMenu$1.Group, mergeProps({ get ["class"]() {
+		return local.class;
+	} }, rest));
+}
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-group-label.tsx
+function DropdownMenuGroupLabel(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DropdownMenu$1.GroupLabel, mergeProps({ get ["class"]() {
+		return clsx(dropdownMenuClass.groupLabel, local.class);
+	} }, rest));
+}
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-icon.tsx
+function DropdownMenuIcon(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DropdownMenu$1.Icon, mergeProps({ get ["class"]() {
+		return clsx(dropdownMenuClass.icon, local.class);
+	} }, rest));
+}
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item.tsx
+function DropdownMenuItem(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DropdownMenu$1.Item, mergeProps({ get ["class"]() {
+		return clsx(dropdownMenuClass.item, local.class);
+	} }, rest));
+}
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-indicator.tsx
+function DropdownMenuItemIndicator(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DropdownMenu$1.ItemIndicator, mergeProps({ get ["class"]() {
+		return clsx(dropdownMenuClass.itemIndicator, local.class);
+	} }, rest));
+}
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-right-slot.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<span>`);
+function DropdownMenuItemRightSlot(props) {
+	const [local, rest] = splitProps(props, ["class", "children"]);
+	return (() => {
+		var _el$ = _tmpl$();
+		spread(_el$, mergeProps({ get ["class"]() {
+			return clsx(dropdownMenuClass.itemRightSlot, local.class);
+		} }, rest), false, true);
+		insert(_el$, () => local.children);
+		return _el$;
+	})();
+}
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-portal.tsx
+function DropdownMenuPortal(props) {
+	return createComponent(DropdownMenu$1.Portal, props);
+}
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-radio-group.tsx
+function DropdownMenuRadioGroup(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DropdownMenu$1.RadioGroup, mergeProps({ get ["class"]() {
+		return local.class;
+	} }, rest));
+}
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-radio-item.tsx
+function DropdownMenuRadioItem(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DropdownMenu$1.RadioItem, mergeProps({ get ["class"]() {
+		return clsx(dropdownMenuClass.radioItem, local.class);
+	} }, rest));
+}
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-root.tsx
+function DropdownMenuRoot(props) {
+	return createComponent(DropdownMenu$1, props);
+}
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-separator.tsx
+function DropdownMenuSeparator(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DropdownMenu$1.Separator, mergeProps({ get ["class"]() {
+		return clsx(dropdownMenuClass.separator, local.class);
+	} }, rest));
+}
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-sub.tsx
+function DropdownMenuSub(props) {
+	return createComponent(DropdownMenu$1.Sub, props);
+}
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-sub-content.tsx
+function DropdownMenuSubContent(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DropdownMenu$1.SubContent, mergeProps({ get ["class"]() {
+		return clsx(dropdownMenuClass.subContent, local.class);
+	} }, rest));
+}
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-sub-trigger.tsx
+function DropdownMenuSubTrigger(props) {
+	const [local, rest] = splitProps(props, ["class"]);
+	return createComponent(DropdownMenu$1.SubTrigger, mergeProps({ get ["class"]() {
+		return clsx(dropdownMenuClass.subTrigger, local.class);
+	} }, rest));
+}
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-trigger.tsx
+function DropdownMenuTrigger(props) {
+	const [local, rest] = splitProps(mergeProps$1({
+		type: "button",
+		variant: "solid",
+		color: "primary"
+	}, props), ["class"]);
+	return createComponent(DropdownMenu$1.Trigger, mergeProps({
+		as: Button,
+		get ["class"]() {
+			return clsx(dropdownMenuClass.trigger, local.class);
+		}
+	}, rest));
+}
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu.tsx
+const DropdownMenu = Object.assign(DropdownMenuRoot, {
+	Trigger: DropdownMenuTrigger,
+	Icon: DropdownMenuIcon,
+	Portal: DropdownMenuPortal,
+	Content: DropdownMenuContent,
+	Item: DropdownMenuItem,
+	CheckboxItem: DropdownMenuCheckboxItem,
+	RadioItem: DropdownMenuRadioItem,
+	RadioGroup: DropdownMenuRadioGroup,
+	Group: DropdownMenuGroup,
+	GroupLabel: DropdownMenuGroupLabel,
+	Separator: DropdownMenuSeparator,
+	ItemIndicator: DropdownMenuItemIndicator,
+	ItemRightSlot: DropdownMenuItemRightSlot,
+	Sub: DropdownMenuSub,
+	SubTrigger: DropdownMenuSubTrigger,
+	SubContent: DropdownMenuSubContent,
+	Arrow: DropdownMenuArrow
+});
+//#endregion
+export { DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuIcon, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuItemRightSlot, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, dropdownMenuClass };
+
+//# sourceMappingURL=index.js.map

package/dist/dropdown-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["DropdownMenu","KDropdownMenu","clsx","splitProps","dropdownMenuClass","DropdownMenuArrowProps","DropdownMenuArrow","props","local","rest","_$createComponent","Arrow","_$mergeProps","class","arrow","size","DropdownMenu","KDropdownMenu","clsx","splitProps","dropdownMenuClass","DropdownMenuCheckboxItemProps","DropdownMenuCheckboxItem","props","local","rest","_$createComponent","CheckboxItem","_$mergeProps","class","checkboxItem","DropdownMenu","KDropdownMenu","clsx","splitProps","dropdownMenuClass","DropdownMenuContentProps","DropdownMenuContent","props","local","rest","_$createComponent","Content","_$mergeProps","class","content","DropdownMenu","KDropdownMenu","splitProps","DropdownMenuGroupProps","DropdownMenuGroup","props","local","rest","_$createComponent","Group","_$mergeProps","class","DropdownMenu","KDropdownMenu","clsx","splitProps","dropdownMenuClass","DropdownMenuGroupLabelProps","DropdownMenuGroupLabel","props","local","rest","_$createComponent","GroupLabel","_$mergeProps","class","groupLabel","DropdownMenu","KDropdownMenu","clsx","splitProps","dropdownMenuClass","DropdownMenuIconProps","DropdownMenuIcon","props","local","rest","_$createComponent","Icon","_$mergeProps","class","icon","DropdownMenu","KDropdownMenu","clsx","splitProps","dropdownMenuClass","DropdownMenuItemProps","DropdownMenuItem","props","local","rest","_$createComponent","Item","_$mergeProps","class","item","DropdownMenu","KDropdownMenu","clsx","splitProps","dropdownMenuClass","DropdownMenuItemIndicatorProps","DropdownMenuItemIndicator","props","local","rest","_$createComponent","ItemIndicator","_$mergeProps","class","itemIndicator","clsx","splitProps","dropdownMenuClass","DropdownMenuItemRightSlotProps","DropdownMenuItemRightSlot","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","itemRightSlot","_$insert","children","DropdownMenu","KDropdownMenu","DropdownMenuPortalProps","DropdownMenuPortal","props","_$createComponent","Portal","DropdownMenu","KDropdownMenu","splitProps","DropdownMenuRadioGroupProps","DropdownMenuRadioGroup","props","local","rest","_$createComponent","RadioGroup","_$mergeProps","class","DropdownMenu","KDropdownMenu","clsx","splitProps","dropdownMenuClass","DropdownMenuRadioItemProps","DropdownMenuRadioItem","props","local","rest","_$createComponent","RadioItem","_$mergeProps","class","radioItem","DropdownMenu","KDropdownMenu","DropdownMenuRootProps","DropdownMenuRoot","props","_$createComponent","DropdownMenu","KDropdownMenu","clsx","splitProps","dropdownMenuClass","DropdownMenuSeparatorProps","DropdownMenuSeparator","props","local","rest","_$createComponent","Separator","_$mergeProps","class","separator","DropdownMenu","KDropdownMenu","DropdownMenuSubProps","DropdownMenuSub","props","_$createComponent","Sub","DropdownMenu","KDropdownMenu","clsx","splitProps","dropdownMenuClass","DropdownMenuSubContentProps","DropdownMenuSubContent","props","local","rest","_$createComponent","SubContent","_$mergeProps","class","subContent","DropdownMenu","KDropdownMenu","clsx","splitProps","dropdownMenuClass","DropdownMenuSubTriggerProps","DropdownMenuSubTrigger","props","local","rest","_$createComponent","SubTrigger","_$mergeProps","class","subTrigger","DropdownMenu","KDropdownMenu","clsx","mergeProps","splitProps","Button","dropdownMenuClass","DropdownMenuTriggerProps","DropdownMenuTrigger","props","merged","type","variant","color","const","local","rest","_$createComponent","Trigger","_$mergeProps","as","class","trigger","JSX","DropdownMenuArrow","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuGroup","DropdownMenuGroupLabel","DropdownMenuIcon","DropdownMenuItem","DropdownMenuItemIndicator","DropdownMenuItemRightSlot","DropdownMenuPortal","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuRoot","DropdownMenuSeparator","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger","DropdownMenuTrigger","DropdownMenuRootProps","DropdownMenuArrowProps","DropdownMenuCheckboxItemProps","DropdownMenuContentProps","DropdownMenuGroupLabelProps","DropdownMenuGroupProps","DropdownMenuIconProps","DropdownMenuItemIndicatorProps","DropdownMenuItemProps","DropdownMenuItemRightSlotProps","DropdownMenuPortalProps","DropdownMenuRadioGroupProps","DropdownMenuRadioItemProps","DropdownMenuSeparatorProps","DropdownMenuSubContentProps","DropdownMenuSubProps","DropdownMenuSubTriggerProps","DropdownMenuTriggerProps","DropdownMenuComponent","props","Element","Trigger","Icon","Portal","Content","Item","CheckboxItem","RadioItem","RadioGroup","Group","GroupLabel","Separator","ItemIndicator","ItemRightSlot","Sub","SubTrigger","SubContent","Arrow","DropdownMenu","Object","assign"],"sources":["../../src/components/dropdown-menu/class.ts","../../src/components/dropdown-menu/dropdown-menu-arrow.tsx","../../src/components/dropdown-menu/dropdown-menu-checkbox-item.tsx","../../src/components/dropdown-menu/dropdown-menu-content.tsx","../../src/components/dropdown-menu/dropdown-menu-group.tsx","../../src/components/dropdown-menu/dropdown-menu-group-label.tsx","../../src/components/dropdown-menu/dropdown-menu-icon.tsx","../../src/components/dropdown-menu/dropdown-menu-item.tsx","../../src/components/dropdown-menu/dropdown-menu-item-indicator.tsx","../../src/components/dropdown-menu/dropdown-menu-item-right-slot.tsx","../../src/components/dropdown-menu/dropdown-menu-portal.tsx","../../src/components/dropdown-menu/dropdown-menu-radio-group.tsx","../../src/components/dropdown-menu/dropdown-menu-radio-item.tsx","../../src/components/dropdown-menu/dropdown-menu-root.tsx","../../src/components/dropdown-menu/dropdown-menu-separator.tsx","../../src/components/dropdown-menu/dropdown-menu-sub.tsx","../../src/components/dropdown-menu/dropdown-menu-sub-content.tsx","../../src/components/dropdown-menu/dropdown-menu-sub-trigger.tsx","../../src/components/dropdown-menu/dropdown-menu-trigger.tsx","../../src/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["export const dropdownMenuClass = {\n\troot: 'fl-dropdown-menu',\n\ttrigger: 'fl-dropdown-menu_trigger',\n\ticon: 'fl-dropdown-menu_icon',\n\tcontent: 'fl-dropdown-menu_content',\n\tsubContent: 'fl-dropdown-menu_sub-content',\n\titem: 'fl-dropdown-menu_item',\n\tcheckboxItem: 'fl-dropdown-menu_checkbox-item',\n\tradioItem: 'fl-dropdown-menu_radio-item',\n\tsubTrigger: 'fl-dropdown-menu_sub-trigger',\n\tgroupLabel: 'fl-dropdown-menu_group-label',\n\tseparator: 'fl-dropdown-menu_separator',\n\titemIndicator: 'fl-dropdown-menu_item-indicator',\n\titemRightSlot: 'fl-dropdown-menu_item-right-slot',\n\tarrow: 'fl-dropdown-menu_arrow',\n} as const;\n","import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuArrowProps } from './types';\nimport './dropdown-menu-arrow.css';\n\nexport function DropdownMenuArrow(props: DropdownMenuArrowProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.Arrow\n\t\t\tclass={clsx(dropdownMenuClass.arrow, local.class)}\n\t\t\tsize={8}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n","import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuCheckboxItemProps } from './types';\nimport './dropdown-menu-checkbox-item.css';\n\nexport function DropdownMenuCheckboxItem(props: DropdownMenuCheckboxItemProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.CheckboxItem\n\t\t\tclass={clsx(dropdownMenuClass.checkboxItem, local.class)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n","import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuContentProps } from './types';\nimport './dropdown-menu-content.css';\n\nexport function DropdownMenuContent(props: DropdownMenuContentProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.Content\n\t\t\tclass={clsx(dropdownMenuClass.content, local.class)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n","import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport { splitProps } from 'solid-js';\nimport type { DropdownMenuGroupProps } from './types';\n\nexport function DropdownMenuGroup(props: DropdownMenuGroupProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.Group\n\t\t\tclass={local.class}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n","import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuGroupLabelProps } from './types';\nimport './dropdown-menu-group-label.css';\n\nexport function DropdownMenuGroupLabel(props: DropdownMenuGroupLabelProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.GroupLabel\n\t\t\tclass={clsx(dropdownMenuClass.groupLabel, local.class)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n","import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuIconProps } from './types';\nimport './dropdown-menu-icon.css';\n\nexport function DropdownMenuIcon(props: DropdownMenuIconProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.Icon\n\t\t\tclass={clsx(dropdownMenuClass.icon, local.class)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n","import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuItemProps } from './types';\nimport './dropdown-menu-item.css';\n\nexport function DropdownMenuItem(props: DropdownMenuItemProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.Item\n\t\t\tclass={clsx(dropdownMenuClass.item, local.class)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n","import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuItemIndicatorProps } from './types';\nimport './dropdown-menu-item-indicator.css';\n\nexport function DropdownMenuItemIndicator(props: DropdownMenuItemIndicatorProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.ItemIndicator\n\t\t\tclass={clsx(dropdownMenuClass.itemIndicator, local.class)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n","import clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuItemRightSlotProps } from './types';\nimport './dropdown-menu-item-right-slot.css';\n\nexport function DropdownMenuItemRightSlot(props: DropdownMenuItemRightSlotProps) {\n\tconst [local, rest] = splitProps(props, ['class', 'children']);\n\treturn (\n\t\t<span\n\t\t\tclass={clsx(dropdownMenuClass.itemRightSlot, local.class)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{local.children}\n\t\t</span>\n\t);\n}\n","import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport type { DropdownMenuPortalProps } from './types';\n\nexport function DropdownMenuPortal(props: DropdownMenuPortalProps) {\n\treturn <KDropdownMenu.Portal {...props} />;\n}\n","import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport { splitProps } from 'solid-js';\nimport type { DropdownMenuRadioGroupProps } from './types';\n\nexport function DropdownMenuRadioGroup(props: DropdownMenuRadioGroupProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.RadioGroup\n\t\t\tclass={local.class}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n","import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuRadioItemProps } from './types';\nimport './dropdown-menu-radio-item.css';\n\nexport function DropdownMenuRadioItem(props: DropdownMenuRadioItemProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.RadioItem\n\t\t\tclass={clsx(dropdownMenuClass.radioItem, local.class)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n","import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport type { DropdownMenuRootProps } from './types';\n\nexport function DropdownMenuRoot(props: DropdownMenuRootProps) {\n\treturn <KDropdownMenu {...props} />;\n}\n","import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuSeparatorProps } from './types';\nimport './dropdown-menu-separator.css';\n\nexport function DropdownMenuSeparator(props: DropdownMenuSeparatorProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.Separator\n\t\t\tclass={clsx(dropdownMenuClass.separator, local.class)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n","import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport type { DropdownMenuSubProps } from './types';\n\nexport function DropdownMenuSub(props: DropdownMenuSubProps) {\n\treturn <KDropdownMenu.Sub {...props} />;\n}\n","import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuSubContentProps } from './types';\nimport './dropdown-menu-sub-content.css';\n\nexport function DropdownMenuSubContent(props: DropdownMenuSubContentProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.SubContent\n\t\t\tclass={clsx(dropdownMenuClass.subContent, local.class)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n","import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { splitProps } from 'solid-js';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuSubTriggerProps } from './types';\nimport './dropdown-menu-sub-trigger.css';\n\nexport function DropdownMenuSubTrigger(props: DropdownMenuSubTriggerProps) {\n\tconst [local, rest] = splitProps(props, ['class']);\n\treturn (\n\t\t<KDropdownMenu.SubTrigger\n\t\t\tclass={clsx(dropdownMenuClass.subTrigger, local.class)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n","import { DropdownMenu as KDropdownMenu } from '@kobalte/core/dropdown-menu';\nimport clsx from 'clsx/lite';\nimport { mergeProps, splitProps } from 'solid-js';\nimport { Button } from '../button';\nimport { dropdownMenuClass } from './class';\nimport type { DropdownMenuTriggerProps } from './types';\nimport './dropdown-menu-trigger.css';\n\nexport function DropdownMenuTrigger(props: DropdownMenuTriggerProps) {\n\tconst merged = mergeProps(\n\t\t{\n\t\t\ttype: 'button',\n\t\t\tvariant: 'solid',\n\t\t\tcolor: 'primary',\n\t\t} as const,\n\t\tprops,\n\t);\n\tconst [local, rest] = splitProps(merged, ['class']);\n\n\treturn (\n\t\t<KDropdownMenu.Trigger\n\t\t\tas={Button}\n\t\t\tclass={clsx(dropdownMenuClass.trigger, local.class)}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n","import type { JSX } from 'solid-js';\nimport { DropdownMenuArrow } from './dropdown-menu-arrow';\nimport { DropdownMenuCheckboxItem } from './dropdown-menu-checkbox-item';\nimport { DropdownMenuContent } from './dropdown-menu-content';\nimport { DropdownMenuGroup } from './dropdown-menu-group';\nimport { DropdownMenuGroupLabel } from './dropdown-menu-group-label';\nimport { DropdownMenuIcon } from './dropdown-menu-icon';\nimport { DropdownMenuItem } from './dropdown-menu-item';\nimport { DropdownMenuItemIndicator } from './dropdown-menu-item-indicator';\nimport { DropdownMenuItemRightSlot } from './dropdown-menu-item-right-slot';\nimport { DropdownMenuPortal } from './dropdown-menu-portal';\nimport { DropdownMenuRadioGroup } from './dropdown-menu-radio-group';\nimport { DropdownMenuRadioItem } from './dropdown-menu-radio-item';\nimport { DropdownMenuRoot } from './dropdown-menu-root';\nimport { DropdownMenuSeparator } from './dropdown-menu-separator';\nimport { DropdownMenuSub } from './dropdown-menu-sub';\nimport { DropdownMenuSubContent } from './dropdown-menu-sub-content';\nimport { DropdownMenuSubTrigger } from './dropdown-menu-sub-trigger';\nimport { DropdownMenuTrigger } from './dropdown-menu-trigger';\nimport type { DropdownMenuRootProps } from './types';\n\nexport type {\n\tDropdownMenuArrowProps,\n\tDropdownMenuCheckboxItemProps,\n\tDropdownMenuContentProps,\n\tDropdownMenuGroupLabelProps,\n\tDropdownMenuGroupProps,\n\tDropdownMenuIconProps,\n\tDropdownMenuItemIndicatorProps,\n\tDropdownMenuItemProps,\n\tDropdownMenuItemRightSlotProps,\n\tDropdownMenuPortalProps,\n\tDropdownMenuRadioGroupProps,\n\tDropdownMenuRadioItemProps,\n\tDropdownMenuRootProps,\n\tDropdownMenuSeparatorProps,\n\tDropdownMenuSubContentProps,\n\tDropdownMenuSubProps,\n\tDropdownMenuSubTriggerProps,\n\tDropdownMenuTriggerProps,\n} from './types';\nexport {\n\tDropdownMenuArrow,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuGroupLabel,\n\tDropdownMenuIcon,\n\tDropdownMenuItem,\n\tDropdownMenuItemIndicator,\n\tDropdownMenuItemRightSlot,\n\tDropdownMenuPortal,\n\tDropdownMenuRadioGroup,\n\tDropdownMenuRadioItem,\n\tDropdownMenuRoot,\n\tDropdownMenuSeparator,\n\tDropdownMenuSub,\n\tDropdownMenuSubContent,\n\tDropdownMenuSubTrigger,\n\tDropdownMenuTrigger,\n};\n\nexport interface DropdownMenuComponent {\n\t(props: DropdownMenuRootProps): JSX.Element;\n\tTrigger: typeof DropdownMenuTrigger;\n\tIcon: typeof DropdownMenuIcon;\n\tPortal: typeof DropdownMenuPortal;\n\tContent: typeof DropdownMenuContent;\n\tItem: typeof DropdownMenuItem;\n\tCheckboxItem: typeof DropdownMenuCheckboxItem;\n\tRadioItem: typeof DropdownMenuRadioItem;\n\tRadioGroup: typeof DropdownMenuRadioGroup;\n\tGroup: typeof DropdownMenuGroup;\n\tGroupLabel: typeof DropdownMenuGroupLabel;\n\tSeparator: typeof DropdownMenuSeparator;\n\tItemIndicator: typeof DropdownMenuItemIndicator;\n\tItemRightSlot: typeof DropdownMenuItemRightSlot;\n\tSub: typeof DropdownMenuSub;\n\tSubTrigger: typeof DropdownMenuSubTrigger;\n\tSubContent: typeof DropdownMenuSubContent;\n\tArrow: typeof DropdownMenuArrow;\n}\n\nexport const DropdownMenu: DropdownMenuComponent = Object.assign(DropdownMenuRoot, {\n\tTrigger: DropdownMenuTrigger,\n\tIcon: DropdownMenuIcon,\n\tPortal: DropdownMenuPortal,\n\tContent: DropdownMenuContent,\n\tItem: DropdownMenuItem,\n\tCheckboxItem: DropdownMenuCheckboxItem,\n\tRadioItem: DropdownMenuRadioItem,\n\tRadioGroup: DropdownMenuRadioGroup,\n\tGroup: DropdownMenuGroup,\n\tGroupLabel: DropdownMenuGroupLabel,\n\tSeparator: DropdownMenuSeparator,\n\tItemIndicator: DropdownMenuItemIndicator,\n\tItemRightSlot: DropdownMenuItemRightSlot,\n\tSub: DropdownMenuSub,\n\tSubTrigger: DropdownMenuSubTrigger,\n\tSubContent: DropdownMenuSubContent,\n\tArrow: DropdownMenuArrow,\n});\n"],"mappings":"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"}