@remember-web/primitive 0.1.13 → 0.1.14

package/dist/src/Control/BaseToggle/ToggleIcon/index.cjs.js

@@ -0,0 +1,49 @@
+"use client";
+'use strict';
+
+var icon = require('@remember-web/icon');
+var util = require('@remember-web/icon/util');
+var jsxRuntime = require('react/jsx-runtime');
+
+var ICON_NAME = {
+  check: {
+    on: icon.ControlCheckOn,
+    indeterminate: icon.ControlCheckOn,
+    off: icon.ControlCheckOff
+  },
+  checkbox: {
+    on: icon.ControlCheckboxOn,
+    indeterminate: icon.ControlCheckboxIndeterminate,
+    off: icon.ControlCheckboxOff
+  },
+  favorite: {
+    on: icon.ControlFavoriteOn,
+    indeterminate: icon.ControlFavoriteOn,
+    off: icon.ControlFavoriteOff
+  },
+  bookmark: {
+    on: icon.ControlBookmarkOn,
+    indeterminate: icon.ControlBookmarkOn,
+    off: icon.ControlBookmarkOff
+  },
+  radio: {
+    on: icon.ControlRadioOn,
+    indeterminate: icon.ControlRadioOn,
+    off: icon.ControlRadioOff
+  }
+};
+function ToggleIcon(_ref) {
+  var size = _ref.size,
+    status = _ref.status,
+    variant = _ref.variant,
+    className = _ref.className;
+  var iconSize = typeof size === 'string' && util.isSvgRegularSize(size) ? util.SVG_SIZES[size] : size;
+  var Icon = ICON_NAME[variant][status];
+  return /*#__PURE__*/jsxRuntime.jsx(Icon, {
+    className: className,
+    size: iconSize
+  });
+}
+
+exports.ToggleIcon = ToggleIcon;
+//# sourceMappingURL=index.cjs.js.map

package/dist/src/Control/BaseToggle/ToggleIcon/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../../src/Control/BaseToggle/ToggleIcon/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ControlBookmarkOff,\n  ControlBookmarkOn,\n  ControlCheckOff,\n  ControlCheckOn,\n  ControlCheckboxIndeterminate,\n  ControlCheckboxOff,\n  ControlCheckboxOn,\n  ControlFavoriteOff,\n  ControlFavoriteOn,\n  ControlRadioOff,\n  ControlRadioOn,\n} from '@remember-web/icon';\nimport {\n  SVG_SIZES,\n  isSvgRegularSize,\n  type SvgSizeProps,\n  type WithSvgSizeComponentType,\n} from '@remember-web/icon/util';\n\nimport type { ToggleStatusType, ToggleVariantType } from '../types';\n\nconst ICON_NAME = {\n  check: {\n    on: ControlCheckOn,\n    indeterminate: ControlCheckOn,\n    off: ControlCheckOff,\n  },\n  checkbox: {\n    on: ControlCheckboxOn,\n    indeterminate: ControlCheckboxIndeterminate,\n    off: ControlCheckboxOff,\n  },\n  favorite: {\n    on: ControlFavoriteOn,\n    indeterminate: ControlFavoriteOn,\n    off: ControlFavoriteOff,\n  },\n  bookmark: {\n    on: ControlBookmarkOn,\n    indeterminate: ControlBookmarkOn,\n    off: ControlBookmarkOff,\n  },\n  radio: {\n    on: ControlRadioOn,\n    indeterminate: ControlRadioOn,\n    off: ControlRadioOff,\n  },\n} as const satisfies Record<\n  ToggleVariantType,\n  Record<ToggleStatusType, WithSvgSizeComponentType>\n>;\n\nexport function ToggleIcon({\n  size,\n  status,\n  variant,\n  className,\n}: {\n  variant: ToggleVariantType;\n  status: ToggleStatusType;\n  className?: string;\n} & SvgSizeProps) {\n  const iconSize =\n    typeof size === 'string' && isSvgRegularSize(size) ? SVG_SIZES[size] : size;\n\n  const Icon = ICON_NAME[variant][status];\n\n  return <Icon className={className} size={iconSize} />;\n}\n"],"names":["check","on","indeterminate","off","checkbox","favorite","bookmark","radio","className","size"],"mappings":";;;;;;;AAwBA;AACEA;AACEC;AACAC;AACAC;;AAEFC;AACEH;AACAC;AACAC;;AAEFE;AACEJ;AACAC;AACAC;;AAEFG;AACEL;AACAC;AACAC;;AAEFI;AACEN;AACAC;AACAC;AACF;AACF;AAKO;AASW;;;;AAChB;;;AAKaK;AAAsBC;AAAe;AACpD;;"}

package/dist/src/Control/BaseToggle/ToggleIcon/index.d.ts

