@pathscale/ui 0.1.1 → 1.2.0

package/dist/components/calendar/Calendar.js

@@ -0,0 +1,194 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "cally";
+import "./input.css";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+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__icon_Icon_js_f8a6327a__ from "../icon/Icon.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="relative inline-block"><button type=button>'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=w-full><calendar-date><calendar-month>", true, false, false), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="fixed inset-0 z-40">'), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><calendar-date><calendar-month>", true, false, false);
+const Calendar_Calendar = (props)=>{
+    const [local] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "size",
+        "value",
+        "onDateSelect",
+        "asInput",
+        "placeholder",
+        "disabled",
+        "children",
+        "dataTheme",
+        "class",
+        "className",
+        "style"
+    ]);
+    const [selectedValue, setSelectedValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.value || "");
+    const [isOpen, setIsOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const uniqueId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const inputId = `calendar-input-${uniqueId}`;
+    let calendarRef;
+    let inputRef;
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (void 0 !== local.value) setSelectedValue(local.value);
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        if (calendarRef && calendarRef.value !== selectedValue()) calendarRef.value = selectedValue();
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        const shouldSetupListeners = local.asInput ? isOpen() && calendarRef : calendarRef;
+        if (shouldSetupListeners) {
+            const handleChange = (e)=>{
+                const target = e.target;
+                const newValue = target.value;
+                if (newValue && newValue !== selectedValue()) {
+                    setSelectedValue(newValue);
+                    if (local.onDateSelect) local.onDateSelect(newValue);
+                    if (local.asInput) setIsOpen(false);
+                }
+            };
+            const handleClick = (e)=>{
+                setTimeout(()=>{
+                    const value = calendarRef.value;
+                    if (value && value !== selectedValue()) {
+                        setSelectedValue(value);
+                        if (local.onDateSelect) local.onDateSelect(value);
+                        if (local.asInput) setIsOpen(false);
+                    }
+                }, 100);
+            };
+            calendarRef.addEventListener("change", handleChange);
+            calendarRef.addEventListener("click", handleClick);
+            return ()=>{
+                if (calendarRef) {
+                    calendarRef.removeEventListener("change", handleChange);
+                    calendarRef.removeEventListener("click", handleClick);
+                }
+            };
+        }
+    });
+    const calendarClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("cally", !local.asInput && "bg-base-100 border border-base-300 shadow-lg rounded-box", "[&_[slot=heading]]:text-xs [&_[slot=heading]]:font-medium", "[&_.cally-month-header]:text-xs [&_.cally-year]:text-xs", "text-sm", local.asInput && "w-full max-w-full", "[&_table]:w-full [&_td]:p-1 [&_th]:p-1", "[&_button]:p-1 [&_button]:min-h-0 [&_button]:h-auto", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            "text-base [&_[slot=heading]]:text-sm": "lg" === local.size,
+            "text-sm [&_[slot=heading]]:text-xs": "md" === local.size || !local.size,
+            "text-xs [&_[slot=heading]]:text-xs [&_button]:text-xs": "sm" === local.size,
+            "text-xs [&_button]:text-xs": "xs" === local.size
+        }));
+    const inputClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("input input-bordered cursor-pointer", "w-72", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            "input-lg w-80": "lg" === local.size,
+            "input-md w-72": "md" === local.size || !local.size,
+            "input-sm w-64": "sm" === local.size,
+            "input-xs w-56": "xs" === local.size,
+            "input-disabled cursor-not-allowed": local.disabled
+        }));
+    const dropdownClasses = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("absolute left-0 top-full mt-1 bg-base-100 rounded-box shadow-lg z-50 p-2", "w-auto", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            "w-80": "lg" === local.size,
+            "w-72": "md" === local.size || !local.size,
+            "w-64": "sm" === local.size,
+            "w-56": "xs" === local.size
+        }));
+    const ArrowLeftIcon = ()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_Icon_js_f8a6327a__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            name: "icon-[mdi-light--chevron-left]",
+            width: 20,
+            height: 20
+        }, {
+            "aria-label": "Previous",
+            slot: "previous"
+        }));
+    const ArrowRightIcon = ()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_Icon_js_f8a6327a__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            name: "icon-[mdi-light--chevron-right]",
+            width: 20,
+            height: 20
+        }, {
+            "aria-label": "Next",
+            slot: "next"
+        }));
+    const formatDisplayDate = (value)=>{
+        if (!value) return local.placeholder || "Pick a date";
+        try {
+            const date = new Date(value);
+            return date.toLocaleDateString();
+        } catch  {
+            return local.placeholder || "Pick a date";
+        }
+    };
+    if (local.asInput) return (()=>{
+        var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+        _el$2.$$click = ()=>setIsOpen(!isOpen());
+        var _ref$ = inputRef;
+        "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$2) : inputRef = _el$2;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "id", inputId);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>formatDisplayDate(selectedValue()));
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isOpen());
+            return ()=>_c$() && (()=>{
+                    var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild;
+                    _el$3.$$click = (e)=>e.stopPropagation();
+                    var _ref$2 = calendarRef;
+                    "function" == typeof _ref$2 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$2, _el$5) : calendarRef = _el$5;
+                    _el$5._$owner = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.getOwner)();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ArrowLeftIcon, {}), _el$6);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ArrowRightIcon, {}), _el$6);
+                    _el$6._$owner = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.getOwner)();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                        var _v$5 = dropdownClasses(), _v$6 = calendarClasses();
+                        _v$5 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.e = _v$5);
+                        _v$6 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.t = _v$6);
+                        return _p$;
+                    }, {
+                        e: void 0,
+                        t: void 0
+                    });
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$5.value = selectedValue());
+                    return _el$3;
+                })();
+        })(), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!isOpen());
+            return ()=>_c$2() && (()=>{
+                    var _el$7 = _tmpl$3();
+                    _el$7.$$click = ()=>setIsOpen(false);
+                    return _el$7;
+                })();
+        })(), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$ = local.dataTheme, _v$2 = local.style, _v$3 = inputClasses(), _v$4 = local.disabled;
+            _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.e = _v$);
+            _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$, _v$2, _p$.t);
+            _v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.a = _v$3);
+            _v$4 !== _p$.o && (_el$2.disabled = _p$.o = _v$4);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0
+        });
+        return _el$;
+    })();
+    return (()=>{
+        var _el$8 = _tmpl$4(), _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild;
+        var _ref$3 = calendarRef;
+        "function" == typeof _ref$3 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$3, _el$9) : calendarRef = _el$9;
+        _el$9._$owner = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.getOwner)();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ArrowLeftIcon, {}), _el$0);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ArrowRightIcon, {}), _el$0);
+        _el$0._$owner = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.getOwner)();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.children, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$7 = local.dataTheme, _v$8 = local.style, _v$9 = calendarClasses();
+            _v$7 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$8, "data-theme", _p$.e = _v$7);
+            _p$.t = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$8, _v$8, _p$.t);
+            _v$9 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$9, _p$.a = _v$9);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0,
+            a: void 0
+        });
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$9.value = selectedValue());
+        return _el$8;
+    })();
+};
+const Calendar = Calendar_Calendar;
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
+export { Calendar as default };

