@remember-web/primitive 0.1.11 → 0.1.13

package/dist/src/Common/Divider/index.cjs.js

@@ -1,54 +0,0 @@
-"use client";
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-var SeparatorPrimitive = require('@radix-ui/react-separator');
-var styled = require('styled-components');
-var mixin = require('@remember-web/mixin');
-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 _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
-var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-var _templateObject;
-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 StyledDivider = styled__default.default(SeparatorPrimitive__namespace.Root)(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  background-color: ", ";\n  &[data-orientation='horizontal'] {\n    height: 1px;\n    width: 100%;\n  }\n\n  &[data-orientation='vertical'] {\n    height: 100%;\n    width: 1px;\n  }\n"])), function (_ref) {
-  var _ref$color = _ref.color,
-    color = _ref$color === void 0 ? mixin.divider : _ref$color;
-  return color;
-});
-
-/**
- * @prop {"horizontal" | "vertical"} orientation - default: "horizontal"
- * @prop {boolean} decorative - pure한 장식 컴포넌트 여부. true일 경우 웹 접근성 속성에서 제거됨.
- */
-var Divider = function Divider(props) {
-  return /*#__PURE__*/jsxRuntime.jsx(StyledDivider, _objectSpread({}, props));
-};
-
-exports.Divider = Divider;
-//# sourceMappingURL=index.cjs.js.map

package/dist/src/Common/Divider/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/Common/Divider/index.tsx"],"sourcesContent":["'use client';\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport styled from 'styled-components';\nimport { divider } from '@remember-web/mixin';\n\nexport interface DividerProps extends SeparatorPrimitive.SeparatorProps {\n  color?: string;\n}\n\nconst StyledDivider = styled(SeparatorPrimitive.Root)<DividerProps>`\n  background-color: ${({ color = divider }) => color};\n  &[data-orientation='horizontal'] {\n    height: 1px;\n    width: 100%;\n  }\n\n  &[data-orientation='vertical'] {\n    height: 100%;\n    width: 1px;\n  }\n`;\n\n/**\n * @prop {\"horizontal\" | \"vertical\"} orientation - default: \"horizontal\"\n * @prop {boolean} decorative - pure한 장식 컴포넌트 여부. true일 경우 웹 접근성 속성에서 제거됨.\n */\nexport const Divider = (props: DividerProps) => <StyledDivider {...props} />;\n"],"names":["color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAa;AAAA;AAAA;AAUb;AACsB;AAAGA;AAAe;AAAY;;AAYpD;AACA;AACA;AACA;;;AAC4E;;"}

package/dist/src/Common/Divider/index.d.ts

@@ -1,10 +0,0 @@
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-export interface DividerProps extends SeparatorPrimitive.SeparatorProps {
-    color?: string;
-}
-/**
- * @prop {"horizontal" | "vertical"} orientation - default: "horizontal"
- * @prop {boolean} decorative - pure한 장식 컴포넌트 여부. true일 경우 웹 접근성 속성에서 제거됨.
- */
-export declare const Divider: (props: DividerProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/src/Common/Divider/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Common/Divider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAIhE,MAAM,WAAW,YAAa,SAAQ,kBAAkB,CAAC,cAAc;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAeD;;;GAGG;AACH,eAAO,MAAM,OAAO,UAAW,YAAY,4CAAiC,CAAC"}

package/dist/src/Common/Divider/index.esm.js

@@ -1,27 +0,0 @@
-"use client";
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import styled from 'styled-components';
-import { divider } from '@remember-web/mixin';
-import { jsx } from 'react/jsx-runtime';
-
-var _templateObject;
-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 StyledDivider = styled(SeparatorPrimitive.Root)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  &[data-orientation='horizontal'] {\n    height: 1px;\n    width: 100%;\n  }\n\n  &[data-orientation='vertical'] {\n    height: 100%;\n    width: 1px;\n  }\n"])), function (_ref) {
-  var _ref$color = _ref.color,
-    color = _ref$color === void 0 ? divider : _ref$color;
-  return color;
-});
-
-/**
- * @prop {"horizontal" | "vertical"} orientation - default: "horizontal"
- * @prop {boolean} decorative - pure한 장식 컴포넌트 여부. true일 경우 웹 접근성 속성에서 제거됨.
- */
-var Divider = function Divider(props) {
-  return /*#__PURE__*/jsx(StyledDivider, _objectSpread({}, props));
-};
-
-export { Divider };
-//# sourceMappingURL=index.esm.js.map

