@bolio-ui/core 2.0.0-alpha.0 → 2.0.0-alpha.2

package/dist/chunk-5KUROAEP.js

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-classes/use-classes.ts
+var classObjectToString = (className) => {
+  const keys = Object.keys(className);
+  const len = keys.length;
+  let str = "";
+  for (let index = 0; index < len; index++) {
+    const key = keys[index];
+    const val = className[keys[index]];
+    if (!val) continue;
+    str = str ? `${str} ${String(key)}` : String(key);
+  }
+  return str;
+};
+var isObjectClassName = (value) => typeof value === "object" && !Array.isArray(value);
+var joinClasses = (...classNames) => {
+  const len = classNames.length;
+  let classes = "";
+  if (len === 0) return classes;
+  for (let index = 0; index < len; index++) {
+    const val = classNames[index];
+    if (!val) continue;
+    if (isObjectClassName(val)) {
+      classes += ` ${classObjectToString(val)}`;
+    } else {
+      classes += ` ${String(val).trim()}`;
+    }
+  }
+  return classes.trim();
+};
+var useClasses = joinClasses;
+var use_classes_default = useClasses;
+
+// core/use-classes/index.ts
+var use_classes_default2 = use_classes_default;
+
+
+
+
+exports.joinClasses = joinClasses; exports.use_classes_default = use_classes_default2;

package/dist/chunk-5KWSYI7C.js