package/dist/components/calendar/index.js

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

package/dist/components/calendar/input.css

@@ -0,0 +1,277 @@
+@layer components {
+  .input {
+      cursor: text;
+      border: var(--border) solid #0000;
+      position: relative;
+      display: inline-flex;
+      flex-shrink: 1;
+      appearance: none;
+      align-items: center;
+      gap: calc(0.25rem * 2);
+      background-color: var(--color-base-100);
+      padding-inline: calc(0.25rem * 3);
+      vertical-align: middle;
+      white-space: nowrap;
+      width: clamp(3rem, 20rem, 100%);
+      height: var(--size);
+      font-size: max(var(--font-size, 0.875rem), 0.875rem);
+      touch-action: manipulation;
+      border-start-start-radius: var(--join-ss, var(--radius-field));
+      border-start-end-radius: var(--join-se, var(--radius-field));
+      border-end-start-radius: var(--join-es, var(--radius-field));
+      border-end-end-radius: var(--join-ee, var(--radius-field));
+      border-color: var(--input-color);
+      box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
+      --size: calc(var(--size-field, 0.25rem) * 10);
+      --input-color: var(--color-base-content);
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .input {
+      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
+    }
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .input {
+      --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
+    }
+    }
+
+  .input:where(input) {
+      display: inline-flex;
+    }
+
+  .input :where(input) {
+      display: inline-flex;
+      height: 100%;
+      width: 100%;
+      appearance: none;
+      background-color: transparent;
+      border: none;
+    }
+
+  .input :where(input):focus,
+    .input :where(input):focus-within {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+
+  @media (forced-colors: active) {
+    .input :where(input):focus,
+    .input :where(input):focus-within {
+      outline: 2px solid transparent;
+      outline-offset: 2px;
+    }
+    }
+
+  .input :where(input[type="url"]),
+    .input :where(input[type="email"]) {
+      direction: ltr;
+    }
+
+  .input :where(input[type="date"]) {
+      display: inline-flex;
+    }
+
+  .input:focus,
+    .input:focus-within {
+      --input-color: var(--color-base-content);
+      box-shadow: 0 1px var(--input-color);
+      outline: 2px solid var(--input-color);
+      outline-offset: 2px;
+      isolation: isolate;
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .input:focus,
+    .input:focus-within {
+      box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
+    }
+    }
+
+  @media (pointer: coarse) {
+    @supports (-webkit-touch-callout: none) {
+    .input:focus,
+    .input:focus-within {
+      --font-size: 1rem;
+    }
+    }
+    }
+
+  .input:has(> input[disabled]),
+    .input:is(:disabled, [disabled]),
+    fieldset:disabled .input {
+      cursor: not-allowed;
+      border-color: var(--color-base-200);
+      background-color: var(--color-base-200);
+      color: var(--color-base-content);
+      box-shadow: none;
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .input:has(> input[disabled]),
+    .input:is(:disabled, [disabled]),
+    fieldset:disabled .input {
+      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
+    }
+    }
+
+  .input:has(> input[disabled])::placeholder,
+    .input:is(:disabled, [disabled])::placeholder,
+    fieldset:disabled .input::placeholder {
+      color: var(--color-base-content);
+    }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .input:has(> input[disabled])::placeholder,
+    .input:is(:disabled, [disabled])::placeholder,
+    fieldset:disabled .input::placeholder {
+      color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
+    }
+    }
+
+  .input:has(> input[disabled]) > input[disabled] {
+      cursor: not-allowed;
+    }
+
+  .input::-webkit-date-and-time-value {
+      text-align: inherit;
+    }
+
+  .input[type="number"]::-webkit-inner-spin-button {
+      margin-block: calc(0.25rem * -3);
+      margin-inline-end: calc(0.25rem * -3);
+    }
+
+  .input::-webkit-calendar-picker-indicator {
+      position: absolute;
+      inset-inline-end: 0.75em;
+    }
+
+  .input:has(> input[type="date"]) :where(input[type="date"]) {
+      display: inline-flex;
+      webkit-appearance: none;
+      appearance: none;
+    }
+
+  .input:has(> input[type="date"]) input[type="date"]::-webkit-calendar-picker-indicator {
+      position: absolute;
+      inset-inline-end: 0.75em;
+      width: 1em;
+      height: 1em;
+      cursor: pointer;
+    }
+
+  .input-lg {
+      --size: calc(var(--size-field, 0.25rem) * 12);
+      font-size: max(var(--font-size, 1.125rem), 1.125rem);
+    }
+
+  .input-lg[type="number"]::-webkit-inner-spin-button {
+      margin-block: calc(0.25rem * -3);
+      margin-inline-end: calc(0.25rem * -3);
+    }
+
+  .input-md {
+      --size: calc(var(--size-field, 0.25rem) * 10);
+      font-size: max(var(--font-size, 0.875rem), 0.875rem);
+    }
+
+  .input-md[type="number"]::-webkit-inner-spin-button {
+      margin-block: calc(0.25rem * -3);
+      margin-inline-end: calc(0.25rem * -3);
+    }
+
+  .input-sm {
+      --size: calc(var(--size-field, 0.25rem) * 8);
+      font-size: max(var(--font-size, 0.75rem), 0.75rem);
+    }
+
+  .input-sm[type="number"]::-webkit-inner-spin-button {
+      margin-block: calc(0.25rem * -2);
+      margin-inline-end: calc(0.25rem * -3);
+    }
+
+  .input-xl {
+      --size: calc(var(--size-field, 0.25rem) * 14);
+      font-size: max(var(--font-size, 1.375rem), 1.375rem);
+    }
+
+  .input-xl[type="number"]::-webkit-inner-spin-button {
+      margin-block: calc(0.25rem * -4);
+      margin-inline-end: calc(0.25rem * -3);
+    }
+
+  .input-xs {
+      --size: calc(var(--size-field, 0.25rem) * 6);
+      font-size: max(var(--font-size, 0.6875rem), 0.6875rem);
+    }
+
+  .input-xs[type="number"]::-webkit-inner-spin-button {
+      margin-block: calc(0.25rem * -1);
+      margin-inline-end: calc(0.25rem * -3);
+    }
+
+  .input-ghost {
+      background-color: transparent;
+      box-shadow: none;
+      border-color: #0000;
+    }
+
+  .input-ghost:focus,
+    .input-ghost:focus-within {
+      background-color: var(--color-base-100);
+      color: var(--color-base-content);
+      border-color: #0000;
+      box-shadow: none;
+    }
+
+  .input-accent,
+    .input-accent:focus,
+    .input-accent:focus-within {
+      --input-color: var(--color-accent);
+    }
+
+  .input-error,
+    .input-error:focus,
+    .input-error:focus-within {
+      --input-color: var(--color-error);
+    }
+
+  .input-info,
+    .input-info:focus,
+    .input-info:focus-within {
+      --input-color: var(--color-info);
+    }
+
+  .input-neutral,
+    .input-neutral:focus,
+    .input-neutral:focus-within {
+      --input-color: var(--color-neutral);
+    }
+
+  .input-primary,
+    .input-primary:focus,
+    .input-primary:focus-within {
+      --input-color: var(--color-primary);
+    }
+
+  .input-secondary,
+    .input-secondary:focus,
+    .input-secondary:focus-within {
+      --input-color: var(--color-secondary);
+    }
+
+  .input-success,
+    .input-success:focus,
+    .input-success:focus-within {
+      --input-color: var(--color-success);
+    }
+
+  .input-warning,
+    .input-warning:focus,
+    .input-warning:focus-within {
+      --input-color: var(--color-warning);
+    }
+}

