@remember-web/primitive 0.0.0-alpha.1

package/dist/primitive/src/Floating/DropdownMenu/DropdownMenuSection.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuSection.cjs","sources":["../../../../../src/Floating/DropdownMenu/DropdownMenuSection.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  StyledDropdownMenuSectionTitle,\n  StyledDropdownMenuSection,\n} from '@/Floating/DropdownMenu/styles';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\n\ntype DropdownMenuSectionProps<As> = GetStyledComponentProps<\n  typeof StyledDropdownMenuSection,\n  As\n> & {\n  title?: ReactNode;\n};\n\nexport const DropdownMenuSection = <As,>({\n  title,\n  children,\n  ...props\n}: DropdownMenuSectionProps<As>) => (\n  <StyledDropdownMenuSection {...props}>\n    {title && (\n      <StyledDropdownMenuSectionTitle>{title}</StyledDropdownMenuSectionTitle>\n    )}\n    {children}\n  </StyledDropdownMenuSection>\n);\n"],"names":["DropdownMenuSection","_ref","title","children","props","_objectWithoutProperties","_excluded","_jsxs","StyledDropdownMenuSection","_objectSpread","_jsx","StyledDropdownMenuSectionTitle"],"mappings":";;;;;;;;;;;;;;;IAeaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC9BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AACLC,IAAAA,KAAK,GAAAC,yCAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAAA,oBAERC,eAAA,CAACC,gCAAyB,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAD,IAAAA,QAAA,EACjCD,CAAAA,KAAK,iBACJQ,cAAA,CAACC,qCAA8B,EAAA;AAAAR,MAAAA,QAAA,EAAED,KAAAA;KAAsC,CACxE,EACAC,QAAQ,CAAA;AAAA,GAAA,CACgB,CAAC,CAAA;AAAA;;;;"}

package/dist/primitive/src/Floating/DropdownMenu/DropdownMenuSection.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+import { StyledDropdownMenuSection } from '@/Floating/DropdownMenu/styles';
+import type { GetStyledComponentProps } from '@remember-web/shared/types/styles';
+type DropdownMenuSectionProps<As> = GetStyledComponentProps<typeof StyledDropdownMenuSection, As> & {
+    title?: ReactNode;
+};
+export declare const DropdownMenuSection: <As>({ title, children, ...props }: DropdownMenuSectionProps<As>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DropdownMenuSection.d.ts.map

package/dist/primitive/src/Floating/DropdownMenu/DropdownMenuSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuSection.d.ts","sourceRoot":"","sources":["../../../../../src/Floating/DropdownMenu/DropdownMenuSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAEL,yBAAyB,EAC1B,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAEjF,KAAK,wBAAwB,CAAC,EAAE,IAAI,uBAAuB,CACzD,OAAO,yBAAyB,EAChC,EAAE,CACH,GAAG;IACF,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,sCAI7B,yBAAyB,EAAE,CAAC,4CAO9B,CAAC"}

package/dist/primitive/src/Floating/DropdownMenu/DropdownMenuSection.js

@@ -0,0 +1,21 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { StyledDropdownMenuSection, StyledDropdownMenuSectionTitle } from './styles.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["title", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DropdownMenuSection = function DropdownMenuSection(_ref) {
+  var title = _ref.title,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsxs(StyledDropdownMenuSection, _objectSpread(_objectSpread({}, props), {}, {
+    children: [title && /*#__PURE__*/jsx(StyledDropdownMenuSectionTitle, {
+      children: title
+    }), children]
+  }));
+};
+
+export { DropdownMenuSection };
+//# sourceMappingURL=DropdownMenuSection.js.map

package/dist/primitive/src/Floating/DropdownMenu/DropdownMenuSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuSection.js","sources":["../../../../../src/Floating/DropdownMenu/DropdownMenuSection.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  StyledDropdownMenuSectionTitle,\n  StyledDropdownMenuSection,\n} from '@/Floating/DropdownMenu/styles';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\n\ntype DropdownMenuSectionProps<As> = GetStyledComponentProps<\n  typeof StyledDropdownMenuSection,\n  As\n> & {\n  title?: ReactNode;\n};\n\nexport const DropdownMenuSection = <As,>({\n  title,\n  children,\n  ...props\n}: DropdownMenuSectionProps<As>) => (\n  <StyledDropdownMenuSection {...props}>\n    {title && (\n      <StyledDropdownMenuSectionTitle>{title}</StyledDropdownMenuSectionTitle>\n    )}\n    {children}\n  </StyledDropdownMenuSection>\n);\n"],"names":["DropdownMenuSection","_ref","title","children","props","_objectWithoutProperties","_excluded","_jsxs","StyledDropdownMenuSection","_objectSpread","_jsx","StyledDropdownMenuSectionTitle"],"mappings":";;;;;;;;IAeaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC9BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AACLC,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAAA,oBAERC,IAAA,CAACC,yBAAyB,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAD,IAAAA,QAAA,EACjCD,CAAAA,KAAK,iBACJQ,GAAA,CAACC,8BAA8B,EAAA;AAAAR,MAAAA,QAAA,EAAED,KAAAA;KAAsC,CACxE,EACAC,QAAQ,CAAA;AAAA,GAAA,CACgB,CAAC,CAAA;AAAA;;;;"}

package/dist/primitive/src/Floating/DropdownMenu/index.cjs