@@ -0,0 +1,143 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
+
+
+var _chunkUX2B3G6Ujs = require('./chunk-UX2B3G6U.js');
+
+
+var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Page/Page.tsx
+var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/Page/PageContent.tsx
+
+var _jsxruntime = require('react/jsx-runtime');
+function PageContentComponent({
+  className,
+  children,
+  ...props
+}) {
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "main", { ...props, className: _style2.default.dynamic([["1765662596", [SCALES.font(1), SCALES.width(1, "100%"), SCALES.height(1, "100%"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || ""), children: [
+    children,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "1765662596", dynamic: [SCALES.font(1), SCALES.width(1, "100%"), SCALES.height(1, "100%"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)], children: `main.__jsx-style-dynamic-selector{font-size:${SCALES.font(1)};width:${SCALES.width(1, "100%")};height:${SCALES.height(1, "100%")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}` })
+  ] });
+}
+PageContentComponent.displayName = "BolioUIPageContent";
+var PageContent = _chunkS62PPQHNjs.with_scale_default.call(void 0, PageContentComponent);
+var PageContent_default = PageContent;
+
+// core/Page/Page.tsx
+
+var DotStyles = ({
+  dotSpace,
+  dotSize
+}) => {
+  const background = _react.useMemo.call(void 0, () => ({
+    position: `calc(${dotSpace} * 25px)`,
+    size: `calc(${dotSpace} * 50px)`
+  }), [dotSpace]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _style2.default.dynamic([["4292652034", [dotSize, dotSize, background.position, background.position, background.size, background.size]]]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "4292652034", dynamic: [dotSize, dotSize, background.position, background.position, background.size, background.size], children: `body{background-image: radial-gradient(#e3e3e3 ${dotSize},transparent 0), radial-gradient(#e3e3e3 ${dotSize},transparent 0);background-position: 0 0, ${background.position} ${background.position};background-attachment:fixed;background-size:${background.size} ${background.size};}` }) });
+};
+var PageComponent = _react2.default.forwardRef(({
+  children,
+  render = "default",
+  dotBackdrop = false,
+  className,
+  dotSize = "1px",
+  dotSpace = 1,
+  ...props
+}, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const showDot = _react.useMemo.call(void 0, () => {
+    if (theme.type === "dark") return false;
+    return dotBackdrop;
+  }, [dotBackdrop, theme.type]);
+  const [preventRender, setPreventRender] = _react.useState.call(void 0, render !== "default");
+  _react.useEffect.call(void 0, () => {
+    setPreventRender(false);
+  }, []);
+  if (preventRender) {
+    const renderSEO = render === "effect-seo";
+    if (!renderSEO) return null;
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "aria-hidden": "true", className: "jsx-1746763067 hidden", children: [
+      children,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "1746763067", children: ".hidden.jsx-1746763067{opacity:0;display:none;}" })
+    ] });
+  }
+  const hasContent = _chunkUX2B3G6Ujs.hasChild.call(void 0, children, PageContent_default);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { ref, ...props, className: _style2.default.dynamic([["891651194", [SCALES.font(1), SCALES.width(1, "calc(100% - 100pt)"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(1.34), SCALES.pb(0), SCALES.pl(1.34), SCALES.mt(0), SCALES.mr(0, "auto"), SCALES.mb(0), SCALES.ml(0, "auto")]]]) + " " + (props && props.className != null && props.className || className || ""), children: [
+    hasContent ? children : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageContent_default, { children }),
+    showDot && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DotStyles, { dotSize, dotSpace }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "891651194", dynamic: [SCALES.font(1), SCALES.width(1, "calc(100% - 100pt)"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(1.34), SCALES.pb(0), SCALES.pl(1.34), SCALES.mt(0), SCALES.mr(0, "auto"), SCALES.mb(0), SCALES.ml(0, "auto")], children: `section.__jsx-style-dynamic-selector{max-width:100vw;min-height:100vh;box-sizing:border-box;position:relative;font-size:${SCALES.font(1)};height:${SCALES.height(1, "auto")};-webkit-align-content:space-between;-ms-flex-line-pack:space-between;align-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;min-height:100vh;}` })
+  ] });
+});
+PageComponent.displayName = "BolioUIPage";
+var Page = _chunkS62PPQHNjs.with_scale_default.call(void 0, PageComponent);
+var Page_default = Page;
+
+// core/Page/PageHeader.tsx
+
+
+function PageHeaderComponent({
+  children,
+  center = false,
+  className = "",
+  ...props
+}) {
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, {
+    center
+  }, className);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "header", { ...props, className: _style2.default.dynamic([["3497030820", [SCALES.font(1), SCALES.width(1, "100%"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
+    children,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "3497030820", dynamic: [SCALES.font(1), SCALES.width(1, "100%"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)], children: `header.__jsx-style-dynamic-selector{font-size:${SCALES.font(1)};width:${SCALES.width(1, "100%")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.center.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}` })
+  ] });
+}
+PageHeaderComponent.displayName = "BolioUIPageHeader";
+var PageHeader = _chunkS62PPQHNjs.with_scale_default.call(void 0, PageHeaderComponent);
+var PageHeader_default = PageHeader;
+
+// core/Page/PageFooter.tsx
+
+
+function PageFooterComponent({
+  children,
+  ...props
+}) {
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "footer", { ...props, className: _style2.default.dynamic([["4216345865", [SCALES.font(1), SCALES.width(1, "100%"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || ""), children: [
+    children,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "4216345865", dynamic: [SCALES.font(1), SCALES.width(1, "100%"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)], children: `footer.__jsx-style-dynamic-selector{font-size:${SCALES.font(1)};width:${SCALES.width(1, "100%")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}` })
+  ] });
+}
+PageFooterComponent.displayName = "BolioUIPageFooter";
+var PageFooter = _chunkS62PPQHNjs.with_scale_default.call(void 0, PageFooterComponent);
+var PageFooter_default = PageFooter;
+
+// core/Page/index.ts
+Page_default.Header = PageHeader_default;
+Page_default.Content = PageContent_default;
+Page_default.Body = PageContent_default;
+Page_default.Footer = PageFooter_default;
+var Page_default2 = Page_default;
+
+
+
+exports.Page_default = Page_default2;

package/dist/chunk-5W4MJC2K.js

@@ -0,0 +1,55 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkUF4IKEU2js = require('./chunk-UF4IKEU2.js');
+
+
+
+var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
+
+
+var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Capacity/Capacity.tsx
+var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var getColor = (val, palette) => {
+  if (val < 33) return palette.info;
+  if (val < 66) return palette.warning;
+  return palette.errorDark;
+};
+var CapacityComponent = _react2.default.forwardRef(({
+  value = 0,
+  limit = 100,
+  color: userColor,
+  className = "",
+  ...props
+}, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const percentValue = _chunkUF4IKEU2js.useProportions.call(void 0, value, limit);
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "capacity", className);
+  const color = _react.useMemo.call(void 0, () => {
+    if (userColor && userColor !== "") return userColor;
+    return getColor(percentValue, theme.palette);
+  }, [userColor, percentValue, theme.palette]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, title: `${percentValue}%`, ...props, className: _style2.default.dynamic([["3030733389", [SCALES.width(3.125), SCALES.height(0.625), theme.layout.radius, theme.palette.accents_2, SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), percentValue, color]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _style2.default.dynamic([["3030733389", [SCALES.width(3.125), SCALES.height(0.625), theme.layout.radius, theme.palette.accents_2, SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), percentValue, color]]]) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "3030733389", dynamic: [SCALES.width(3.125), SCALES.height(0.625), theme.layout.radius, theme.palette.accents_2, SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), percentValue, color], children: `.capacity.__jsx-style-dynamic-selector{width:${SCALES.width(3.125)};height:${SCALES.height(0.625)};border-radius:${theme.layout.radius};overflow:hidden;background-color:${theme.palette.accents_2};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}span.__jsx-style-dynamic-selector{width:${percentValue}%;background-color:${color};height:100%;margin:0;padding:0;display:block;}` })
+  ] });
+});
+CapacityComponent.displayName = "BolioUICapacity";
+var Capacity = _chunkS62PPQHNjs.with_scale_default.call(void 0, CapacityComponent);
+var Capacity_default = Capacity;
+
+// core/Capacity/index.ts
+var Capacity_default2 = Capacity_default;
+
+
+
+exports.Capacity_default = Capacity_default2;

