@remember-web/primitive 0.0.0-alpha.1

package/dist/primitive/src/Logos/RememberSquareLogo/index.cjs

@@ -0,0 +1,68 @@
+"use client";
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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 = ["className", "backgroundColor", "color", "height", "customElement", "ref"];
+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 RememberSquareLogo = function RememberSquareLogo(_ref) {
+  var className = _ref.className,
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? '#F7F7EF' : _ref$backgroundColor,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'black' : _ref$color,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 20 : _ref$height,
+    customElement = _ref.customElement,
+    ref = _ref.ref,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref,
+    style: {
+      width: 'fit-content',
+      height: height,
+      display: 'flex',
+      alignItems: 'flex-end'
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsxs("svg", {
+      className: className,
+      height: "100%",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("g", {
+        clipPath: "url(#clip0_222_7)",
+        children: [/*#__PURE__*/jsxRuntime.jsx("path", {
+          d: "M18 0H2C0.895431 0 0 0.895431 0 2V18C0 19.1046 0.895431 20 2 20H18C19.1046 20 20 19.1046 20 18V2C20 0.895431 19.1046 0 18 0Z",
+          fill: backgroundColor
+        }), /*#__PURE__*/jsxRuntime.jsx("path", {
+          d: "M12.919 10.7305L9.70869 10.7153C9.63269 10.7913 9.63269 10.8067 9.55652 10.8978L11.8995 15.7513H15.338C15.3837 15.6753 15.414 15.6448 15.4597 15.5688L12.9189 10.7305H12.919Z",
+          fill: color
+        }), /*#__PURE__*/jsxRuntime.jsx("path", {
+          d: "M9.8913 4.24895H5.61597V15.7208H8.81097V5.02495C10.226 5.22278 10.9563 5.89211 11.2453 7.01811C11.4583 7.82445 11.367 9.04161 10.8041 9.78711L11.0171 10.0761C13.2536 10.0609 14.5013 8.82845 14.41 7.13961C14.334 5.17695 12.5386 4.24878 9.89113 4.24878L9.8913 4.24895Z",
+          fill: color
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx("defs", {
+        children: /*#__PURE__*/jsxRuntime.jsx("clipPath", {
+          id: "clip0_222_7",
+          children: /*#__PURE__*/jsxRuntime.jsx("rect", {
+            width: "20",
+            height: "20",
+            fill: "white"
+          })
+        })
+      })]
+    }), customElement]
+  }));
+};
+
+exports.RememberSquareLogo = RememberSquareLogo;
+//# sourceMappingURL=index.cjs.map

package/dist/primitive/src/Logos/RememberSquareLogo/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/Logos/RememberSquareLogo/index.tsx"],"sourcesContent":["'use client';\n\nimport type { RememberLogoProps } from '../types';\n\nexport const RememberSquareLogo = ({\n  className,\n  backgroundColor = '#F7F7EF',\n  color = 'black',\n  height = 20,\n  customElement,\n  ref,\n  ...props\n}: RememberLogoProps) => (\n  <div\n    {...props}\n    ref={ref}\n    style={{\n      width: 'fit-content',\n      height,\n      display: 'flex',\n      alignItems: 'flex-end',\n    }}\n  >\n    <svg\n      className={className}\n      height=\"100%\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g clipPath=\"url(#clip0_222_7)\">\n        <path\n          d=\"M18 0H2C0.895431 0 0 0.895431 0 2V18C0 19.1046 0.895431 20 2 20H18C19.1046 20 20 19.1046 20 18V2C20 0.895431 19.1046 0 18 0Z\"\n          fill={backgroundColor}\n        />\n        <path\n          d=\"M12.919 10.7305L9.70869 10.7153C9.63269 10.7913 9.63269 10.8067 9.55652 10.8978L11.8995 15.7513H15.338C15.3837 15.6753 15.414 15.6448 15.4597 15.5688L12.9189 10.7305H12.919Z\"\n          fill={color}\n        />\n        <path\n          d=\"M9.8913 4.24895H5.61597V15.7208H8.81097V5.02495C10.226 5.22278 10.9563 5.89211 11.2453 7.01811C11.4583 7.82445 11.367 9.04161 10.8041 9.78711L11.0171 10.0761C13.2536 10.0609 14.5013 8.82845 14.41 7.13961C14.334 5.17695 12.5386 4.24878 9.89113 4.24878L9.8913 4.24895Z\"\n          fill={color}\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_222_7\">\n          <rect width=\"20\" height=\"20\" fill=\"white\" />\n        </clipPath>\n      </defs>\n    </svg>\n    {customElement}\n  </div>\n);\n"],"names":["backgroundColor","color","height","props","ref","style","width","display","alignItems","children","className","viewBox","fill","xmlns","clipPath","d","id"],"mappings":";;;;;;;;;;;;AAAa;AAAA;AAAA;;AAIkB;;AAE7BA;;AACAC;;AACAC;;;AAGGC;AAAK;AAINC;AACAC;AACEC;AACAJ;AACAK;AACAC;;AACAC;AAGAC;AACAR;AACAS;AACAC;AACAC;AAAkCJ;AAE/BK;AAA4BL;AAE3BM;AACAH;;AAGAG;AACAH;;AAGAG;AACAH;AAAY;;AAGhBH;AACYO;AAAgBP;AAClBH;AAAWJ;AAAYU;;;AACpB;;AAGD;AACV;;"}

