@dmsi/wedgekit-react 0.0.4 → 0.0.6

package/dist/components/Calendar.cjs

@@ -1,219 +0,0 @@
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/Calendar.tsx
-var Calendar_exports = {};
-__export(Calendar_exports, {
-  Calendar: () => Calendar,
-  DateCell: () => DateCell
-});
-module.exports = __toCommonJS(Calendar_exports);
-var import_clsx = __toESM(require("clsx"), 1);
-var import_polyfill = require("@js-temporal/polyfill");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-Date.prototype.toTemporalInstant = import_polyfill.toTemporalInstant;
-function Calendar({
-  value,
-  range,
-  disableWeekends = false,
-  onSelect
-}) {
-  const [startOfRange, setStartOfRange] = (0, import_react.useState)(null);
-  const [hoveredEndOfRange, setHoveredEndOfRange] = (0, import_react.useState)(null);
-  const instant = value ? new Date(value).toTemporalInstant() : null;
-  const date = instant == null ? void 0 : instant.toZonedDateTimeISO(import_polyfill.Temporal.Now.timeZoneId());
-  const today = import_polyfill.Temporal.Now.zonedDateTimeISO();
-  const valueForCalculating = date != null ? date : today;
-  const daysInMonth = valueForCalculating.daysInMonth;
-  const firstDayOfMonth = valueForCalculating.with({ day: 1 });
-  const firstDayOfWeek = firstDayOfMonth.dayOfWeek;
-  const emptyCells = (firstDayOfWeek - 1) % 7;
-  const oneWeek = new import_polyfill.Temporal.Duration(0, 0, 0, 7);
-  const monthName = [
-    "January",
-    "February",
-    "March",
-    "April",
-    "May",
-    "June",
-    "July",
-    "August",
-    "September",
-    "October",
-    "November",
-    "December"
-  ][valueForCalculating.month - 1];
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { onPointerLeave: () => setHoveredEndOfRange(null), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-center font-bold text-lg mb-2", children: [
-      monthName,
-      " ",
-      valueForCalculating.year
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-7", children: [
-      Array.from({ length: oneWeek.days }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "div",
-        {
-          className: "w-full h-full aspect-square flex items-center justify-center text-neutral-500",
-          children: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"][index]
-        },
-        index
-      )),
-      Array.from({ length: emptyCells }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DateCell, { disabled: true }, index)),
-      Array.from({ length: daysInMonth }, (_, index) => {
-        const day = index + 1;
-        const cellDate = valueForCalculating.with({ day });
-        const dateString = cellDate.toString();
-        const isToday = today.toPlainDate().equals(cellDate.toPlainDate());
-        const isStart = range && (startOfRange == null ? void 0 : startOfRange.toPlainDate().equals(cellDate.toPlainDate()));
-        const isEnd = range && startOfRange && (hoveredEndOfRange == null ? void 0 : hoveredEndOfRange.toPlainDate().equals(cellDate.toPlainDate()));
-        const isIntermediate = range && startOfRange && hoveredEndOfRange && isDateInRange(cellDate, startOfRange, hoveredEndOfRange) || false;
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          DateCell,
-          {
-            disabled: disableWeekends && (cellDate.dayOfWeek === 1 || cellDate.dayOfWeek === 7),
-            start: isStart,
-            end: isEnd != null ? isEnd : void 0,
-            today: isToday,
-            intermediate: isIntermediate,
-            selected: date == null ? void 0 : date.toPlainDate().equals(cellDate.toPlainDate()),
-            onHover: () => {
-              setHoveredEndOfRange(cellDate);
-            },
-            onClick: () => {
-              if (range && startOfRange === null) {
-                setStartOfRange(cellDate);
-              } else if (range) {
-              } else {
-                onSelect == null ? void 0 : onSelect(dateString);
-              }
-            },
-            children: day
-          },
-          day
-        );
-      }),
-      Array.from({ length: 42 - daysInMonth - emptyCells }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DateCell, { disabled: true }, index))
-    ] })
-  ] });
-}
-function DateCell(_a) {
-  var _b = _a, {
-    selected = false,
-    start = false,
-    intermediate = false,
-    end = false,
-    today = false,
-    disabled = false,
-    onClick,
-    onHover,
-    onKeyDown,
-    children,
-    className,
-    ref
-  } = _b, props = __objRest(_b, [
-    "selected",
-    "start",
-    "intermediate",
-    "end",
-    "today",
-    "disabled",
-    "onClick",
-    "onHover",
-    "onKeyDown",
-    "children",
-    "className",
-    "ref"
-  ]);
-  const isDefault = !selected && !start && !intermediate && !end && !today;
-  const isToday = today && !selected && !start && !intermediate && !end;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "button",
-    __spreadProps(__spreadValues({
-      onPointerOver: onHover,
-      onClick,
-      onKeyDown,
-      disabled,
-      ref,
-      className: (0, import_clsx.default)(
-        "w-full h-full aspect-square flex items-center justify-center ",
-        isDefault && "text-neutral-500 hover:bg-action-100 hover:text-action-500 active:text-action-300 disabled:text-neutral-300 disabled:pointer-events-none rounded",
-        isToday && "rounded-full border border-neutral-300 hover:bg-action-100 hover:text-action-500 active:text-action-300 disabled:text-neutral-300 ",
-        selected && "text-white bg-action-400 hover:bg-action-500 active:bg-action-300 disabled:text-neutral-400 disabled:bg-neutral-200 rounded",
-        start && "bg-action-400 hover:bg-action-500 active:bg-action-300 disabled:text-neutral-400 disabled:bg-neutral-200 rounded-l",
-        end && "bg-action-400 hover:bg-action-500 active:bg-action-300 disabled:text-neutral-400 disabled:bg-neutral-200 rounded-r",
-        intermediate && "bg-action-100 border-y border-action-400",
-        className
-      )
-    }, props), {
-      children
-    })
-  );
-}
-function isDateInRange(date, startDate, endDate) {
-  const plainDate = import_polyfill.Temporal.PlainDate.from(date);
-  const startPlainDate = import_polyfill.Temporal.PlainDate.from(startDate);
-  const endPlainDate = import_polyfill.Temporal.PlainDate.from(endDate);
-  return import_polyfill.Temporal.PlainDate.compare(plainDate, startPlainDate) >= 0 && import_polyfill.Temporal.PlainDate.compare(plainDate, endPlainDate) <= 0;
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Calendar,
-  DateCell
-});