@@ -0,0 +1,8 @@
+import { type SvgSizeProps } from '@remember-web/icon/util';
+import type { ToggleStatusType, ToggleVariantType } from '../types';
+export declare function ToggleIcon({ size, status, variant, className, }: {
+    variant: ToggleVariantType;
+    status: ToggleStatusType;
+    className?: string;
+} & SvgSizeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Control/BaseToggle/ToggleIcon/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAGL,KAAK,YAAY,EAElB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAiCpE,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,GACV,EAAE;IACD,OAAO,EAAE,iBAAiB,CAAC;IAC3B,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,YAAY,2CAOf"}

package/dist/src/Control/BaseToggle/ToggleIcon/index.esm.js

@@ -0,0 +1,47 @@
+"use client";
+import { ControlCheckOn, ControlCheckOff, ControlCheckboxOn, ControlCheckboxIndeterminate, ControlCheckboxOff, ControlFavoriteOn, ControlFavoriteOff, ControlBookmarkOn, ControlBookmarkOff, ControlRadioOn, ControlRadioOff } from '@remember-web/icon';
+import { isSvgRegularSize, SVG_SIZES } from '@remember-web/icon/util';
+import { jsx } from 'react/jsx-runtime';
+
+var ICON_NAME = {
+  check: {
+    on: ControlCheckOn,
+    indeterminate: ControlCheckOn,
+    off: ControlCheckOff
+  },
+  checkbox: {
+    on: ControlCheckboxOn,
+    indeterminate: ControlCheckboxIndeterminate,
+    off: ControlCheckboxOff
+  },
+  favorite: {
+    on: ControlFavoriteOn,
+    indeterminate: ControlFavoriteOn,
+    off: ControlFavoriteOff
+  },
+  bookmark: {
+    on: ControlBookmarkOn,
+    indeterminate: ControlBookmarkOn,
+    off: ControlBookmarkOff
+  },
+  radio: {
+    on: ControlRadioOn,
+    indeterminate: ControlRadioOn,
+    off: ControlRadioOff
+  }
+};
+function ToggleIcon(_ref) {
+  var size = _ref.size,
+    status = _ref.status,
+    variant = _ref.variant,
+    className = _ref.className;
+  var iconSize = typeof size === 'string' && isSvgRegularSize(size) ? SVG_SIZES[size] : size;
+  var Icon = ICON_NAME[variant][status];
+  return /*#__PURE__*/jsx(Icon, {
+    className: className,
+    size: iconSize
+  });
+}
+
+export { ToggleIcon };
+//# sourceMappingURL=index.esm.js.map

package/dist/src/Control/BaseToggle/ToggleIcon/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../../src/Control/BaseToggle/ToggleIcon/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ControlBookmarkOff,\n  ControlBookmarkOn,\n  ControlCheckOff,\n  ControlCheckOn,\n  ControlCheckboxIndeterminate,\n  ControlCheckboxOff,\n  ControlCheckboxOn,\n  ControlFavoriteOff,\n  ControlFavoriteOn,\n  ControlRadioOff,\n  ControlRadioOn,\n} from '@remember-web/icon';\nimport {\n  SVG_SIZES,\n  isSvgRegularSize,\n  type SvgSizeProps,\n  type WithSvgSizeComponentType,\n} from '@remember-web/icon/util';\n\nimport type { ToggleStatusType, ToggleVariantType } from '../types';\n\nconst ICON_NAME = {\n  check: {\n    on: ControlCheckOn,\n    indeterminate: ControlCheckOn,\n    off: ControlCheckOff,\n  },\n  checkbox: {\n    on: ControlCheckboxOn,\n    indeterminate: ControlCheckboxIndeterminate,\n    off: ControlCheckboxOff,\n  },\n  favorite: {\n    on: ControlFavoriteOn,\n    indeterminate: ControlFavoriteOn,\n    off: ControlFavoriteOff,\n  },\n  bookmark: {\n    on: ControlBookmarkOn,\n    indeterminate: ControlBookmarkOn,\n    off: ControlBookmarkOff,\n  },\n  radio: {\n    on: ControlRadioOn,\n    indeterminate: ControlRadioOn,\n    off: ControlRadioOff,\n  },\n} as const satisfies Record<\n  ToggleVariantType,\n  Record<ToggleStatusType, WithSvgSizeComponentType>\n>;\n\nexport function ToggleIcon({\n  size,\n  status,\n  variant,\n  className,\n}: {\n  variant: ToggleVariantType;\n  status: ToggleStatusType;\n  className?: string;\n} & SvgSizeProps) {\n  const iconSize =\n    typeof size === 'string' && isSvgRegularSize(size) ? SVG_SIZES[size] : size;\n\n  const Icon = ICON_NAME[variant][status];\n\n  return <Icon className={className} size={iconSize} />;\n}\n"],"names":["check","on","indeterminate","off","checkbox","favorite","bookmark","radio","className","size"],"mappings":";;;;;AAwBA;AACEA;AACEC;AACAC;AACAC;;AAEFC;AACEH;AACAC;AACAC;;AAEFE;AACEJ;AACAC;AACAC;;AAEFG;AACEL;AACAC;AACAC;;AAEFI;AACEN;AACAC;AACAC;AACF;AACF;AAKO;AASW;;;;AAChB;;;AAKaK;AAAsBC;AAAe;AACpD;;"}

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

