@helpwave/hightide 0.0.12 → 0.0.15

package/dist/components/examples/TileExample.js

@@ -1,9 +1,79 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Info, X } from 'lucide-react';
-import { Tile } from '../layout/Tile';
-/**
- * An Example for using the tile
- */
-export const TileExample = ({ prefix, suffix, ...restProps }) => {
-    return (_jsx(Tile, { ...restProps, prefix: prefix ? _jsx(Info, { size: 20 }) : undefined, suffix: suffix ? _jsx(X, { size: 20 }) : undefined }));
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/examples/TileExample.tsx
+var TileExample_exports = {};
+__export(TileExample_exports, {
+  TileExample: () => TileExample
+});
+module.exports = __toCommonJS(TileExample_exports);
+var import_lucide_react = require("lucide-react");
+
+// src/components/layout/Tile.tsx
+var import_image = __toESM(require("next/image"));
+var import_clsx = __toESM(require("clsx"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var Tile = ({
+  title,
+  description,
+  prefix,
+  suffix,
+  className
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_clsx.default)("row gap-x-4 w-full items-center", className), children: [
+    prefix,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "col w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_clsx.default)(title.className), children: title.value }),
+      !!description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_clsx.default)(description.className ?? "textstyle-description"), children: description.value })
+    ] }),
+    suffix
+  ] });
+};
+
+// src/components/examples/TileExample.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var TileExample = ({
+  prefix,
+  suffix,
+  ...restProps
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    Tile,
+    {
+      ...restProps,
+      prefix: prefix ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Info, { size: 20 }) : void 0,
+      suffix: suffix ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.X, { size: 20 }) : void 0
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TileExample
+});
+//# sourceMappingURL=TileExample.js.map

package/dist/components/examples/TileExample.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/examples/TileExample.tsx","../../../src/components/layout/Tile.tsx"],"sourcesContent":["import { Info, X } from 'lucide-react'\nimport type { TileProps } from '../layout/Tile'\nimport { Tile } from '../layout/Tile'\n\nexport type TileExampleProps = Omit<TileProps, 'prefix' | 'suffix'> & {\n  prefix: boolean,\n  suffix: boolean,\n}\n\n/**\n * An Example for using the tile\n */\nexport const TileExample = ({\n  prefix,\n  suffix,\n  ...restProps\n}: TileExampleProps) => {\n  return (\n    <Tile\n      {...restProps}\n      prefix={prefix ? <Info size={20}/> : undefined}\n      suffix={suffix ? <X size={20}/> : undefined}\n    />\n  )\n}\n","import type { ReactNode } from 'react'\nimport Image from 'next/image'\nimport clsx from 'clsx'\n\nexport type TileProps = {\n  title: { value: string, className?: string },\n  description?: { value: string, className?: string },\n  prefix?: ReactNode,\n  suffix?: ReactNode,\n  className?: string,\n}\n\n/**\n * A component for creating a tile similar to the flutter ListTile\n */\nexport const Tile = ({\n  title,\n  description,\n  prefix,\n  suffix,\n  className\n}: TileProps) => {\n  return (\n    <div className={clsx('row gap-x-4 w-full items-center', className)}>\n      {prefix}\n      <div className=\"col w-full\">\n        <span className={clsx(title.className)}>{title.value}</span>\n        {!!description &&\n          <span className={clsx(description.className ?? 'textstyle-description')}>{description.value}</span>}\n      </div>\n      {suffix}\n    </div>\n  )\n}\n\ntype ImageLocation = 'prefix' | 'suffix'\ntype ImageSize = {\n  width: number,\n  height: number,\n}\n\nexport type TileWithImageProps = Omit<TileProps, 'suffix' | 'prefix'> & {\n  url: string,\n  imageLocation?: ImageLocation,\n  imageSize?: ImageSize,\n  imageClassName?: string,\n}\n\n/**\n * A Tile with an image as prefix or suffix\n */\nexport const TileWithImage = ({\n  url,\n  imageLocation = 'prefix',\n  imageSize = { width: 24, height: 24 },\n  imageClassName = '',\n  ...tileProps\n}: TileWithImageProps) => {\n  const image = <Image src={url} alt=\"\" {...imageSize} className={clsx(imageClassName)}/>\n  return (\n    <Tile\n      {...tileProps}\n      prefix={imageLocation === 'prefix' ? image : undefined}\n      suffix={imageLocation === 'suffix' ? image : undefined}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAwB;;;ACCxB,mBAAkB;AAClB,kBAAiB;AAuBX;AAVC,IAAM,OAAO,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AACf,SACE,6CAAC,SAAI,eAAW,YAAAA,SAAK,mCAAmC,SAAS,GAC9D;AAAA;AAAA,IACD,6CAAC,SAAI,WAAU,cACb;AAAA,kDAAC,UAAK,eAAW,YAAAA,SAAK,MAAM,SAAS,GAAI,gBAAM,OAAM;AAAA,MACpD,CAAC,CAAC,eACD,4CAAC,UAAK,eAAW,YAAAA,SAAK,YAAY,aAAa,uBAAuB,GAAI,sBAAY,OAAM;AAAA,OAChG;AAAA,IACC;AAAA,KACH;AAEJ;;;ADbuB,IAAAC,sBAAA;AARhB,IAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,QAAQ,SAAS,6CAAC,4BAAK,MAAM,IAAG,IAAK;AAAA,MACrC,QAAQ,SAAS,6CAAC,yBAAE,MAAM,IAAG,IAAK;AAAA;AAAA,EACpC;AAEJ;","names":["clsx","import_jsx_runtime"]}

package/dist/components/examples/TileExample.mjs

@@ -0,0 +1,44 @@
+// src/components/examples/TileExample.tsx
+import { Info, X } from "lucide-react";
+
+// src/components/layout/Tile.tsx
+import Image from "next/image";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Tile = ({
+  title,
+  description,
+  prefix,
+  suffix,
+  className
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: clsx("row gap-x-4 w-full items-center", className), children: [
+    prefix,
+    /* @__PURE__ */ jsxs("div", { className: "col w-full", children: [
+      /* @__PURE__ */ jsx("span", { className: clsx(title.className), children: title.value }),
+      !!description && /* @__PURE__ */ jsx("span", { className: clsx(description.className ?? "textstyle-description"), children: description.value })
+    ] }),
+    suffix
+  ] });
+};
+
+// src/components/examples/TileExample.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var TileExample = ({
+  prefix,
+  suffix,
+  ...restProps
+}) => {
+  return /* @__PURE__ */ jsx2(
+    Tile,
+    {
+      ...restProps,
+      prefix: prefix ? /* @__PURE__ */ jsx2(Info, { size: 20 }) : void 0,
+      suffix: suffix ? /* @__PURE__ */ jsx2(X, { size: 20 }) : void 0
+    }
+  );
+};
+export {
+  TileExample
+};
+//# sourceMappingURL=TileExample.mjs.map

