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

package/esm/chunk-IBC5BABS.js

@@ -0,0 +1,415 @@
+import {
+  use_scale_default,
+  with_scale_default
+} from "./chunk-MAICNLTY.js";
+import {
+  use_theme_default
+} from "./chunk-V5I4ORQQ.js";
+import {
+  joinClasses,
+  use_classes_default
+} from "./chunk-5KUROAEP.js";
+
+// core/Calendar/Calendar.tsx
+import React, { useEffect, useId, useMemo, useRef, useState } from "react";
+
+// core/Calendar/date-utils.ts
+var startOfDay = (date) => new Date(date.getFullYear(), date.getMonth(), date.getDate());
+var addDays = (date, amount) => new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);
+var addMonths = (date, amount) => {
+  const target = new Date(date.getFullYear(), date.getMonth() + amount, 1);
+  const lastDay = new Date(
+    target.getFullYear(),
+    target.getMonth() + 1,
+    0
+  ).getDate();
+  return new Date(
+    target.getFullYear(),
+    target.getMonth(),
+    Math.min(date.getDate(), lastDay)
+  );
+};
+var isSameDay = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+var clampDate = (date, min, max) => {
+  if (min && date < min) return min;
+  if (max && date > max) return max;
+  return date;
+};
+var pad = (value) => String(value).padStart(2, "0");
+var toISO = (date) => `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+var fromISO = (text) => {
+  const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(text.trim());
+  if (!match) return null;
+  const [year, month, day] = [+match[1], +match[2], +match[3]];
+  const date = new Date(year, month - 1, day);
+  const isReal = date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;
+  return isReal ? date : null;
+};
+var getISOWeek = (date) => {
+  const thursday = addDays(date, 3 - (date.getDay() + 6) % 7);
+  const firstThursday = new Date(thursday.getFullYear(), 0, 4);
+  const weekOne = addDays(firstThursday, 3 - (firstThursday.getDay() + 6) % 7);
+  return 1 + Math.round((thursday.getTime() - weekOne.getTime()) / 6048e5);
+};
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Calendar/Calendar.module.css.bolio-css-module-source
+var Calendar_module_css_default = { "calendar": "Calendar-module_calendar__KlHdi", "header": "Calendar-module_header__d6VGN", "title": "Calendar-module_title__r0GX1", "table": "Calendar-module_table__q-H-S", "th": "Calendar-module_th__N9m4h", "td": "Calendar-module_td__YyI6L", "button": "Calendar-module_button__h3ZK-", "navButton": "Calendar-module_navButton__jmnwu", "dayButton": "Calendar-module_dayButton__-4eeR", "today": "Calendar-module_today__fx9vj", "selected": "Calendar-module_selected__kIUsl", "outside": "Calendar-module_outside__cSs5z", "inRange": "Calendar-module_inRange__0XK-F", "rangeStart": "Calendar-module_rangeStart__T1amH", "rangeEnd": "Calendar-module_rangeEnd__B55oD", "weekNumber": "Calendar-module_weekNumber__J1hkP" };
+
+// core/Calendar/Calendar.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var CalendarComponent = React.forwardRef(
+  ({
+    mode = "single",
+    value: customValue,
+    onChange,
+    maxSelected,
+    min,
+    max,
+    shouldDisableDate,
+    locale = "en-US",
+    weekStartsOn = 0,
+    showOutsideDays = false,
+    showWeekNumbers = false,
+    month: customMonth,
+    defaultMonth,
+    onMonthChange,
+    autoFocus = false,
+    previousLabel = "Previous month",
+    nextLabel = "Next month",
+    weekLabel = "Week",
+    className = "",
+    style,
+    ...props
+  }, ref) => {
+    const theme = use_theme_default();
+    const { SCALES } = use_scale_default();
+    const headingId = useId();
+    const minDay = useMemo(() => min ? startOfDay(min) : void 0, [min]);
+    const maxDay = useMemo(() => max ? startOfDay(max) : void 0, [max]);
+    const [selfValue, setSelfValue] = useState(
+      mode === "multiple" ? [] : mode === "range" ? [null, null] : null
+    );
+    const current = customValue !== void 0 ? customValue : selfValue;
+    const isRange = mode === "range";
+    const [rangeStart, rangeEnd] = isRange ? current : [];
+    const selectedDays = isRange ? [rangeStart, rangeEnd].filter(Boolean) : mode === "multiple" ? current : current ? [current] : [];
+    const anchor = selectedDays[0] || null;
+    const [hovered, setHovered] = useState(null);
+    const [focused, setFocused] = useState(
+      () => clampDate(
+        startOfDay(anchor || customMonth || defaultMonth || /* @__PURE__ */ new Date()),
+        minDay,
+        maxDay
+      )
+    );
+    const gridRef = useRef(null);
+    const moveFocus = useRef(autoFocus);
+    const time = anchor ? anchor.getTime() : null;
+    useEffect(() => {
+      if (time === null) return;
+      setFocused(clampDate(startOfDay(new Date(time)), minDay, maxDay));
+    }, [time, minDay, maxDay]);
+    const monthTime = customMonth ? new Date(customMonth.getFullYear(), customMonth.getMonth(), 1).getTime() : null;
+    useEffect(() => {
+      if (monthTime === null) return;
+      const target = new Date(monthTime);
+      setFocused(
+        (last) => last.getFullYear() === target.getFullYear() && last.getMonth() === target.getMonth() ? last : clampDate(target, minDay, maxDay)
+      );
+    }, [monthTime, minDay, maxDay]);
+    useEffect(() => {
+      var _a, _b;
+      if (!moveFocus.current) return;
+      moveFocus.current = false;
+      (_b = (_a = gridRef.current) == null ? void 0 : _a.querySelector(`[data-date="${toISO(focused)}"]`)) == null ? void 0 : _b.focus();
+    }, [focused]);
+    const formats = useMemo(
+      () => ({
+        month: new Intl.DateTimeFormat(locale, {
+          month: "long",
+          year: "numeric"
+        }),
+        day: new Intl.DateTimeFormat(locale, {
+          weekday: "long",
+          year: "numeric",
+          month: "long",
+          day: "numeric"
+        }),
+        short: new Intl.DateTimeFormat(locale, { weekday: "short" }),
+        long: new Intl.DateTimeFormat(locale, { weekday: "long" })
+      }),
+      [locale]
+    );
+    const weekdays = useMemo(
+      () => Array.from({ length: 7 }, (_, index) => {
+        const date = new Date(2023, 0, 1 + (weekStartsOn + index) % 7);
+        return {
+          short: formats.short.format(date),
+          long: formats.long.format(date)
+        };
+      }),
+      [formats, weekStartsOn]
+    );
+    const year = focused.getFullYear();
+    const month = focused.getMonth();
+    const weeks = useMemo(() => {
+      const offset = (new Date(year, month, 1).getDay() - weekStartsOn + 7) % 7;
+      const total = new Date(year, month + 1, 0).getDate();
+      const cells = [
+        ...Array.from(
+          { length: offset },
+          (_, index) => showOutsideDays ? new Date(year, month, index - offset + 1) : null
+        ),
+        ...Array.from(
+          { length: total },
+          (_, index) => new Date(year, month, index + 1)
+        )
+      ];
+      while (cells.length % 7)
+        cells.push(
+          showOutsideDays ? new Date(year, month, cells.length - offset + 1) : null
+        );
+      return Array.from(
+        { length: cells.length / 7 },
+        (_, index) => cells.slice(index * 7, index * 7 + 7)
+      );
+    }, [year, month, weekStartsOn, showOutsideDays]);
+    const lastMonth = useRef(`${year}-${month}`);
+    useEffect(() => {
+      const key = `${year}-${month}`;
+      if (key === lastMonth.current) return;
+      lastMonth.current = key;
+      if (onMonthChange) onMonthChange(new Date(year, month, 1));
+    }, [year, month]);
+    const isDisabled = (date) => Boolean(
+      minDay && date < minDay || maxDay && date > maxDay || shouldDisableDate && shouldDisableDate(date)
+    );
+    const today = /* @__PURE__ */ new Date();
+    const previousDisabled = Boolean(
+      minDay && new Date(year, month, 0) < minDay
+    );
+    const nextDisabled = Boolean(
+      maxDay && new Date(year, month + 1, 1) > maxDay
+    );
+    const commit = (next) => {
+      if (customValue === void 0) setSelfValue(next);
+      if (onChange) onChange(next);
+    };
+    const select = (date) => {
+      if (isDisabled(date)) return;
+      setFocused(date);
+      if (isRange) {
+        const start = rangeStart;
+        const startsNew = !start || rangeEnd || date < start;
+        return commit(startsNew ? [date, null] : [start, date]);
+      }
+      if (mode === "multiple") {
+        const list = current;
+        if (list.some((item) => isSameDay(item, date)))
+          return commit(list.filter((item) => !isSameDay(item, date)));
+        if (maxSelected !== void 0 && list.length >= maxSelected) return;
+        return commit([...list, date].sort((a, b) => +a - +b));
+      }
+      commit(date);
+    };
+    const isSelected = (date) => selectedDays.some((item) => isSameDay(item, date));
+    const previewEnd = isRange ? rangeEnd || hovered : null;
+    const [low, high] = rangeStart && previewEnd ? rangeStart <= previewEnd ? [rangeStart, previewEnd] : [previewEnd, rangeStart] : [null, null];
+    const isInRange = (date) => Boolean(low && high && date > low && date < high);
+    const keyDownHandler = (event, date) => {
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        return select(date);
+      }
+      const weekIndex = (date.getDay() - weekStartsOn + 7) % 7;
+      const targets = {
+        ArrowLeft: addDays(date, -1),
+        ArrowRight: addDays(date, 1),
+        ArrowUp: addDays(date, -7),
+        ArrowDown: addDays(date, 7),
+        Home: addDays(date, -weekIndex),
+        End: addDays(date, 6 - weekIndex),
+        PageUp: addMonths(date, event.shiftKey ? -12 : -1),
+        PageDown: addMonths(date, event.shiftKey ? 12 : 1)
+      };
+      if (!(event.key in targets)) return;
+      event.preventDefault();
+      moveFocus.current = true;
+      setFocused(clampDate(targets[event.key], minDay, maxDay));
+    };
+    const calendarStyle = {
+      "--calendar-font-size": SCALES.font(1),
+      "--calendar-text-color": theme.palette.foreground,
+      "--calendar-width": SCALES.width(1, "auto"),
+      "--calendar-height": SCALES.height(1, "auto"),
+      "--calendar-padding-top": SCALES.pt(0),
+      "--calendar-padding-right": SCALES.pr(0),
+      "--calendar-padding-bottom": SCALES.pb(0),
+      "--calendar-padding-left": SCALES.pl(0),
+      "--calendar-margin-top": SCALES.mt(0),
+      "--calendar-margin-right": SCALES.mr(0),
+      "--calendar-margin-bottom": SCALES.mb(0),
+      "--calendar-margin-left": SCALES.ml(0),
+      "--calendar-weekday-color": theme.palette.accents_5,
+      "--calendar-radius": theme.layout.radius,
+      "--calendar-hover-bg": theme.palette.accents_2,
+      "--calendar-focus-outline": theme.palette.primary,
+      "--calendar-disabled-color": theme.palette.accents_3,
+      "--calendar-today-border": theme.palette.accents_4,
+      "--calendar-selected-color": "#fff",
+      "--calendar-selected-bg": theme.palette.primary,
+      "--calendar-range-bg": `color-mix(in srgb, ${theme.palette.primary} 18%, transparent)`,
+      "--calendar-outside-color": theme.palette.accents_4,
+      "--calendar-week-color": theme.palette.accents_4,
+      ...style
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: use_classes_default(Calendar_module_css_default.calendar, className),
+        style: calendarStyle,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: Calendar_module_css_default.header, children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: joinClasses(Calendar_module_css_default.button, Calendar_module_css_default.navButton),
+                "aria-label": previousLabel,
+                disabled: previousDisabled,
+                onClick: () => setFocused(clampDate(addMonths(focused, -1), minDay, maxDay)),
+                children: "\u2039"
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { id: headingId, className: Calendar_module_css_default.title, "aria-live": "polite", children: formats.month.format(focused) }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: joinClasses(Calendar_module_css_default.button, Calendar_module_css_default.navButton),
+                "aria-label": nextLabel,
+                disabled: nextDisabled,
+                onClick: () => setFocused(clampDate(addMonths(focused, 1), minDay, maxDay)),
+                children: "\u203A"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "table",
+            {
+              ref: gridRef,
+              role: "grid",
+              "aria-labelledby": headingId,
+              className: Calendar_module_css_default.table,
+              "aria-multiselectable": mode !== "single" || void 0,
+              onMouseLeave: () => setHovered(null),
+              children: [
+                /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { role: "row", children: [
+                  showWeekNumbers && /* @__PURE__ */ jsx("th", { role: "columnheader", className: Calendar_module_css_default.th }),
+                  weekdays.map((weekday) => /* @__PURE__ */ jsx(
+                    "th",
+                    {
+                      role: "columnheader",
+                      scope: "col",
+                      className: Calendar_module_css_default.th,
+                      children: /* @__PURE__ */ jsx("abbr", { title: weekday.long, children: weekday.short })
+                    },
+                    weekday.long
+                  ))
+                ] }) }),
+                /* @__PURE__ */ jsx("tbody", { children: weeks.map((week, index) => {
+                  const reference = week.find(Boolean);
+                  const weekNumber = getISOWeek(
+                    addDays(reference, 3 - week.indexOf(reference))
+                  );
+                  return /* @__PURE__ */ jsxs("tr", { role: "row", children: [
+                    showWeekNumbers && /* @__PURE__ */ jsx(
+                      "th",
+                      {
+                        role: "rowheader",
+                        scope: "row",
+                        className: Calendar_module_css_default.weekNumber,
+                        "aria-label": `${weekLabel} ${weekNumber}`,
+                        children: weekNumber
+                      }
+                    ),
+                    week.map((date, cell) => {
+                      if (!date)
+                        return /* @__PURE__ */ jsx(
+                          "td",
+                          {
+                            role: "gridcell",
+                            className: Calendar_module_css_default.td,
+                            "aria-hidden": "true"
+                          },
+                          cell
+                        );
+                      const selectedDay = isSelected(date);
+                      const outside = date.getMonth() !== month;
+                      return /* @__PURE__ */ jsx(
+                        "td",
+                        {
+                          role: "gridcell",
+                          className: joinClasses(Calendar_module_css_default.td, {
+                            [Calendar_module_css_default.inRange]: isInRange(date),
+                            [Calendar_module_css_default.rangeStart]: Boolean(
+                              low && isSameDay(date, low) && high
+                            ),
+                            [Calendar_module_css_default.rangeEnd]: Boolean(
+                              high && isSameDay(date, high) && low
+                            )
+                          }),
+                          "aria-selected": selectedDay || isInRange(date),
+                          children: /* @__PURE__ */ jsx(
+                            "button",
+                            {
+                              type: "button",
+                              "data-date": toISO(date),
+                              "aria-label": formats.day.format(date),
+                              "aria-current": isSameDay(date, today) ? "date" : void 0,
+                              className: joinClasses(
+                                Calendar_module_css_default.button,
+                                Calendar_module_css_default.dayButton,
+                                {
+                                  [Calendar_module_css_default.selected]: selectedDay,
+                                  [Calendar_module_css_default.today]: isSameDay(date, today),
+                                  [Calendar_module_css_default.outside]: outside
+                                }
+                              ),
+                              tabIndex: isSameDay(date, focused) ? 0 : -1,
+                              disabled: isDisabled(date),
+                              onClick: () => select(date),
+                              onMouseEnter: () => isRange && setHovered(date),
+                              onKeyDown: (event) => keyDownHandler(event, date),
+                              children: date.getDate()
+                            }
+                          )
+                        },
+                        cell
+                      );
+                    })
+                  ] }, index);
+                }) })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+CalendarComponent.displayName = "BolioUICalendar";
+var Calendar = with_scale_default(CalendarComponent);
+var Calendar_default = Calendar;
+
+// core/Calendar/index.ts
+var Calendar_default2 = Calendar_default;
+
+export {
+  startOfDay,
+  toISO,
+  fromISO,
+  Calendar_default2 as Calendar_default
+};

package/esm/chunk-IIKZQZXS.js

@@ -0,0 +1,269 @@
+import {
+  log_warning_default
+} from "./chunk-AXYDJGTN.js";
+import {
+  use_scale_default,
+  with_scale_default
+} from "./chunk-MAICNLTY.js";
+import {
+  pickChild
+} from "./chunk-UX2B3G6U.js";
+import {
+  use_theme_default
+} from "./chunk-V5I4ORQQ.js";
+import {
+  use_classes_default
+} from "./chunk-5KUROAEP.js";
+
+// core/Radio/Radio.tsx
+import React2, { useEffect, useMemo, useState } from "react";
+
+// core/Radio/RadioContext.ts
+import React from "react";
+var defaultContext = {
+  disabledAll: false,
+  inGroup: false
+};
+var RadioContext = React.createContext(defaultContext);
+var useRadioContext = () => React.useContext(RadioContext);
+
+// core/Radio/RadioDescription.tsx
+import { jsx } from "react/jsx-runtime";
+function RadioDescriptionComponent({
+  className = "",
+  children,
+  style,
+  ...props
+}) {
+  const theme = use_theme_default();
+  const { SCALES } = use_scale_default();
+  const descriptionStyle = {
+    color: theme.palette.accents_3,
+    fontSize: SCALES.font(0.85, "calc(var(--radio-size) * 0.85)"),
+    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, "calc(var(--radio-size) * 1.625)")}`,
+    ...style
+  };
+  return /* @__PURE__ */ jsx("span", { className, ...props, style: descriptionStyle, children });
+}
+RadioDescriptionComponent.displayName = "BolioUIRadioDescription";
+var RadioDescription = with_scale_default(RadioDescriptionComponent);
+var RadioDescription_default = RadioDescription;
+
+// core/Radio/styles.ts
+var getColor = (palette, status) => {
+  const colors = {
+    default: palette.accents_8,
+    primary: palette.primary,
+    secondary: palette.secondary,
+    success: palette.success,
+    warning: palette.warning,
+    error: palette.error,
+    info: palette.info
+  };
+  if (!status) return colors.default;
+  return colors[status];
+};
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Radio/Radio.module.css.bolio-css-module-source
+var Radio_module_css_default = { "input": "Radio-module_input__bPgim", "name": "Radio-module_name__9QrEM", "point": "Radio-module_point__O2nmm", "radio": "Radio-module_radio__o2X4H", "label": "Radio-module_label__eRJLf", "active": "Radio-module_active__W254J" };
+
+// core/Radio/Radio.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var RadioComponent = React2.forwardRef(
+  ({
+    className = "",
+    checked,
+    onChange,
+    disabled = false,
+    type = "default",
+    value: radioValue,
+    children,
+    ...props
+  }, ref) => {
+    const theme = use_theme_default();
+    const { SCALES } = use_scale_default();
+    const [selfChecked, setSelfChecked] = useState(!!checked);
+    const {
+      value: groupValue,
+      disabledAll,
+      inGroup,
+      updateState
+    } = useRadioContext();
+    const [withoutDescChildren, DescChildren] = pickChild(
+      children,
+      RadioDescription_default
+    );
+    if (inGroup) {
+      if (checked !== void 0) {
+        log_warning_default('Remove props "checked" if in the Radio.Group.', "Radio");
+      }
+      if (radioValue === void 0) {
+        log_warning_default(
+          'Props "value" must be deinfed if in the Radio.Group.',
+          "Radio"
+        );
+      }
+    }
+    useEffect(() => {
+      if (!inGroup) return;
+      setSelfChecked(groupValue === radioValue);
+    }, [inGroup, groupValue, radioValue]);
+    const color = useMemo(
+      () => getColor(theme.palette, type),
+      [theme.palette, type]
+    );
+    const isDisabled = useMemo(
+      () => disabled || disabledAll,
+      [disabled, disabledAll]
+    );
+    const changeHandler = (event) => {
+      if (isDisabled) return;
+      const selfEvent = {
+        target: {
+          checked: true
+        },
+        stopPropagation: event.stopPropagation.bind(event),
+        preventDefault: event.preventDefault.bind(event),
+        nativeEvent: event
+      };
+      setSelfChecked(true);
+      if (inGroup) {
+        if (updateState) updateState(radioValue);
+      }
+      if (onChange) onChange(selfEvent);
+    };
+    useEffect(() => {
+      if (checked === void 0) return;
+      setSelfChecked(Boolean(checked));
+    }, [checked]);
+    const radioStyle = {
+      width: SCALES.width(1, "initial"),
+      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)}`,
+      "--radio-own-size": SCALES.font(1),
+      "--radio-label-color": isDisabled ? theme.palette.accents_4 : theme.palette.foreground,
+      "--radio-cursor": isDisabled ? "not-allowed" : "pointer",
+      "--radio-color": isDisabled ? theme.palette.accents_3 : color,
+      "--radio-border": selfChecked ? "var(--radio-color)" : isDisabled ? theme.palette.accents_2 : `color-mix(in srgb, var(--radio-color) 55%, ${theme.palette.background})`,
+      "--radio-hover-border": isDisabled ? void 0 : "var(--radio-color)",
+      "--radio-bg": isDisabled ? theme.palette.accents_1 : theme.palette.background
+    };
+    return /* @__PURE__ */ jsx2(
+      "div",
+      {
+        className: use_classes_default("radio", Radio_module_css_default.radio, className),
+        style: radioStyle,
+        children: /* @__PURE__ */ jsxs("label", { className: Radio_module_css_default.label, children: [
+          /* @__PURE__ */ jsx2(
+            "input",
+            {
+              ref,
+              type: "radio",
+              value: radioValue,
+              checked: selfChecked,
+              onChange: changeHandler,
+              ...props,
+              className: Radio_module_css_default.input
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: Radio_module_css_default.name, children: [
+            /* @__PURE__ */ jsx2(
+              "span",
+              {
+                className: use_classes_default(Radio_module_css_default.point, {
+                  [Radio_module_css_default.active]: selfChecked
+                })
+              }
+            ),
+            withoutDescChildren
+          ] }),
+          DescChildren && DescChildren
+        ] })
+      }
+    );
+  }
+);
+RadioComponent.displayName = "BolioUIRadio";
+var Radio = with_scale_default(RadioComponent);
+var Radio_default = Radio;
+
+// core/Radio/RadioGroup.tsx
+import { useCallback, useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Radio/RadioGroup.module.css.bolio-css-module-source
+var RadioGroup_module_css_default = { "radioGroup": "RadioGroup-module_radioGroup__6XPZE" };
+
+// core/Radio/RadioGroup.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function RadioGroupComponent({
+  disabled = false,
+  onChange,
+  value,
+  children,
+  className = "",
+  initialValue,
+  useRow = false,
+  style,
+  ...props
+}) {
+  const { SCALES } = use_scale_default();
+  const [selfVal, setSelfVal] = useState2(
+    initialValue
+  );
+  const updateState = useCallback(
+    (nextValue) => {
+      setSelfVal(nextValue);
+      if (onChange) onChange(nextValue);
+    },
+    [onChange]
+  );
+  const providerValue = useMemo2(() => {
+    return {
+      updateState,
+      disabledAll: disabled,
+      inGroup: true,
+      value: selfVal
+    };
+  }, [updateState, disabled, selfVal]);
+  useEffect2(() => {
+    if (value === void 0) return;
+    setSelfVal(value);
+  }, [value]);
+  const groupStyle = {
+    flexDirection: useRow ? "row" : "column",
+    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)}`,
+    "--radio-group-item-size": SCALES.font(1),
+    "--radio-group-margin-top": useRow ? 0 : SCALES.font(1),
+    "--radio-group-margin-left": useRow ? SCALES.font(1) : 0,
+    ...style
+  };
+  return /* @__PURE__ */ jsx3(RadioContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx3(
+    "div",
+    {
+      className: use_classes_default(RadioGroup_module_css_default.radioGroup, className),
+      ...props,
+      style: groupStyle,
+      children
+    }
+  ) });
+}
+RadioGroupComponent.displayName = "BolioUIRadioGroup";
+var RadioGroup = with_scale_default(RadioGroupComponent);
+var RadioGroup_default = RadioGroup;
+
+// core/Radio/index.ts
+Radio_default.Group = RadioGroup_default;
+Radio_default.Description = RadioDescription_default;
+Radio_default.Desc = RadioDescription_default;
+var Radio_default2 = Radio_default;
+
+export {
+  Radio_default2 as Radio_default
+};