@@ -0,0 +1,92 @@
+"use client";
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var react = require('react');
+require('../../Common/Divider/index.cjs.js');
+require('../../Common/Flex/index.cjs.js');
+require('../../Common/Grid/index.cjs.js');
+require('@remember-web/icon');
+require('../../Common/Spinner/styles.cjs.js');
+var jsxRuntime = require('react/jsx-runtime');
+var index$1 = require('../../Common/Typography/index.cjs.js');
+require('../../Common/Typography/styles.cjs.js');
+var index = require('./ToggleIcon/index.cjs.js');
+var styles = require('./styles.cjs.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
+
+var _excluded = ["variant", "label", "labelPosition", "className", "inputClassName", "size", "labelGap", "type", "onToggle", "onChange", "indeterminate"];
+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 _BaseToggle = function _BaseToggle(_ref, _ref2) {
+  var variant = _ref.variant,
+    _label = _ref.label,
+    _ref$labelPosition = _ref.labelPosition,
+    labelPosition = _ref$labelPosition === void 0 ? 'right' : _ref$labelPosition,
+    className = _ref.className,
+    inputClassName = _ref.inputClassName,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    _ref$labelGap = _ref.labelGap,
+    labelGap = _ref$labelGap === void 0 ? size === 'small' ? 2 : 4 : _ref$labelGap,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'checkbox' : _ref$type,
+    onToggle = _ref.onToggle,
+    _onChange = _ref.onChange,
+    indeterminate = _ref.indeterminate,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  var isStringLabel = typeof _label === 'string';
+  var label = isStringLabel ? /*#__PURE__*/jsxRuntime.jsx(index$1, {
+    variant: "Body1",
+    children: _label
+  }) : _label;
+  return /*#__PURE__*/jsxRuntime.jsxs(styles.ToggleRoot, {
+    className: className,
+    $gap: labelGap,
+    children: [/*#__PURE__*/jsxRuntime.jsx(styles.ToggleInput, _objectSpread(_objectSpread({
+      ref: function ref(input) {
+        if (_ref2) {
+          if (typeof _ref2 === 'function') {
+            _ref2(input);
+          } else {
+            _ref2.current = input;
+          }
+        }
+        if (input) {
+          input.indeterminate = indeterminate !== null && indeterminate !== void 0 ? indeterminate : false;
+        }
+      },
+      className: inputClassName,
+      type: type
+    }, props), {}, {
+      onChange: function onChange(e) {
+        _onChange === null || _onChange === void 0 || _onChange(e);
+        onToggle === null || onToggle === void 0 || onToggle(e.target.checked);
+      }
+    })), labelPosition === 'left' && label, /*#__PURE__*/jsxRuntime.jsx(index.ToggleIcon, {
+      className: "onIcon",
+      size: size,
+      status: "on",
+      variant: variant
+    }), /*#__PURE__*/jsxRuntime.jsx(index.ToggleIcon, {
+      className: "indeterminateIcon",
+      size: size,
+      status: "indeterminate",
+      variant: variant
+    }), /*#__PURE__*/jsxRuntime.jsx(index.ToggleIcon, {
+      className: "offIcon",
+      size: size,
+      status: "off",
+      variant: variant
+    }), labelPosition === 'right' && label]
+  });
+};
+var BaseToggle = /*#__PURE__*/react.forwardRef(_BaseToggle);
+
+exports.BaseToggle = BaseToggle;
+//# sourceMappingURL=index.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/Control/BaseToggle/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ForwardRefRenderFunction } from 'react';\nimport { forwardRef } from 'react';\n\nimport { Typography } from '@/Common';\n\nimport { ToggleIcon } from './ToggleIcon';\nimport { ToggleInput, ToggleRoot } from './styles';\nimport type { BaseToggleProps } from './types';\n\nconst _BaseToggle: ForwardRefRenderFunction<\n  HTMLInputElement,\n  BaseToggleProps\n> = (\n  {\n    variant,\n    label: _label,\n    labelPosition = 'right',\n    className,\n    inputClassName,\n    size = 'medium',\n    labelGap = size === 'small' ? 2 : 4,\n    type = 'checkbox',\n    onToggle,\n    onChange,\n    indeterminate,\n    ...props\n  },\n  ref\n) => {\n  const isStringLabel = typeof _label === 'string';\n  const label = isStringLabel ? (\n    <Typography variant=\"Body1\">{_label}</Typography>\n  ) : (\n    _label\n  );\n\n  return (\n    <ToggleRoot className={className} $gap={labelGap}>\n      <ToggleInput\n        ref={(input) => {\n          if (ref) {\n            if (typeof ref === 'function') {\n              ref(input);\n            } else {\n              ref.current = input;\n            }\n          }\n\n          if (input) {\n            input.indeterminate = indeterminate ?? false;\n          }\n        }}\n        className={inputClassName}\n        type={type}\n        {...props}\n        onChange={(e) => {\n          onChange?.(e);\n          onToggle?.(e.target.checked);\n        }}\n      />\n      {labelPosition === 'left' && label}\n      <ToggleIcon\n        className=\"onIcon\"\n        size={size}\n        status=\"on\"\n        variant={variant}\n      />\n      <ToggleIcon\n        className=\"indeterminateIcon\"\n        size={size}\n        status=\"indeterminate\"\n        variant={variant}\n      />\n      <ToggleIcon\n        className=\"offIcon\"\n        size={size}\n        status=\"off\"\n        variant={variant}\n      />\n      {labelPosition === 'right' && label}\n    </ToggleRoot>\n  );\n};\n\nexport const BaseToggle = forwardRef(_BaseToggle);\n"],"names":["labelPosition","size","type","props","variant","children","className","$gap","ref","onChange","status"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAa;AAAA;AAAA;AAWb;AAmBK;;;AAZDA;;;;AAGAC;;;;AAEAC;;;;AAIGC;AAIL;AACA;AACcC;AAAeC;;;AAMfC;AAAsBC;AAAeF;AAE7CG;AACE;AACE;;AAEA;;AAEA;AACF;AAEA;;AAEA;;AAEFF;AACAJ;AAAW;AAEXO;AACEA;;AAEF;;AAIAH;AACAL;AACAS;AACAN;AAAiB;AAGjBE;AACAL;AACAS;AACAN;AAAiB;AAGjBE;AACAL;AACAS;AACAN;AAAiB;AAEgB;AAGzC;;;"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const BaseToggle: import("react").ForwardRefExoticComponent<{
+    variant: import("./types").ToggleVariantType;
+    label?: import("react").ReactNode;
+    labelPosition?: "left" | "right" | undefined;
+    labelGap?: number | undefined;
+    inputClassName?: string | undefined;
+    onToggle?: ((checked: boolean) => void) | undefined;
+    size?: import("./types").ToggleIconSizeType | undefined;
+    type?: "checkbox" | "radio" | undefined;
+    indeterminate?: boolean | undefined;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "type" | `aria-${string}` | "size"> & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Control/BaseToggle/index.tsx"],"names":[],"mappings":";AAsFA,eAAO,MAAM,UAAU;;;;;;;;;;sJAA0B,CAAC"}

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

@@ -0,0 +1,85 @@
+"use client";
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef } from 'react';
+import '../../Common/Divider/index.esm.js';
+import '../../Common/Flex/index.esm.js';
+import '../../Common/Grid/index.esm.js';
+import '@remember-web/icon';
+import '../../Common/Spinner/styles.esm.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Typography from '../../Common/Typography/index.esm.js';
+import '../../Common/Typography/styles.esm.js';
+import { ToggleIcon } from './ToggleIcon/index.esm.js';
+import { ToggleRoot, ToggleInput } from './styles.esm.js';
+
+var _excluded = ["variant", "label", "labelPosition", "className", "inputClassName", "size", "labelGap", "type", "onToggle", "onChange", "indeterminate"];
+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 _BaseToggle = function _BaseToggle(_ref, _ref2) {
+  var variant = _ref.variant,
+    _label = _ref.label,
+    _ref$labelPosition = _ref.labelPosition,
+    labelPosition = _ref$labelPosition === void 0 ? 'right' : _ref$labelPosition,
+    className = _ref.className,
+    inputClassName = _ref.inputClassName,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'medium' : _ref$size,
+    _ref$labelGap = _ref.labelGap,
+    labelGap = _ref$labelGap === void 0 ? size === 'small' ? 2 : 4 : _ref$labelGap,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'checkbox' : _ref$type,
+    onToggle = _ref.onToggle,
+    _onChange = _ref.onChange,
+    indeterminate = _ref.indeterminate,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var isStringLabel = typeof _label === 'string';
+  var label = isStringLabel ? /*#__PURE__*/jsx(Typography, {
+    variant: "Body1",
+    children: _label
+  }) : _label;
+  return /*#__PURE__*/jsxs(ToggleRoot, {
+    className: className,
+    $gap: labelGap,
+    children: [/*#__PURE__*/jsx(ToggleInput, _objectSpread(_objectSpread({
+      ref: function ref(input) {
+        if (_ref2) {
+          if (typeof _ref2 === 'function') {
+            _ref2(input);
+          } else {
+            _ref2.current = input;
+          }
+        }
+        if (input) {
+          input.indeterminate = indeterminate !== null && indeterminate !== void 0 ? indeterminate : false;
+        }
+      },
+      className: inputClassName,
+      type: type
+    }, props), {}, {
+      onChange: function onChange(e) {
+        _onChange === null || _onChange === void 0 || _onChange(e);
+        onToggle === null || onToggle === void 0 || onToggle(e.target.checked);
+      }
+    })), labelPosition === 'left' && label, /*#__PURE__*/jsx(ToggleIcon, {
+      className: "onIcon",
+      size: size,
+      status: "on",
+      variant: variant
+    }), /*#__PURE__*/jsx(ToggleIcon, {
+      className: "indeterminateIcon",
+      size: size,
+      status: "indeterminate",
+      variant: variant
+    }), /*#__PURE__*/jsx(ToggleIcon, {
+      className: "offIcon",
+      size: size,
+      status: "off",
+      variant: variant
+    }), labelPosition === 'right' && label]
+  });
+};
+var BaseToggle = /*#__PURE__*/forwardRef(_BaseToggle);
+
+export { BaseToggle };
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/Control/BaseToggle/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ForwardRefRenderFunction } from 'react';\nimport { forwardRef } from 'react';\n\nimport { Typography } from '@/Common';\n\nimport { ToggleIcon } from './ToggleIcon';\nimport { ToggleInput, ToggleRoot } from './styles';\nimport type { BaseToggleProps } from './types';\n\nconst _BaseToggle: ForwardRefRenderFunction<\n  HTMLInputElement,\n  BaseToggleProps\n> = (\n  {\n    variant,\n    label: _label,\n    labelPosition = 'right',\n    className,\n    inputClassName,\n    size = 'medium',\n    labelGap = size === 'small' ? 2 : 4,\n    type = 'checkbox',\n    onToggle,\n    onChange,\n    indeterminate,\n    ...props\n  },\n  ref\n) => {\n  const isStringLabel = typeof _label === 'string';\n  const label = isStringLabel ? (\n    <Typography variant=\"Body1\">{_label}</Typography>\n  ) : (\n    _label\n  );\n\n  return (\n    <ToggleRoot className={className} $gap={labelGap}>\n      <ToggleInput\n        ref={(input) => {\n          if (ref) {\n            if (typeof ref === 'function') {\n              ref(input);\n            } else {\n              ref.current = input;\n            }\n          }\n\n          if (input) {\n            input.indeterminate = indeterminate ?? false;\n          }\n        }}\n        className={inputClassName}\n        type={type}\n        {...props}\n        onChange={(e) => {\n          onChange?.(e);\n          onToggle?.(e.target.checked);\n        }}\n      />\n      {labelPosition === 'left' && label}\n      <ToggleIcon\n        className=\"onIcon\"\n        size={size}\n        status=\"on\"\n        variant={variant}\n      />\n      <ToggleIcon\n        className=\"indeterminateIcon\"\n        size={size}\n        status=\"indeterminate\"\n        variant={variant}\n      />\n      <ToggleIcon\n        className=\"offIcon\"\n        size={size}\n        status=\"off\"\n        variant={variant}\n      />\n      {labelPosition === 'right' && label}\n    </ToggleRoot>\n  );\n};\n\nexport const BaseToggle = forwardRef(_BaseToggle);\n"],"names":["labelPosition","size","type","props","variant","children","className","$gap","ref","onChange","status"],"mappings":";;;;;;;;;;;;;;;AAAa;AAAA;AAAA;AAWb;AAmBK;;;AAZDA;;;;AAGAC;;;;AAEAC;;;;AAIGC;AAIL;AACA;AACcC;AAAeC;;;AAMfC;AAAsBC;AAAeF;AAE7CG;AACE;AACE;;AAEA;;AAEA;AACF;AAEA;;AAEA;;AAEFF;AACAJ;AAAW;AAEXO;AACEA;;AAEF;;AAIAH;AACAL;AACAS;AACAN;AAAiB;AAGjBE;AACAL;AACAS;AACAN;AAAiB;AAGjBE;AACAL;AACAS;AACAN;AAAiB;AAEgB;AAGzC;;;"}