package/dist/components/examples/TileExample.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/examples/TileExample.tsx","../../../src/components/layout/Tile.tsx"],"sourcesContent":["import { Info, X } from 'lucide-react'\nimport type { TileProps } from '../layout/Tile'\nimport { Tile } from '../layout/Tile'\n\nexport type TileExampleProps = Omit<TileProps, 'prefix' | 'suffix'> & {\n  prefix: boolean,\n  suffix: boolean,\n}\n\n/**\n * An Example for using the tile\n */\nexport const TileExample = ({\n  prefix,\n  suffix,\n  ...restProps\n}: TileExampleProps) => {\n  return (\n    <Tile\n      {...restProps}\n      prefix={prefix ? <Info size={20}/> : undefined}\n      suffix={suffix ? <X size={20}/> : undefined}\n    />\n  )\n}\n","import type { ReactNode } from 'react'\nimport Image from 'next/image'\nimport clsx from 'clsx'\n\nexport type TileProps = {\n  title: { value: string, className?: string },\n  description?: { value: string, className?: string },\n  prefix?: ReactNode,\n  suffix?: ReactNode,\n  className?: string,\n}\n\n/**\n * A component for creating a tile similar to the flutter ListTile\n */\nexport const Tile = ({\n  title,\n  description,\n  prefix,\n  suffix,\n  className\n}: TileProps) => {\n  return (\n    <div className={clsx('row gap-x-4 w-full items-center', className)}>\n      {prefix}\n      <div className=\"col w-full\">\n        <span className={clsx(title.className)}>{title.value}</span>\n        {!!description &&\n          <span className={clsx(description.className ?? 'textstyle-description')}>{description.value}</span>}\n      </div>\n      {suffix}\n    </div>\n  )\n}\n\ntype ImageLocation = 'prefix' | 'suffix'\ntype ImageSize = {\n  width: number,\n  height: number,\n}\n\nexport type TileWithImageProps = Omit<TileProps, 'suffix' | 'prefix'> & {\n  url: string,\n  imageLocation?: ImageLocation,\n  imageSize?: ImageSize,\n  imageClassName?: string,\n}\n\n/**\n * A Tile with an image as prefix or suffix\n */\nexport const TileWithImage = ({\n  url,\n  imageLocation = 'prefix',\n  imageSize = { width: 24, height: 24 },\n  imageClassName = '',\n  ...tileProps\n}: TileWithImageProps) => {\n  const image = <Image src={url} alt=\"\" {...imageSize} className={clsx(imageClassName)}/>\n  return (\n    <Tile\n      {...tileProps}\n      prefix={imageLocation === 'prefix' ? image : undefined}\n      suffix={imageLocation === 'suffix' ? image : undefined}\n    />\n  )\n}\n"],"mappings":";AAAA,SAAS,MAAM,SAAS;;;ACCxB,OAAO,WAAW;AAClB,OAAO,UAAU;AAuBX,SACE,KADF;AAVC,IAAM,OAAO,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AACf,SACE,qBAAC,SAAI,WAAW,KAAK,mCAAmC,SAAS,GAC9D;AAAA;AAAA,IACD,qBAAC,SAAI,WAAU,cACb;AAAA,0BAAC,UAAK,WAAW,KAAK,MAAM,SAAS,GAAI,gBAAM,OAAM;AAAA,MACpD,CAAC,CAAC,eACD,oBAAC,UAAK,WAAW,KAAK,YAAY,aAAa,uBAAuB,GAAI,sBAAY,OAAM;AAAA,OAChG;AAAA,IACC;AAAA,KACH;AAEJ;;;ADbuB,gBAAAA,YAAA;AARhB,IAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,QAAQ,SAAS,gBAAAA,KAAC,QAAK,MAAM,IAAG,IAAK;AAAA,MACrC,QAAQ,SAAS,gBAAAA,KAAC,KAAE,MAAM,IAAG,IAAK;AAAA;AAAA,EACpC;AAEJ;","names":["jsx"]}