package/dist/src/Common/Divider/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/Common/Divider/index.tsx"],"sourcesContent":["'use client';\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport styled from 'styled-components';\nimport { divider } from '@remember-web/mixin';\n\nexport interface DividerProps extends SeparatorPrimitive.SeparatorProps {\n  color?: string;\n}\n\nconst StyledDivider = styled(SeparatorPrimitive.Root)<DividerProps>`\n  background-color: ${({ color = divider }) => color};\n  &[data-orientation='horizontal'] {\n    height: 1px;\n    width: 100%;\n  }\n\n  &[data-orientation='vertical'] {\n    height: 100%;\n    width: 1px;\n  }\n`;\n\n/**\n * @prop {\"horizontal\" | \"vertical\"} orientation - default: \"horizontal\"\n * @prop {boolean} decorative - pure한 장식 컴포넌트 여부. true일 경우 웹 접근성 속성에서 제거됨.\n */\nexport const Divider = (props: DividerProps) => <StyledDivider {...props} />;\n"],"names":["color"],"mappings":";;;;;;;;AAAa;AAAA;AAAA;AAUb;AACsB;AAAGA;AAAe;AAAY;;AAYpD;AACA;AACA;AACA;;;AAC4E;;"}

package/dist/src/Common/Flex/index.cjs.js

@@ -1,71 +0,0 @@
-"use client";
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-var styled = require('styled-components');
-var 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 _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-var _excluded = ["as", "width", "height", "direction", "gap", "align", "justify", "wrap"];
-var _templateObject;
-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 StyledFlex = styled__default.default.div(function (_ref) {
-  var _ref$$align = _ref.$align,
-    $align = _ref$$align === void 0 ? 'center' : _ref$$align,
-    _ref$$direction = _ref.$direction,
-    $direction = _ref$$direction === void 0 ? 'row' : _ref$$direction,
-    _ref$$justify = _ref.$justify,
-    $justify = _ref$$justify === void 0 ? 'center' : _ref$$justify,
-    _ref$$wrap = _ref.$wrap,
-    $wrap = _ref$$wrap === void 0 ? 'nowrap' : _ref$$wrap,
-    _ref$$gap = _ref.$gap,
-    $gap = _ref$$gap === void 0 ? 0 : _ref$$gap,
-    _ref$$width = _ref.$width,
-    $width = _ref$$width === void 0 ? 'auto' : _ref$$width,
-    _ref$$height = _ref.$height,
-    $height = _ref$$height === void 0 ? 'auto' : _ref$$height;
-  return styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n    box-sizing: border-box;\n    display: flex;\n    width: ", ";\n    height: ", ";\n\n    gap: ", ";\n    align-items: ", ";\n    justify-content: ", ";\n    flex-direction: ", ";\n    flex-wrap: ", ";\n  "])), typeof $width === 'number' ? "".concat($width, "px") : $width, typeof $height === 'number' ? "".concat($height, "px") : $height, typeof $gap === 'number' ? "".concat($gap, "px") : $gap, $align, $justify, $direction, $wrap);
-});
-
-/**
- * @prop {string} width
- * @prop {string} height
- * @prop {string} gap
- * @prop {CSSProperties['alignItems']} align
- * @prop {CSSProperties['justifyContent']} justify
- * @prop {CSSProperties['flexDirection']} direction
- * @prop {CSSProperties['flexWrap']} wrap
- */
-var Flex = function Flex(_ref2) {
-  var as = _ref2.as,
-    width = _ref2.width,
-    height = _ref2.height,
-    direction = _ref2.direction,
-    gap = _ref2.gap,
-    align = _ref2.align,
-    justify = _ref2.justify,
-    wrap = _ref2.wrap,
-    props = _objectWithoutProperties__default.default(_ref2, _excluded);
-  return /*#__PURE__*/jsxRuntime.jsx(StyledFlex, _objectSpread({
-    as: as,
-    $width: width,
-    $height: height,
-    $direction: direction,
-    $gap: gap,
-    $align: align,
-    $justify: justify,
-    $wrap: wrap
-  }, props));
-};
-
-exports.Flex = Flex;
-//# sourceMappingURL=index.cjs.js.map