package/dist/src/Control/BaseToggle/styles.cjs.js

@@ -0,0 +1,22 @@
+"use client";
+'use strict';
+
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
+var styled = require('styled-components');
+var mixin = require('@remember-web/mixin');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+var _templateObject, _templateObject2;
+var ToggleRoot = styled__default.default.label(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n  width: fit-content;\n  height: fit-content;\n  display: flex;\n  ", "\n\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n\n  & > svg {\n    transition: filter 0.2s ease-in-out;\n    flex-shrink: 0;\n  }\n\n  :has(input:disabled) {\n    cursor: default;\n  }\n\n  @media (hover: hover) {\n    &:hover > svg {\n      filter: grayscale(0.05) brightness(0.95);\n    }\n  }\n"])), function (_ref) {
+  var $gap = _ref.$gap;
+  return $gap && "gap: ".concat($gap, "px;");
+});
+var ToggleInput = styled__default.default.input(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n  all: unset;\n  position: absolute;\n  width: 1px;\n  height: 0px;\n  margin-left: -1px;\n\n  &:checked ~ svg.offIcon {\n    display: none;\n  }\n\n  &:not(:checked) ~ svg.onIcon {\n    display: none;\n  }\n\n  &:indeterminate ~ svg.offIcon,\n  &:indeterminate ~ svg.onIcon {\n    display: none;\n  }\n\n  &:not(:indeterminate) ~ svg.indeterminateIcon {\n    display: none;\n  }\n\n  &:disabled ~ svg {\n    filter: grayscale(1) brightness(1.1);\n  }\n\n  &:not(:disabled):active ~ svg {\n    filter: grayscale(0.1) brightness(0.9);\n  }\n\n  &:focus-visible ~ svg {\n    outline: solid 2px ", ";\n    outline-offset: -1px;\n  }\n"])), mixin.primary100);
+
+exports.ToggleInput = ToggleInput;
+exports.ToggleRoot = ToggleRoot;
+//# sourceMappingURL=styles.cjs.js.map

package/dist/src/Control/BaseToggle/styles.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.cjs.js","sources":["../../../../src/Control/BaseToggle/styles.ts"],"sourcesContent":["'use client';\n\nimport styled from 'styled-components';\nimport { primary100 } from '@remember-web/mixin';\n\nexport const ToggleRoot = styled.label<{ $gap?: number }>`\n  width: fit-content;\n  height: fit-content;\n  display: flex;\n  ${({ $gap }) => $gap && `gap: ${$gap}px;`}\n\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n\n  & > svg {\n    transition: filter 0.2s ease-in-out;\n    flex-shrink: 0;\n  }\n\n  :has(input:disabled) {\n    cursor: default;\n  }\n\n  @media (hover: hover) {\n    &:hover > svg {\n      filter: grayscale(0.05) brightness(0.95);\n    }\n  }\n`;\n\nexport const ToggleInput = styled.input`\n  all: unset;\n  position: absolute;\n  width: 1px;\n  height: 0px;\n  margin-left: -1px;\n\n  &:checked ~ svg.offIcon {\n    display: none;\n  }\n\n  &:not(:checked) ~ svg.onIcon {\n    display: none;\n  }\n\n  &:indeterminate ~ svg.offIcon,\n  &:indeterminate ~ svg.onIcon {\n    display: none;\n  }\n\n  &:not(:indeterminate) ~ svg.indeterminateIcon {\n    display: none;\n  }\n\n  &:disabled ~ svg {\n    filter: grayscale(1) brightness(1.1);\n  }\n\n  &:not(:disabled):active ~ svg {\n    filter: grayscale(0.1) brightness(0.9);\n  }\n\n  &:focus-visible ~ svg {\n    outline: solid 2px ${primary100};\n    outline-offset: -1px;\n  }\n`;\n"],"names":["ToggleRoot","ToggleInput"],"mappings":";;;;;;;;;;;;AAAa;AAKAA;AAIT;AAAO;AAAgC;AAsB9BC;;;"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const ToggleRoot: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+    $gap?: number | undefined;
+}>>;
+export declare const ToggleInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Control/BaseToggle/styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,UAAU;;GAwBtB,CAAC;AAEF,eAAO,MAAM,WAAW,yNAoCvB,CAAC"}