package/dist/components/examples/Title.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/components/examples/Title.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/components/examples/Title.js

@@ -1 +1,2 @@
 "use strict";
+//# sourceMappingURL=Title.js.map

package/dist/components/examples/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/examples/Title.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=Title.mjs.map

package/dist/components/examples/Title.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/examples/date/DateTimePickerExample.d.mts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DateTimePickerProps } from '../../user-input/DateAndTimePicker.mjs';
+import { DatePickerProps } from '../../date/DatePicker.mjs';
+import { TimePickerProps } from '../../date/TimePicker.mjs';
+import { YearMonthPickerProps } from '../../date/YearMonthPicker.mjs';
+import { DayPickerProps } from '../../date/DayPicker.mjs';
+import '../../../hooks/useTranslation.mjs';
+import '../../../hooks/useLanguage.mjs';
+import 'react';
+import '../../../util/date.mjs';
+
+type DateTimePickerExampleProps = Omit<DateTimePickerProps, 'datePickerProps' | 'timePickerProps'> & Pick<DatePickerProps, 'initialDisplay'> & Pick<TimePickerProps, 'is24HourFormat' | 'minuteIncrement'> & Pick<YearMonthPickerProps, 'showValueOpen'> & Pick<DayPickerProps, 'markToday' | 'weekStart'>;
+/**
+ * Example for the DateTimePicker
+ */
+declare const DateTimePickerExample: ({ value, onChange, onRemove, onFinish, initialDisplay, is24HourFormat, minuteIncrement, showValueOpen, markToday, weekStart, ...props }: DateTimePickerExampleProps) => react_jsx_runtime.JSX.Element;
+
+export { DateTimePickerExample, type DateTimePickerExampleProps };

package/dist/components/examples/date/DateTimePickerExample.d.ts

@@ -1,10 +1,18 @@
-import type { DateTimePickerProps } from '../../user-input/DateAndTimePicker';
-import type { DatePickerProps } from '../../date/DatePicker';
-import type { TimePickerProps } from '../../date/TimePicker';
-import type { YearMonthPickerProps } from '../../date/YearMonthPicker';
-import type { DayPickerProps } from '../../date/DayPicker';
-export type DateTimePickerExampleProps = Omit<DateTimePickerProps, 'datePickerProps' | 'timePickerProps'> & Pick<DatePickerProps, 'initialDisplay'> & Pick<TimePickerProps, 'is24HourFormat' | 'minuteIncrement'> & Pick<YearMonthPickerProps, 'showValueOpen'> & Pick<DayPickerProps, 'markToday' | 'weekStart'>;
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DateTimePickerProps } from '../../user-input/DateAndTimePicker.js';
+import { DatePickerProps } from '../../date/DatePicker.js';
+import { TimePickerProps } from '../../date/TimePicker.js';
+import { YearMonthPickerProps } from '../../date/YearMonthPicker.js';
+import { DayPickerProps } from '../../date/DayPicker.js';
+import '../../../hooks/useTranslation.js';
+import '../../../hooks/useLanguage.js';
+import 'react';
+import '../../../util/date.js';
+
+type DateTimePickerExampleProps = Omit<DateTimePickerProps, 'datePickerProps' | 'timePickerProps'> & Pick<DatePickerProps, 'initialDisplay'> & Pick<TimePickerProps, 'is24HourFormat' | 'minuteIncrement'> & Pick<YearMonthPickerProps, 'showValueOpen'> & Pick<DayPickerProps, 'markToday' | 'weekStart'>;
 /**
  * Example for the DateTimePicker
  */
-export declare const DateTimePickerExample: ({ value, onChange, onRemove, onFinish, initialDisplay, is24HourFormat, minuteIncrement, showValueOpen, markToday, weekStart, ...props }: DateTimePickerExampleProps) => import("react/jsx-runtime").JSX.Element;
+declare const DateTimePickerExample: ({ value, onChange, onRemove, onFinish, initialDisplay, is24HourFormat, minuteIncrement, showValueOpen, markToday, weekStart, ...props }: DateTimePickerExampleProps) => react_jsx_runtime.JSX.Element;
+
+export { DateTimePickerExample, type DateTimePickerExampleProps };