package/dist/src/Common/Flex/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/Common/Flex/index.tsx"],"sourcesContent":["'use client';\n\nimport type { CSSProperties, ElementType, HTMLAttributes } from 'react';\nimport styled, { css } from 'styled-components';\nimport type { ConvertTransientProps } from '@remember-web/shared';\n\nexport interface FlexProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType;\n  $align?: CSSProperties['alignItems'];\n  $direction?: CSSProperties['flexDirection'];\n  $justify?: CSSProperties['justifyContent'];\n  $wrap?: CSSProperties['flexWrap'];\n  $gap?: string | number;\n  $width?: string | number;\n  $height?: string | number;\n}\n\nconst StyledFlex = styled.div<Partial<FlexProps>>(\n  ({\n    $align = 'center',\n    $direction = 'row',\n    $justify = 'center',\n    $wrap = 'nowrap',\n    $gap = 0,\n    $width = 'auto',\n    $height = 'auto',\n  }) => css`\n    box-sizing: border-box;\n    display: flex;\n    width: ${typeof $width === 'number' ? `${$width}px` : $width};\n    height: ${typeof $height === 'number' ? `${$height}px` : $height};\n\n    gap: ${typeof $gap === 'number' ? `${$gap}px` : $gap};\n    align-items: ${$align};\n    justify-content: ${$justify};\n    flex-direction: ${$direction};\n    flex-wrap: ${$wrap};\n  `\n);\n\n/**\n * @prop {string} width\n * @prop {string} height\n * @prop {string} gap\n * @prop {CSSProperties['alignItems']} align\n * @prop {CSSProperties['justifyContent']} justify\n * @prop {CSSProperties['flexDirection']} direction\n * @prop {CSSProperties['flexWrap']} wrap\n */\nexport const Flex = ({\n  as,\n  width,\n  height,\n  direction,\n  gap,\n  align,\n  justify,\n  wrap,\n  ...props\n}: ConvertTransientProps<FlexProps>) => (\n  <StyledFlex\n    as={as}\n    $width={width}\n    $height={height}\n    $direction={direction}\n    $gap={gap}\n    $align={align}\n    $justify={justify}\n    $wrap={wrap}\n    {...props}\n  />\n);\n"],"names":["$align","$direction","$justify","$wrap","$gap","$width","$height","props","as"],"mappings":";;;;;;;;;;;;;;;;AAAa;AAAA;AAAA;AAAA;AAiBb;AACE;AACEA;;AACAC;;AACAC;;AACAC;;AACAC;;AACAC;;AACAC;;AAWkB;;AAItB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACiB;;;;;;;;AASZC;AAAK;AAGNC;AACAH;AACAC;AACAL;AACAG;AACAJ;AACAE;AACAC;;AAEA;;"}

package/dist/src/Common/Flex/index.d.ts

@@ -1,23 +0,0 @@
-import type { CSSProperties, ElementType, HTMLAttributes } from 'react';
-import type { ConvertTransientProps } from '@remember-web/shared';
-export interface FlexProps extends HTMLAttributes<HTMLDivElement> {
-    as?: ElementType;
-    $align?: CSSProperties['alignItems'];
-    $direction?: CSSProperties['flexDirection'];
-    $justify?: CSSProperties['justifyContent'];
-    $wrap?: CSSProperties['flexWrap'];
-    $gap?: string | number;
-    $width?: string | number;
-    $height?: string | number;
-}
-/**
- * @prop {string} width
- * @prop {string} height
- * @prop {string} gap
- * @prop {CSSProperties['alignItems']} align
- * @prop {CSSProperties['justifyContent']} justify
- * @prop {CSSProperties['flexDirection']} direction
- * @prop {CSSProperties['flexWrap']} wrap
- */
-export declare const Flex: ({ as, width, height, direction, gap, align, justify, wrap, ...props }: ConvertTransientProps<FlexProps>) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/src/Common/Flex/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Common/Flex/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAExE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAElE,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACrC,UAAU,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAyBD;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI,0EAUd,sBAAsB,SAAS,CAAC,4CAYlC,CAAC"}

package/dist/src/Common/Flex/index.esm.js

@@ -1,62 +0,0 @@
-"use client";
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
-import styled, { css } from 'styled-components';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["as", "width", "height", "direction", "gap", "align", "justify", "wrap"];
-var _templateObject;
-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 StyledFlex = styled.div(function (_ref) {
-  var _ref$$align = _ref.$align,
-    $align = _ref$$align === void 0 ? 'center' : _ref$$align,
-    _ref$$direction = _ref.$direction,
-    $direction = _ref$$direction === void 0 ? 'row' : _ref$$direction,
-    _ref$$justify = _ref.$justify,
-    $justify = _ref$$justify === void 0 ? 'center' : _ref$$justify,
-    _ref$$wrap = _ref.$wrap,
-    $wrap = _ref$$wrap === void 0 ? 'nowrap' : _ref$$wrap,
-    _ref$$gap = _ref.$gap,
-    $gap = _ref$$gap === void 0 ? 0 : _ref$$gap,
-    _ref$$width = _ref.$width,
-    $width = _ref$$width === void 0 ? 'auto' : _ref$$width,
-    _ref$$height = _ref.$height,
-    $height = _ref$$height === void 0 ? 'auto' : _ref$$height;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    box-sizing: border-box;\n    display: flex;\n    width: ", ";\n    height: ", ";\n\n    gap: ", ";\n    align-items: ", ";\n    justify-content: ", ";\n    flex-direction: ", ";\n    flex-wrap: ", ";\n  "])), typeof $width === 'number' ? "".concat($width, "px") : $width, typeof $height === 'number' ? "".concat($height, "px") : $height, typeof $gap === 'number' ? "".concat($gap, "px") : $gap, $align, $justify, $direction, $wrap);
-});
-
-/**
- * @prop {string} width
- * @prop {string} height
- * @prop {string} gap
- * @prop {CSSProperties['alignItems']} align
- * @prop {CSSProperties['justifyContent']} justify
- * @prop {CSSProperties['flexDirection']} direction
- * @prop {CSSProperties['flexWrap']} wrap
- */
-var Flex = function Flex(_ref2) {
-  var as = _ref2.as,
-    width = _ref2.width,
-    height = _ref2.height,
-    direction = _ref2.direction,
-    gap = _ref2.gap,
-    align = _ref2.align,
-    justify = _ref2.justify,
-    wrap = _ref2.wrap,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  return /*#__PURE__*/jsx(StyledFlex, _objectSpread({
-    as: as,
-    $width: width,
-    $height: height,
-    $direction: direction,
-    $gap: gap,
-    $align: align,
-    $justify: justify,
-    $wrap: wrap
-  }, props));
-};
-
-export { Flex };
-//# sourceMappingURL=index.esm.js.map