package/dist/primitive/src/Logos/RememberSquareLogo/index.d.ts

@@ -0,0 +1,3 @@
+import type { RememberLogoProps } from '../types';
+export declare const RememberSquareLogo: ({ className, backgroundColor, color, height, customElement, ref, ...props }: RememberLogoProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/primitive/src/Logos/RememberSquareLogo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Logos/RememberSquareLogo/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,kBAAkB,gFAQ5B,iBAAiB,4CAwCnB,CAAC"}

package/dist/primitive/src/Logos/RememberSquareLogo/index.js

@@ -0,0 +1,61 @@
+"use client";
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["className", "backgroundColor", "color", "height", "customElement", "ref"];
+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 RememberSquareLogo = function RememberSquareLogo(_ref) {
+  var className = _ref.className,
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? '#F7F7EF' : _ref$backgroundColor,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'black' : _ref$color,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 20 : _ref$height,
+    customElement = _ref.customElement,
+    ref = _ref.ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref,
+    style: {
+      width: 'fit-content',
+      height: height,
+      display: 'flex',
+      alignItems: 'flex-end'
+    },
+    children: [/*#__PURE__*/jsxs("svg", {
+      className: className,
+      height: "100%",
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [/*#__PURE__*/jsxs("g", {
+        clipPath: "url(#clip0_222_7)",
+        children: [/*#__PURE__*/jsx("path", {
+          d: "M18 0H2C0.895431 0 0 0.895431 0 2V18C0 19.1046 0.895431 20 2 20H18C19.1046 20 20 19.1046 20 18V2C20 0.895431 19.1046 0 18 0Z",
+          fill: backgroundColor
+        }), /*#__PURE__*/jsx("path", {
+          d: "M12.919 10.7305L9.70869 10.7153C9.63269 10.7913 9.63269 10.8067 9.55652 10.8978L11.8995 15.7513H15.338C15.3837 15.6753 15.414 15.6448 15.4597 15.5688L12.9189 10.7305H12.919Z",
+          fill: color
+        }), /*#__PURE__*/jsx("path", {
+          d: "M9.8913 4.24895H5.61597V15.7208H8.81097V5.02495C10.226 5.22278 10.9563 5.89211 11.2453 7.01811C11.4583 7.82445 11.367 9.04161 10.8041 9.78711L11.0171 10.0761C13.2536 10.0609 14.5013 8.82845 14.41 7.13961C14.334 5.17695 12.5386 4.24878 9.89113 4.24878L9.8913 4.24895Z",
+          fill: color
+        })]
+      }), /*#__PURE__*/jsx("defs", {
+        children: /*#__PURE__*/jsx("clipPath", {
+          id: "clip0_222_7",
+          children: /*#__PURE__*/jsx("rect", {
+            width: "20",
+            height: "20",
+            fill: "white"
+          })
+        })
+      })]
+    }), customElement]
+  }));
+};
+
+export { RememberSquareLogo };
+//# sourceMappingURL=index.js.map