@@ -0,0 +1,62 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var RadixPopover = require('@radix-ui/react-popover');
+var styles = require('./styles.cjs');
+var index = require('../Popover/index.cjs');
+var DropdownMenuSection = require('./DropdownMenuSection.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+var RadixPopover__namespace = /*#__PURE__*/_interopNamespace(RadixPopover);
+
+var _excluded = ["isInsideCloseable"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * Popover에 DropdownMenu Parts들을 추가한 컴포넌트
+ * @see Popover
+ */
+var DropdownMenu = Object.assign(RadixPopover__namespace.Root.bind(null), {
+  Content: function Content(_ref) {
+    var _ref$isInsideCloseabl = _ref.isInsideCloseable,
+      isInsideCloseable = _ref$isInsideCloseabl === void 0 ? false : _ref$isInsideCloseabl,
+      props = _objectWithoutProperties__default.default(_ref, _excluded);
+    return isInsideCloseable ? /*#__PURE__*/jsxRuntime.jsx(RadixPopover__namespace.Close, {
+      asChild: true,
+      children: /*#__PURE__*/jsxRuntime.jsx(styles.StyledDropdownMenuContent, _objectSpread({}, props))
+    }) : /*#__PURE__*/jsxRuntime.jsx(styles.StyledDropdownMenuContent, _objectSpread({}, props));
+  },
+  Arrow: index.Arrow,
+  Trigger: index.Trigger,
+  Portal: index.Portal,
+  Anchor: index.Anchor,
+  Close: index.Close,
+  Section: DropdownMenuSection.DropdownMenuSection,
+  Item: styles.StyledDropdownMenuItem
+});
+
+module.exports = DropdownMenu;
+//# sourceMappingURL=index.cjs.map

package/dist/primitive/src/Floating/DropdownMenu/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/Floating/DropdownMenu/index.tsx"],"sourcesContent":["import * as RadixPopover from '@radix-ui/react-popover';\n\nimport type { PopoverContentProps, PopoverProps } from '@/Floating/Popover';\nimport {\n  StyledDropdownMenuContent,\n  StyledDropdownMenuItem,\n} from '@/Floating/DropdownMenu/styles';\nimport Popover from '@/Floating/Popover';\n\nimport { DropdownMenuSection } from './DropdownMenuSection';\n\nexport interface DropdownContentProps extends PopoverContentProps {}\nexport interface DropdownMenuProps extends PopoverProps {}\n/**\n * Popover에 DropdownMenu Parts들을 추가한 컴포넌트\n * @see Popover\n */\nconst DropdownMenu = Object.assign(RadixPopover.Root.bind(null), {\n  Content: ({ isInsideCloseable = false, ...props }: DropdownContentProps) =>\n    isInsideCloseable ? (\n      <RadixPopover.Close asChild>\n        <StyledDropdownMenuContent {...props} />\n      </RadixPopover.Close>\n    ) : (\n      <StyledDropdownMenuContent {...props} />\n    ),\n  Arrow: Popover.Arrow,\n  Trigger: Popover.Trigger,\n  Portal: Popover.Portal,\n  Anchor: Popover.Anchor,\n  Close: Popover.Close,\n  Section: DropdownMenuSection,\n  Item: StyledDropdownMenuItem,\n});\n\nexport default DropdownMenu;\n"],"names":["DropdownMenu","Object","assign","RadixPopover","Root","bind","Content","_ref","_ref$isInsideCloseabl","isInsideCloseable","props","_objectWithoutProperties","_excluded","_jsx","Close","asChild","children","StyledDropdownMenuContent","_objectSpread","Arrow","Popover","Trigger","Portal","Anchor","Section","DropdownMenuSection","Item","StyledDropdownMenuItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA;AACA;AACA;AACA;AACA,IAAMA,YAAY,GAAGC,MAAM,CAACC,MAAM,CAACC,uBAAY,CAACC,IAAI,CAACC,IAAI,CAAC,IAAI,CAAC,EAAE;EAC/DC,OAAO,EAAE,SAAAA,OAAAA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAAC,qBAAA,GAAAD,IAAA,CAAGE,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;AAAKE,MAAAA,KAAK,GAAAC,yCAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,IAAA,OAC7CH,iBAAiB,gBACfI,cAAA,CAACV,uBAAY,CAACW,KAAK,EAAA;MAACC,OAAO,EAAA,IAAA;MAAAC,QAAA,eACzBH,cAAA,CAACI,gCAAyB,EAAAC,aAAA,CAAA,EAAA,EAAKR,KAAK,CAAG,CAAA;KACrB,CAAC,gBAErBG,cAAA,CAACI,gCAAyB,EAAAC,aAAA,CAAA,EAAA,EAAKR,KAAK,CAAG,CACxC,CAAA;AAAA,GAAA;EACHS,KAAK,EAAEC,KAAO,CAACD,KAAK;EACpBE,OAAO,EAAED,KAAO,CAACC,OAAO;EACxBC,MAAM,EAAEF,KAAO,CAACE,MAAM;EACtBC,MAAM,EAAEH,KAAO,CAACG,MAAM;EACtBT,KAAK,EAAEM,KAAO,CAACN,KAAK;AACpBU,EAAAA,OAAO,EAAEC,uCAAmB;AAC5BC,EAAAA,IAAI,EAAEC,6BAAAA;AACR,CAAC;;;;"}

package/dist/primitive/src/Floating/DropdownMenu/index.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import * as RadixPopover from '@radix-ui/react-popover';
+import type { PopoverContentProps, PopoverProps } from '@/Floating/Popover';
+export interface DropdownContentProps extends PopoverContentProps {
+}
+export interface DropdownMenuProps extends PopoverProps {
+}
+/**
+ * Popover에 DropdownMenu Parts들을 추가한 컴포넌트
+ * @see Popover
+ */
+declare const DropdownMenu: import("react").FC<RadixPopover.PopoverProps> & {
+    Content: ({ isInsideCloseable, ...props }: DropdownContentProps) => import("react/jsx-runtime").JSX.Element;
+    Arrow: import("react").ForwardRefExoticComponent<RadixPopover.PopoverArrowProps & import("react").RefAttributes<SVGSVGElement>>;
+    Trigger: (props: RadixPopover.PopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Portal: import("react").FC<RadixPopover.PopoverPortalProps>;
+    Anchor: import("react").ForwardRefExoticComponent<RadixPopover.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
+    Close: import("react").ForwardRefExoticComponent<RadixPopover.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Section: <As>({ title, children, ...props }: (As extends import("styled-components").WebTarget ? import("styled-components").PolymorphicComponentProps<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, As, void> : import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>) & {
+        title?: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Item: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    }>, import("@remember-web/shared/types").ConvertTransientProps<import("@/Floating/DropdownMenu/styles").StyledDropdownMenuItemProps>>, import("@/Floating/DropdownMenu/styles").StyledDropdownMenuItemProps>>;
+};
+export default DropdownMenu;
+//# sourceMappingURL=index.d.ts.map

package/dist/primitive/src/Floating/DropdownMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Floating/DropdownMenu/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AAExD,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAS5E,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB;CAAG;AACpE,MAAM,WAAW,iBAAkB,SAAQ,YAAY;CAAG;AAC1D;;;GAGG;AACH,QAAA,MAAM,YAAY;+CACmC,oBAAoB;;;;;;;;;;;;CAevE,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/primitive/src/Floating/DropdownMenu/index.js

@@ -0,0 +1,36 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import * as RadixPopover from '@radix-ui/react-popover';
+import { StyledDropdownMenuContent, StyledDropdownMenuItem } from './styles.js';
+import Popover from '../Popover/index.js';
+import { DropdownMenuSection } from './DropdownMenuSection.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["isInsideCloseable"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * Popover에 DropdownMenu Parts들을 추가한 컴포넌트
+ * @see Popover
+ */
+var DropdownMenu = Object.assign(RadixPopover.Root.bind(null), {
+  Content: function Content(_ref) {
+    var _ref$isInsideCloseabl = _ref.isInsideCloseable,
+      isInsideCloseable = _ref$isInsideCloseabl === void 0 ? false : _ref$isInsideCloseabl,
+      props = _objectWithoutProperties(_ref, _excluded);
+    return isInsideCloseable ? /*#__PURE__*/jsx(RadixPopover.Close, {
+      asChild: true,
+      children: /*#__PURE__*/jsx(StyledDropdownMenuContent, _objectSpread({}, props))
+    }) : /*#__PURE__*/jsx(StyledDropdownMenuContent, _objectSpread({}, props));
+  },
+  Arrow: Popover.Arrow,
+  Trigger: Popover.Trigger,
+  Portal: Popover.Portal,
+  Anchor: Popover.Anchor,
+  Close: Popover.Close,
+  Section: DropdownMenuSection,
+  Item: StyledDropdownMenuItem
+});
+
+export { DropdownMenu as default };
+//# sourceMappingURL=index.js.map

package/dist/primitive/src/Floating/DropdownMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/Floating/DropdownMenu/index.tsx"],"sourcesContent":["import * as RadixPopover from '@radix-ui/react-popover';\n\nimport type { PopoverContentProps, PopoverProps } from '@/Floating/Popover';\nimport {\n  StyledDropdownMenuContent,\n  StyledDropdownMenuItem,\n} from '@/Floating/DropdownMenu/styles';\nimport Popover from '@/Floating/Popover';\n\nimport { DropdownMenuSection } from './DropdownMenuSection';\n\nexport interface DropdownContentProps extends PopoverContentProps {}\nexport interface DropdownMenuProps extends PopoverProps {}\n/**\n * Popover에 DropdownMenu Parts들을 추가한 컴포넌트\n * @see Popover\n */\nconst DropdownMenu = Object.assign(RadixPopover.Root.bind(null), {\n  Content: ({ isInsideCloseable = false, ...props }: DropdownContentProps) =>\n    isInsideCloseable ? (\n      <RadixPopover.Close asChild>\n        <StyledDropdownMenuContent {...props} />\n      </RadixPopover.Close>\n    ) : (\n      <StyledDropdownMenuContent {...props} />\n    ),\n  Arrow: Popover.Arrow,\n  Trigger: Popover.Trigger,\n  Portal: Popover.Portal,\n  Anchor: Popover.Anchor,\n  Close: Popover.Close,\n  Section: DropdownMenuSection,\n  Item: StyledDropdownMenuItem,\n});\n\nexport default DropdownMenu;\n"],"names":["DropdownMenu","Object","assign","RadixPopover","Root","bind","Content","_ref","_ref$isInsideCloseabl","isInsideCloseable","props","_objectWithoutProperties","_excluded","_jsx","Close","asChild","children","StyledDropdownMenuContent","_objectSpread","Arrow","Popover","Trigger","Portal","Anchor","Section","DropdownMenuSection","Item","StyledDropdownMenuItem"],"mappings":";;;;;;;;;;;AAaA;AACA;AACA;AACA;AACA,IAAMA,YAAY,GAAGC,MAAM,CAACC,MAAM,CAACC,YAAY,CAACC,IAAI,CAACC,IAAI,CAAC,IAAI,CAAC,EAAE;EAC/DC,OAAO,EAAE,SAAAA,OAAAA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAAC,qBAAA,GAAAD,IAAA,CAAGE,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;AAAKE,MAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,IAAA,OAC7CH,iBAAiB,gBACfI,GAAA,CAACV,YAAY,CAACW,KAAK,EAAA;MAACC,OAAO,EAAA,IAAA;MAAAC,QAAA,eACzBH,GAAA,CAACI,yBAAyB,EAAAC,aAAA,CAAA,EAAA,EAAKR,KAAK,CAAG,CAAA;KACrB,CAAC,gBAErBG,GAAA,CAACI,yBAAyB,EAAAC,aAAA,CAAA,EAAA,EAAKR,KAAK,CAAG,CACxC,CAAA;AAAA,GAAA;EACHS,KAAK,EAAEC,OAAO,CAACD,KAAK;EACpBE,OAAO,EAAED,OAAO,CAACC,OAAO;EACxBC,MAAM,EAAEF,OAAO,CAACE,MAAM;EACtBC,MAAM,EAAEH,OAAO,CAACG,MAAM;EACtBT,KAAK,EAAEM,OAAO,CAACN,KAAK;AACpBU,EAAAA,OAAO,EAAEC,mBAAmB;AAC5BC,EAAAA,IAAI,EAAEC,sBAAAA;AACR,CAAC;;;;"}

package/dist/primitive/src/Floating/DropdownMenu/styles.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var styled = require('styled-components');
+var mixin = require('@remember-web/mixin');
+var styles = require('../Popover/styles.cjs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _excluded = ["active", "disabled"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var dropdownMenuItemCSS = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n\n  ", ";\n  color: ", ";\n  transition: background-color 0.07s;\n  border-radius: unset;\n  text-decoration: none;\n"])), mixin.getTypographyStyles('Body1'), mixin.contents000);
+var DropdownMenuItemHoverCSS = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n  &:hover,\n  &:focus-visible {\n    background-color: ", ";\n  }\n"])), mixin.bg200);
+var DropdownMenuItemDisabledCSS = styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n  pointer-events: none;\n"])));
+var StyledDropdownMenuSectionTitle = styled__default.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default.default(["\n  ", ";\n  ", ";\n  color: ", ";\n"])), dropdownMenuItemCSS, mixin.getTypographyStyles('Body2_M'), mixin.contents200);
+var getDropdownMenuItemCss = function getDropdownMenuItemCss(_ref) {
+  var $active = _ref.$active,
+    $disabled = _ref.$disabled;
+  return styled.css(function () {
+    return [dropdownMenuItemCSS, !$active && DropdownMenuItemHoverCSS, $disabled && DropdownMenuItemDisabledCSS, styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default.default(["\n      font-weight: ", ";\n\n      &:focus-visible {\n        outline: none;\n      }\n    "])), $active ? 600 : 400)];
+  });
+};
+var StyledDropdownMenuItem = styled__default.default.div.attrs(function (_ref2) {
+  var active = _ref2.active,
+    disabled = _ref2.disabled,
+    props = _objectWithoutProperties__default.default(_ref2, _excluded);
+  return _objectSpread({
+    tabIndex: active ? -1 : undefined,
+    $active: active,
+    $disabled: disabled
+  }, props);
+})(getDropdownMenuItemCss);
+var StyledDropdownMenuSection = styled__default.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default.default([""])));
+var StyledDropdownMenuContent = styled__default.default(styles.StyledPopoverContent)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral__default.default(["\n  ", " {\n    border-bottom: 1px solid ", ";\n  }\n  ", ":last-child {\n    border-bottom: none;\n  }\n"])), StyledDropdownMenuSection, mixin.divider, StyledDropdownMenuSection);
+StyledDropdownMenuItem.defaultProps = {};
+
+exports.DropdownMenuItemDisabledCSS = DropdownMenuItemDisabledCSS;
+exports.DropdownMenuItemHoverCSS = DropdownMenuItemHoverCSS;
+exports.StyledDropdownMenuContent = StyledDropdownMenuContent;
+exports.StyledDropdownMenuItem = StyledDropdownMenuItem;
+exports.StyledDropdownMenuSection = StyledDropdownMenuSection;
+exports.StyledDropdownMenuSectionTitle = StyledDropdownMenuSectionTitle;
+exports.dropdownMenuItemCSS = dropdownMenuItemCSS;
+exports.getDropdownMenuItemCss = getDropdownMenuItemCss;
+//# sourceMappingURL=styles.cjs.map