package/dist/src/Common/Flex/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/Common/Flex/index.tsx"],"sourcesContent":["'use client';\n\nimport type { CSSProperties, ElementType, HTMLAttributes } from 'react';\nimport styled, { css } from 'styled-components';\nimport type { ConvertTransientProps } from '@remember-web/shared';\n\nexport interface FlexProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType;\n  $align?: CSSProperties['alignItems'];\n  $direction?: CSSProperties['flexDirection'];\n  $justify?: CSSProperties['justifyContent'];\n  $wrap?: CSSProperties['flexWrap'];\n  $gap?: string | number;\n  $width?: string | number;\n  $height?: string | number;\n}\n\nconst StyledFlex = styled.div<Partial<FlexProps>>(\n  ({\n    $align = 'center',\n    $direction = 'row',\n    $justify = 'center',\n    $wrap = 'nowrap',\n    $gap = 0,\n    $width = 'auto',\n    $height = 'auto',\n  }) => css`\n    box-sizing: border-box;\n    display: flex;\n    width: ${typeof $width === 'number' ? `${$width}px` : $width};\n    height: ${typeof $height === 'number' ? `${$height}px` : $height};\n\n    gap: ${typeof $gap === 'number' ? `${$gap}px` : $gap};\n    align-items: ${$align};\n    justify-content: ${$justify};\n    flex-direction: ${$direction};\n    flex-wrap: ${$wrap};\n  `\n);\n\n/**\n * @prop {string} width\n * @prop {string} height\n * @prop {string} gap\n * @prop {CSSProperties['alignItems']} align\n * @prop {CSSProperties['justifyContent']} justify\n * @prop {CSSProperties['flexDirection']} direction\n * @prop {CSSProperties['flexWrap']} wrap\n */\nexport const Flex = ({\n  as,\n  width,\n  height,\n  direction,\n  gap,\n  align,\n  justify,\n  wrap,\n  ...props\n}: ConvertTransientProps<FlexProps>) => (\n  <StyledFlex\n    as={as}\n    $width={width}\n    $height={height}\n    $direction={direction}\n    $gap={gap}\n    $align={align}\n    $justify={justify}\n    $wrap={wrap}\n    {...props}\n  />\n);\n"],"names":["$align","$direction","$justify","$wrap","$gap","$width","$height","props","as"],"mappings":";;;;;;;AAAa;AAAA;AAAA;AAAA;AAiBb;AACE;AACEA;;AACAC;;AACAC;;AACAC;;AACAC;;AACAC;;AACAC;;AAWkB;;AAItB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACiB;;;;;;;;AASZC;AAAK;AAGNC;AACAH;AACAC;AACAL;AACAG;AACAJ;AACAE;AACAC;;AAEA;;"}

package/dist/src/Common/Grid/index.cjs.js