package/dist/primitive/src/Logos/RememberSquareLogo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/Logos/RememberSquareLogo/index.tsx"],"sourcesContent":["'use client';\n\nimport type { RememberLogoProps } from '../types';\n\nexport const RememberSquareLogo = ({\n  className,\n  backgroundColor = '#F7F7EF',\n  color = 'black',\n  height = 20,\n  customElement,\n  ref,\n  ...props\n}: RememberLogoProps) => (\n  <div\n    {...props}\n    ref={ref}\n    style={{\n      width: 'fit-content',\n      height,\n      display: 'flex',\n      alignItems: 'flex-end',\n    }}\n  >\n    <svg\n      className={className}\n      height=\"100%\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g clipPath=\"url(#clip0_222_7)\">\n        <path\n          d=\"M18 0H2C0.895431 0 0 0.895431 0 2V18C0 19.1046 0.895431 20 2 20H18C19.1046 20 20 19.1046 20 18V2C20 0.895431 19.1046 0 18 0Z\"\n          fill={backgroundColor}\n        />\n        <path\n          d=\"M12.919 10.7305L9.70869 10.7153C9.63269 10.7913 9.63269 10.8067 9.55652 10.8978L11.8995 15.7513H15.338C15.3837 15.6753 15.414 15.6448 15.4597 15.5688L12.9189 10.7305H12.919Z\"\n          fill={color}\n        />\n        <path\n          d=\"M9.8913 4.24895H5.61597V15.7208H8.81097V5.02495C10.226 5.22278 10.9563 5.89211 11.2453 7.01811C11.4583 7.82445 11.367 9.04161 10.8041 9.78711L11.0171 10.0761C13.2536 10.0609 14.5013 8.82845 14.41 7.13961C14.334 5.17695 12.5386 4.24878 9.89113 4.24878L9.8913 4.24895Z\"\n          fill={color}\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_222_7\">\n          <rect width=\"20\" height=\"20\" fill=\"white\" />\n        </clipPath>\n      </defs>\n    </svg>\n    {customElement}\n  </div>\n);\n"],"names":["backgroundColor","color","height","props","ref","style","width","display","alignItems","children","className","viewBox","fill","xmlns","clipPath","d","id"],"mappings":";;;;;AAAa;AAAA;AAAA;;AAIkB;;AAE7BA;;AACAC;;AACAC;;;AAGGC;AAAK;AAINC;AACAC;AACEC;AACAJ;AACAK;AACAC;;AACAC;AAGAC;AACAR;AACAS;AACAC;AACAC;AAAkCJ;AAE/BK;AAA4BL;AAE3BM;AACAH;;AAGAG;AACAH;;AAGAG;AACAH;AAAY;;AAGhBH;AACYO;AAAgBP;AAClBH;AAAWJ;AAAYU;;;AACpB;;AAGD;AACV;;"}

package/dist/primitive/src/Logos/index.d.ts

@@ -0,0 +1,5 @@
+export * from './RememberLogo';
+export * from './RememberMobileLogo';
+export * from './RememberSquareLogo';
+export * from './RememberServiceLogo';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitive/src/Logos/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Logos/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC"}

package/dist/primitive/src/Logos/types.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { EnvType } from './EnvLabel';
+export interface RememberLogoProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement>;
+    className?: string;
+    color?: 'white' | 'black' | string;
+    height?: number;
+    env?: EnvType;
+    customElement?: React.ReactNode;
+    backgroundColor?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/primitive/src/Logos/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/Logos/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}

package/dist/primitive/src/Modals/Dialog/Dialog.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj } from '@storybook/react';
+import { Dialog } from '.';
+type Story = StoryObj<typeof Dialog>;
+declare const meta: {
+    title: string;
+    component: typeof DialogComponent;
+};
+export declare const Default: Story;
+export default meta;
+declare function DialogComponent(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dialog.stories.d.ts.map

package/dist/primitive/src/Modals/Dialog/Dialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/Modals/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAE3B,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,IAAI;;;CAG8B,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAA6C,CAAC;AAEpE,eAAe,IAAI,CAAC;AAEpB,iBAAS,eAAe,4CAkCvB"}

package/dist/primitive/src/Modals/Dialog/index.cjs

@@ -0,0 +1,95 @@
+"use client";
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var DialogPrimitive = require('@radix-ui/react-dialog');
+var index = require('../../Common/Flex/index.cjs');
+var icon = require('@remember-web/icon');
+var styles = require('./styles.cjs');
+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 = ["children"],
+  _excluded2 = ["children", "dimmed"];
+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; }
+/**
+ * @prop {React.ReactNode} children
+ * @prop {boolean} open
+ * @prop {boolean} defaultOpen
+ * @prop {(open: boolean) => void} onOpenChange
+ * @prop {boolean} modal
+ * @prop {string} id
+ */
+function Dialog(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsx(DialogPrimitive.Root, _objectSpread(_objectSpread({}, props), {}, {
+    children: children
+  }));
+}
+
+/**
+ * @prop {boolean} dimmed
+ * @see https://www.radix-ui.com/docs/primitives/components/dialog
+ */
+Dialog.Content = function (_ref2) {
+  var children = _ref2.children,
+    _ref2$dimmed = _ref2.dimmed,
+    dimmed = _ref2$dimmed === void 0 ? true : _ref2$dimmed,
+    props = _objectWithoutProperties__default.default(_ref2, _excluded2);
+  return /*#__PURE__*/jsxRuntime.jsxs(DialogPrimitive.Portal, {
+    children: [dimmed && /*#__PURE__*/jsxRuntime.jsx(styles.StyledOverlay, {}), /*#__PURE__*/jsxRuntime.jsx(styles.DialogContent, _objectSpread(_objectSpread({}, props), {}, {
+      children: /*#__PURE__*/jsxRuntime.jsx(index.Flex, {
+        direction: "column",
+        align: "center",
+        children: children
+      })
+    }))]
+  });
+};
+Dialog.HeadIcon = function (_ref3) {
+  var _ref3$type = _ref3.type,
+    type = _ref3$type === void 0 ? 'alert' : _ref3$type;
+  return /*#__PURE__*/jsxRuntime.jsxs(styles.DialogIcon, {
+    children: [type === 'alert' && /*#__PURE__*/jsxRuntime.jsx(icon.PictogramAlert, {
+      size: 40
+    }), type === 'confirm' && /*#__PURE__*/jsxRuntime.jsx(icon.PictogramCheck, {
+      size: 40
+    })]
+  });
+};
+Dialog.CloseIcon = function () {
+  return /*#__PURE__*/jsxRuntime.jsx(DialogPrimitive.Close, {
+    asChild: true,
+    children: /*#__PURE__*/jsxRuntime.jsx(styles.IconButton, {
+      type: "button",
+      "aria-label": "Close",
+      children: /*#__PURE__*/jsxRuntime.jsx(icon.IconClose, {
+        size: "small"
+      })
+    })
+  });
+};
+Dialog.Title = function (_ref4) {
+  var children = _ref4.children;
+  return /*#__PURE__*/jsxRuntime.jsx(styles.DialogTitle, {
+    children: children
+  });
+};
+Dialog.Description = function (_ref5) {
+  var children = _ref5.children;
+  return /*#__PURE__*/jsxRuntime.jsx(styles.DialogDescription, {
+    children: children
+  });
+};
+Dialog.Trigger = DialogPrimitive.Trigger;
+Dialog.Close = DialogPrimitive.Close;
+
+exports.Dialog = Dialog;
+//# sourceMappingURL=index.cjs.map

