@remember-web/primitive 0.0.0-alpha.9 → 0.1.0

package/dist/primitive/src/Control/Switch/styles.cjs.js

@@ -0,0 +1,47 @@
+"use client";
+'use strict';
+
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var SwitchPrimitive = require('@radix-ui/react-switch');
+var styled = require('styled-components');
+var mixin = require('@remember-web/mixin');
+
+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 _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
+var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var Label = styled__default.default.label(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n"])));
+var SwitchRoot = styled__default.default(SwitchPrimitive__namespace.Root)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n  all: unset;\n  background-color: ", ";\n  border-radius: 24px;\n  position: relative;\n  cursor: pointer;\n\n  &:focus-visible {\n    outline: solid 2px black;\n    outline-offset: 2px;\n  }\n  &[data-state='checked'] {\n    background-color: ", ";\n  }\n\n  ", ";\n"])), mixin.contents300, mixin.secondary100, function (_ref) {
+  var size = _ref.size;
+  return size === 'small' && styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n        width: 36px;\n        height: 20px;\n      "]))) || size === 'large' && styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default.default(["\n        width: 64px;\n        height: 38px;\n      "])));
+});
+var SwitchThumb = styled__default.default(SwitchPrimitive__namespace.Thumb)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default.default(["\n  display: block;\n  background-color: ", ";\n  border-radius: 50%;\n  transition: transform 0.2s cubic-bezier(0, 0.6, 0, 0.99);\n  will-change: transform;\n\n  ", ";\n"])), mixin.contents999, function (_ref2) {
+  var size = _ref2.size;
+  return size === 'small' && styled.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default.default(["\n        width: 14px;\n        height: 14px;\n        transform: translateX(3px);\n        &[data-state='checked'] {\n          transform: translateX(19px);\n        }\n      "]))) || size === 'large' && styled.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral__default.default(["\n        width: 28px;\n        height: 28px;\n        transform: translateX(5px);\n        &[data-state='checked'] {\n          transform: translateX(31px);\n        }\n      "])));
+});
+
+exports.Label = Label;
+exports.SwitchRoot = SwitchRoot;
+exports.SwitchThumb = SwitchThumb;
+//# sourceMappingURL=styles.cjs.js.map

package/dist/primitive/src/Control/Switch/styles.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs.js","sources":["../../../../../src/Control/Switch/styles.ts"],"sourcesContent":["'use client';\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch';\nimport styled, { css } from 'styled-components';\n\nimport { contents300, contents999, secondary100 } from '@remember-web/mixin';\n\nimport type { SwitchProps } from './types';\n\nexport const Label = styled.label`\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n`;\n\nexport const SwitchRoot = styled(SwitchPrimitive.Root)<{\n  size: SwitchProps['size'];\n}>`\n  all: unset;\n  background-color: ${contents300};\n  border-radius: 24px;\n  position: relative;\n  cursor: pointer;\n\n  &:focus-visible {\n    outline: solid 2px black;\n    outline-offset: 2px;\n  }\n  &[data-state='checked'] {\n    background-color: ${secondary100};\n  }\n\n  ${({ size }) =>\n    (size === 'small' &&\n      css`\n        width: 36px;\n        height: 20px;\n      `) ||\n    (size === 'large' &&\n      css`\n        width: 64px;\n        height: 38px;\n      `)};\n`;\n\nexport const SwitchThumb = styled(SwitchPrimitive.Thumb)<{\n  size: SwitchProps['size'];\n}>`\n  display: block;\n  background-color: ${contents999};\n  border-radius: 50%;\n  transition: transform 0.2s cubic-bezier(0, 0.6, 0, 0.99);\n  will-change: transform;\n\n  ${({ size }) =>\n    (size === 'small' &&\n      css`\n        width: 14px;\n        height: 14px;\n        transform: translateX(3px);\n        &[data-state='checked'] {\n          transform: translateX(19px);\n        }\n      `) ||\n    (size === 'large' &&\n      css`\n        width: 28px;\n        height: 28px;\n        transform: translateX(5px);\n        &[data-state='checked'] {\n          transform: translateX(31px);\n        }\n      `)};\n`;\n"],"names":["Label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAa;AASAA;AAMN;AAiBH;;AAUI;;AAYJ;;AAkBI;;;;"}

package/dist/primitive/src/Control/Switch/styles.esm.js