package/dist/src/Control/BaseToggle/styles.esm.js

@@ -0,0 +1,14 @@
+"use client";
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import styled from 'styled-components';
+import { primary100 } from '@remember-web/mixin';
+
+var _templateObject, _templateObject2;
+var ToggleRoot = styled.label(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: fit-content;\n  height: fit-content;\n  display: flex;\n  ", "\n\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n\n  & > svg {\n    transition: filter 0.2s ease-in-out;\n    flex-shrink: 0;\n  }\n\n  :has(input:disabled) {\n    cursor: default;\n  }\n\n  @media (hover: hover) {\n    &:hover > svg {\n      filter: grayscale(0.05) brightness(0.95);\n    }\n  }\n"])), function (_ref) {
+  var $gap = _ref.$gap;
+  return $gap && "gap: ".concat($gap, "px;");
+});
+var ToggleInput = styled.input(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  all: unset;\n  position: absolute;\n  width: 1px;\n  height: 0px;\n  margin-left: -1px;\n\n  &:checked ~ svg.offIcon {\n    display: none;\n  }\n\n  &:not(:checked) ~ svg.onIcon {\n    display: none;\n  }\n\n  &:indeterminate ~ svg.offIcon,\n  &:indeterminate ~ svg.onIcon {\n    display: none;\n  }\n\n  &:not(:indeterminate) ~ svg.indeterminateIcon {\n    display: none;\n  }\n\n  &:disabled ~ svg {\n    filter: grayscale(1) brightness(1.1);\n  }\n\n  &:not(:disabled):active ~ svg {\n    filter: grayscale(0.1) brightness(0.9);\n  }\n\n  &:focus-visible ~ svg {\n    outline: solid 2px ", ";\n    outline-offset: -1px;\n  }\n"])), primary100);
+
+export { ToggleInput, ToggleRoot };
+//# sourceMappingURL=styles.esm.js.map

package/dist/src/Control/BaseToggle/styles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.esm.js","sources":["../../../../src/Control/BaseToggle/styles.ts"],"sourcesContent":["'use client';\n\nimport styled from 'styled-components';\nimport { primary100 } from '@remember-web/mixin';\n\nexport const ToggleRoot = styled.label<{ $gap?: number }>`\n  width: fit-content;\n  height: fit-content;\n  display: flex;\n  ${({ $gap }) => $gap && `gap: ${$gap}px;`}\n\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n\n  & > svg {\n    transition: filter 0.2s ease-in-out;\n    flex-shrink: 0;\n  }\n\n  :has(input:disabled) {\n    cursor: default;\n  }\n\n  @media (hover: hover) {\n    &:hover > svg {\n      filter: grayscale(0.05) brightness(0.95);\n    }\n  }\n`;\n\nexport const ToggleInput = styled.input`\n  all: unset;\n  position: absolute;\n  width: 1px;\n  height: 0px;\n  margin-left: -1px;\n\n  &:checked ~ svg.offIcon {\n    display: none;\n  }\n\n  &:not(:checked) ~ svg.onIcon {\n    display: none;\n  }\n\n  &:indeterminate ~ svg.offIcon,\n  &:indeterminate ~ svg.onIcon {\n    display: none;\n  }\n\n  &:not(:indeterminate) ~ svg.indeterminateIcon {\n    display: none;\n  }\n\n  &:disabled ~ svg {\n    filter: grayscale(1) brightness(1.1);\n  }\n\n  &:not(:disabled):active ~ svg {\n    filter: grayscale(0.1) brightness(0.9);\n  }\n\n  &:focus-visible ~ svg {\n    outline: solid 2px ${primary100};\n    outline-offset: -1px;\n  }\n`;\n"],"names":["ToggleRoot","ToggleInput"],"mappings":";;;;;AAAa;AAKAA;AAIT;AAAO;AAAgC;AAsB9BC;;"}

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

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+export type ToggleStatusType = 'on' | 'off' | 'indeterminate';
+export type ToggleVariantType = 'check' | 'checkbox' | 'favorite' | 'bookmark' | 'radio';
+export type ToggleIconSizeType = 'small' | 'medium';
+export type BaseToggleProps = {
+    variant: ToggleVariantType;
+    label?: ReactNode;
+    /**
+     * @default right
+     * */
+    labelPosition?: 'left' | 'right';
+    /**
+     * @default 4
+     * */
+    labelGap?: number;
+    inputClassName?: string;
+    onToggle?: (checked: boolean) => void;
+    size?: ToggleIconSizeType;
+    type?: 'checkbox' | 'radio';
+    indeterminate?: boolean;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | `aria-${string}` | 'size'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/Control/BaseToggle/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,KAAK,GAAG,eAAe,CAAC;AAC9D,MAAM,MAAM,iBAAiB,GACzB,OAAO,GACP,UAAU,GACV,UAAU,GACV,UAAU,GACV,OAAO,CAAC;AACZ,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEpD,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;SAEK;IACL,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC;;SAEK;IACL,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,IAAI,CACN,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,QAAQ,MAAM,EAAE,GAAG,MAAM,CACnC,CAAC"}

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

@@ -0,0 +1,31 @@
+"use client";
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var react = require('react');
+var Toggle = require('./Toggle.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 = ["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 _Checkbox = function _Checkbox(_ref, ref) {
+  var _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'checkbox' : _ref$variant,
+    props = _objectWithoutProperties__default.default(_ref, _excluded);
+  return /*#__PURE__*/jsxRuntime.jsx(Toggle.CircleBaseToggle, _objectSpread({
+    ref: ref,
+    variant: variant
+  }, props));
+};
+var Checkbox = /*#__PURE__*/react.forwardRef(_Checkbox);
+
+exports.Checkbox = Checkbox;
+exports._Checkbox = _Checkbox;
+//# sourceMappingURL=Checkbox.cjs.js.map

package/dist/src/Control/Checkbox.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.cjs.js","sources":["../../../src/Control/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type ForwardRefRenderFunction } from 'react';\n\nimport type { BaseToggleProps } from './BaseToggle/types';\nimport { CircleBaseToggle } from './Toggle';\n\ntype CheckboxProps<T> = Omit<BaseToggleProps, 'variant' | 'indeterminate'> & T;\n\nexport const _Checkbox: ForwardRefRenderFunction<\n  HTMLInputElement,\n  | CheckboxProps<{\n      variant: 'checkbox';\n      indeterminate?: boolean;\n    }>\n  | CheckboxProps<{\n      variant: 'check';\n    }>\n> = ({ variant = 'checkbox', ...props }, ref) => (\n  <CircleBaseToggle ref={ref} variant={variant} {...props} />\n);\n\nexport const Checkbox = forwardRef(_Checkbox);\n"],"names":["variant","props","ref"],"mappings":";;;;;;;;;;;;;;AAAa;AAAA;AAAA;AASN;AASqC;AAArCA;AAAyBC;AAAK;AACjBC;AAAUF;;AAA+B;;;;"}

package/dist/src/Control/Checkbox.d.ts

@@ -0,0 +1,17 @@
+import { type ForwardRefRenderFunction } from 'react';
+import type { BaseToggleProps } from './BaseToggle/types';
+type CheckboxProps<T> = Omit<BaseToggleProps, 'variant' | 'indeterminate'> & T;
+export declare const _Checkbox: ForwardRefRenderFunction<HTMLInputElement, CheckboxProps<{
+    variant: 'checkbox';
+    indeterminate?: boolean;
+}> | CheckboxProps<{
+    variant: 'check';
+}>>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<(CheckboxProps<{
+    variant: 'checkbox';
+    indeterminate?: boolean | undefined;
+}> | CheckboxProps<{
+    variant: 'check';
+}>) & import("react").RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/Control/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,KAAK,aAAa,CAAC,CAAC,IAAI,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC;AAE/E,eAAO,MAAM,SAAS,EAAE,wBAAwB,CAC9C,gBAAgB,EACd,aAAa,CAAC;IACZ,OAAO,EAAE,UAAU,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC,GACF,aAAa,CAAC;IACZ,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC,CAGL,CAAC;AAEF,eAAO,MAAM,QAAQ;aAVN,UAAU;;;aAIV,OAAO;sDAMuB,CAAC"}

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

@@ -0,0 +1,23 @@
+"use client";
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { forwardRef } from 'react';
+import { CircleBaseToggle } from './Toggle.esm.js';
+import { jsx } from 'react/jsx-runtime';
+
+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 _Checkbox = function _Checkbox(_ref, ref) {
+  var _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'checkbox' : _ref$variant,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx(CircleBaseToggle, _objectSpread({
+    ref: ref,
+    variant: variant
+  }, props));
+};
+var Checkbox = /*#__PURE__*/forwardRef(_Checkbox);
+
+export { Checkbox, _Checkbox };
+//# sourceMappingURL=Checkbox.esm.js.map

package/dist/src/Control/Checkbox.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.esm.js","sources":["../../../src/Control/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type ForwardRefRenderFunction } from 'react';\n\nimport type { BaseToggleProps } from './BaseToggle/types';\nimport { CircleBaseToggle } from './Toggle';\n\ntype CheckboxProps<T> = Omit<BaseToggleProps, 'variant' | 'indeterminate'> & T;\n\nexport const _Checkbox: ForwardRefRenderFunction<\n  HTMLInputElement,\n  | CheckboxProps<{\n      variant: 'checkbox';\n      indeterminate?: boolean;\n    }>\n  | CheckboxProps<{\n      variant: 'check';\n    }>\n> = ({ variant = 'checkbox', ...props }, ref) => (\n  <CircleBaseToggle ref={ref} variant={variant} {...props} />\n);\n\nexport const Checkbox = forwardRef(_Checkbox);\n"],"names":["variant","props","ref"],"mappings":";;;;;;;AAAa;AAAA;AAAA;AASN;AASqC;AAArCA;AAAyBC;AAAK;AACjBC;AAAUF;;AAA+B;;;"}

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

