@helpwave/hightide 0.0.13 → 0.0.16

package/dist/components/VerticalDivider.mjs

@@ -0,0 +1,56 @@
+// src/components/VerticalDivider.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var VerticalDivider = ({
+  width = 1,
+  height = 100,
+  strokeWidth = 4,
+  dashGap = 4,
+  dashLength = 4
+}) => {
+  return /* @__PURE__ */ jsx("div", { style: { width: width + "px", height: height + "px" }, children: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width,
+      height,
+      viewBox: `0 0 ${width} ${height}`,
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "line",
+          {
+            opacity: "0.5",
+            x1: width / 2,
+            y1: height,
+            x2: width / 2,
+            y2: "0",
+            stroke: "url(#paint_linear)",
+            strokeWidth,
+            strokeDasharray: `${dashLength} ${dashLength + dashGap}`,
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+          "linearGradient",
+          {
+            id: "paint_linear",
+            x1: width / 2,
+            y1: "0",
+            x2: width / 2,
+            y2: height,
+            gradientUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ jsx("stop", { stopOpacity: "0", stopColor: "currentColor" }),
+              /* @__PURE__ */ jsx("stop", { offset: "0.5", stopColor: "currentColor" }),
+              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "currentColor", stopOpacity: "0" })
+            ]
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+export {
+  VerticalDivider
+};
+//# sourceMappingURL=VerticalDivider.mjs.map

package/dist/components/VerticalDivider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/VerticalDivider.tsx"],"sourcesContent":["export type VerticalDividerProps = {\n  width?: number,\n  height?: number,\n  strokeWidth?: number,\n  dashGap?: number,\n  dashLength?: number,\n}\n\n/**\n * A Component for creating a vertical Divider\n */\nexport const VerticalDivider = ({\n                                  width = 1,\n                                  height = 100,\n                                  strokeWidth = 4,\n                                  dashGap = 4,\n                                  dashLength = 4,\n                                }: VerticalDividerProps) => {\n  return (\n    <div style={{ width: width + 'px', height: height + 'px' }}>\n      <svg width={width} height={height} viewBox={`0 0 ${width} ${height}`} fill=\"none\"\n           xmlns=\"http://www.w3.org/2000/svg\">\n        <line\n          opacity=\"0.5\"\n          x1={width / 2}\n          y1={height}\n          x2={width / 2}\n          y2=\"0\"\n          stroke=\"url(#paint_linear)\"\n          strokeWidth={strokeWidth}\n          strokeDasharray={`${dashLength} ${dashLength + dashGap}`}\n          strokeLinecap=\"round\"\n        />\n        <defs>\n          <linearGradient\n            id=\"paint_linear\"\n            x1={width / 2}\n            y1=\"0\"\n            x2={width / 2}\n            y2={height}\n            gradientUnits=\"userSpaceOnUse\"\n          >\n            <stop stopOpacity=\"0\" stopColor=\"currentColor\"/>\n            <stop offset=\"0.5\" stopColor=\"currentColor\"/>\n            <stop offset=\"1\" stopColor=\"currentColor\" stopOpacity=\"0\"/>\n          </linearGradient>\n        </defs>\n      </svg>\n    </div>\n  )\n}\n"],"mappings":";AAsBQ,cAYE,YAZF;AAXD,IAAM,kBAAkB,CAAC;AAAA,EACE,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU;AAAA,EACV,aAAa;AACf,MAA4B;AAC1D,SACE,oBAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,MAAM,QAAQ,SAAS,KAAK,GACvD;AAAA,IAAC;AAAA;AAAA,MAAI;AAAA,MAAc;AAAA,MAAgB,SAAS,OAAO,KAAK,IAAI,MAAM;AAAA,MAAI,MAAK;AAAA,MACtE,OAAM;AAAA,MACT;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,IAAI,QAAQ;AAAA,YACZ,IAAI;AAAA,YACJ,IAAI,QAAQ;AAAA,YACZ,IAAG;AAAA,YACH,QAAO;AAAA,YACP;AAAA,YACA,iBAAiB,GAAG,UAAU,IAAI,aAAa,OAAO;AAAA,YACtD,eAAc;AAAA;AAAA,QAChB;AAAA,QACA,oBAAC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAI,QAAQ;AAAA,YACZ,IAAG;AAAA,YACH,IAAI,QAAQ;AAAA,YACZ,IAAI;AAAA,YACJ,eAAc;AAAA,YAEd;AAAA,kCAAC,UAAK,aAAY,KAAI,WAAU,gBAAc;AAAA,cAC9C,oBAAC,UAAK,QAAO,OAAM,WAAU,gBAAc;AAAA,cAC3C,oBAAC,UAAK,QAAO,KAAI,WAAU,gBAAe,aAAY,KAAG;AAAA;AAAA;AAAA,QAC3D,GACF;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}

package/dist/components/date/DatePicker.d.mts

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PropsForTranslation } from '../../hooks/useTranslation.mjs';
+import { YearMonthPickerProps } from './YearMonthPicker.mjs';
+import { DayPickerProps } from './DayPicker.mjs';
+import '../../hooks/useLanguage.mjs';
+import 'react';
+import '../../util/date.mjs';
+
+type DatePickerTranslation = {
+    today: string;
+};
+type DisplayMode = 'yearMonth' | 'day';
+type DatePickerProps = {
+    value?: Date;
+    start?: Date;
+    end?: Date;
+    initialDisplay?: DisplayMode;
+    onChange?: (date: Date) => void;
+    dayPickerProps?: Omit<DayPickerProps, 'displayedMonth' | 'onChange' | 'selected'>;
+    yearMonthPickerProps?: Omit<YearMonthPickerProps, 'displayedYearMonth' | 'onChange' | 'start' | 'end'>;
+    className?: string;
+};
+/**
+ * A Component for picking a date
+ */
+declare const DatePicker: ({ overwriteTranslation, value, start, end, initialDisplay, onChange, yearMonthPickerProps, dayPickerProps, className }: PropsForTranslation<DatePickerTranslation, DatePickerProps>) => react_jsx_runtime.JSX.Element;
+/**
+ * Example for the Date Picker
+ */
+declare const ControlledDatePicker: ({ value, onChange, ...props }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+
+export { ControlledDatePicker, DatePicker, type DatePickerProps };

package/dist/components/date/DatePicker.d.ts

@@ -1,11 +1,16 @@
-import type { PropsForTranslation } from '../../hooks/useTranslation';
-import type { YearMonthPickerProps } from './YearMonthPicker';
-import type { DayPickerProps } from './DayPicker';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PropsForTranslation } from '../../hooks/useTranslation.js';
+import { YearMonthPickerProps } from './YearMonthPicker.js';
+import { DayPickerProps } from './DayPicker.js';
+import '../../hooks/useLanguage.js';
+import 'react';
+import '../../util/date.js';
+
 type DatePickerTranslation = {
     today: string;
 };
 type DisplayMode = 'yearMonth' | 'day';
-export type DatePickerProps = {
+type DatePickerProps = {
     value?: Date;
     start?: Date;
     end?: Date;
@@ -18,9 +23,10 @@ export type DatePickerProps = {
 /**
  * A Component for picking a date
  */
-export declare const DatePicker: ({ overwriteTranslation, value, start, end, initialDisplay, onChange, yearMonthPickerProps, dayPickerProps, className }: PropsForTranslation<DatePickerTranslation, DatePickerProps>) => import("react/jsx-runtime").JSX.Element;
+declare const DatePicker: ({ overwriteTranslation, value, start, end, initialDisplay, onChange, yearMonthPickerProps, dayPickerProps, className }: PropsForTranslation<DatePickerTranslation, DatePickerProps>) => react_jsx_runtime.JSX.Element;
 /**
  * Example for the Date Picker
  */
-export declare const ControlledDatePicker: ({ value, onChange, ...props }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const ControlledDatePicker: ({ value, onChange, ...props }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+
+export { ControlledDatePicker, DatePicker, type DatePickerProps };