package/dist/components/card/Card.d.ts

@@ -1,3 +1,4 @@
+import "./card.css";
 import { type JSX } from "solid-js";
 import type { ComponentSize, ComponentVariant, ComponentColor, IComponentBaseProps } from "../types";
 import CardActions from "./CardActions";

package/dist/components/card/Card.js

@@ -0,0 +1,98 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./card.css";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+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__CardActions_js_327b246f__ from "./CardActions.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CardBody_js_3648715c__ from "./CardBody.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CardImage_js_0ac1c65a__ from "./CardImage.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CardTitle_js_a12d15c2__ from "./CardTitle.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+const DYNAMIC_MODIFIERS = {
+    side: {
+        true: "card-side",
+        xs: "card-side-xs",
+        sm: "card-side-sm",
+        md: "card-side-md",
+        lg: "card-side-lg"
+    }
+};
+const Card = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "size",
+        "border",
+        "variant",
+        "imageFull",
+        "side",
+        "background",
+        "shadow",
+        "fullWidth",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "aria-label",
+        "aria-describedby",
+        "aria-labelledby",
+        "role"
+    ]);
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("card", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+        "w-full": local.fullWidth,
+        "shadow-sm": "sm" === local.shadow,
+        "shadow-md": "md" === local.shadow,
+        "shadow-lg": "lg" === local.shadow,
+        "shadow-xl": "xl" === local.shadow,
+        "shadow-none": "none" === local.shadow,
+        "bg-base-100": "base-100" === local.background,
+        "bg-base-200": "base-200" === local.background,
+        "bg-base-300": "base-300" === local.background,
+        "bg-primary": "primary" === local.background,
+        "bg-secondary": "secondary" === local.background,
+        "bg-accent": "accent" === local.background,
+        "bg-neutral": "neutral" === local.background,
+        "bg-info": "info" === local.background,
+        "bg-success": "success" === local.background,
+        "bg-warning": "warning" === local.background,
+        "bg-error": "error" === local.background,
+        "card-xl": "xl" === local.size,
+        "card-lg": "lg" === local.size,
+        "card-md": "md" === local.size,
+        "card-sm": "sm" === local.size,
+        "card-xs": "xs" === local.size,
+        "card-dash": "dash" === local.variant,
+        "card-border": false !== local.border || "outline" === local.variant || "border" === local.variant,
+        "image-full": local.imageFull,
+        [DYNAMIC_MODIFIERS.side[local.side?.toString()] ?? ""]: !!local.side
+    }));
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            class: classes,
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            },
+            get role () {
+                return local.role;
+            },
+            get ["aria-label"] () {
+                return local["aria-label"];
+            },
+            get ["aria-describedby"] () {
+                return local["aria-describedby"];
+            },
+            get ["aria-labelledby"] () {
+                return local["aria-labelledby"];
+            }
+        }), false, false);
+        return _el$;
+    })();
+};
+Card.Actions = __WEBPACK_EXTERNAL_MODULE__CardActions_js_327b246f__["default"];
+Card.Body = __WEBPACK_EXTERNAL_MODULE__CardBody_js_3648715c__["default"];
+Card.Title = __WEBPACK_EXTERNAL_MODULE__CardTitle_js_a12d15c2__["default"];
+Card.Image = __WEBPACK_EXTERNAL_MODULE__CardImage_js_0ac1c65a__["default"];
+const card_Card = Card;
+export { card_Card as default };

package/dist/components/card/CardActions.js

@@ -0,0 +1,15 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+function CardActions(props) {
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("card-actions", props.class);
+            }
+        }), false, false);
+        return _el$;
+    })();
+}
+export { CardActions as default };

package/dist/components/card/CardBody.js

@@ -0,0 +1,15 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
+function CardBody(props) {
+    return (()=>{
+        var _el$ = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("card-body", props.class);
+            }
+        }), false, false);
+        return _el$;
+    })();
+}
+export { CardBody as default };

package/dist/components/card/CardImage.js

@@ -0,0 +1,10 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<figure><img>");
+function CardImage(props) {
+    return (()=>{
+        var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, props, false, false);
+        return _el$;
+    })();
+}
+export { CardImage as default };

package/dist/components/card/CardTitle.js

@@ -0,0 +1,13 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+function CardTitle(props) {
+    const { tag = "div", class: className, className: _className, ...rest } = props;
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        component: tag
+    }, rest, {
+        get ["class"] () {
+            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("card-title", className, _className);
+        }
+    }));
+}
+export { CardTitle as default };