@@ -1,72 +0,0 @@
-"use client";
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-var styled = require('styled-components');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-var _templateObject;
-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 StyledGrid = styled__default.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  box-sizing: border-box;\n  display: grid;\n  width: ", ";\n  height: ", ";\n  align-items: ", ";\n  justify-content: ", ";\n  grid-auto-flow: ", ";\n  grid-template-columns: ", ";\n  gap: ", ";\n  column-gap: ", ";\n  row-gap: ", ";\n"])), function (_ref) {
-  var _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '100%' : _ref$width;
-  return width;
-}, function (_ref2) {
-  var _ref2$height = _ref2.height,
-    height = _ref2$height === void 0 ? '100%' : _ref2$height;
-  return height;
-}, function (_ref3) {
-  var _ref3$align = _ref3.align,
-    align = _ref3$align === void 0 ? 'center' : _ref3$align;
-  return align;
-}, function (_ref4) {
-  var _ref4$justify = _ref4.justify,
-    justify = _ref4$justify === void 0 ? 'center' : _ref4$justify;
-  return justify;
-}, function (_ref5) {
-  var _ref5$flow = _ref5.flow,
-    flow = _ref5$flow === void 0 ? 'center' : _ref5$flow;
-  return flow;
-}, function (_ref6) {
-  var _ref6$columns = _ref6.columns,
-    columns = _ref6$columns === void 0 ? 1 : _ref6$columns;
-  return "repeat(".concat(columns, ", 1fr)");
-}, function (_ref7) {
-  var _ref7$gap = _ref7.gap,
-    gap = _ref7$gap === void 0 ? '0px' : _ref7$gap;
-  return gap;
-}, function (_ref8) {
-  var _ref8$columnGap = _ref8.columnGap,
-    columnGap = _ref8$columnGap === void 0 ? '0px' : _ref8$columnGap;
-  return columnGap;
-}, function (_ref9) {
-  var _ref9$rowGap = _ref9.rowGap,
-    rowGap = _ref9$rowGap === void 0 ? '0px' : _ref9$rowGap;
-  return rowGap;
-});
-
-/**
- * @prop {string} width
- * @prop {string} height
- * @prop {CSSProperties['alignItems']} align
- * @prop {CSSProperties['justifyContent']} justify
- * @prop {CSSProperties['gridAutoFlow']} flow
- * @prop {number} columns
- * @prop {string} gap
- * @prop {string} columnGap
- * @prop {string} rowGap
- */
-var Grid = function Grid(props) {
-  return /*#__PURE__*/jsxRuntime.jsx(StyledGrid, _objectSpread({}, props));
-};
-
-exports.Grid = Grid;
-//# sourceMappingURL=index.cjs.js.map

package/dist/src/Common/Grid/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/Common/Grid/index.tsx"],"sourcesContent":["'use client';\n\nimport type { CSSProperties, HTMLAttributes } from 'react';\nimport styled from 'styled-components';\n\nexport interface GridProps extends HTMLAttributes<HTMLDivElement> {\n  width?: string;\n  height?: string;\n  align?: CSSProperties['alignItems'];\n  justify?: CSSProperties['justifyContent'];\n  flow?: CSSProperties['gridAutoFlow'];\n  columns?: number;\n  gap?: string;\n  columnGap?: string;\n  rowGap?: string;\n}\n\nconst StyledGrid = styled.div<Partial<GridProps>>`\n  box-sizing: border-box;\n  display: grid;\n  width: ${({ width = '100%' }) => width};\n  height: ${({ height = '100%' }) => height};\n  align-items: ${({ align = 'center' }) => align};\n  justify-content: ${({ justify = 'center' }) => justify};\n  grid-auto-flow: ${({ flow = 'center' }) => flow};\n  grid-template-columns: ${({ columns = 1 }) => `repeat(${columns}, 1fr)`};\n  gap: ${({ gap = '0px' }) => gap};\n  column-gap: ${({ columnGap = '0px' }) => columnGap};\n  row-gap: ${({ rowGap = '0px' }) => rowGap};\n`;\n\n/**\n * @prop {string} width\n * @prop {string} height\n * @prop {CSSProperties['alignItems']} align\n * @prop {CSSProperties['justifyContent']} justify\n * @prop {CSSProperties['gridAutoFlow']} flow\n * @prop {number} columns\n * @prop {string} gap\n * @prop {string} columnGap\n * @prop {string} rowGap\n */\nexport const Grid = (props: GridProps) => <StyledGrid {...props} />;\n"],"names":["width","height","align","justify","flow","columns","gap","columnGap","rowGap"],"mappings":";;;;;;;;;;;;;;AAAa;AAAA;AAAA;AAiBb;AAGW;AAAGA;AAAc;AAAY;AAC5B;AAAGC;AAAe;AAAa;AAC1B;AAAGC;AAAgB;AAAY;AAC3B;AAAGC;AAAkB;AAAc;AACpC;AAAGC;AAAe;AAAW;AACtB;AAAGC;;AAAmC;AACxD;AAAGC;AAAW;AAAU;AACjB;AAAGC;AAAiB;AAAgB;AACvC;AAAGC;AAAc;AAAa;;AAG3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACmE;;"}

package/dist/src/Common/Grid/index.d.ts