package/dist/primitive/src/Modals/Dialog/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/Modals/Dialog/index.tsx"],"sourcesContent":["'use client';\n\nimport type { DialogContentProps, DialogProps } from '@radix-ui/react-dialog';\nimport { Root, Trigger, Close, Portal } from '@radix-ui/react-dialog';\n\nimport { Flex } from '@/Common/Flex';\nimport { IconClose, PictogramAlert, PictogramCheck } from '@remember-web/icon';\n\nimport {\n  DialogContent,\n  DialogDescription,\n  DialogIcon,\n  DialogTitle,\n  IconButton,\n  StyledOverlay,\n} from './styles';\n\ninterface ContentProps extends DialogContentProps {\n  children: React.ReactNode;\n  dimmed?: boolean;\n}\n\n/**\n * @prop {React.ReactNode} children\n * @prop {boolean} open\n * @prop {boolean} defaultOpen\n * @prop {(open: boolean) => void} onOpenChange\n * @prop {boolean} modal\n * @prop {string} id\n */\nexport function Dialog({ children, ...props }: DialogProps) {\n  return <Root {...props}>{children}</Root>;\n}\n\n/**\n * @prop {boolean} dimmed\n * @see https://www.radix-ui.com/docs/primitives/components/dialog\n */\nDialog.Content = ({ children, dimmed = true, ...props }: ContentProps) => (\n  <Portal>\n    {dimmed && <StyledOverlay />}\n    <DialogContent {...props}>\n      <Flex direction=\"column\" align=\"center\">\n        {children}\n      </Flex>\n    </DialogContent>\n  </Portal>\n);\n\nDialog.HeadIcon = ({ type = 'alert' }: { type?: 'alert' | 'confirm' }) => (\n  <DialogIcon>\n    {type === 'alert' && <PictogramAlert size={40} />}\n    {type === 'confirm' && <PictogramCheck size={40} />}\n  </DialogIcon>\n);\n\nDialog.CloseIcon = () => (\n  <Close asChild>\n    <IconButton type=\"button\" aria-label=\"Close\">\n      <IconClose size=\"small\" />\n    </IconButton>\n  </Close>\n);\n\nDialog.Title = ({ children }: { children: React.ReactNode }) => (\n  <DialogTitle>{children}</DialogTitle>\n);\n\nDialog.Description = ({ children }: { children: React.ReactNode }) => (\n  <DialogDescription>{children}</DialogDescription>\n);\n\nDialog.Trigger = Trigger;\nDialog.Close = Close;\n"],"names":["props","children","Dialog","dimmed","direction","align","type","size"],"mappings":";;;;;;;;;;;;;;;;AAAa;;AAAA;AAAA;AAsBb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AAAqD;AAAtBA;;AACdC;AAAW;AACnC;;AAEA;AACA;AACA;AACA;AACAC;AAAiB;;AAAaC;AAAkBH;;AACvCC;;AAGGG;AAAmBC;AAAcJ;;AAEhC;AACO;AACT;AAGXC;AAAkB;AAAGI;;AACRL;AAC4BM;;AACEA;AAAS;AAAG;AACxC;AAGfL;;;;AAEgBI;AAAc;;AACbC;;;AACA;AACP;AAGVL;AAAe;;AACDD;AAAU;AAAe;AAGvCC;AAAqB;;AACDD;AAAU;AAAqB;AAGnDC;AACAA;;"}