@@ -0,0 +1,19 @@
+"use client";
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import styled, { css } from 'styled-components';
+import { contents300, secondary100, contents999 } from '@remember-web/mixin';
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var Label = styled.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n"])));
+var SwitchRoot = styled(SwitchPrimitive.Root)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  all: unset;\n  background-color: ", ";\n  border-radius: 24px;\n  position: relative;\n  cursor: pointer;\n\n  &:focus-visible {\n    outline: solid 2px black;\n    outline-offset: 2px;\n  }\n  &[data-state='checked'] {\n    background-color: ", ";\n  }\n\n  ", ";\n"])), contents300, secondary100, function (_ref) {
+  var size = _ref.size;
+  return size === 'small' && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        width: 36px;\n        height: 20px;\n      "]))) || size === 'large' && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        width: 64px;\n        height: 38px;\n      "])));
+});
+var SwitchThumb = styled(SwitchPrimitive.Thumb)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: block;\n  background-color: ", ";\n  border-radius: 50%;\n  transition: transform 0.2s cubic-bezier(0, 0.6, 0, 0.99);\n  will-change: transform;\n\n  ", ";\n"])), contents999, function (_ref2) {
+  var size = _ref2.size;
+  return size === 'small' && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        width: 14px;\n        height: 14px;\n        transform: translateX(3px);\n        &[data-state='checked'] {\n          transform: translateX(19px);\n        }\n      "]))) || size === 'large' && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        width: 28px;\n        height: 28px;\n        transform: translateX(5px);\n        &[data-state='checked'] {\n          transform: translateX(31px);\n        }\n      "])));
+});
+
+export { Label, SwitchRoot, SwitchThumb };
+//# sourceMappingURL=styles.esm.js.map

package/dist/primitive/src/Control/Switch/styles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.esm.js","sources":["../../../../../src/Control/Switch/styles.ts"],"sourcesContent":["'use client';\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch';\nimport styled, { css } from 'styled-components';\n\nimport { contents300, contents999, secondary100 } from '@remember-web/mixin';\n\nimport type { SwitchProps } from './types';\n\nexport const Label = styled.label`\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n`;\n\nexport const SwitchRoot = styled(SwitchPrimitive.Root)<{\n  size: SwitchProps['size'];\n}>`\n  all: unset;\n  background-color: ${contents300};\n  border-radius: 24px;\n  position: relative;\n  cursor: pointer;\n\n  &:focus-visible {\n    outline: solid 2px black;\n    outline-offset: 2px;\n  }\n  &[data-state='checked'] {\n    background-color: ${secondary100};\n  }\n\n  ${({ size }) =>\n    (size === 'small' &&\n      css`\n        width: 36px;\n        height: 20px;\n      `) ||\n    (size === 'large' &&\n      css`\n        width: 64px;\n        height: 38px;\n      `)};\n`;\n\nexport const SwitchThumb = styled(SwitchPrimitive.Thumb)<{\n  size: SwitchProps['size'];\n}>`\n  display: block;\n  background-color: ${contents999};\n  border-radius: 50%;\n  transition: transform 0.2s cubic-bezier(0, 0.6, 0, 0.99);\n  will-change: transform;\n\n  ${({ size }) =>\n    (size === 'small' &&\n      css`\n        width: 14px;\n        height: 14px;\n        transform: translateX(3px);\n        &[data-state='checked'] {\n          transform: translateX(19px);\n        }\n      `) ||\n    (size === 'large' &&\n      css`\n        width: 28px;\n        height: 28px;\n        transform: translateX(5px);\n        &[data-state='checked'] {\n          transform: translateX(31px);\n        }\n      `)};\n`;\n"],"names":["Label"],"mappings":";;;;;;AAAa;AASAA;AAMN;AAiBH;;AAUI;;AAYJ;;AAkBI;;"}

package/dist/primitive/src/Control/{Toggle.cjs → Toggle.cjs.js}

@@ -1,19 +1,22 @@
 "use client";
 'use strict';
 
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var react = require('react');
 var styled = require('styled-components');
-var index = require('./BaseToggle/index.cjs');
+var index = require('./BaseToggle/index.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
 var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 
+var _templateObject;
 var _excluded = ["variant"];
 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; }
@@ -26,12 +29,9 @@ var _Toggle = function _Toggle(_ref, ref) {
   }, props));
 };
 var Toggle = /*#__PURE__*/react.forwardRef(_Toggle);