package/dist/components/Calendar.js

@@ -1,10 +0,0 @@
-"use client";
-import {
-  Calendar,
-  DateCell
-} from "../chunk-F4JE6AD2.js";
-import "../chunk-ORMEWXMH.js";
-export {
-  Calendar,
-  DateCell
-};

package/dist/components/CalendarRange.stories.cjs

@@ -1 +0,0 @@
-"use strict";

package/dist/components/Display1.cjs

@@ -1,223 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/Display1.tsx
-var Display1_exports = {};
-__export(Display1_exports, {
-  Display1: () => Display1
-});
-module.exports = __toCommonJS(Display1_exports);
-var import_clsx2 = __toESM(require("clsx"), 1);
-
-// src/classNames.ts
-var import_clsx = __toESM(require("clsx"), 1);
-var typography = {
-  display1: (0, import_clsx.default)(
-    "font-sans font-semibold",
-    "text-display-1-mobile desktop:text-display-1-desktop compact:text-display-1-desktop-compact",
-    "leading-display-1-mobile desktop:leading-display-1-desktop"
-  ),
-  display2: (0, import_clsx.default)(
-    "font-sans font-bold",
-    "text-display-2-mobile desktop:text-display-2-desktop compact:text-display-2-desktop-compact",
-    "leading-display-2-mobile desktop:leading-display-2-desktop"
-  ),
-  heading1: (0, import_clsx.default)(
-    "font-sans font-semibold",
-    "text-heading-1-mobile desktop:text-heading-1-desktop compact:text-heading-1-desktop-compact",
-    "leading-heading-1-mobile desktop:leading-heading-1-desktop"
-  ),
-  heading2: (0, import_clsx.default)(
-    "font-sans font-normal",
-    "text-heading-2-mobile desktop:text-heading-2-desktop compact:text-heading-2-desktop-compact",
-    "leading-heading-2-mobile desktop:leading-heading-2-desktop"
-  ),
-  heading3: (0, import_clsx.default)(
-    "font-sans font-semibold",
-    "text-heading-3-mobile desktop:text-heading-3-desktop compact:text-heading-3-desktop-compact",
-    "leading-heading-3-mobile desktop:leading-heading-3-desktop"
-  ),
-  subheader: (0, import_clsx.default)(
-    "font-sans font-semibold",
-    "text-subheader-mobile desktop:text-subheader-desktop compact:text-subheader-desktop-compact",
-    "leading-subheader-mobile desktop:leading-subheader-desktop"
-  ),
-  link: (0, import_clsx.default)(
-    "font-sans font-normal",
-    "text-link-mobile desktop:text-link-desktop compact:text-link-desktop-compact",
-    "leading-link-mobile desktop:leading-link-desktop"
-  ),
-  buttonLabel: (0, import_clsx.default)(
-    "font-sans font-semibold",
-    "text-label-mobile desktop:text-label-desktop compact:text-label-desktop-compact",
-    "leading-label-mobile desktop:leading-label-desktop"
-  ),
-  label: (0, import_clsx.default)(
-    "font-sans font-semibold",
-    "text-label-mobile desktop:text-label-desktop compact:text-label-desktop-compact",
-    "leading-label-mobile desktop:leading-label-desktop"
-  ),
-  paragraph: (0, import_clsx.default)(
-    "font-sans font-normal",
-    "text-paragraph-mobile desktop:text-paragraph-desktop compact:text-paragraph-desktop-compact",
-    "leading-paragraph-mobile desktop:leading-paragraph-desktop"
-  ),
-  caption: (0, import_clsx.default)(
-    "font-sans font-normal",
-    "text-caption-mobile desktop:text-caption-desktop compact:text-caption-desktop-compact",
-    "leading-caption-mobile desktop:leading-caption-desktop"
-  )
-};
-var baseTransition = (0, import_clsx.default)(
-  "transition-colors duration-100 ease-in-out"
-);
-var componentGap = (0, import_clsx.default)(
-  "gap-mobile-component-gap desktop:gap-desktop-component-gap compact:gap-desktop-compact-component-gap"
-);
-var paddingUsingComponentGap = (0, import_clsx.default)(
-  "p-mobile-component-gap desktop:p-desktop-component-gap compact:p-desktop-compact-component-gap"
-);
-var paddingYUsingLayoutGroupGap = (0, import_clsx.default)(
-  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
-);
-var componentPadding = (0, import_clsx.default)(
-  "p-mobile-component-padding desktop:p-desktop-component-padding compact:p-desktop-compact-component-padding"
-);
-var componentPaddingBottom = (0, import_clsx.default)(
-  "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding"
-);
-var componentPaddingY = (0, import_clsx.default)(
-  "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding"
-);
-var componentPaddingXUsingComponentGap = (0, import_clsx.default)(
-  "px-mobile-component-gap desktop:px-desktop-component-gap compact:px-desktop-compact-component-gap"
-);
-var componentPaddingYUsingComponentGap = (0, import_clsx.default)(
-  "py-mobile-component-gap desktop:py-desktop-component-gap compact:py-desktop-compact-component-gap"
-);
-var componentPaddingMinusBorder = (0, import_clsx.default)(
-  "p-[calc(var(--spacing-mobile-component-padding)_-_1px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_1px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_1px)]"
-);
-var componentPaddingMinus2pxBorder = (0, import_clsx.default)(
-  "p-[calc(var(--spacing-mobile-component-padding)_-_2px)] desktop:p-[calc(var(--spacing-desktop-component-padding)_-_2px)] compact:p-[calc(var(--spacing-desktop-compact-component-padding)_-_2px)]"
-);
-var layoutPaddingBottom = (0, import_clsx.default)(
-  "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding"
-);
-var layoutPaddingY = (0, import_clsx.default)(
-  "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding"
-);
-var containerPaddingX = (0, import_clsx.default)(
-  "px-mobile-container-padding desktop:px-desktop-container-padding compact:px-desktop-compact-container-padding"
-);
-var containerPaddingY = (0, import_clsx.default)(
-  "py-mobile-container-padding desktop:py-desktop-container-padding compact:py-desktop-compact-container-padding"
-);
-var layoutGroupGapPaddingY = (0, import_clsx.default)(
-  "py-mobile-layout-group-gap desktop:py-desktop-layout-group-gap compact:py-desktop-compact-layout-group-gap"
-);
-var layoutGroupGap = (0, import_clsx.default)(
-  "gap-mobile-layout-group-gap desktop:gap-desktop-layout-group-gap compact:gap-desktop-compact-layout-group-gap"
-);
-var layoutGap = (0, import_clsx.default)(
-  "gap-mobile-layout-gap desktop:gap-desktop-layout-gap compact:gap-desktop-compact-layout-gap"
-);
-var gapUsingContainerPadding = (0, import_clsx.default)(
-  "gap-mobile-container-padding desktop:gap-desktop-container-padding compact:gap-desktop-compact-container-padding"
-);
-
-// src/components/Display1.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Display1 = (_a) => {
-  var _b = _a, {
-    className,
-    children,
-    as = "h1",
-    color,
-    align
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children",
-    "as",
-    "color",
-    "align"
-  ]);
-  const Element = as;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    Element,
-    __spreadProps(__spreadValues({
-      className: (0, import_clsx2.default)(
-        typography.display1,
-        className,
-        align === "left" && "text-left",
-        align === "center" && "text-center",
-        align === "right" && "text-right"
-      ),
-      style: __spreadProps(__spreadValues({}, props.style), {
-        color: color ? `var(--color-${color})` : void 0
-      })
-    }, props), {
-      children
-    })
-  );
-};
-Display1.displayName = "Display1";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Display1
-});

package/dist/components/Display1.js

@@ -1,8 +0,0 @@
-import {
-  Display1
-} from "../chunk-HL2IYNCS.js";
-import "../chunk-KX3O6GJ6.js";
-import "../chunk-ORMEWXMH.js";
-export {
-  Display1
-};