package/dist/primitive/src/Modals/Dialog/index.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import type { DialogContentProps, DialogProps } from '@radix-ui/react-dialog';
+interface ContentProps extends DialogContentProps {
+    children: React.ReactNode;
+    dimmed?: boolean;
+}
+/**
+ * @prop {React.ReactNode} children
+ * @prop {boolean} open
+ * @prop {boolean} defaultOpen
+ * @prop {(open: boolean) => void} onOpenChange
+ * @prop {boolean} modal
+ * @prop {string} id
+ */
+export declare function Dialog({ children, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Dialog {
+    var Content: ({ children, dimmed, ...props }: ContentProps) => import("react/jsx-runtime").JSX.Element;
+    var HeadIcon: ({ type }: {
+        type?: "alert" | "confirm" | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    var CloseIcon: () => import("react/jsx-runtime").JSX.Element;
+    var Title: ({ children }: {
+        children: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    var Description: ({ children }: {
+        children: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    var Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    var Close: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/primitive/src/Modals/Dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Modals/Dialog/index.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAe9E,UAAU,YAAa,SAAQ,kBAAkB;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAEzD;yBAFe,MAAM"}

package/dist/primitive/src/Modals/Dialog/index.js

@@ -0,0 +1,88 @@
+"use client";
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { Root, Portal, Close, Trigger } from '@radix-ui/react-dialog';
+import { Flex } from '../../Common/Flex/index.js';
+import { PictogramAlert, PictogramCheck, IconClose } from '@remember-web/icon';
+import { StyledOverlay, DialogContent, DialogIcon, IconButton, DialogTitle, DialogDescription } from './styles.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded = ["children"],
+  _excluded2 = ["children", "dimmed"];
+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; }
+/**
+ * @prop {React.ReactNode} children
+ * @prop {boolean} open
+ * @prop {boolean} defaultOpen
+ * @prop {(open: boolean) => void} onOpenChange
+ * @prop {boolean} modal
+ * @prop {string} id
+ */
+function Dialog(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx(Root, _objectSpread(_objectSpread({}, props), {}, {
+    children: children
+  }));
+}
+
+/**
+ * @prop {boolean} dimmed
+ * @see https://www.radix-ui.com/docs/primitives/components/dialog
+ */
+Dialog.Content = function (_ref2) {
+  var children = _ref2.children,
+    _ref2$dimmed = _ref2.dimmed,
+    dimmed = _ref2$dimmed === void 0 ? true : _ref2$dimmed,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/jsxs(Portal, {
+    children: [dimmed && /*#__PURE__*/jsx(StyledOverlay, {}), /*#__PURE__*/jsx(DialogContent, _objectSpread(_objectSpread({}, props), {}, {
+      children: /*#__PURE__*/jsx(Flex, {
+        direction: "column",
+        align: "center",
+        children: children
+      })
+    }))]
+  });
+};
+Dialog.HeadIcon = function (_ref3) {
+  var _ref3$type = _ref3.type,
+    type = _ref3$type === void 0 ? 'alert' : _ref3$type;
+  return /*#__PURE__*/jsxs(DialogIcon, {
+    children: [type === 'alert' && /*#__PURE__*/jsx(PictogramAlert, {
+      size: 40
+    }), type === 'confirm' && /*#__PURE__*/jsx(PictogramCheck, {
+      size: 40
+    })]
+  });
+};
+Dialog.CloseIcon = function () {
+  return /*#__PURE__*/jsx(Close, {
+    asChild: true,
+    children: /*#__PURE__*/jsx(IconButton, {
+      type: "button",
+      "aria-label": "Close",
+      children: /*#__PURE__*/jsx(IconClose, {
+        size: "small"
+      })
+    })
+  });
+};
+Dialog.Title = function (_ref4) {
+  var children = _ref4.children;
+  return /*#__PURE__*/jsx(DialogTitle, {
+    children: children
+  });
+};
+Dialog.Description = function (_ref5) {
+  var children = _ref5.children;
+  return /*#__PURE__*/jsx(DialogDescription, {
+    children: children
+  });
+};
+Dialog.Trigger = Trigger;
+Dialog.Close = Close;
+
+export { Dialog };
+//# sourceMappingURL=index.js.map

package/dist/primitive/src/Modals/Dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/Modals/Dialog/index.tsx"],"sourcesContent":["'use client';\n\nimport type { DialogContentProps, DialogProps } from '@radix-ui/react-dialog';\nimport { Root, Trigger, Close, Portal } from '@radix-ui/react-dialog';\n\nimport { Flex } from '@/Common/Flex';\nimport { IconClose, PictogramAlert, PictogramCheck } from '@remember-web/icon';\n\nimport {\n  DialogContent,\n  DialogDescription,\n  DialogIcon,\n  DialogTitle,\n  IconButton,\n  StyledOverlay,\n} from './styles';\n\ninterface ContentProps extends DialogContentProps {\n  children: React.ReactNode;\n  dimmed?: boolean;\n}\n\n/**\n * @prop {React.ReactNode} children\n * @prop {boolean} open\n * @prop {boolean} defaultOpen\n * @prop {(open: boolean) => void} onOpenChange\n * @prop {boolean} modal\n * @prop {string} id\n */\nexport function Dialog({ children, ...props }: DialogProps) {\n  return <Root {...props}>{children}</Root>;\n}\n\n/**\n * @prop {boolean} dimmed\n * @see https://www.radix-ui.com/docs/primitives/components/dialog\n */\nDialog.Content = ({ children, dimmed = true, ...props }: ContentProps) => (\n  <Portal>\n    {dimmed && <StyledOverlay />}\n    <DialogContent {...props}>\n      <Flex direction=\"column\" align=\"center\">\n        {children}\n      </Flex>\n    </DialogContent>\n  </Portal>\n);\n\nDialog.HeadIcon = ({ type = 'alert' }: { type?: 'alert' | 'confirm' }) => (\n  <DialogIcon>\n    {type === 'alert' && <PictogramAlert size={40} />}\n    {type === 'confirm' && <PictogramCheck size={40} />}\n  </DialogIcon>\n);\n\nDialog.CloseIcon = () => (\n  <Close asChild>\n    <IconButton type=\"button\" aria-label=\"Close\">\n      <IconClose size=\"small\" />\n    </IconButton>\n  </Close>\n);\n\nDialog.Title = ({ children }: { children: React.ReactNode }) => (\n  <DialogTitle>{children}</DialogTitle>\n);\n\nDialog.Description = ({ children }: { children: React.ReactNode }) => (\n  <DialogDescription>{children}</DialogDescription>\n);\n\nDialog.Trigger = Trigger;\nDialog.Close = Close;\n"],"names":["props","children","Dialog","dimmed","direction","align","type","size"],"mappings":";;;;;;;;;AAAa;;AAAA;AAAA;AAsBb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AAAqD;AAAtBA;;AACdC;AAAW;AACnC;;AAEA;AACA;AACA;AACA;AACAC;AAAiB;;AAAaC;AAAkBH;;AACvCC;;AAGGG;AAAmBC;AAAcJ;;AAEhC;AACO;AACT;AAGXC;AAAkB;AAAGI;;AACRL;AAC4BM;;AACEA;AAAS;AAAG;AACxC;AAGfL;;;;AAEgBI;AAAc;;AACbC;;;AACA;AACP;AAGVL;AAAe;;AACDD;AAAU;AAAe;AAGvCC;AAAqB;;AACDD;AAAU;AAAqB;AAGnDC;AACAA;;"}

package/dist/primitive/src/Modals/Dialog/styles.cjs

@@ -0,0 +1,51 @@
+"use client";
+'use strict';
+
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var styled = require('styled-components');
+var DialogPrimitive = require('@radix-ui/react-dialog');
+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 styled__default = /*#__PURE__*/_interopDefault(styled);
+var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var overlayShow = styled.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  0% { opacity: 0; }\n  100% { opacity: 1; }\n"])));
+var contentShow = styled.keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n  0% { opacity: 0; transform: translate(-50%, -48%) scale(.96) }\n  100% { opacity: 1; transform: translate(-50%, -50%) scale(1) }\n"])));
+var StyledOverlay = styled__default.default(DialogPrimitive__namespace.Overlay)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.3);\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ", " 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n"])), overlayShow);
+var DialogContent = styled__default.default(DialogPrimitive__namespace.Content)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default.default(["\n  box-sizing: border-box;\n  background-color: ", ";\n  border-radius: 8px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 90vw;\n  max-width: 360px;\n  min-width: 300px;\n  max-height: 85vh;\n  padding: 32px 24px 24px;\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ", " 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n"])), mixin.primary200, contentShow);
+var DialogIcon = styled__default.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default.default(["\n  margin-bottom: 16px;\n"])));
+var IconButton = styled__default.default.button(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default.default(["\n  all: unset;\n  height: 16px;\n  width: 16px;\n  margin: -8px 0 8px 0;\n  align-self: flex-end;\n  cursor: pointer;\n"])));
+var DialogTitle = styled__default.default(DialogPrimitive__namespace.Title)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral__default.default(["\n  ", "\n\n  color: ", ";\n  margin: 0;\n  padding: 0;\n  white-space: pre-line;\n"])), mixin.getTypographyStyles('Headline4_B'), mixin.contents000);
+var DialogDescription = styled__default.default(DialogPrimitive__namespace.Description)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral__default.default(["\n  ", "\n\n  color: ", ";\n  margin: 4px 0 24px;\n  text-align: center;\n  white-space: pre-line;\n"])), mixin.getTypographyStyles('Body1_M'), mixin.contents100);
+
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogIcon = DialogIcon;
+exports.DialogTitle = DialogTitle;
+exports.IconButton = IconButton;
+exports.StyledOverlay = StyledOverlay;
+exports.contentShow = contentShow;
+exports.overlayShow = overlayShow;
+//# sourceMappingURL=styles.cjs.map