-var CircleBaseToggle = styled__default.default(index.BaseToggle).withConfig({
-  displayName: "Toggle__CircleBaseToggle",
-  componentId: "sc-1blv5t4-0"
-})(["& > svg{border-radius:50%;}"]);
+var CircleBaseToggle = styled__default.default(index.BaseToggle)(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  & > svg {\n    border-radius: 50%;\n  }\n"])));
 
 exports.CircleBaseToggle = CircleBaseToggle;
 exports.Toggle = Toggle;
 exports._Toggle = _Toggle;
-//# sourceMappingURL=Toggle.cjs.map
+//# sourceMappingURL=Toggle.cjs.js.map

package/dist/primitive/src/Control/Toggle.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.cjs.js","sources":["../../../../src/Control/Toggle.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type ForwardRefRenderFunction } from 'react';\nimport styled from 'styled-components';\n\nimport { BaseToggle } from './BaseToggle';\nimport type { BaseToggleProps } from './BaseToggle/types';\n\nexport const _Toggle: ForwardRefRenderFunction<\n  HTMLInputElement,\n  Omit<BaseToggleProps, 'variant' | 'type'> & {\n    variant: 'bookmark' | 'favorite';\n  }\n> = ({ variant, ...props }, ref) => (\n  <BaseToggle ref={ref} variant={variant} {...props} />\n);\n\nexport const Toggle = forwardRef(_Toggle);\n\nexport const CircleBaseToggle = styled(BaseToggle)`\n  & > svg {\n    border-radius: 50%;\n  }\n`;\n"],"names":["props","ref","variant","CircleBaseToggle"],"mappings":";;;;;;;;;;;;;;;;;;AAAa;AAAA;AAAA;AAAA;AAQN;AAKwB;AAAZA;AAAK;AACVC;AAAUC;;AAA+B;;AAK1CC;;;;"}

package/dist/primitive/src/Control/{Toggle.js → Toggle.esm.js}

@@ -1,11 +1,13 @@
 "use client";
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
-import { BaseToggle } from './BaseToggle/index.js';
+import { BaseToggle } from './BaseToggle/index.esm.js';
 import { jsx } from 'react/jsx-runtime';
 
+var _templateObject;
 var _excluded = ["variant"];
 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; }
@@ -18,10 +20,7 @@ var _Toggle = function _Toggle(_ref, ref) {
   }, props));
 };
 var Toggle = /*#__PURE__*/forwardRef(_Toggle);
-var CircleBaseToggle = styled(BaseToggle).withConfig({
-  displayName: "Toggle__CircleBaseToggle",
-  componentId: "sc-1blv5t4-0"
-})(["& > svg{border-radius:50%;}"]);
+var CircleBaseToggle = styled(BaseToggle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & > svg {\n    border-radius: 50%;\n  }\n"])));
 
 export { CircleBaseToggle, Toggle, _Toggle };
-//# sourceMappingURL=Toggle.js.map
+//# sourceMappingURL=Toggle.esm.js.map

package/dist/primitive/src/Control/Toggle.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.esm.js","sources":["../../../../src/Control/Toggle.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type ForwardRefRenderFunction } from 'react';\nimport styled from 'styled-components';\n\nimport { BaseToggle } from './BaseToggle';\nimport type { BaseToggleProps } from './BaseToggle/types';\n\nexport const _Toggle: ForwardRefRenderFunction<\n  HTMLInputElement,\n  Omit<BaseToggleProps, 'variant' | 'type'> & {\n    variant: 'bookmark' | 'favorite';\n  }\n> = ({ variant, ...props }, ref) => (\n  <BaseToggle ref={ref} variant={variant} {...props} />\n);\n\nexport const Toggle = forwardRef(_Toggle);\n\nexport const CircleBaseToggle = styled(BaseToggle)`\n  & > svg {\n    border-radius: 50%;\n  }\n`;\n"],"names":["props","ref","variant","CircleBaseToggle"],"mappings":";;;;;;;;;AAAa;AAAA;AAAA;AAAA;AAQN;AAKwB;AAAZA;AAAK;AACVC;AAAUC;;AAA+B;;AAK1CC;;"}

package/dist/primitive/src/Floating/DropdownMenu/{DropdownMenuSection.cjs → DropdownMenuSection.cjs.js}

@@ -2,7 +2,7 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var styles = require('./styles.cjs');
+var styles = require('./styles.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -25,4 +25,4 @@ var DropdownMenuSection = function DropdownMenuSection(_ref) {
 };
 
 exports.DropdownMenuSection = DropdownMenuSection;