package/dist/primitive/src/Floating/DropdownMenu/styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs","sources":["../../../../../src/Floating/DropdownMenu/styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { bg200, contents000, contents200, divider } from '@remember-web/mixin';\nimport { getTypographyStyles } from '@remember-web/mixin';\nimport type { ConvertTransientProps } from '@remember-web/shared/types/styles';\nimport { StyledPopoverContent } from '@/Floating/Popover/styles';\n\nexport const dropdownMenuItemCSS = css`\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n\n  ${getTypographyStyles('Body1')};\n  color: ${contents000};\n  transition: background-color 0.07s;\n  border-radius: unset;\n  text-decoration: none;\n`;\n\nexport const DropdownMenuItemHoverCSS = css`\n  &:hover,\n  &:focus-visible {\n    background-color: ${bg200};\n  }\n`;\n\nexport const DropdownMenuItemDisabledCSS = css`\n  pointer-events: none;\n`;\n\nexport const StyledDropdownMenuSectionTitle = styled.span`\n  ${dropdownMenuItemCSS};\n  ${getTypographyStyles('Body2_M')};\n  color: ${contents200};\n`;\n\nexport type DropdownMenuItemProps =\n  ConvertTransientProps<StyledDropdownMenuItemProps>;\n\nexport type StyledDropdownMenuItemProps = {\n  $active?: boolean;\n  $disabled?: boolean;\n};\n\nexport const getDropdownMenuItemCss = ({\n  $active,\n  $disabled,\n}: StyledDropdownMenuItemProps) =>\n  css(() => [\n    dropdownMenuItemCSS,\n    !$active && DropdownMenuItemHoverCSS,\n    $disabled && DropdownMenuItemDisabledCSS,\n    css`\n      font-weight: ${$active ? 600 : 400};\n\n      &:focus-visible {\n        outline: none;\n      }\n    `,\n  ]);\n\nexport const StyledDropdownMenuItem = styled.div.attrs<DropdownMenuItemProps>(\n  ({ active, disabled, ...props }) => ({\n    tabIndex: active ? -1 : undefined,\n    $active: active,\n    $disabled: disabled,\n    ...props,\n  })\n)<StyledDropdownMenuItemProps>(getDropdownMenuItemCss);\n\nexport const StyledDropdownMenuSection = styled.div``;\n\nexport const StyledDropdownMenuContent = styled(StyledPopoverContent)`\n  ${StyledDropdownMenuSection} {\n    border-bottom: 1px solid ${divider};\n  }\n  ${StyledDropdownMenuSection}:last-child {\n    border-bottom: none;\n  }\n`;\nStyledDropdownMenuItem.defaultProps = {};\n"],"names":["dropdownMenuItemCSS","css","_templateObject","_taggedTemplateLiteral","getTypographyStyles","contents000","DropdownMenuItemHoverCSS","_templateObject2","bg200","DropdownMenuItemDisabledCSS","_templateObject3","StyledDropdownMenuSectionTitle","styled","span","_templateObject4","contents200","getDropdownMenuItemCss","_ref","$active","$disabled","_templateObject5","StyledDropdownMenuItem","div","attrs","_ref2","active","disabled","props","_objectWithoutProperties","_excluded","_objectSpread","tabIndex","undefined","StyledDropdownMenuSection","_templateObject6","StyledDropdownMenuContent","StyledPopoverContent","_templateObject7","divider","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;IAOaA,mBAAmB,GAAGC,UAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,gMAKlCC,yBAAmB,CAAC,OAAO,CAAC,EACrBC,iBAAW,EAIrB;AAEYC,IAAAA,wBAAwB,GAAGL,UAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,uCAAA,CAGnBK,CAAAA,2DAAAA,EAAAA,UAAAA,CAAAA,CAAAA,CAAAA,EAAAA,WAAK,EAE5B;AAEM,IAAMC,2BAA2B,GAAGR,UAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,uCAAA,CAE7C,CAAA,6BAAA,CAAA,CAAA,CAAA,EAAA;AAEM,IAAMQ,8BAA8B,GAAGC,uBAAM,CAACC,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAAX,uCAAA,CAAA,CAAA,MAAA,EAAA,OAAA,EAAA,cAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EACrDH,mBAAmB,EACnBI,yBAAmB,CAAC,SAAS,CAAC,EACvBW,iBAAW,EACrB;IAUYC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACjCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAA;AAAA,EAAA,OAETlB,UAAG,CAAC,YAAA;IAAA,OAAM,CACRD,mBAAmB,EACnB,CAACkB,OAAO,IAAIZ,wBAAwB,EACpCa,SAAS,IAAIV,2BAA2B,EACxCR,UAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAjB,uCAAA,CACce,CAAAA,uBAAAA,EAAAA,qEAAAA,CAAAA,CAAAA,CAAAA,EAAAA,OAAO,GAAG,GAAG,GAAG,GAAG,CAMrC,CAAA,CAAA;GAAC,CAAA,CAAA;AAAA,EAAA;AAEG,IAAMG,sBAAsB,GAAGT,uBAAM,CAACU,GAAG,CAACC,KAAK,CACpD,UAAAC,KAAA,EAAA;AAAA,EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,yCAAA,CAAAJ,KAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,OAAAC,aAAA,CAAA;AAC3BC,IAAAA,QAAQ,EAAEN,MAAM,GAAG,CAAC,CAAC,GAAGO,SAAS;AACjCd,IAAAA,OAAO,EAAEO,MAAM;AACfN,IAAAA,SAAS,EAAEO,QAAAA;AAAQ,GAAA,EAChBC,KAAK,CAAA,CAAA;AAAA,CAEZ,CAAC,CAA8BX,sBAAsB,EAAC;AAEzCiB,IAAAA,yBAAyB,GAAGrB,uBAAM,CAACU,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAA/B,uCAAA,CAAE,CAAA,EAAA,CAAA,CAAA,CAAA,EAAA;IAExCgC,yBAAyB,GAAGvB,uBAAM,CAACwB,2BAAoB,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAlC,uCAAA,CACjE8B,CAAAA,MAAAA,EAAAA,mCAAAA,EAAAA,YAAAA,EAAAA,gDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,yBAAyB,EACEK,aAAO,EAElCL,yBAAyB,EAG5B;AACDZ,sBAAsB,CAACkB,YAAY,GAAG,EAAE;;;;;;;;;;;"}