@@ -1,25 +0,0 @@
-import type { CSSProperties, HTMLAttributes } from 'react';
-export interface GridProps extends HTMLAttributes<HTMLDivElement> {
-    width?: string;
-    height?: string;
-    align?: CSSProperties['alignItems'];
-    justify?: CSSProperties['justifyContent'];
-    flow?: CSSProperties['gridAutoFlow'];
-    columns?: number;
-    gap?: string;
-    columnGap?: string;
-    rowGap?: string;
-}
-/**
- * @prop {string} width
- * @prop {string} height
- * @prop {CSSProperties['alignItems']} align
- * @prop {CSSProperties['justifyContent']} justify
- * @prop {CSSProperties['gridAutoFlow']} flow
- * @prop {number} columns
- * @prop {string} gap
- * @prop {string} columnGap
- * @prop {string} rowGap
- */
-export declare const Grid: (props: GridProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/src/Common/Grid/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Common/Grid/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC1C,IAAI,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAgBD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,4CAA8B,CAAC"}

package/dist/src/Common/Grid/index.esm.js

@@ -1,64 +0,0 @@
-"use client";
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
-import styled from 'styled-components';
-import { jsx } from 'react/jsx-runtime';
-
-var _templateObject;
-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 StyledGrid = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  display: grid;\n  width: ", ";\n  height: ", ";\n  align-items: ", ";\n  justify-content: ", ";\n  grid-auto-flow: ", ";\n  grid-template-columns: ", ";\n  gap: ", ";\n  column-gap: ", ";\n  row-gap: ", ";\n"])), function (_ref) {
-  var _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '100%' : _ref$width;
-  return width;
-}, function (_ref2) {
-  var _ref2$height = _ref2.height,
-    height = _ref2$height === void 0 ? '100%' : _ref2$height;
-  return height;
-}, function (_ref3) {
-  var _ref3$align = _ref3.align,
-    align = _ref3$align === void 0 ? 'center' : _ref3$align;
-  return align;
-}, function (_ref4) {
-  var _ref4$justify = _ref4.justify,
-    justify = _ref4$justify === void 0 ? 'center' : _ref4$justify;
-  return justify;
-}, function (_ref5) {
-  var _ref5$flow = _ref5.flow,
-    flow = _ref5$flow === void 0 ? 'center' : _ref5$flow;
-  return flow;
-}, function (_ref6) {
-  var _ref6$columns = _ref6.columns,
-    columns = _ref6$columns === void 0 ? 1 : _ref6$columns;
-  return "repeat(".concat(columns, ", 1fr)");
-}, function (_ref7) {
-  var _ref7$gap = _ref7.gap,
-    gap = _ref7$gap === void 0 ? '0px' : _ref7$gap;
-  return gap;
-}, function (_ref8) {
-  var _ref8$columnGap = _ref8.columnGap,
-    columnGap = _ref8$columnGap === void 0 ? '0px' : _ref8$columnGap;
-  return columnGap;
-}, function (_ref9) {
-  var _ref9$rowGap = _ref9.rowGap,
-    rowGap = _ref9$rowGap === void 0 ? '0px' : _ref9$rowGap;
-  return rowGap;
-});
-
-/**
- * @prop {string} width
- * @prop {string} height
- * @prop {CSSProperties['alignItems']} align
- * @prop {CSSProperties['justifyContent']} justify
- * @prop {CSSProperties['gridAutoFlow']} flow
- * @prop {number} columns
- * @prop {string} gap
- * @prop {string} columnGap
- * @prop {string} rowGap
- */
-var Grid = function Grid(props) {
-  return /*#__PURE__*/jsx(StyledGrid, _objectSpread({}, props));
-};
-
-export { Grid };
-//# sourceMappingURL=index.esm.js.map

package/dist/src/Common/Grid/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/Common/Grid/index.tsx"],"sourcesContent":["'use client';\n\nimport type { CSSProperties, HTMLAttributes } from 'react';\nimport styled from 'styled-components';\n\nexport interface GridProps extends HTMLAttributes<HTMLDivElement> {\n  width?: string;\n  height?: string;\n  align?: CSSProperties['alignItems'];\n  justify?: CSSProperties['justifyContent'];\n  flow?: CSSProperties['gridAutoFlow'];\n  columns?: number;\n  gap?: string;\n  columnGap?: string;\n  rowGap?: string;\n}\n\nconst StyledGrid = styled.div<Partial<GridProps>>`\n  box-sizing: border-box;\n  display: grid;\n  width: ${({ width = '100%' }) => width};\n  height: ${({ height = '100%' }) => height};\n  align-items: ${({ align = 'center' }) => align};\n  justify-content: ${({ justify = 'center' }) => justify};\n  grid-auto-flow: ${({ flow = 'center' }) => flow};\n  grid-template-columns: ${({ columns = 1 }) => `repeat(${columns}, 1fr)`};\n  gap: ${({ gap = '0px' }) => gap};\n  column-gap: ${({ columnGap = '0px' }) => columnGap};\n  row-gap: ${({ rowGap = '0px' }) => rowGap};\n`;\n\n/**\n * @prop {string} width\n * @prop {string} height\n * @prop {CSSProperties['alignItems']} align\n * @prop {CSSProperties['justifyContent']} justify\n * @prop {CSSProperties['gridAutoFlow']} flow\n * @prop {number} columns\n * @prop {string} gap\n * @prop {string} columnGap\n * @prop {string} rowGap\n */\nexport const Grid = (props: GridProps) => <StyledGrid {...props} />;\n"],"names":["width","height","align","justify","flow","columns","gap","columnGap","rowGap"],"mappings":";;;;;;AAAa;AAAA;AAAA;AAiBb;AAGW;AAAGA;AAAc;AAAY;AAC5B;AAAGC;AAAe;AAAa;AAC1B;AAAGC;AAAgB;AAAY;AAC3B;AAAGC;AAAkB;AAAc;AACpC;AAAGC;AAAe;AAAW;AACtB;AAAGC;;AAAmC;AACxD;AAAGC;AAAW;AAAU;AACjB;AAAGC;AAAiB;AAAgB;AACvC;AAAGC;AAAc;AAAa;;AAG3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACmE;;"}