-//# sourceMappingURL=DropdownMenuSection.cjs.map
+//# sourceMappingURL=DropdownMenuSection.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuSection.cjs.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,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.js → DropdownMenuSection.esm.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { StyledDropdownMenuSection, StyledDropdownMenuSectionTitle } from './styles.js';
+import { StyledDropdownMenuSection, StyledDropdownMenuSectionTitle } from './styles.esm.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var _excluded = ["title", "children"];
@@ -18,4 +18,4 @@ var DropdownMenuSection = function DropdownMenuSection(_ref) {
 };
 
 export { DropdownMenuSection };
-//# sourceMappingURL=DropdownMenuSection.js.map
+//# sourceMappingURL=DropdownMenuSection.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuSection.esm.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 → index.cjs.js}

@@ -3,9 +3,9 @@
 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 styles = require('./styles.cjs.js');
+var index = require('../Popover/index.cjs.js');
+var DropdownMenuSection = require('./DropdownMenuSection.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -59,4 +59,4 @@ var DropdownMenu = Object.assign(RadixPopover__namespace.Root.bind(null), {
 });
 
 module.exports = DropdownMenu;
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.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,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.js → index.esm.js}

@@ -1,9 +1,9 @@
 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 { StyledDropdownMenuContent, StyledDropdownMenuItem } from './styles.esm.js';
+import Popover from '../Popover/index.esm.js';
+import { DropdownMenuSection } from './DropdownMenuSection.esm.js';
 import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["isInsideCloseable"];
@@ -33,4 +33,4 @@ var DropdownMenu = Object.assign(RadixPopover.Root.bind(null), {
 });
 
 export { DropdownMenu as default };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.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 → styles.cjs.js}

@@ -2,31 +2,31 @@
 
 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');
+var styles = require('../Popover/styles.cjs.js');
 
 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(["display:flex;align-items:center;padding:8px 12px;", ";color:", ";transition:background-color 0.07s;border-radius:unset;text-decoration:none;"], mixin.getTypographyStyles('Body1'), mixin.contents000);
-var DropdownMenuItemHoverCSS = styled.css(["&:hover,&:focus-visible{background-color:", ";}"], mixin.bg200);
-var DropdownMenuItemDisabledCSS = styled.css(["pointer-events:none;"]);
-var StyledDropdownMenuSectionTitle = styled__default.default.span.withConfig({
-  displayName: "styles__StyledDropdownMenuSectionTitle",
-  componentId: "sc-27u5hi-0"
-})(["", ";", ";color:", ";"], dropdownMenuItemCSS, mixin.getTypographyStyles('Body2_M'), mixin.contents200);
+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(["font-weight:", ";&:focus-visible{outline:none;}"], $active ? 600 : 400)];
+    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) {
@@ -38,18 +38,9 @@ var StyledDropdownMenuItem = styled__default.default.div.attrs(function (_ref2)
     $active: active,
     $disabled: disabled
   }, props);
-}).withConfig({
-  displayName: "styles__StyledDropdownMenuItem",
-  componentId: "sc-27u5hi-1"
 })(getDropdownMenuItemCss);
-var StyledDropdownMenuSection = styled__default.default.div.withConfig({
-  displayName: "styles__StyledDropdownMenuSection",
-  componentId: "sc-27u5hi-2"
-})([""]);
-var StyledDropdownMenuContent = styled__default.default(styles.StyledPopoverContent).withConfig({
-  displayName: "styles__StyledDropdownMenuContent",
-  componentId: "sc-27u5hi-3"
-})(["", "{border-bottom:1px solid ", ";}", ":last-child{border-bottom:none;}"], StyledDropdownMenuSection, mixin.divider, StyledDropdownMenuSection);
+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;
@@ -60,4 +51,4 @@ exports.StyledDropdownMenuSection = StyledDropdownMenuSection;
 exports.StyledDropdownMenuSectionTitle = StyledDropdownMenuSectionTitle;
 exports.dropdownMenuItemCSS = dropdownMenuItemCSS;
 exports.getDropdownMenuItemCss = getDropdownMenuItemCss;
-//# sourceMappingURL=styles.cjs.map
+//# sourceMappingURL=styles.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs.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,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.js → styles.esm.js}

@@ -1,24 +1,23 @@
 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';