package/dist/primitive/src/Modals/Dialog/styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs","sources":["../../../../../src/Modals/Dialog/styles.ts"],"sourcesContent":["'use client';\n\nimport styled, { keyframes } from 'styled-components';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\n\nimport { primary200, contents000, contents100 } from '@remember-web/mixin';\nimport { getTypographyStyles } from '@remember-web/mixin';\n\nexport const overlayShow = keyframes`\n  0% { opacity: 0; }\n  100% { opacity: 1; }\n`;\n\nexport const contentShow = keyframes`\n  0% { opacity: 0; transform: translate(-50%, -48%) scale(.96) }\n  100% { opacity: 1; transform: translate(-50%, -50%) scale(1) }\n`;\n\nexport const StyledOverlay = styled(DialogPrimitive.Overlay)`\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.3);\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n`;\n\nexport const DialogContent = styled(DialogPrimitive.Content)`\n  box-sizing: border-box;\n  background-color: ${primary200};\n  border-radius: 8px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 90vw;\n  max-width: 360px;\n  min-width: 300px;\n  max-height: 85vh;\n  padding: 32px 24px 24px;\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n`;\n\nexport const DialogIcon = styled.div`\n  margin-bottom: 16px;\n`;\n\nexport const IconButton = styled.button`\n  all: unset;\n  height: 16px;\n  width: 16px;\n  margin: -8px 0 8px 0;\n  align-self: flex-end;\n  cursor: pointer;\n`;\n\nexport const DialogTitle = styled(DialogPrimitive.Title)`\n  ${getTypographyStyles('Headline4_B')}\n\n  color: ${contents000};\n  margin: 0;\n  padding: 0;\n  white-space: pre-line;\n`;\n\nexport const DialogDescription = styled(DialogPrimitive.Description)`\n  ${getTypographyStyles('Body1_M')}\n\n  color: ${contents100};\n  margin: 4px 0 24px;\n  text-align: center;\n  white-space: pre-line;\n`;\n"],"names":["DialogIcon","IconButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAa;AAQN;AAKA;;;AAsCMA;AAIAC;AASN;AASA;;;;;;;;;"}

