@pathscale/ui 1.2.6 → 1.2.8

package/dist/components/radio/Radio.js

@@ -1,17 +1,17 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
 import "./Radio.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__radio_group_context_js_9a625e67__ from "../radio-group/context.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__ from "./Radio.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=label>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label><input><span><span>");
+import { Show, splitProps, useContext } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { RadioGroupContext } from "../radio-group/context.js";
+import { CLASSES } from "./Radio.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<span data-slot=label>"), _tmpl$2 = /*#__PURE__*/ template("<span>"), _tmpl$3 = /*#__PURE__*/ template("<label><input><span><span>");
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
 };
 const Radio = (props)=>{
-    const group = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(__WEBPACK_EXTERNAL_MODULE__radio_group_context_js_9a625e67__.RadioGroupContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const group = useContext(RadioGroupContext);
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "children",
@@ -42,8 +42,8 @@ const Radio = (props)=>{
     };
     return (()=>{
         var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__.CLASSES.base, isDisabled() && __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__.CLASSES.flag.disabled, local.class, local.className)
+        spread(_el$, mergeProps(()=>({
+                class: twMerge(CLASSES.base, isDisabled() && CLASSES.flag.disabled, local.class, local.className)
             }), {
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -62,7 +62,7 @@ const Radio = (props)=>{
                 return isDisabled() ? "true" : "false";
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$2, mergeProps(others, {
             type: "radio",
             get value () {
                 return local.value;
@@ -71,13 +71,13 @@ const Radio = (props)=>{
                 return name();
             },
             get checked () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isGrouped())() ? isSelected() : local.checked;
+                return memo(()=>!!isGrouped())() ? isSelected() : local.checked;
             },
             get disabled () {
                 return isDisabled();
             }
         }, ()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__.CLASSES.slot.input
+                class: CLASSES.slot.input
             }), {
             "data-slot": "radio-input",
             get ["aria-invalid"] () {
@@ -85,51 +85,51 @@ const Radio = (props)=>{
             },
             onChange: handleChange
         }), false, false);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__.CLASSES.slot.control
+        spread(_el$3, mergeProps(()=>({
+                class: CLASSES.slot.control
             }), {
             "data-slot": "radio-control",
             "aria-hidden": "true"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__.CLASSES.slot.indicator
+        spread(_el$4, mergeProps(()=>({
+                class: CLASSES.slot.indicator
             }), {
             "data-slot": "radio-indicator"
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.indicator);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+        insert(_el$4, ()=>local.indicator);
+        insert(_el$, createComponent(Show, {
             get when () {
                 return hasContent();
             },
             get children () {
                 var _el$5 = _tmpl$2();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                        class: __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__.CLASSES.slot.content
+                spread(_el$5, mergeProps(()=>({
+                        class: CLASSES.slot.content
                     }), {
                     "data-slot": "radio-content"
                 }), false, true);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                insert(_el$5, createComponent(Show, {
                     get when () {
                         return local.children;
                     },
                     get children () {
                         var _el$6 = _tmpl$();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
+                        insert(_el$6, ()=>local.children);
                         return _el$6;
                     }
                 }), null);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                insert(_el$5, createComponent(Show, {
                     get when () {
                         return local.description;
                     },
                     get children () {
                         var _el$7 = _tmpl$2();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                                class: __WEBPACK_EXTERNAL_MODULE__Radio_classes_js_adb15be7__.CLASSES.slot.description
+                        spread(_el$7, mergeProps(()=>({
+                                class: CLASSES.slot.description
                             }), {
                             "data-slot": "description"
                         }), false, true);
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.description);
+                        insert(_el$7, ()=>local.description);
                         return _el$7;
                     }
                 }), null);
@@ -140,4 +140,4 @@ const Radio = (props)=>{
     })();
 };
 const radio_Radio = Radio;
-export { radio_Radio as default };
+export default radio_Radio;

package/dist/components/radio/index.js

@@ -1,3 +1 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Radio_js_e120e8f0__ from "./Radio.js";
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Radio_js_e120e8f0__["default"];
-export { __webpack_exports__default as default };
+export { default } from "./Radio.js";

package/dist/components/radio-group/RadioGroup.css

@@ -1,58 +1,58 @@
-@layer components {
-  .radio-group {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    width: fit-content;
-  }
-
-  .radio-group__label {
-    color: var(--color-base-content);
-    font-size: 0.875rem;
-    font-weight: 500;
-    line-height: 1.25rem;
-  }
-
-  .radio-group__description {
-    color: color-mix(in oklab, var(--color-base-content) 62%, transparent);
-    font-size: 0.75rem;
-    line-height: 1rem;
-  }
-
-  .radio-group__error {
-    color: var(--color-error);
-    font-size: 0.75rem;
-    line-height: 1rem;
-  }
-
-  .radio-group__items {
-    display: flex;
-    gap: 1rem;
-  }
-
-  .radio-group--vertical .radio-group__items {
-    flex-direction: column;
-  }
-
-  .radio-group--horizontal .radio-group__items {
-    flex-direction: row;
-    flex-wrap: wrap;
-  }
-
-  .radio-group--secondary .radio__control {
-    box-shadow: none;
-    background-color: var(--color-base-100);
-  }
-
-  @media (hover: hover) {
-    .radio-group--secondary .radio:not([data-selected="true"]):hover .radio__control,
-    .radio-group--secondary .radio:not([data-selected="true"])[data-hovered="true"] .radio__control {
-      border-color: color-mix(in oklab, var(--color-base-content) 24%, transparent);
-      background-color: var(--color-base-200);
-    }
-  }
-
-  .radio-group--disabled {
-    opacity: 0.75;
-  }
-}
+@layer components {
+  .radio-group {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    width: fit-content;
+  }
+
+  .radio-group__label {
+    color: var(--color-base-content);
+    font-size: 0.875rem;
+    font-weight: 500;
+    line-height: 1.25rem;
+  }
+
+  .radio-group__description {
+    color: color-mix(in oklab, var(--color-base-content) 62%, transparent);
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .radio-group__error {
+    color: var(--color-error);
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  .radio-group__items {
+    display: flex;
+    gap: 1rem;
+  }
+
+  .radio-group--vertical .radio-group__items {
+    flex-direction: column;
+  }
+
+  .radio-group--horizontal .radio-group__items {
+    flex-direction: row;
+    flex-wrap: wrap;
+  }
+
+  .radio-group--secondary .radio__control {
+    box-shadow: none;
+    background-color: var(--color-base-100);
+  }
+
+  @media (hover: hover) {
+    .radio-group--secondary .radio:not([data-selected="true"]):hover .radio__control,
+    .radio-group--secondary .radio:not([data-selected="true"])[data-hovered="true"] .radio__control {
+      border-color: color-mix(in oklab, var(--color-base-content) 24%, transparent);
+      background-color: var(--color-base-200);
+    }
+  }
+
+  .radio-group--disabled {
+    opacity: 0.75;
+  }
+}

package/dist/components/radio-group/RadioGroup.js

@@ -1,12 +1,12 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { createComponent, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
 import "./RadioGroup.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__ from "./context.js";
-import * as __WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__ from "./RadioGroup.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div>");
+import { Show, createSignal, createUniqueId, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { RadioGroupContext } from "./context.js";
+import { CLASSES } from "./RadioGroup.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<span>"), _tmpl$2 = /*#__PURE__*/ template("<div><div>");
 const RadioGroup = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -26,9 +26,9 @@ const RadioGroup = (props)=>{
         "aria-describedby",
         "aria-labelledby"
     ]);
-    const baseId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const baseId = createUniqueId();
     const generatedName = `${baseId}-radio-group`;
-    const [internalValue, setInternalValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.defaultValue);
+    const [internalValue, setInternalValue] = createSignal(local.defaultValue);
     const labelId = `${baseId}-label`;
     const descriptionId = `${baseId}-description`;
     const errorId = `${baseId}-error`;
@@ -63,11 +63,11 @@ const RadioGroup = (props)=>{
             handleChange(value);
         }
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__.RadioGroupContext.Provider, {
+    return createComponent(RadioGroupContext.Provider, {
         value: contextValue,
         get children () {
             var _el$ = _tmpl$2(), _el$4 = _el$.firstChild;
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            spread(_el$, mergeProps(others, {
                 role: "radiogroup",
                 get ["aria-invalid"] () {
                     return isInvalid() ? "true" : void 0;
@@ -95,59 +95,59 @@ const RadioGroup = (props)=>{
                     return isInvalid() ? "true" : "false";
                 }
             }, ()=>({
-                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__.CLASSES.orientation[orientation()], __WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__.CLASSES.variant[variant()], isDisabled() && __WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__.CLASSES.flag.disabled, isInvalid() && __WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__.CLASSES.flag.invalid, local.class, local.className)
+                    class: twMerge(CLASSES.base, CLASSES.orientation[orientation()], CLASSES.variant[variant()], isDisabled() && CLASSES.flag.disabled, isInvalid() && CLASSES.flag.invalid, local.class, local.className)
                 })), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            insert(_el$, createComponent(Show, {
                 get when () {
                     return local.label;
                 },
                 get children () {
                     var _el$2 = _tmpl$();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "id", labelId);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: __WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__.CLASSES.slot.label
+                    setAttribute(_el$2, "id", labelId);
+                    spread(_el$2, mergeProps(()=>({
+                            class: CLASSES.slot.label
                         }), {
                         "data-slot": "label"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.label);
+                    insert(_el$2, ()=>local.label);
                     return _el$2;
                 }
             }), _el$4);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            insert(_el$, createComponent(Show, {
                 get when () {
                     return local.description;
                 },
                 get children () {
                     var _el$3 = _tmpl$();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "id", descriptionId);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: __WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__.CLASSES.slot.description
+                    setAttribute(_el$3, "id", descriptionId);
+                    spread(_el$3, mergeProps(()=>({
+                            class: CLASSES.slot.description
                         }), {
                         "data-slot": "description"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.description);
+                    insert(_el$3, ()=>local.description);
                     return _el$3;
                 }
             }), _el$4);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                    class: __WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__.CLASSES.slot.items
+            spread(_el$4, mergeProps(()=>({
+                    class: CLASSES.slot.items
                 }), {
                 "data-slot": "radio-group-items"
             }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            insert(_el$4, ()=>local.children);
+            insert(_el$, createComponent(Show, {
                 get when () {
                     return local.errorMessage;
                 },
                 get children () {
                     var _el$5 = _tmpl$();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "id", errorId);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                            class: __WEBPACK_EXTERNAL_MODULE__RadioGroup_classes_js_a7b0adc2__.CLASSES.slot.error
+                    setAttribute(_el$5, "id", errorId);
+                    spread(_el$5, mergeProps(()=>({
+                            class: CLASSES.slot.error
                         }), {
                         "data-slot": "error-message"
                     }), false, true);
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.errorMessage);
+                    insert(_el$5, ()=>local.errorMessage);
                     return _el$5;
                 }
             }), null);
@@ -156,4 +156,4 @@ const RadioGroup = (props)=>{
     });
 };
 const radio_group_RadioGroup = RadioGroup;
-export { radio_group_RadioGroup as default };
+export default radio_group_RadioGroup;

package/dist/components/radio-group/context.js

@@ -1,3 +1,3 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-const RadioGroupContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+import { createContext } from "solid-js";
+const RadioGroupContext = createContext();
 export { RadioGroupContext };

package/dist/components/radio-group/index.js

@@ -1,4 +1,4 @@
-import * as __WEBPACK_EXTERNAL_MODULE__RadioGroup_js_3910e0b8__ from "./RadioGroup.js";
-const radio_group = __WEBPACK_EXTERNAL_MODULE__RadioGroup_js_3910e0b8__["default"];
-var __webpack_exports__RadioGroup = __WEBPACK_EXTERNAL_MODULE__RadioGroup_js_3910e0b8__["default"];
-export { radio_group as default, __webpack_exports__RadioGroup as RadioGroup };
+import RadioGroup from "./RadioGroup.js";
+const radio_group = RadioGroup;
+export default radio_group;
+export { RadioGroup };

package/dist/components/range-calendar/RangeCalendar.css

@@ -1,51 +1,51 @@
-@layer components {
-  .range-calendar {
-    width: 15.75rem;
-    max-width: 100%;
-    container-type: inline-size;
-  }
-
-  .range-calendar--disabled {
-    opacity: var(--disabled-opacity, 0.72);
-  }
-
-  .range-calendar__calendar {
-    width: 100%;
-    max-width: 100%;
-  }
-
-  .range-calendar__calendar .calendar {
-    width: 100%;
-    max-width: 100%;
-  }
-
-  .range-calendar__calendar .calendar__heading {
-    text-align: center;
-  }
-
-  .range-calendar__calendar .calendar__cell--in-range,
-  .range-calendar__calendar .calendar__cell--in-preview-range {
-    border-radius: 0.5rem;
-  }
-
-  .range-calendar__calendar .calendar__cell--range-start.calendar__cell--in-range,
-  .range-calendar__calendar .calendar__cell--range-start.calendar__cell--in-preview-range {
-    border-top-left-radius: 9999px;
-    border-bottom-left-radius: 9999px;
-    border-top-right-radius: 0.5rem;
-    border-bottom-right-radius: 0.5rem;
-  }
-
-  .range-calendar__calendar .calendar__cell--range-end.calendar__cell--in-range,
-  .range-calendar__calendar .calendar__cell--range-end.calendar__cell--in-preview-range {
-    border-top-right-radius: 9999px;
-    border-bottom-right-radius: 9999px;
-    border-top-left-radius: 0.5rem;
-    border-bottom-left-radius: 0.5rem;
-  }
-
-  .range-calendar__calendar .calendar__cell--range-start.calendar__cell--range-end {
-    border-radius: 9999px;
-  }
-}
-
+@layer components {
+  .range-calendar {
+    width: 15.75rem;
+    max-width: 100%;
+    container-type: inline-size;
+  }
+
+  .range-calendar--disabled {
+    opacity: var(--disabled-opacity, 0.72);
+  }
+
+  .range-calendar__calendar {
+    width: 100%;
+    max-width: 100%;
+  }
+
+  .range-calendar__calendar .calendar {
+    width: 100%;
+    max-width: 100%;
+  }
+
+  .range-calendar__calendar .calendar__heading {
+    text-align: center;
+  }
+
+  .range-calendar__calendar .calendar__cell--in-range,
+  .range-calendar__calendar .calendar__cell--in-preview-range {
+    border-radius: 0.5rem;
+  }
+
+  .range-calendar__calendar .calendar__cell--range-start.calendar__cell--in-range,
+  .range-calendar__calendar .calendar__cell--range-start.calendar__cell--in-preview-range {
+    border-top-left-radius: 9999px;
+    border-bottom-left-radius: 9999px;
+    border-top-right-radius: 0.5rem;
+    border-bottom-right-radius: 0.5rem;
+  }
+
+  .range-calendar__calendar .calendar__cell--range-end.calendar__cell--in-range,
+  .range-calendar__calendar .calendar__cell--range-end.calendar__cell--in-preview-range {
+    border-top-right-radius: 9999px;
+    border-bottom-right-radius: 9999px;
+    border-top-left-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+  }
+
+  .range-calendar__calendar .calendar__cell--range-start.calendar__cell--range-end {
+    border-radius: 9999px;
+  }
+}
+

package/dist/components/range-calendar/RangeCalendar.js

@@ -1,13 +1,13 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { createComponent, insert, mergeProps, spread, template, use } from "solid-js/web";
 import "./RangeCalendar.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__ from "../../hooks/date/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__calendar_index_js_fe41d1b9__ from "../calendar/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__RangeCalendar_classes_js_4681dcc3__ from "./RangeCalendar.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const RangeCalendar_RangeCalendar = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+import { createMemo, splitProps } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import { useRangeSelection } from "../../hooks/date/index.js";
+import calendar from "../calendar/index.js";
+import { CLASSES } from "./RangeCalendar.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>");
+const RangeCalendar = (props)=>{
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "dataTheme",
@@ -27,8 +27,8 @@ const RangeCalendar_RangeCalendar = (props)=>{
         "onDaySelect",
         "onDayHover"
     ]);
-    const isDisabled = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>Boolean(local.isDisabled) || Boolean(local.disabled));
-    const rangeSelection = (0, __WEBPACK_EXTERNAL_MODULE__hooks_date_index_js_897f0efe__.useRangeSelection)({
+    const isDisabled = createMemo(()=>Boolean(local.isDisabled) || Boolean(local.disabled));
+    const rangeSelection = useRangeSelection({
         value: ()=>local.value,
         defaultValue: ()=>local.defaultValue,
         onChange: ()=>local.onChange
@@ -43,10 +43,10 @@ const RangeCalendar_RangeCalendar = (props)=>{
     };
     return (()=>{
         var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((node)=>{
+        use((node)=>{
             if ("function" == typeof local.ref) local.ref(node);
         }, _el$);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$, mergeProps(others, {
             "data-slot": "range-calendar",
             get ["data-disabled"] () {
                 return isDisabled() ? "true" : "false";
@@ -61,10 +61,10 @@ const RangeCalendar_RangeCalendar = (props)=>{
                 return isDisabled() ? "true" : void 0;
             }
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__RangeCalendar_classes_js_4681dcc3__.CLASSES.Root.base, isDisabled() && __WEBPACK_EXTERNAL_MODULE__RangeCalendar_classes_js_4681dcc3__.CLASSES.Root.flag.disabled, local.class, local.className)
+                class: twMerge(CLASSES.Root.base, isDisabled() && CLASSES.Root.flag.disabled, local.class, local.className)
             })), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__calendar_index_js_fe41d1b9__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
-                class: __WEBPACK_EXTERNAL_MODULE__RangeCalendar_classes_js_4681dcc3__.CLASSES.Calendar.base
+        insert(_el$, createComponent(calendar, mergeProps(()=>({
+                class: CLASSES.Calendar.base
             }), {
             selectionMode: "range",
             get value () {
@@ -106,5 +106,5 @@ const RangeCalendar_RangeCalendar = (props)=>{
         return _el$;
     })();
 };
-const RangeCalendar = RangeCalendar_RangeCalendar;
-export { RangeCalendar as default };
+const range_calendar_RangeCalendar = RangeCalendar;
+export default range_calendar_RangeCalendar;

package/dist/components/range-calendar/index.js

@@ -1,3 +1 @@
-import * as __WEBPACK_EXTERNAL_MODULE__RangeCalendar_js_087f6a97__ from "./RangeCalendar.js";
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__RangeCalendar_js_087f6a97__["default"];
-export { __webpack_exports__default as default };
+export { default } from "./RangeCalendar.js";