@@ -0,0 +1,30 @@
+"use client";
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectDestructuringEmpty = require('@babel/runtime/helpers/objectDestructuringEmpty');
+var _extends = require('@babel/runtime/helpers/extends');
+var react = require('react');
+var Toggle = require('./Toggle.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 _objectDestructuringEmpty__default = /*#__PURE__*/_interopDefault(_objectDestructuringEmpty);
+var _extends__default = /*#__PURE__*/_interopDefault(_extends);
+
+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 _Radio = function _Radio(_ref, ref) {
+  var props = _extends__default.default({}, (_objectDestructuringEmpty__default.default(_ref), _ref));
+  return /*#__PURE__*/jsxRuntime.jsx(Toggle.CircleBaseToggle, _objectSpread({
+    ref: ref,
+    variant: "radio",
+    type: "radio"
+  }, props));
+};
+var Radio = /*#__PURE__*/react.forwardRef(_Radio);
+
+exports.Radio = Radio;
+//# sourceMappingURL=Radio.cjs.js.map

package/dist/src/Control/Radio.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.cjs.js","sources":["../../../src/Control/Radio.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type ForwardRefRenderFunction } from 'react';\n\nimport type { BaseToggleProps } from './BaseToggle/types';\nimport { CircleBaseToggle } from './Toggle';\n\nconst _Radio: ForwardRefRenderFunction<\n  HTMLInputElement,\n  Omit<BaseToggleProps, 'variant' | 'onToggle' | 'type' | 'indeterminate'>\n> = ({ ...props }, ref) => (\n  <CircleBaseToggle ref={ref} variant=\"radio\" type=\"radio\" {...props} />\n);\n\nexport const Radio = forwardRef(_Radio);\n"],"names":["ref","variant","type"],"mappings":";;;;;;;;;;;;;;;;AAAa;AAAA;AAOb;;AAGe;AACKA;AAAUC;AAAgBC;;AAA0B;;;"}

