@remember-web/primitive 0.1.13 → 0.1.14

package/dist/src/Control/Switch/index.cjs.js

@@ -0,0 +1,34 @@
+"use client";
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var styles = require('./styles.cjs.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+
+var _excluded = ["size"];
+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; }
+function Switch(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsx(styles.Label, {
+    children: /*#__PURE__*/jsxRuntime.jsx(styles.SwitchRoot, _objectSpread(_objectSpread({
+      size: size
+    }, props), {}, {
+      children: /*#__PURE__*/jsxRuntime.jsx(styles.SwitchThumb, {
+        size: size,
+        "aria-hidden": "true"
+      })
+    }))
+  });
+}
+
+exports.Switch = Switch;
+//# sourceMappingURL=index.cjs.js.map

package/dist/src/Control/Switch/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/Control/Switch/index.tsx"],"sourcesContent":["'use client';\n\nimport { SwitchRoot, SwitchThumb, Label } from './styles';\nimport type { SwitchProps } from './types';\n\nexport function Switch({ size = 'small', ...props }: SwitchProps) {\n  return (\n    <Label>\n      <SwitchRoot size={size} {...props}>\n        <SwitchThumb size={size} aria-hidden=\"true\" />\n      </SwitchRoot>\n    </Label>\n  );\n}\n"],"names":["size","props","children"],"mappings":";;;;;;;;;;;;;AAAa;AAAA;AAAA;AAKN;AAA2D;AAAzCA;AAAmBC;;AAElCC;AACQF;AAAW;;AACRA;;;;AACF;AAGnB;;"}

package/dist/src/Control/Switch/index.d.ts