package/dist/primitive/src/Modals/Dialog/styles.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+export declare const overlayShow: import("styled-components/dist/models/Keyframes").default;
+export declare const contentShow: import("styled-components/dist/models/Keyframes").default;
+export declare const StyledOverlay: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<DialogPrimitive.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("react").ForwardRefExoticComponent<DialogPrimitive.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const DialogContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & Omit<import("react").ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const DialogIcon: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const IconButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
+export declare const DialogTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & {
+    ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
+}, never>> & Omit<import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const DialogDescription: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
+}, never>> & Omit<import("react").ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>, keyof import("react").Component<any, {}, any>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/primitive/src/Modals/Dialog/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/Modals/Dialog/styles.ts"],"names":[],"mappings":";AAGA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAK1D,eAAO,MAAM,WAAW,2DAGvB,CAAC;AAEF,eAAO,MAAM,WAAW,2DAGvB,CAAC;AAEF,eAAO,MAAM,aAAa;;+LAQzB,CAAC;AAEF,eAAO,MAAM,aAAa;;+LAqBzB,CAAC;AAEF,eAAO,MAAM,UAAU,gNAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,4NAOtB,CAAC;AAEF,eAAO,MAAM,WAAW;;iMAOvB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;yMAO7B,CAAC"}

package/dist/primitive/src/Modals/Dialog/styles.js