package/dist/src/Control/Radio.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { BaseToggleProps } from './BaseToggle/types';
+export declare const Radio: import("react").ForwardRefExoticComponent<Omit<BaseToggleProps, "type" | "variant" | "onToggle" | "indeterminate"> & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/Control/Radio.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAU1D,eAAO,MAAM,KAAK,uKAAqB,CAAC"}

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

@@ -0,0 +1,22 @@
+"use client";
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import _extends from '@babel/runtime/helpers/extends';
+import { forwardRef } from 'react';
+import { CircleBaseToggle } from './Toggle.esm.js';
+import { jsx } from 'react/jsx-runtime';
+
+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 _Radio = function _Radio(_ref, ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/jsx(CircleBaseToggle, _objectSpread({
+    ref: ref,
+    variant: "radio",
+    type: "radio"
+  }, props));
+};
+var Radio = /*#__PURE__*/forwardRef(_Radio);
+
+export { Radio };
+//# sourceMappingURL=Radio.esm.js.map

package/dist/src/Control/Radio.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.esm.js","sources":["../../../src/Control/Radio.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type ForwardRefRenderFunction } from 'react';\n\nimport type { BaseToggleProps } from './BaseToggle/types';\nimport { CircleBaseToggle } from './Toggle';\n\nconst _Radio: ForwardRefRenderFunction<\n  HTMLInputElement,\n  Omit<BaseToggleProps, 'variant' | 'onToggle' | 'type' | 'indeterminate'>\n> = ({ ...props }, ref) => (\n  <CircleBaseToggle ref={ref} variant=\"radio\" type=\"radio\" {...props} />\n);\n\nexport const Radio = forwardRef(_Radio);\n"],"names":["ref","variant","type"],"mappings":";;;;;;;;AAAa;AAAA;AAOb;;AAGe;AACKA;AAAUC;AAAgBC;;AAA0B;;;"}