package/dist/primitive/src/Floating/DropdownMenu/styles.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import type { ConvertTransientProps } from '@remember-web/shared/types/styles';
+export declare const dropdownMenuItemCSS: import("styled-components").RuleSet<object>;
+export declare const DropdownMenuItemHoverCSS: import("styled-components").RuleSet<object>;
+export declare const DropdownMenuItemDisabledCSS: import("styled-components").RuleSet<object>;
+export declare const StyledDropdownMenuSectionTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
+export type DropdownMenuItemProps = ConvertTransientProps<StyledDropdownMenuItemProps>;
+export type StyledDropdownMenuItemProps = {
+    $active?: boolean;
+    $disabled?: boolean;
+};
+export declare const getDropdownMenuItemCss: ({ $active, $disabled, }: StyledDropdownMenuItemProps) => import("styled-components").RuleSet<object>;
+export declare const StyledDropdownMenuItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, ConvertTransientProps<StyledDropdownMenuItemProps>>, StyledDropdownMenuItemProps>>;
+export declare const StyledDropdownMenuSection: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledDropdownMenuContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/primitive/src/Floating/DropdownMenu/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/Floating/DropdownMenu/styles.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAG/E,eAAO,MAAM,mBAAmB,6CAU/B,CAAC;AAEF,eAAO,MAAM,wBAAwB,6CAKpC,CAAC;AAEF,eAAO,MAAM,2BAA2B,6CAEvC,CAAC;AAEF,eAAO,MAAM,8BAA8B,kNAI1C,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAC/B,qBAAqB,CAAC,2BAA2B,CAAC,CAAC;AAErD,MAAM,MAAM,2BAA2B,GAAG;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,4BAGhC,2BAA2B,gDAY1B,CAAC;AAEL,eAAO,MAAM,sBAAsB;;sFAOmB,CAAC;AAEvD,eAAO,MAAM,yBAAyB,gNAAe,CAAC;AAEtD,eAAO,MAAM,yBAAyB;;;;kQAOrC,CAAC"}