+import { StyledPopoverContent } from '../Popover/styles.esm.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(["display:flex;align-items:center;padding:8px 12px;", ";color:", ";transition:background-color 0.07s;border-radius:unset;text-decoration:none;"], getTypographyStyles('Body1'), contents000);
-var DropdownMenuItemHoverCSS = css(["&:hover,&:focus-visible{background-color:", ";}"], bg200);
-var DropdownMenuItemDisabledCSS = css(["pointer-events:none;"]);
-var StyledDropdownMenuSectionTitle = styled.span.withConfig({
-  displayName: "styles__StyledDropdownMenuSectionTitle",
-  componentId: "sc-27u5hi-0"
-})(["", ";", ";color:", ";"], dropdownMenuItemCSS, getTypographyStyles('Body2_M'), contents200);
+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(["font-weight:", ";&:focus-visible{outline:none;}"], $active ? 600 : 400)];
+    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) {
@@ -30,19 +29,10 @@ var StyledDropdownMenuItem = styled.div.attrs(function (_ref2) {
     $active: active,
     $disabled: disabled
   }, props);
-}).withConfig({
-  displayName: "styles__StyledDropdownMenuItem",
-  componentId: "sc-27u5hi-1"
 })(getDropdownMenuItemCss);
-var StyledDropdownMenuSection = styled.div.withConfig({
-  displayName: "styles__StyledDropdownMenuSection",
-  componentId: "sc-27u5hi-2"
-})([""]);
-var StyledDropdownMenuContent = styled(StyledPopoverContent).withConfig({
-  displayName: "styles__StyledDropdownMenuContent",
-  componentId: "sc-27u5hi-3"
-})(["", "{border-bottom:1px solid ", ";}", ":last-child{border-bottom:none;}"], StyledDropdownMenuSection, divider, StyledDropdownMenuSection);
+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
+//# sourceMappingURL=styles.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.esm.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/{index.cjs → index.cjs.js}

@@ -3,7 +3,7 @@
 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 styles = require('./styles.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -63,4 +63,4 @@ var Popover = Object.assign(RadixPopover__namespace.Root.bind(null), {
 });
 
 module.exports = Popover;
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.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,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.js → index.esm.js}

@@ -1,7 +1,7 @@
 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 { StyledPopoverContent } from './styles.esm.js';
 import { jsx } from 'react/jsx-runtime';
 
 var _excluded = ["isInsideCloseable"];
@@ -37,4 +37,4 @@ var Popover = Object.assign(RadixPopover.Root.bind(null), {
 });
 
 export { Popover as default };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.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.js

@@ -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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs.js","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.esm.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.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.esm.js","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,SAAS,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAOlC,CAAA,kFAAA,CAAA,CAAA,CAAA,EAAA;AACM,IAAMC,WAAW,GAAGH,SAAS,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,CAOnC,CAAA,kFAAA,CAAA,CAAA,CAAA,EAAA;AAEM,IAAMG,oBAAoB,GAAGC,MAAM,CAACC,cAAc,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,2fAQ/CO,WAAW,EACAC,KAAK,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/Tooltip/{index.cjs → index.cjs.js}

@@ -5,11 +5,11 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var RadixTooltip = require('@radix-ui/react-tooltip');
 var react = require('react');
-var common = require('../../../../shared/utils/common.cjs');
+var common = require('../../../../shared/utils/common.cjs.js');
 var icon = require('@remember-web/icon');
 var mixin = require('@remember-web/mixin');
-var styles = require('./styles.cjs');
-var types = require('./types.cjs');
+var styles = require('./styles.cjs.js');
+var types = require('./types.cjs.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -133,4 +133,4 @@ function Tooltip(_ref) {
 }
 
 module.exports = Tooltip;
-//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.js.map