package/dist/chunk-6BHDVSPB.js

@@ -0,0 +1,226 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkAXYDJGTNjs = require('./chunk-AXYDJGTN.js');
+
+
+var _chunk33BUV2RXjs = require('./chunk-33BUV2RX.js');
+
+
+
+var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
+
+
+
+var _chunkUX2B3G6Ujs = require('./chunk-UX2B3G6U.js');
+
+
+var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Fieldset/Fieldset.tsx
+var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/Fieldset/FieldsetTitle.tsx
+
+var _jsxruntime = require('react/jsx-runtime');
+function FieldsetTitle({
+  className = "",
+  children,
+  ...props
+}) {
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "title", className);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ...props, className: "jsx-4105044205 " + (props && props.className != null && props.className || classes || ""), children }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "4105044205", children: ".title.jsx-4105044205{line-height:1.5;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;word-break:break-word;font-weight:600;-webkit-letter-spacing:-0.020625em;-moz-letter-spacing:-0.020625em;-ms-letter-spacing:-0.020625em;letter-spacing:-0.020625em;font-size:1.25em;width:auto;}" })
+  ] });
+}
+FieldsetTitle.displayName = "BolioUIFieldsetTitle";
+var FieldsetTitle_default = FieldsetTitle;
+
+// core/Fieldset/FieldsetSubtitle.tsx
+
+
+function FieldsetSubtitle({
+  className = "",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ...props, className: "jsx-2265168013 " + (props && props.className != null && props.className || className || ""), children }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "2265168013", children: "div.jsx-2265168013{font-size:0.875em;line-height:1.6;-webkit-letter-spacing:-0.005625em;-moz-letter-spacing:-0.005625em;-ms-letter-spacing:-0.005625em;letter-spacing:-0.005625em;margin:0.75em 0;}" })
+  ] });
+}
+FieldsetSubtitle.displayName = "BolioUIFieldsetSubtitle";
+var FieldsetSubtitle_default = FieldsetSubtitle;
+
+// core/Fieldset/FieldsetFooter.tsx
+
+
+function FieldsetFooterComponent({
+  className = "",
+  children,
+  ...props
+}) {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "footer", { ...props, className: _style2.default.dynamic([["4117809613", [theme.palette.accents_1, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.accents_6, theme.layout.gapHalf, theme.layout.gap, SCALES.font(0.875), SCALES.width(1, "auto"), SCALES.height(2.875), SCALES.pt(0.625), SCALES.pr(1.31), SCALES.pb(0.625), SCALES.pl(1.31), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || ""), children: [
+    children,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "4117809613", dynamic: [theme.palette.accents_1, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.accents_6, theme.layout.gapHalf, theme.layout.gap, SCALES.font(0.875), SCALES.width(1, "auto"), SCALES.height(2.875), SCALES.pt(0.625), SCALES.pr(1.31), SCALES.pb(0.625), SCALES.pl(1.31), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)], children: `footer.__jsx-style-dynamic-selector{background-color:${theme.palette.accents_1};border-top:1px solid ${theme.palette.border};border-bottom-left-radius:${theme.layout.radius};border-bottom-right-radius:${theme.layout.radius};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;color:${theme.palette.accents_6};padding:${theme.layout.gapHalf} ${theme.layout.gap};box-sizing:border-box;font-size:${SCALES.font(0.875)};width:${SCALES.width(1, "auto")};height:${SCALES.height(2.875)};padding:${SCALES.pt(0.625)} ${SCALES.pr(1.31)} ${SCALES.pb(0.625)} ${SCALES.pl(1.31)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}` })
+  ] });
+}
+FieldsetFooterComponent.displayName = "BolioUIFieldsetFooter";
+var FieldsetFooter = _chunkS62PPQHNjs.with_scale_default.call(void 0, FieldsetFooterComponent);
+var FieldsetFooter_default = FieldsetFooter;
+
+// core/Fieldset/FieldsetContent.tsx
+
+
+function FieldsetContentComponent({
+  className = "",
+  children,
+  ...props
+}) {
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "content", className);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ...props, className: _style2.default.dynamic([["1553218241", [SCALES.width(1, "100%"), SCALES.height(1, "auto"), SCALES.pt(1.3), SCALES.pr(1.3), SCALES.pb(1.3), SCALES.pl(1.3), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
+    children,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "1553218241", dynamic: [SCALES.width(1, "100%"), SCALES.height(1, "auto"), SCALES.pt(1.3), SCALES.pr(1.3), SCALES.pb(1.3), SCALES.pl(1.3), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)], children: `.content.__jsx-style-dynamic-selector{width:${SCALES.width(1, "100%")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(1.3)} ${SCALES.pr(1.3)} ${SCALES.pb(1.3)} ${SCALES.pl(1.3)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.content.__jsx-style-dynamic-selector > *:first-child{margin-top:0;}.content.__jsx-style-dynamic-selector > *:last-child{margin-bottom:0;}` })
+  ] });
+}
+FieldsetContentComponent.displayName = "BolioUIFieldsetContent";
+var FieldsetContent = _chunkS62PPQHNjs.with_scale_default.call(void 0, FieldsetContentComponent);
+var FieldsetContent_default = FieldsetContent;
+
+// core/Fieldset/FieldsetContext.ts
+
+var defaultContext = {
+  inGroup: false,
+  currentValue: ""
+};
+var FieldsetContext = _react2.default.createContext(defaultContext);
+var useFieldset = () => _react2.default.useContext(FieldsetContext);
+
+// core/Fieldset/Fieldset.tsx
+
+var FieldsetComponent = _react2.default.forwardRef(({
+  className = "",
+  title = "",
+  subtitle = "",
+  children,
+  value = "",
+  label = "",
+  ...props
+}, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const {
+    inGroup,
+    currentValue,
+    register
+  } = useFieldset();
+  const [hidden, setHidden] = _react.useState.call(void 0, inGroup);
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "fieldset", className);
+  const [withoutFooterChildren, FooterChildren] = _chunkUX2B3G6Ujs.pickChild.call(void 0, children, FieldsetFooter_default);
+  const hasTitle = _chunkUX2B3G6Ujs.hasChild.call(void 0, withoutFooterChildren, FieldsetTitle_default);
+  const hasSubtitle = _chunkUX2B3G6Ujs.hasChild.call(void 0, withoutFooterChildren, FieldsetSubtitle_default);
+  const hasContent = _chunkUX2B3G6Ujs.hasChild.call(void 0, withoutFooterChildren, FieldsetContent_default);
+  if (inGroup) {
+    if (!label) {
+      _chunkAXYDJGTNjs.log_warning_default.call(void 0, 'Props "label" is required when in a group.', "Fieldset Group");
+    }
+    if (!value || value === "") {
+      value = label;
+    }
+  }
+  _react.useEffect.call(void 0, () => {
+    if (!inGroup) return;
+    if (register) register({
+      value,
+      label
+    });
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    if (!inGroup) return;
+    if (!currentValue || currentValue === "") return;
+    setHidden(currentValue !== value);
+  }, [inGroup, currentValue, value]);
+  const content = _react.useMemo.call(void 0, () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    withoutFooterChildren,
+    !hasTitle && title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldsetTitle_default, { children: title }),
+    !hasSubtitle && subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldsetSubtitle_default, { children: subtitle })
+  ] }), [withoutFooterChildren, hasTitle, hasSubtitle, title, subtitle]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, ...props, className: _style2.default.dynamic([["1598137352", [theme.palette.background, theme.palette.border, theme.layout.radius, hidden ? "none" : "block", SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
+    hasContent ? content : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldsetContent_default, { children: content }),
+    FooterChildren && FooterChildren,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "1598137352", dynamic: [theme.palette.background, theme.palette.border, theme.layout.radius, hidden ? "none" : "block", SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)], children: `.fieldset.__jsx-style-dynamic-selector{background-color:${theme.palette.background};border:1px solid ${theme.palette.border};border-radius:${theme.layout.radius};overflow:hidden;display:${hidden ? "none" : "block"};font-size:${SCALES.font(1)};width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}` })
+  ] });
+});
+FieldsetComponent.displayName = "BolioUIFieldset";
+var Fieldset = _chunkS62PPQHNjs.with_scale_default.call(void 0, FieldsetComponent);
+var Fieldset_default = Fieldset;
+
+// core/Fieldset/FieldsetGroup.tsx
+
+
+
+function FieldsetGroupComponent({
+  className = "",
+  children,
+  value,
+  onChange,
+  ...props
+}) {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const [selfVal, setSelfVal] = _react.useState.call(void 0, value);
+  const [items, setItems, ref] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, []);
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "group", className);
+  const register = _react.useCallback.call(void 0, (newItem) => {
+    const hasItem = ref.current.find((item) => item.value === newItem.value);
+    if (hasItem) {
+      _chunkAXYDJGTNjs.log_warning_default.call(void 0, 'The "value" of each "Fieldset" must be unique.', "Fieldset");
+    }
+    setItems([...ref.current, newItem]);
+  }, [ref, setItems]);
+  const providerValue = _react.useMemo.call(void 0, () => ({
+    currentValue: selfVal,
+    inGroup: true,
+    register
+  }), [selfVal, register]);
+  const clickHandle = _react.useCallback.call(void 0, (nextValue) => {
+    setSelfVal(nextValue);
+    if (onChange) onChange(nextValue);
+  }, [onChange]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldsetContext.Provider, { value: providerValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ...props, className: _style2.default.dynamic([["4025768429", [SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0, 0), SCALES.ml(0), SCALES.font(1), theme.palette.accents_3, theme.palette.accents_1, theme.palette.border, theme.palette.background, theme.palette.foreground, theme.layout.radius, theme.layout.radius]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _style2.default.dynamic([["4025768429", [SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0, 0), SCALES.ml(0), SCALES.font(1), theme.palette.accents_3, theme.palette.accents_1, theme.palette.border, theme.palette.background, theme.palette.foreground, theme.layout.radius, theme.layout.radius]]]) + " group-tabs", children: items.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { onClick: () => clickHandle(item.value), className: _style2.default.dynamic([["4025768429", [SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0, 0), SCALES.ml(0), SCALES.font(1), theme.palette.accents_3, theme.palette.accents_1, theme.palette.border, theme.palette.background, theme.palette.foreground, theme.layout.radius, theme.layout.radius]]]) + " " + ((selfVal === item.value ? "active" : "") || ""), children: item.label }, item.value)) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _style2.default.dynamic([["4025768429", [SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0, 0), SCALES.ml(0), SCALES.font(1), theme.palette.accents_3, theme.palette.accents_1, theme.palette.border, theme.palette.background, theme.palette.foreground, theme.layout.radius, theme.layout.radius]]]) + " group-content", children }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "4025768429", dynamic: [SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0, 0), SCALES.ml(0), SCALES.font(1), theme.palette.accents_3, theme.palette.accents_1, theme.palette.border, theme.palette.background, theme.palette.foreground, theme.layout.radius, theme.layout.radius], children: `.group.__jsx-style-dynamic-selector{width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0, 0)} ${SCALES.ml(0)};}.group-tabs.__jsx-style-dynamic-selector{white-space:nowrap;overflow-y:hidden;overflow-x:auto;font-size:${SCALES.font(1)};margin-bottom:-1px;}.group-content.__jsx-style-dynamic-selector{border-top-left-radius:0;overflow:hidden;}.group-content.__jsx-style-dynamic-selector .fieldset{border-top-left-radius:0;}button.__jsx-style-dynamic-selector{height:2.7em;line-height:2.7em;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:${theme.palette.accents_3};background-color:${theme.palette.accents_1};font-size:0.875em;white-space:nowrap;text-transform:capitalize;-webkit-appearance:none;cursor:pointer;margin:0;padding:0 1.45em;overflow:hidden;-webkit-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;border-radius:0;border:1px solid ${theme.palette.border};-webkit-text-decoration:none;text-decoration:none;outline:none;}button.active.__jsx-style-dynamic-selector{border-bottom-color:transparent;background-color:${theme.palette.background};color:${theme.palette.foreground};cursor:default;}button.__jsx-style-dynamic-selector:first-of-type{border-top-left-radius:${theme.layout.radius};}button.__jsx-style-dynamic-selector:last-of-type{border-top-right-radius:${theme.layout.radius};}button.__jsx-style-dynamic-selector+button.__jsx-style-dynamic-selector{border-left:0;}` })
+  ] }) });
+}
+FieldsetGroupComponent.displayName = "BolioUIFieldsetGroup";
+var FieldsetGroup = _chunkS62PPQHNjs.with_scale_default.call(void 0, FieldsetGroupComponent);
+var FieldsetGroup_default = FieldsetGroup;
+
+// core/Fieldset/index.ts
+Fieldset_default.Title = FieldsetTitle_default;
+Fieldset_default.Subtitle = FieldsetSubtitle_default;
+Fieldset_default.Footer = FieldsetFooter_default;
+Fieldset_default.Group = FieldsetGroup_default;
+Fieldset_default.Content = FieldsetContent_default;
+Fieldset_default.Body = FieldsetContent_default;
+var Fieldset_default2 = Fieldset_default;
+
+
+
+exports.Fieldset_default = Fieldset_default2;