@@ -0,0 +1,3 @@
+import type { SwitchProps } from './types';
+export declare function Switch({ size, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/Control/Switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Control/Switch/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,MAAM,CAAC,EAAE,IAAc,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAQ/D"}

package/dist/src/Control/Switch/index.esm.js

@@ -0,0 +1,27 @@
+"use client";
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { Label, SwitchRoot, SwitchThumb } from './styles.esm.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["size"];
+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; }
+function Switch(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx(Label, {
+    children: /*#__PURE__*/jsx(SwitchRoot, _objectSpread(_objectSpread({
+      size: size
+    }, props), {}, {
+      children: /*#__PURE__*/jsx(SwitchThumb, {
+        size: size,
+        "aria-hidden": "true"
+      })
+    }))
+  });
+}
+
+export { Switch };
+//# sourceMappingURL=index.esm.js.map

package/dist/src/Control/Switch/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/Control/Switch/index.tsx"],"sourcesContent":["'use client';\n\nimport { SwitchRoot, SwitchThumb, Label } from './styles';\nimport type { SwitchProps } from './types';\n\nexport function Switch({ size = 'small', ...props }: SwitchProps) {\n  return (\n    <Label>\n      <SwitchRoot size={size} {...props}>\n        <SwitchThumb size={size} aria-hidden=\"true\" />\n      </SwitchRoot>\n    </Label>\n  );\n}\n"],"names":["size","props","children"],"mappings":";;;;;;AAAa;AAAA;AAAA;AAKN;AAA2D;AAAzCA;AAAmBC;;AAElCC;AACQF;AAAW;;AACRA;;;;AACF;AAGnB;;"}

package/dist/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/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';\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;AAQAA;AAMN;AAiBH;;AAUI;;AAYJ;;AAkBI;;;;"}

package/dist/src/Control/Switch/styles.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import type { SwitchProps } from './types';
+export declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>>;
+export declare const SwitchRoot: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<SwitchPrimitive.SwitchProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, {
+    size: SwitchProps['size'];
+}>> & Omit<import("react").ForwardRefExoticComponent<SwitchPrimitive.SwitchProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const SwitchThumb: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<SwitchPrimitive.SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, {
+    size: SwitchProps['size'];
+}>> & Omit<import("react").ForwardRefExoticComponent<SwitchPrimitive.SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/src/Control/Switch/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Control/Switch/styles.ts"],"names":[],"mappings":";AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,KAAK,yNAIjB,CAAC;AAEF,eAAO,MAAM,UAAU;;;UACf,WAAW,CAAC,MAAM,CAAC;oLA2B1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;UAChB,WAAW,CAAC,MAAM,CAAC;uLA2B1B,CAAC"}

package/dist/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/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';\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;AAQAA;AAMN;AAiBH;;AAUI;;AAYJ;;AAkBI;;"}

package/dist/src/Control/Switch/types.d.ts

@@ -0,0 +1,5 @@
+import type { SwitchProps as PrimitiveSwitchProps } from '@radix-ui/react-switch';
+export interface SwitchProps extends Omit<PrimitiveSwitchProps, 'asChild'> {
+    size?: 'small' | 'large';
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/src/Control/Switch/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/Control/Switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAElF,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IACxE,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC1B"}

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

@@ -0,0 +1,37 @@
+"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.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; }
+var _Toggle = function _Toggle(_ref, ref) {
+  var variant = _ref.variant,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsx(index.BaseToggle, _objectSpread({
+    ref: ref,
+    variant: variant
+  }, props));
+};
+var Toggle = /*#__PURE__*/react.forwardRef(_Toggle);
+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.js.map

package/dist/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' | 'indeterminate'> & {\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/src/Control/Toggle.d.ts

@@ -0,0 +1,32 @@
+import { type ForwardRefRenderFunction } from 'react';
+import type { BaseToggleProps } from './BaseToggle/types';
+export declare const _Toggle: ForwardRefRenderFunction<HTMLInputElement, Omit<BaseToggleProps, 'variant' | 'type' | 'indeterminate'> & {
+    variant: 'bookmark' | 'favorite';
+}>;
+export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<BaseToggleProps, "type" | "variant" | "indeterminate"> & {
+    variant: 'bookmark' | 'favorite';
+} & import("react").RefAttributes<HTMLInputElement>>;
+export declare const CircleBaseToggle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<{
+    variant: import("./BaseToggle/types").ToggleVariantType;
+    label?: import("react").ReactNode;
+    labelPosition?: "left" | "right" | undefined;
+    labelGap?: number | undefined;
+    inputClassName?: string | undefined;
+    onToggle?: ((checked: boolean) => void) | undefined;
+    size?: import("./BaseToggle/types").ToggleIconSizeType | undefined;
+    type?: "checkbox" | "radio" | undefined;
+    indeterminate?: boolean | undefined;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "type" | `aria-${string}` | "size"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
+}, never>> & Omit<import("react").ForwardRefExoticComponent<{
+    variant: import("./BaseToggle/types").ToggleVariantType;
+    label?: import("react").ReactNode;
+    labelPosition?: "left" | "right" | undefined;
+    labelGap?: number | undefined;
+    inputClassName?: string | undefined;
+    onToggle?: ((checked: boolean) => void) | undefined;
+    size?: import("./BaseToggle/types").ToggleIconSizeType | undefined;
+    type?: "checkbox" | "radio" | undefined;
+    indeterminate?: boolean | undefined;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "type" | `aria-${string}` | "size"> & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
+//# sourceMappingURL=Toggle.d.ts.map

package/dist/src/Control/Toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/Control/Toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAIlE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,OAAO,EAAE,wBAAwB,CAC5C,gBAAgB,EAChB,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,MAAM,GAAG,eAAe,CAAC,GAAG;IAC5D,OAAO,EAAE,UAAU,GAAG,UAAU,CAAC;CAClC,CAGF,CAAC;AAEF,eAAO,MAAM,MAAM;aANN,UAAU,GAAG,UAAU;oDAMK,CAAC;AAE1C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;sMAI5B,CAAC"}

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

@@ -0,0 +1,26 @@
+"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.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; }
+var _Toggle = function _Toggle(_ref, ref) {
+  var variant = _ref.variant,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx(BaseToggle, _objectSpread({
+    ref: ref,
+    variant: variant
+  }, props));
+};
+var Toggle = /*#__PURE__*/forwardRef(_Toggle);
+var CircleBaseToggle = styled(BaseToggle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  & > svg {\n    border-radius: 50%;\n  }\n"])));
+
+export { CircleBaseToggle, Toggle, _Toggle };
+//# sourceMappingURL=Toggle.esm.js.map

package/dist/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' | 'indeterminate'> & {\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/src/Control/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Checkbox';
+export * from './Toggle';
+export * from './Switch';
+export * from './Radio';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/Control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Control/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,28 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var styles = require('./styles.cjs.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+
+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__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 DropdownMenuSection = function DropdownMenuSection(_ref) {
+  var title = _ref.title,
+    children = _ref.children,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsxs(styles.StyledDropdownMenuSection, _objectSpread(_objectSpread({}, props), {}, {
+    children: [title && /*#__PURE__*/jsxRuntime.jsx(styles.StyledDropdownMenuSectionTitle, {
+      children: title
+    }), children]
+  }));
+};
+
+exports.DropdownMenuSection = DropdownMenuSection;
+//# sourceMappingURL=DropdownMenuSection.cjs.js.map

package/dist/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';\nimport type { GetStyledComponentProps } from '@remember-web/shared';\n\nimport {\n  StyledDropdownMenuSectionTitle,\n  StyledDropdownMenuSection,\n} from '@/Floating/DropdownMenu/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/src/Floating/DropdownMenu/DropdownMenuSection.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+import type { GetStyledComponentProps } from '@remember-web/shared';
+import { StyledDropdownMenuSection } from '../../Floating/DropdownMenu/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/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;AACvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAEpE,OAAO,EAEL,yBAAyB,EAC1B,MAAM,gCAAgC,CAAC;AAExC,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/src/Floating/DropdownMenu/DropdownMenuSection.esm.js

@@ -0,0 +1,21 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { StyledDropdownMenuSection, StyledDropdownMenuSectionTitle } from './styles.esm.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.esm.js.map

package/dist/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';\nimport type { GetStyledComponentProps } from '@remember-web/shared';\n\nimport {\n  StyledDropdownMenuSectionTitle,\n  StyledDropdownMenuSection,\n} from '@/Floating/DropdownMenu/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/src/Floating/DropdownMenu/index.cjs.js

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

package/dist/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/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").ConvertTransientProps<import("../../Floating/DropdownMenu/styles").StyledDropdownMenuItemProps>>, import("../../Floating/DropdownMenu/styles").StyledDropdownMenuItemProps>>;
+};
+export default DropdownMenu;
+//# sourceMappingURL=index.d.ts.map

package/dist/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/src/Floating/DropdownMenu/index.esm.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.esm.js';
+import Popover from '../Popover/index.esm.js';
+import { DropdownMenuSection } from './DropdownMenuSection.esm.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.esm.js.map

package/dist/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;;;;"}