package/dist/src/Common/Spinner/index.cjs.js

@@ -1,26 +0,0 @@
-"use client";
-'use strict';
-
-var icon = require('@remember-web/icon');
-var styles = require('./styles.cjs.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-var Spinner = function Spinner(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'small' : _ref$size,
-    className = _ref.className,
-    color = _ref.color,
-    _ref$layout = _ref.layout,
-    layout = _ref$layout === void 0 ? 'block' : _ref$layout;
-  return /*#__PURE__*/jsxRuntime.jsx(styles.Container, {
-    className: className,
-    $color: color,
-    layout: layout,
-    children: /*#__PURE__*/jsxRuntime.jsx(icon.IconSpinner, {
-      size: size
-    })
-  });
-};
-
-exports.Spinner = Spinner;
-//# sourceMappingURL=index.cjs.js.map

package/dist/src/Common/Spinner/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/Common/Spinner/index.tsx"],"sourcesContent":["'use client';\n\nimport { IconSpinner } from '@remember-web/icon';\n\nimport { Container } from './styles';\nimport type { SpinnerProps } from './types';\n\nexport const Spinner = ({\n  size = 'small',\n  className,\n  color,\n  layout = 'block',\n}: SpinnerProps) => (\n  <Container className={className} $color={color} layout={layout}>\n    <IconSpinner size={size} />\n  </Container>\n);\n"],"names":["size","layout","className","$color"],"mappings":";;;;;;;;AAOoB;AAClBA;;;;AAGAC;;AAEWC;AAAsBC;AAAeF;;AACjCD;;AAAc;AACjB;;"}

package/dist/src/Common/Spinner/index.d.ts

@@ -1,3 +0,0 @@
-import type { SpinnerProps } from './types';
-export declare const Spinner: ({ size, className, color, layout, }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/src/Common/Spinner/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Common/Spinner/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,OAAO,wCAKjB,YAAY,4CAId,CAAC"}

package/dist/src/Common/Spinner/index.esm.js

@@ -1,24 +0,0 @@
-"use client";
-import { IconSpinner } from '@remember-web/icon';
-import { Container } from './styles.esm.js';
-import { jsx } from 'react/jsx-runtime';
-
-var Spinner = function Spinner(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'small' : _ref$size,
-    className = _ref.className,
-    color = _ref.color,
-    _ref$layout = _ref.layout,
-    layout = _ref$layout === void 0 ? 'block' : _ref$layout;
-  return /*#__PURE__*/jsx(Container, {
-    className: className,
-    $color: color,
-    layout: layout,
-    children: /*#__PURE__*/jsx(IconSpinner, {
-      size: size
-    })
-  });
-};
-
-export { Spinner };
-//# sourceMappingURL=index.esm.js.map

package/dist/src/Common/Spinner/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/Common/Spinner/index.tsx"],"sourcesContent":["'use client';\n\nimport { IconSpinner } from '@remember-web/icon';\n\nimport { Container } from './styles';\nimport type { SpinnerProps } from './types';\n\nexport const Spinner = ({\n  size = 'small',\n  className,\n  color,\n  layout = 'block',\n}: SpinnerProps) => (\n  <Container className={className} $color={color} layout={layout}>\n    <IconSpinner size={size} />\n  </Container>\n);\n"],"names":["size","layout","className","$color"],"mappings":";;;;;;AAOoB;AAClBA;;;;AAGAC;;AAEWC;AAAsBC;AAAeF;;AACjCD;;AAAc;AACjB;;"}

package/dist/src/Common/Spinner/styles.cjs.js

@@ -1,21 +0,0 @@
-"use client";
-'use strict';
-
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-var styled = require('styled-components');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
-var styled__default = /*#__PURE__*/_interopDefault(styled);
-
-var _templateObject, _templateObject2, _templateObject3;
-var RotateAnimation = styled.keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  to { transform: rotate(360deg); };\n"])));
-var Container = styled__default.default.div(function (_ref) {
-  var $color = _ref.$color,
-    layout = _ref.layout;
-  return styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: fit-content;\n    height: fit-content;\n    ", "\n\n    ", ";\n\n    & > svg {\n      animation: ", " 1.5s linear infinite;\n    }\n  "])), layout === 'full' && styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n      width: 100%;\n      height: 100%;\n    "]))), $color && "color: ".concat($color, ";"), RotateAnimation);
-});
-
-exports.Container = Container;
-//# sourceMappingURL=styles.cjs.js.map