@@ -0,0 +1,18 @@
+"use client";
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import styled, { keyframes } from 'styled-components';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { primary200, getTypographyStyles, contents000, contents100 } from '@remember-web/mixin';
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var overlayShow = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% { opacity: 0; }\n  100% { opacity: 1; }\n"])));
+var contentShow = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  0% { opacity: 0; transform: translate(-50%, -48%) scale(.96) }\n  100% { opacity: 1; transform: translate(-50%, -50%) scale(1) }\n"])));
+var StyledOverlay = styled(DialogPrimitive.Overlay)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.3);\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ", " 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n"])), overlayShow);
+var DialogContent = styled(DialogPrimitive.Content)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  background-color: ", ";\n  border-radius: 8px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 90vw;\n  max-width: 360px;\n  min-width: 300px;\n  max-height: 85vh;\n  padding: 32px 24px 24px;\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ", " 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n"])), primary200, contentShow);
+var DialogIcon = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-bottom: 16px;\n"])));
+var IconButton = styled.button(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  all: unset;\n  height: 16px;\n  width: 16px;\n  margin: -8px 0 8px 0;\n  align-self: flex-end;\n  cursor: pointer;\n"])));
+var DialogTitle = styled(DialogPrimitive.Title)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n\n  color: ", ";\n  margin: 0;\n  padding: 0;\n  white-space: pre-line;\n"])), getTypographyStyles('Headline4_B'), contents000);
+var DialogDescription = styled(DialogPrimitive.Description)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  ", "\n\n  color: ", ";\n  margin: 4px 0 24px;\n  text-align: center;\n  white-space: pre-line;\n"])), getTypographyStyles('Body1_M'), contents100);
+
+export { DialogContent, DialogDescription, DialogIcon, DialogTitle, IconButton, StyledOverlay, contentShow, overlayShow };
+//# sourceMappingURL=styles.js.map

package/dist/primitive/src/Modals/Dialog/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../src/Modals/Dialog/styles.ts"],"sourcesContent":["'use client';\n\nimport styled, { keyframes } from 'styled-components';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\n\nimport { primary200, contents000, contents100 } from '@remember-web/mixin';\nimport { getTypographyStyles } from '@remember-web/mixin';\n\nexport const overlayShow = keyframes`\n  0% { opacity: 0; }\n  100% { opacity: 1; }\n`;\n\nexport const contentShow = keyframes`\n  0% { opacity: 0; transform: translate(-50%, -48%) scale(.96) }\n  100% { opacity: 1; transform: translate(-50%, -50%) scale(1) }\n`;\n\nexport const StyledOverlay = styled(DialogPrimitive.Overlay)`\n  position: fixed;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.3);\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ${overlayShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n`;\n\nexport const DialogContent = styled(DialogPrimitive.Content)`\n  box-sizing: border-box;\n  background-color: ${primary200};\n  border-radius: 8px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 90vw;\n  max-width: 360px;\n  min-width: 300px;\n  max-height: 85vh;\n  padding: 32px 24px 24px;\n\n  &:focus {\n    outline: none;\n  }\n\n  @media (prefers-reduced-motion: no-preference) {\n    animation: ${contentShow} 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n`;\n\nexport const DialogIcon = styled.div`\n  margin-bottom: 16px;\n`;\n\nexport const IconButton = styled.button`\n  all: unset;\n  height: 16px;\n  width: 16px;\n  margin: -8px 0 8px 0;\n  align-self: flex-end;\n  cursor: pointer;\n`;\n\nexport const DialogTitle = styled(DialogPrimitive.Title)`\n  ${getTypographyStyles('Headline4_B')}\n\n  color: ${contents000};\n  margin: 0;\n  padding: 0;\n  white-space: pre-line;\n`;\n\nexport const DialogDescription = styled(DialogPrimitive.Description)`\n  ${getTypographyStyles('Body1_M')}\n\n  color: ${contents100};\n  margin: 4px 0 24px;\n  text-align: center;\n  white-space: pre-line;\n`;\n"],"names":["DialogIcon","IconButton"],"mappings":";;;;;;AAAa;AAQN;AAKA;;;AAsCMA;AAIAC;AASN;AASA;;"}

package/dist/primitive/src/Modals/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Dialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitive/src/Modals/index.d.ts.map

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

package/dist/primitive/src/Paginations/CompactPagination/CompactPagination.stories.d.ts

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/react';
+import { CompactPagination } from '.';
+type Story = StoryObj<typeof CompactPagination>;
+declare const meta: {
+    title: string;
+    component: typeof CompactPagination;
+    args: {
+        totalItemCount: number;
+        itemCountPerPage: number;
+        infinite: true;
+        className: string;
+    };
+};
+export declare const Basic: Story;
+export default meta;
+//# sourceMappingURL=CompactPagination.stories.d.ts.map

package/dist/primitive/src/Paginations/CompactPagination/CompactPagination.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactPagination.stories.d.ts","sourceRoot":"","sources":["../../../../../src/Paginations/CompactPagination/CompactPagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAC;AAEtC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEhD,QAAA,MAAM,IAAI;;;;;;;;;CASgC,CAAC;AAE3C,eAAO,MAAM,KAAK,EAAE,KAenB,CAAC;AAEF,eAAe,IAAI,CAAC"}