package/dist/primitive/src/Floating/DropdownMenu/styles.js

@@ -0,0 +1,38 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import styled, { css } from 'styled-components';
+import { getTypographyStyles, contents000, bg200, contents200, divider } from '@remember-web/mixin';
+import { StyledPopoverContent } from '../Popover/styles.js';
+
+var _excluded = ["active", "disabled"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var dropdownMenuItemCSS = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n\n  ", ";\n  color: ", ";\n  transition: background-color 0.07s;\n  border-radius: unset;\n  text-decoration: none;\n"])), getTypographyStyles('Body1'), contents000);
+var DropdownMenuItemHoverCSS = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &:hover,\n  &:focus-visible {\n    background-color: ", ";\n  }\n"])), bg200);
+var DropdownMenuItemDisabledCSS = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  pointer-events: none;\n"])));
+var StyledDropdownMenuSectionTitle = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", ";\n  ", ";\n  color: ", ";\n"])), dropdownMenuItemCSS, getTypographyStyles('Body2_M'), contents200);
+var getDropdownMenuItemCss = function getDropdownMenuItemCss(_ref) {
+  var $active = _ref.$active,
+    $disabled = _ref.$disabled;
+  return css(function () {
+    return [dropdownMenuItemCSS, !$active && DropdownMenuItemHoverCSS, $disabled && DropdownMenuItemDisabledCSS, css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      font-weight: ", ";\n\n      &:focus-visible {\n        outline: none;\n      }\n    "])), $active ? 600 : 400)];
+  });
+};
+var StyledDropdownMenuItem = styled.div.attrs(function (_ref2) {
+  var active = _ref2.active,
+    disabled = _ref2.disabled,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  return _objectSpread({
+    tabIndex: active ? -1 : undefined,
+    $active: active,
+    $disabled: disabled
+  }, props);
+})(getDropdownMenuItemCss);
+var StyledDropdownMenuSection = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([""])));
+var StyledDropdownMenuContent = styled(StyledPopoverContent)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", " {\n    border-bottom: 1px solid ", ";\n  }\n  ", ":last-child {\n    border-bottom: none;\n  }\n"])), StyledDropdownMenuSection, divider, StyledDropdownMenuSection);
+StyledDropdownMenuItem.defaultProps = {};
+
+export { DropdownMenuItemDisabledCSS, DropdownMenuItemHoverCSS, StyledDropdownMenuContent, StyledDropdownMenuItem, StyledDropdownMenuSection, StyledDropdownMenuSectionTitle, dropdownMenuItemCSS, getDropdownMenuItemCss };
+//# sourceMappingURL=styles.js.map

package/dist/primitive/src/Floating/DropdownMenu/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/Floating/DropdownMenu/styles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { bg200, contents000, contents200, divider } from '@remember-web/mixin';\nimport { getTypographyStyles } from '@remember-web/mixin';\nimport type { ConvertTransientProps } from '@remember-web/shared/types/styles';\nimport { StyledPopoverContent } from '@/Floating/Popover/styles';\n\nexport const dropdownMenuItemCSS = css`\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n\n  ${getTypographyStyles('Body1')};\n  color: ${contents000};\n  transition: background-color 0.07s;\n  border-radius: unset;\n  text-decoration: none;\n`;\n\nexport const DropdownMenuItemHoverCSS = css`\n  &:hover,\n  &:focus-visible {\n    background-color: ${bg200};\n  }\n`;\n\nexport const DropdownMenuItemDisabledCSS = css`\n  pointer-events: none;\n`;\n\nexport const StyledDropdownMenuSectionTitle = styled.span`\n  ${dropdownMenuItemCSS};\n  ${getTypographyStyles('Body2_M')};\n  color: ${contents200};\n`;\n\nexport type DropdownMenuItemProps =\n  ConvertTransientProps<StyledDropdownMenuItemProps>;\n\nexport type StyledDropdownMenuItemProps = {\n  $active?: boolean;\n  $disabled?: boolean;\n};\n\nexport const getDropdownMenuItemCss = ({\n  $active,\n  $disabled,\n}: StyledDropdownMenuItemProps) =>\n  css(() => [\n    dropdownMenuItemCSS,\n    !$active && DropdownMenuItemHoverCSS,\n    $disabled && DropdownMenuItemDisabledCSS,\n    css`\n      font-weight: ${$active ? 600 : 400};\n\n      &:focus-visible {\n        outline: none;\n      }\n    `,\n  ]);\n\nexport const StyledDropdownMenuItem = styled.div.attrs<DropdownMenuItemProps>(\n  ({ active, disabled, ...props }) => ({\n    tabIndex: active ? -1 : undefined,\n    $active: active,\n    $disabled: disabled,\n    ...props,\n  })\n)<StyledDropdownMenuItemProps>(getDropdownMenuItemCss);\n\nexport const StyledDropdownMenuSection = styled.div``;\n\nexport const StyledDropdownMenuContent = styled(StyledPopoverContent)`\n  ${StyledDropdownMenuSection} {\n    border-bottom: 1px solid ${divider};\n  }\n  ${StyledDropdownMenuSection}:last-child {\n    border-bottom: none;\n  }\n`;\nStyledDropdownMenuItem.defaultProps = {};\n"],"names":["dropdownMenuItemCSS","css","_templateObject","_taggedTemplateLiteral","getTypographyStyles","contents000","DropdownMenuItemHoverCSS","_templateObject2","bg200","DropdownMenuItemDisabledCSS","_templateObject3","StyledDropdownMenuSectionTitle","styled","span","_templateObject4","contents200","getDropdownMenuItemCss","_ref","$active","$disabled","_templateObject5","StyledDropdownMenuItem","div","attrs","_ref2","active","disabled","props","_objectWithoutProperties","_excluded","_objectSpread","tabIndex","undefined","StyledDropdownMenuSection","_templateObject6","StyledDropdownMenuContent","StyledPopoverContent","_templateObject7","divider","defaultProps"],"mappings":";;;;;;;;;;;IAOaA,mBAAmB,GAAGC,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gMAKlCC,mBAAmB,CAAC,OAAO,CAAC,EACrBC,WAAW,EAIrB;AAEYC,IAAAA,wBAAwB,GAAGL,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,CAGnBK,CAAAA,2DAAAA,EAAAA,UAAAA,CAAAA,CAAAA,CAAAA,EAAAA,KAAK,EAE5B;AAEM,IAAMC,2BAA2B,GAAGR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,CAE7C,CAAA,6BAAA,CAAA,CAAA,CAAA,EAAA;AAEM,IAAMQ,8BAA8B,GAAGC,MAAM,CAACC,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAAX,sBAAA,CAAA,CAAA,MAAA,EAAA,OAAA,EAAA,cAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EACrDH,mBAAmB,EACnBI,mBAAmB,CAAC,SAAS,CAAC,EACvBW,WAAW,EACrB;IAUYC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACjCC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAA;AAAA,EAAA,OAETlB,GAAG,CAAC,YAAA;IAAA,OAAM,CACRD,mBAAmB,EACnB,CAACkB,OAAO,IAAIZ,wBAAwB,EACpCa,SAAS,IAAIV,2BAA2B,EACxCR,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAjB,sBAAA,CACce,CAAAA,uBAAAA,EAAAA,qEAAAA,CAAAA,CAAAA,CAAAA,EAAAA,OAAO,GAAG,GAAG,GAAG,GAAG,CAMrC,CAAA,CAAA;GAAC,CAAA,CAAA;AAAA,EAAA;AAEG,IAAMG,sBAAsB,GAAGT,MAAM,CAACU,GAAG,CAACC,KAAK,CACpD,UAAAC,KAAA,EAAA;AAAA,EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,KAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,OAAAC,aAAA,CAAA;AAC3BC,IAAAA,QAAQ,EAAEN,MAAM,GAAG,CAAC,CAAC,GAAGO,SAAS;AACjCd,IAAAA,OAAO,EAAEO,MAAM;AACfN,IAAAA,SAAS,EAAEO,QAAAA;AAAQ,GAAA,EAChBC,KAAK,CAAA,CAAA;AAAA,CAEZ,CAAC,CAA8BX,sBAAsB,EAAC;AAEzCiB,IAAAA,yBAAyB,GAAGrB,MAAM,CAACU,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAA/B,sBAAA,CAAE,CAAA,EAAA,CAAA,CAAA,CAAA,EAAA;IAExCgC,yBAAyB,GAAGvB,MAAM,CAACwB,oBAAoB,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAlC,sBAAA,CACjE8B,CAAAA,MAAAA,EAAAA,mCAAAA,EAAAA,YAAAA,EAAAA,gDAAAA,CAAAA,CAAAA,CAAAA,EAAAA,yBAAyB,EACEK,OAAO,EAElCL,yBAAyB,EAG5B;AACDZ,sBAAsB,CAACkB,YAAY,GAAG,EAAE;;;;"}