package/dist/src/Common/Spinner/styles.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.cjs.js","sources":["../../../../src/Common/Spinner/styles.ts"],"sourcesContent":["'use client';\n\nimport styled, { css, keyframes } from 'styled-components';\n\nimport type { SpinnerStyleProps } from './types';\n\nconst RotateAnimation = keyframes`\n  to { transform: rotate(360deg); };\n`;\n\nexport const Container = styled.div<SpinnerStyleProps>(\n  ({ $color, layout }) => css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: fit-content;\n    height: fit-content;\n    ${layout === 'full' &&\n    css`\n      width: 100%;\n      height: 100%;\n    `}\n\n    ${$color && `color: ${$color};`};\n\n    & > svg {\n      animation: ${RotateAnimation} 1.5s linear infinite;\n    }\n  `\n);\n"],"names":[],"mappings":";;;;;;;;;;;AAAa;AAMb;AAIO;AACL;;AAAiB;AAee;;"}

package/dist/src/Common/Spinner/styles.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { SpinnerStyleProps } from './types';
-export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SpinnerStyleProps>>;
-//# sourceMappingURL=styles.d.ts.map

package/dist/src/Common/Spinner/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Common/Spinner/styles.ts"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAMjD,eAAO,MAAM,SAAS,8NAmBrB,CAAC"}

package/dist/src/Common/Spinner/styles.esm.js

@@ -1,14 +0,0 @@
-"use client";
-import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
-import styled, { keyframes, css } from 'styled-components';
-
-var _templateObject, _templateObject2, _templateObject3;
-var RotateAnimation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  to { transform: rotate(360deg); };\n"])));
-var Container = styled.div(function (_ref) {
-  var $color = _ref.$color,
-    layout = _ref.layout;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: fit-content;\n    height: fit-content;\n    ", "\n\n    ", ";\n\n    & > svg {\n      animation: ", " 1.5s linear infinite;\n    }\n  "])), layout === 'full' && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      width: 100%;\n      height: 100%;\n    "]))), $color && "color: ".concat($color, ";"), RotateAnimation);
-});
-
-export { Container };
-//# sourceMappingURL=styles.esm.js.map

package/dist/src/Common/Spinner/styles.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.esm.js","sources":["../../../../src/Common/Spinner/styles.ts"],"sourcesContent":["'use client';\n\nimport styled, { css, keyframes } from 'styled-components';\n\nimport type { SpinnerStyleProps } from './types';\n\nconst RotateAnimation = keyframes`\n  to { transform: rotate(360deg); };\n`;\n\nexport const Container = styled.div<SpinnerStyleProps>(\n  ({ $color, layout }) => css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: fit-content;\n    height: fit-content;\n    ${layout === 'full' &&\n    css`\n      width: 100%;\n      height: 100%;\n    `}\n\n    ${$color && `color: ${$color};`};\n\n    & > svg {\n      animation: ${RotateAnimation} 1.5s linear infinite;\n    }\n  `\n);\n"],"names":[],"mappings":";;;;AAAa;AAMb;AAIO;AACL;;AAAiB;AAee;;"}

package/dist/src/Common/Spinner/types.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import type { ConvertTransientProps } from '@remember-web/shared';
-import type { ColorVariable } from '@remember-web/mixin';
-export type SpinnerLayout = 'full' | 'block';
-export type SpinnerSize = 'small' | 'medium' | 'large' | number;
-export interface SpinnerStyleProps {
-    $color?: ColorVariable | string;
-    layout?: SpinnerLayout;
-}
-export interface SpinnerProps extends ConvertTransientProps<SpinnerStyleProps> {
-    children?: React.ReactNode;
-    className?: string;
-    size?: SpinnerSize;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/src/Common/Spinner/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/Common/Spinner/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEhE,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,aAAa,GAAG,MAAM,CAAC;IAChC,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,YAAa,SAAQ,qBAAqB,CAAC,iBAAiB,CAAC;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB"}