package/dist/primitive/src/Floating/Tooltip/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../../src/Floating/Tooltip/index.tsx"],"sourcesContent":["'use client';\n\nimport * as RadixTooltip from '@radix-ui/react-tooltip';\nimport { useState, type PropsWithChildren } from 'react';\n\nimport { isSSR } from '@remember-web/shared/utils/common';\nimport { IconCloseS } from '@remember-web/icon';\nimport { contents000, contents999 } from '@remember-web/mixin';\n\nimport { CloseButton, TooltipContent, TooltipTriggerWrapper } from './styles';\nimport {\n  isLargeSizeProps,\n  isStaticTypeProps,\n  type TooltipProps,\n  type TooltipSize,\n  type TooltipType,\n} from './types';\n\nconst hoverable = isSSR()\n  ? true\n  : window.matchMedia('(any-hover: hover)').matches;\n\nexport default function Tooltip<\n  Type extends TooltipType = 'hover',\n  Size extends TooltipSize = 'small'\n>({\n  children,\n  content,\n  contentOptions,\n  defaultOpen,\n  side = 'top',\n  gap = 4,\n  onOpenChange,\n  onClickOutside,\n  ...props\n}: PropsWithChildren<TooltipProps<Type, Size>>) {\n  const [_open, _setOpen] = useState(defaultOpen ?? false);\n  const { type = 'hover', size = 'small' } = props;\n  const {\n    backgroundColor = contents000,\n    contentColor = contents999,\n    maxWidth = 'initial',\n    textAlign = 'center',\n    onClick,\n    zIndex = 0,\n  } = contentOptions ?? {};\n  /**\n   * @description hover가 가능할 때 (마우스 포인터, 디지타이저 사용) type이 hover일 때만 hoverType으로 결정\n   *\n   * hover가 불가능할 때 (핑거 터치 사용) type이 hover라면 click타입으로 간주 */\n  const isHoverType = hoverable && type === 'hover';\n  const isClickType = !hoverable || type === 'click';\n  const isCloseButtonType = type === 'closeButton';\n  /** @description 클릭을 통해서 트리깅 하는 액션인지 확인 */\n  const isClickTrigger = isClickType || isCloseButtonType;\n  const isOpen = isStaticTypeProps(props)\n    ? props.open\n    : isHoverType\n    ? undefined\n    : _open;\n\n  return (\n    <RadixTooltip.Provider>\n      <RadixTooltip.Root\n        open={isOpen}\n        defaultOpen={defaultOpen}\n        delayDuration={100}\n        onOpenChange={onOpenChange}\n      >\n        <RadixTooltip.Trigger\n          asChild\n          onClick={\n            isClickTrigger\n              ? () => _setOpen(isClickType ? (prev) => !prev : true)\n              : undefined\n          }\n        >\n          <TooltipTriggerWrapper>{children}</TooltipTriggerWrapper>\n        </RadixTooltip.Trigger>\n        <RadixTooltip.Portal>\n          <TooltipContent\n            $size={size}\n            $maxWidth={maxWidth}\n            $backgroundColor={backgroundColor}\n            $contentColor={contentColor}\n            $textAlign={textAlign}\n            $zIndex={zIndex}\n            sideOffset={gap}\n            side={side}\n            onPointerDownOutside={(e) => {\n              if (isClickType) {\n                _setOpen(false);\n              }\n              onClickOutside?.(e);\n            }}\n            collisionPadding={20}\n            onClick={(e) => {\n              if (isClickType) {\n                () => _setOpen(false);\n              }\n              onClick?.(e);\n            }}\n          >\n            {content}\n            {type === 'closeButton' && (\n              <CloseButton onClick={() => _setOpen(false)}>\n                <IconCloseS />\n              </CloseButton>\n            )}\n            {isLargeSizeProps(props) && props.hasArrow && (\n              <RadixTooltip.Arrow\n                width={14}\n                height={8}\n                color={backgroundColor}\n              />\n            )}\n          </TooltipContent>\n        </RadixTooltip.Portal>\n      </RadixTooltip.Root>\n    </RadixTooltip.Provider>\n  );\n}\n"],"names":["side","gap","props","_open","_setOpen","type","size","backgroundColor","contentColor","maxWidth","textAlign","zIndex","children","open","defaultOpen","delayDuration","onOpenChange","$size","$maxWidth","$backgroundColor","$contentColor","$textAlign","$zIndex","sideOffset","onPointerDownOutside","onClickOutside","collisionPadding","onClick","width","height","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAa;AAkBb;AAIe;AAaiC;;;;;AAL9CA;;AACAC;;;AAGGC;;;AAEIC;AAAOC;AACd;AAAQC;;AAAgBC;;;AAEtBC;;AACAC;;AACAC;;AACAC;;;AAEAC;AAEF;AACF;AACA;AACA;AACE;AACA;AACA;AACA;AACA;AACA;AAMA;AACwBC;AAElBC;AACAC;AACAC;AACAC;AAA2BJ;;;AAMnB;AAAkC;AAAU;AAAQ;;AAIpCA;;AAAmC;;AAIvDK;AACAC;AACAC;AACAC;AACAC;AACAC;AACAC;AACAvB;AACAwB;AACE;;AAEA;AACAC;;AAEFC;AACAC;AAIEA;;;;;;AAK4Cf;AAC5B;AAKdgB;AACAC;AACAC;AAAuB;;AAGZ;;AAED;AAG1B;;"}