package/dist/primitive/src/Floating/Popover/Popover.stories.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+import Popover from '@/Floating/Popover/index';
+type Story = StoryObj<typeof Popover>;
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("@radix-ui/react-popover").PopoverProps> & {
+        Trigger(props: import("@radix-ui/react-popover").PopoverTriggerProps): import("react/jsx-runtime").JSX.Element;
+        Anchor: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
+        Portal: import("react").FC<import("@radix-ui/react-popover").PopoverPortalProps>;
+        Close: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+        Arrow: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverArrowProps & import("react").RefAttributes<SVGSVGElement>>;
+        Content: ({ isInsideCloseable, ...props }: import("@/Floating/Popover/index").PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
+    };
+};
+export declare const Default: Story;
+export default meta;
+//# sourceMappingURL=Popover.stories.d.ts.map

package/dist/primitive/src/Floating/Popover/Popover.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.stories.d.ts","sourceRoot":"","sources":["../../../../../src/Floating/Popover/Popover.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAG/C,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,QAAA,MAAM,IAAI;;;;;;;;;;CAGsB,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAwCrB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/primitive/src/Floating/Popover/index.cjs

@@ -0,0 +1,66 @@
+'use strict';
+
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var RadixPopover = require('@radix-ui/react-popover');
+var styles = require('./styles.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var RadixPopover__namespace = /*#__PURE__*/_interopNamespace(RadixPopover);
+
+var _excluded = ["isInsideCloseable"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _Trigger = RadixPopover__namespace.Trigger,
+  Anchor = RadixPopover__namespace.Anchor,
+  Close = RadixPopover__namespace.Close,
+  PopoverPortal = RadixPopover__namespace.PopoverPortal;
+/**
+ * @see https://www.radix-ui.com/docs/primitives/components/popover
+ */
+
+var Popover = Object.assign(RadixPopover__namespace.Root.bind(null), {
+  Trigger: function Trigger(props) {
+    return /*#__PURE__*/jsxRuntime.jsx(_Trigger, _objectSpread({
+      asChild: true
+    }, props));
+  },
+  Anchor: Anchor,
+  Portal: PopoverPortal,
+  Close: Close,
+  Arrow: RadixPopover__namespace.Arrow,
+  Content: function Content(_ref) {
+    var _ref$isInsideCloseabl = _ref.isInsideCloseable,
+      isInsideCloseable = _ref$isInsideCloseabl === void 0 ? false : _ref$isInsideCloseabl,
+      props = _objectWithoutProperties__default.default(_ref, _excluded);
+    return isInsideCloseable ? /*#__PURE__*/jsxRuntime.jsx(RadixPopover__namespace.Close, {
+      asChild: true,
+      children: /*#__PURE__*/jsxRuntime.jsx(styles.StyledPopoverContent, _objectSpread({}, props))
+    }) : /*#__PURE__*/jsxRuntime.jsx(styles.StyledPopoverContent, _objectSpread({}, props));
+  }
+});
+
+module.exports = Popover;
+//# sourceMappingURL=index.cjs.map

package/dist/primitive/src/Floating/Popover/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/Floating/Popover/index.tsx"],"sourcesContent":["import * as RadixPopover from '@radix-ui/react-popover';\n\nimport { StyledPopoverContent } from '@/Floating/Popover/styles';\n\nconst { Trigger, Anchor, Close, PopoverPortal } = RadixPopover;\n\nexport type PopoverProps = RadixPopover.PopoverProps;\nexport type PopoverContentProps = RadixPopover.PopoverContentProps & {\n  isInsideCloseable?: boolean;\n};\n\n/**\n * @see https://www.radix-ui.com/docs/primitives/components/popover\n */\n\nconst Popover = Object.assign(RadixPopover.Root.bind(null), {\n  Trigger(props: RadixPopover.PopoverTriggerProps) {\n    return <Trigger asChild {...props} />;\n  },\n  Anchor,\n  Portal: PopoverPortal,\n  Close,\n  Arrow: RadixPopover.Arrow,\n  Content: ({ isInsideCloseable = false, ...props }: PopoverContentProps) =>\n    isInsideCloseable ? (\n      <RadixPopover.Close asChild>\n        <StyledPopoverContent {...props} />\n      </RadixPopover.Close>\n    ) : (\n      <StyledPopoverContent {...props} />\n    ),\n});\n\nexport default Popover;\n"],"names":["Trigger","RadixPopover","Anchor","Close","PopoverPortal","Popover","Object","assign","Root","bind","props","_jsx","_Trigger","_objectSpread","asChild","Portal","Arrow","Content","_ref","_ref$isInsideCloseabl","isInsideCloseable","_objectWithoutProperties","_excluded","children","StyledPopoverContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAQA,QAAO,GAAmCC,uBAAY,CAAtDD,OAAO;EAAEE,MAAM,GAA2BD,uBAAY,CAA7CC,MAAM;EAAEC,KAAK,GAAoBF,uBAAY,CAArCE,KAAK;EAAEC,aAAa,GAAKH,uBAAY,CAA9BG,aAAa,CAAA;AAO7C;AACA;AACA;;AAEA,IAAMC,OAAO,GAAGC,MAAM,CAACC,MAAM,CAACN,uBAAY,CAACO,IAAI,CAACC,IAAI,CAAC,IAAI,CAAC,EAAE;EAC1DT,OAAO,EAAA,SAAAA,OAACU,CAAAA,KAAuC,EAAE;AAC/C,IAAA,oBAAOC,cAAA,CAACC,QAAO,EAAAC,aAAA,CAAA;MAACC,OAAO,EAAA,IAAA;KAAKJ,EAAAA,KAAK,CAAG,CAAC,CAAA;GACtC;AACDR,EAAAA,MAAM,EAANA,MAAM;AACNa,EAAAA,MAAM,EAAEX,aAAa;AACrBD,EAAAA,KAAK,EAALA,KAAK;EACLa,KAAK,EAAEf,uBAAY,CAACe,KAAK;EACzBC,OAAO,EAAE,SAAAA,OAAAA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAAC,qBAAA,GAAAD,IAAA,CAAGE,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;AAAKT,MAAAA,KAAK,GAAAW,yCAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAAA,IAAA,OAC7CF,iBAAiB,gBACfT,cAAA,CAACV,uBAAY,CAACE,KAAK,EAAA;MAACW,OAAO,EAAA,IAAA;MAAAS,QAAA,eACzBZ,cAAA,CAACa,2BAAoB,EAAAX,aAAA,CAAA,EAAA,EAAKH,KAAK,CAAG,CAAA;KAChB,CAAC,gBAErBC,cAAA,CAACa,2BAAoB,EAAAX,aAAA,CAAA,EAAA,EAAKH,KAAK,CAAG,CACnC,CAAA;AAAA,GAAA;AACL,CAAC;;;;"}

package/dist/primitive/src/Floating/Popover/index.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import * as RadixPopover from '@radix-ui/react-popover';
+export type PopoverProps = RadixPopover.PopoverProps;
+export type PopoverContentProps = RadixPopover.PopoverContentProps & {
+    isInsideCloseable?: boolean;
+};
+/**
+ * @see https://www.radix-ui.com/docs/primitives/components/popover
+ */
+declare const Popover: import("react").FC<RadixPopover.PopoverProps> & {
+    Trigger(props: RadixPopover.PopoverTriggerProps): import("react/jsx-runtime").JSX.Element;
+    Anchor: import("react").ForwardRefExoticComponent<RadixPopover.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
+    Portal: import("react").FC<RadixPopover.PopoverPortalProps>;
+    Close: import("react").ForwardRefExoticComponent<RadixPopover.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Arrow: import("react").ForwardRefExoticComponent<RadixPopover.PopoverArrowProps & import("react").RefAttributes<SVGSVGElement>>;
+    Content: ({ isInsideCloseable, ...props }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Popover;
+//# sourceMappingURL=index.d.ts.map

package/dist/primitive/src/Floating/Popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Floating/Popover/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AAMxD,MAAM,MAAM,YAAY,GAAG,YAAY,CAAC,YAAY,CAAC;AACrD,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,mBAAmB,GAAG;IACnE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF;;GAEG;AAEH,QAAA,MAAM,OAAO;mBACI,aAAa,mBAAmB;;;;;+CAOI,mBAAmB;CAQtE,CAAC;AAEH,eAAe,OAAO,CAAC"}

package/dist/primitive/src/Floating/Popover/index.js

@@ -0,0 +1,40 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import * as RadixPopover from '@radix-ui/react-popover';
+import { StyledPopoverContent } from './styles.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["isInsideCloseable"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _Trigger = RadixPopover.Trigger,
+  Anchor = RadixPopover.Anchor,
+  Close = RadixPopover.Close,
+  PopoverPortal = RadixPopover.PopoverPortal;
+/**
+ * @see https://www.radix-ui.com/docs/primitives/components/popover
+ */
+
+var Popover = Object.assign(RadixPopover.Root.bind(null), {
+  Trigger: function Trigger(props) {
+    return /*#__PURE__*/jsx(_Trigger, _objectSpread({
+      asChild: true
+    }, props));
+  },
+  Anchor: Anchor,
+  Portal: PopoverPortal,
+  Close: Close,
+  Arrow: RadixPopover.Arrow,
+  Content: function Content(_ref) {
+    var _ref$isInsideCloseabl = _ref.isInsideCloseable,
+      isInsideCloseable = _ref$isInsideCloseabl === void 0 ? false : _ref$isInsideCloseabl,
+      props = _objectWithoutProperties(_ref, _excluded);
+    return isInsideCloseable ? /*#__PURE__*/jsx(RadixPopover.Close, {
+      asChild: true,
+      children: /*#__PURE__*/jsx(StyledPopoverContent, _objectSpread({}, props))
+    }) : /*#__PURE__*/jsx(StyledPopoverContent, _objectSpread({}, props));
+  }
+});
+
+export { Popover as default };
+//# sourceMappingURL=index.js.map

package/dist/primitive/src/Floating/Popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/Floating/Popover/index.tsx"],"sourcesContent":["import * as RadixPopover from '@radix-ui/react-popover';\n\nimport { StyledPopoverContent } from '@/Floating/Popover/styles';\n\nconst { Trigger, Anchor, Close, PopoverPortal } = RadixPopover;\n\nexport type PopoverProps = RadixPopover.PopoverProps;\nexport type PopoverContentProps = RadixPopover.PopoverContentProps & {\n  isInsideCloseable?: boolean;\n};\n\n/**\n * @see https://www.radix-ui.com/docs/primitives/components/popover\n */\n\nconst Popover = Object.assign(RadixPopover.Root.bind(null), {\n  Trigger(props: RadixPopover.PopoverTriggerProps) {\n    return <Trigger asChild {...props} />;\n  },\n  Anchor,\n  Portal: PopoverPortal,\n  Close,\n  Arrow: RadixPopover.Arrow,\n  Content: ({ isInsideCloseable = false, ...props }: PopoverContentProps) =>\n    isInsideCloseable ? (\n      <RadixPopover.Close asChild>\n        <StyledPopoverContent {...props} />\n      </RadixPopover.Close>\n    ) : (\n      <StyledPopoverContent {...props} />\n    ),\n});\n\nexport default Popover;\n"],"names":["Trigger","RadixPopover","Anchor","Close","PopoverPortal","Popover","Object","assign","Root","bind","props","_jsx","_Trigger","_objectSpread","asChild","Portal","Arrow","Content","_ref","_ref$isInsideCloseabl","isInsideCloseable","_objectWithoutProperties","_excluded","children","StyledPopoverContent"],"mappings":";;;;;;;;;AAIA,IAAQA,QAAO,GAAmCC,YAAY,CAAtDD,OAAO;EAAEE,MAAM,GAA2BD,YAAY,CAA7CC,MAAM;EAAEC,KAAK,GAAoBF,YAAY,CAArCE,KAAK;EAAEC,aAAa,GAAKH,YAAY,CAA9BG,aAAa,CAAA;AAO7C;AACA;AACA;;AAEA,IAAMC,OAAO,GAAGC,MAAM,CAACC,MAAM,CAACN,YAAY,CAACO,IAAI,CAACC,IAAI,CAAC,IAAI,CAAC,EAAE;EAC1DT,OAAO,EAAA,SAAAA,OAACU,CAAAA,KAAuC,EAAE;AAC/C,IAAA,oBAAOC,GAAA,CAACC,QAAO,EAAAC,aAAA,CAAA;MAACC,OAAO,EAAA,IAAA;KAAKJ,EAAAA,KAAK,CAAG,CAAC,CAAA;GACtC;AACDR,EAAAA,MAAM,EAANA,MAAM;AACNa,EAAAA,MAAM,EAAEX,aAAa;AACrBD,EAAAA,KAAK,EAALA,KAAK;EACLa,KAAK,EAAEf,YAAY,CAACe,KAAK;EACzBC,OAAO,EAAE,SAAAA,OAAAA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAAC,qBAAA,GAAAD,IAAA,CAAGE,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;AAAKT,MAAAA,KAAK,GAAAW,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAAA,IAAA,OAC7CF,iBAAiB,gBACfT,GAAA,CAACV,YAAY,CAACE,KAAK,EAAA;MAACW,OAAO,EAAA,IAAA;MAAAS,QAAA,eACzBZ,GAAA,CAACa,oBAAoB,EAAAX,aAAA,CAAA,EAAA,EAAKH,KAAK,CAAG,CAAA;KAChB,CAAC,gBAErBC,GAAA,CAACa,oBAAoB,EAAAX,aAAA,CAAA,EAAA,EAAKH,KAAK,CAAG,CACnC,CAAA;AAAA,GAAA;AACL,CAAC;;;;"}

package/dist/primitive/src/Floating/Popover/styles.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var styled = require('styled-components');
+var RadixPopover = require('@radix-ui/react-popover');
+var mixin = require('@remember-web/mixin');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject, _templateObject2, _templateObject3;
+var showFadeIn = styled.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n"])));
+var showFadeOut = styled.keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n    from {\n        opacity: 1;\n    }\n    to {\n        opacity: 0;\n    }\n"])));
+var StyledPopoverContent = styled__default.default(RadixPopover.PopoverContent)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n  contain: paint;\n  width: fit-content;\n  margin: 0;\n  padding: 0;\n  border-radius: 4px;\n\n  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);\n  color: ", ";\n  background-color: ", ";\n  white-space: pre-line;\n\n  height: 100%;\n  will-change: box-shadow;\n\n  &:focus {\n    outline: none;\n  }\n  &[data-state='open'] {\n    animation: ", " 0.12s cubic-bezier(0.35, 0, 0.25, 1) both;\n  }\n  &:not([data-state='open']) {\n    animation: ", " 0.16s cubic-bezier(0.35, 0, 0.25, 1) both;\n  }\n"])), mixin.contents000, mixin.bg100, showFadeIn, showFadeOut);
+StyledPopoverContent.defaultProps = {
+  avoidCollisions: true,
+  align: 'start',
+  side: 'bottom',
+  sideOffset: 4
+};
+
+exports.StyledPopoverContent = StyledPopoverContent;
+exports.showFadeIn = showFadeIn;
+exports.showFadeOut = showFadeOut;
+//# sourceMappingURL=styles.cjs.map

package/dist/primitive/src/Floating/Popover/styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs","sources":["../../../../../src/Floating/Popover/styles.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components';\nimport { PopoverContent } from '@radix-ui/react-popover';\n\nimport { bg100, contents000 } from '@remember-web/mixin';\n\nexport const showFadeIn = keyframes`\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n`;\nexport const showFadeOut = keyframes`\n    from {\n        opacity: 1;\n    }\n    to {\n        opacity: 0;\n    }\n`;\n\nexport const StyledPopoverContent = styled(PopoverContent)`\n  contain: paint;\n  width: fit-content;\n  margin: 0;\n  padding: 0;\n  border-radius: 4px;\n\n  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);\n  color: ${contents000};\n  background-color: ${bg100};\n  white-space: pre-line;\n\n  height: 100%;\n  will-change: box-shadow;\n\n  &:focus {\n    outline: none;\n  }\n  &[data-state='open'] {\n    animation: ${showFadeIn} 0.12s cubic-bezier(0.35, 0, 0.25, 1) both;\n  }\n  &:not([data-state='open']) {\n    animation: ${showFadeOut} 0.16s cubic-bezier(0.35, 0, 0.25, 1) both;\n  }\n`;\n\nStyledPopoverContent.defaultProps = {\n  avoidCollisions: true,\n  align: 'start',\n  side: 'bottom',\n  sideOffset: 4,\n};\n"],"names":["showFadeIn","keyframes","_templateObject","_taggedTemplateLiteral","showFadeOut","_templateObject2","StyledPopoverContent","styled","PopoverContent","_templateObject3","contents000","bg100","defaultProps","avoidCollisions","align","side","sideOffset"],"mappings":";;;;;;;;;;;;;AAKO,IAAMA,UAAU,GAAGC,gBAAS,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAOlC,CAAA,kFAAA,CAAA,CAAA,CAAA,EAAA;AACM,IAAMC,WAAW,GAAGH,gBAAS,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,uCAAA,CAOnC,CAAA,kFAAA,CAAA,CAAA,CAAA,EAAA;AAEM,IAAMG,oBAAoB,GAAGC,uBAAM,CAACC,2BAAc,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAN,uCAAA,2fAQ/CO,iBAAW,EACAC,WAAK,EAUVX,UAAU,EAGVI,WAAW,EAE3B;AAEDE,oBAAoB,CAACM,YAAY,GAAG;AAClCC,EAAAA,eAAe,EAAE,IAAI;AACrBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,UAAU,EAAE,CAAA;AACd,CAAC;;;;;;"}

package/dist/primitive/src/Floating/Popover/styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const showFadeIn: import("styled-components/dist/models/Keyframes").default;
+export declare const showFadeOut: import("styled-components/dist/models/Keyframes").default;
+export declare const StyledPopoverContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/primitive/src/Floating/Popover/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/Floating/Popover/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,UAAU,2DAOtB,CAAC;AACF,eAAO,MAAM,WAAW,2DAOvB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;kNAwBhC,CAAC"}

package/dist/primitive/src/Floating/Popover/styles.js

@@ -0,0 +1,18 @@
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import styled, { keyframes } from 'styled-components';
+import { PopoverContent } from '@radix-ui/react-popover';
+import { contents000, bg100 } from '@remember-web/mixin';
+
+var _templateObject, _templateObject2, _templateObject3;
+var showFadeIn = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n"])));
+var showFadeOut = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    from {\n        opacity: 1;\n    }\n    to {\n        opacity: 0;\n    }\n"])));
+var StyledPopoverContent = styled(PopoverContent)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  contain: paint;\n  width: fit-content;\n  margin: 0;\n  padding: 0;\n  border-radius: 4px;\n\n  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);\n  color: ", ";\n  background-color: ", ";\n  white-space: pre-line;\n\n  height: 100%;\n  will-change: box-shadow;\n\n  &:focus {\n    outline: none;\n  }\n  &[data-state='open'] {\n    animation: ", " 0.12s cubic-bezier(0.35, 0, 0.25, 1) both;\n  }\n  &:not([data-state='open']) {\n    animation: ", " 0.16s cubic-bezier(0.35, 0, 0.25, 1) both;\n  }\n"])), contents000, bg100, showFadeIn, showFadeOut);
+StyledPopoverContent.defaultProps = {
+  avoidCollisions: true,
+  align: 'start',
+  side: 'bottom',
+  sideOffset: 4
+};
+
+export { StyledPopoverContent, showFadeIn, showFadeOut };
+//# sourceMappingURL=styles.js.map