@helpwave/hightide 0.1.26 → 0.1.28

package/dist/components/form/index.d.mts

@@ -0,0 +1,5 @@
+export { FormElementWrapper, FormElementWrapperProps } from './FormElementWrapper.mjs';
+import 'react/jsx-runtime';
+import 'react';
+import '../../utils/bagFunctions.mjs';
+import '../user-action/Label.mjs';

package/dist/components/form/index.d.ts

@@ -0,0 +1,5 @@
+export { FormElementWrapper, FormElementWrapperProps } from './FormElementWrapper.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../../utils/bagFunctions.js';
+import '../user-action/Label.js';

package/dist/components/form/index.js

@@ -0,0 +1,100 @@
+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/form/index.ts
+var form_exports = {};
+__export(form_exports, {
+  FormElementWrapper: () => FormElementWrapper
+});
+module.exports = __toCommonJS(form_exports);
+
+// src/components/form/FormElementWrapper.tsx
+var import_react = require("react");
+var import_clsx2 = require("clsx");
+
+// src/components/user-action/Label.tsx
+var import_clsx = __toESM(require("clsx"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var styleMapping = {
+  sm: "typography-label-xs color-label-text",
+  md: "typography-label-md color-label-text"
+};
+var Label = ({
+  children,
+  size = "md",
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { ...props, className: (0, import_clsx.default)(styleMapping[size], className), children });
+};
+
+// src/components/form/FormElementWrapper.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var FormElementWrapper = ({
+  children,
+  id,
+  required = false,
+  disabled = false,
+  label,
+  labelProps,
+  error,
+  errorProps,
+  description,
+  descriptionProps,
+  containerClassName
+}) => {
+  const generatedId = (0, import_react.useId)();
+  const usedId = id ?? generatedId;
+  const describedBy = [
+    description ? `${usedId}-description` : void 0,
+    error ? `${usedId}-error` : void 0
+  ].filter(Boolean).join(" ");
+  const labeledBy = label ? `${usedId}-label` : void 0;
+  const bag = {
+    "disabled": disabled,
+    "invalid": !!error,
+    "required": required,
+    "id": usedId,
+    "aria-describedby": describedBy,
+    "aria-labelby": labeledBy
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: (0, import_clsx2.clsx)("flex flex-col gap-y-1", containerClassName), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Label, { htmlFor: usedId, className: (0, import_clsx2.clsx)("typography-label-md", labelProps?.className), children: [
+      label,
+      required && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { role: "none", className: "text-primary font-bold", children: "*" })
+    ] }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { ...descriptionProps, className: (0, import_clsx2.clsx)("text-description text-xs", descriptionProps?.className), children: description }),
+    children(bag),
+    error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { ...errorProps, role: "alert", className: (0, import_clsx2.clsx)("text-negative text-sm font-medium", errorProps), children: error })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormElementWrapper
+});
+//# sourceMappingURL=index.js.map

package/dist/components/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/form/index.ts","../../../src/components/form/FormElementWrapper.tsx","../../../src/components/user-action/Label.tsx"],"sourcesContent":["export * from './FormElementWrapper'\n","import type { HTMLAttributes, ReactNode } from 'react'\nimport { useId } from 'react'\nimport { clsx } from 'clsx'\nimport type { BagFunction } from '@/src/utils/bagFunctions'\nimport type { LabelProps } from '@/src/components/user-action/Label'\nimport { Label } from '@/src/components/user-action/Label'\n\ntype FormElementWrapperBag = {\n  'invalid': boolean,\n  'required': boolean,\n  'disabled': boolean,\n  'aria-describedby': string,\n  'aria-labelby': string,\n  'id': string,\n}\n\nexport type FormElementWrapperProps = {\n  children: BagFunction<FormElementWrapperBag>,\n  id?: string,\n  required: boolean,\n  disabled: boolean,\n  label?: ReactNode,\n  labelProps?: Omit<LabelProps, 'children'>,\n  error?: ReactNode,\n  errorProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>,\n  description?: ReactNode,\n  descriptionProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>,\n  containerClassName?: string,\n}\n\nexport const FormElementWrapper = ({\n                                     children,\n                                     id,\n                                     required = false,\n                                     disabled = false,\n                                     label,\n                                     labelProps,\n                                     error,\n                                     errorProps,\n                                     description,\n                                     descriptionProps,\n                                     containerClassName,\n                                   }: FormElementWrapperProps) => {\n  const generatedId = useId()\n  const usedId = id ?? generatedId\n\n  const describedBy: string = [\n    description ? `${usedId}-description` : undefined,\n    error ? `${usedId}-error` : undefined,\n  ].filter(Boolean).join(' ')\n\n  const labeledBy = label ? `${usedId}-label` : undefined\n\n  const bag: FormElementWrapperBag = {\n    'disabled': disabled,\n    'invalid': !!error,\n    'required': required,\n    'id': usedId,\n    'aria-describedby': describedBy,\n    'aria-labelby': labeledBy\n  }\n\n  return (\n    <div className={clsx('flex flex-col gap-y-1', containerClassName)}>\n      {label && (\n        <Label htmlFor={usedId} className={clsx('typography-label-md', labelProps?.className)}>\n          {label}\n          {required && <span role=\"none\" className=\"text-primary font-bold\">*</span>}\n        </Label>\n      )}\n      {description && (\n        <p {...descriptionProps} className={clsx('text-description text-xs', descriptionProps?.className)}>\n          {description}\n        </p>\n      )}\n      {children(bag)}\n      {error && (\n        <p {...errorProps} role=\"alert\" className={clsx('text-negative text-sm font-medium', errorProps)}>\n          {error}\n        </p>\n      )}\n    </div>\n  )\n}","import clsx from 'clsx'\nimport type { LabelHTMLAttributes } from 'react'\n\nexport type LabelType = 'sm' | 'md'\n\nconst styleMapping: Record<LabelType, string> = {\n  sm: 'typography-label-xs color-label-text',\n  md: 'typography-label-md color-label-text',\n}\n\nexport type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {\n  /** The size of the label */\n  size?: LabelType,\n}\n\n/**\n * A Label component\n */\nexport const Label = ({\n                        children,\n                        size = 'md',\n                        className,\n                        ...props\n                      }: LabelProps) => {\n  return (\n    <label {...props} className={clsx(styleMapping[size], className)}>\n      {children}\n    </label>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,mBAAsB;AACtB,IAAAA,eAAqB;;;ACFrB,kBAAiB;AAyBb;AApBJ,IAAM,eAA0C;AAAA,EAC9C,IAAI;AAAA,EACJ,IAAI;AACN;AAUO,IAAM,QAAQ,CAAC;AAAA,EACE;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,MAAkB;AACtC,SACE,4CAAC,WAAO,GAAG,OAAO,eAAW,YAAAC,SAAK,aAAa,IAAI,GAAG,SAAS,GAC5D,UACH;AAEJ;;;ADoCQ,IAAAC,sBAAA;AAnCD,IAAM,qBAAqB,CAAC;AAAA,EACE;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+B;AAChE,QAAM,kBAAc,oBAAM;AAC1B,QAAM,SAAS,MAAM;AAErB,QAAM,cAAsB;AAAA,IAC1B,cAAc,GAAG,MAAM,iBAAiB;AAAA,IACxC,QAAQ,GAAG,MAAM,WAAW;AAAA,EAC9B,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,QAAM,YAAY,QAAQ,GAAG,MAAM,WAAW;AAE9C,QAAM,MAA6B;AAAA,IACjC,YAAY;AAAA,IACZ,WAAW,CAAC,CAAC;AAAA,IACb,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,EAClB;AAEA,SACE,8CAAC,SAAI,eAAW,mBAAK,yBAAyB,kBAAkB,GAC7D;AAAA,aACC,8CAAC,SAAM,SAAS,QAAQ,eAAW,mBAAK,uBAAuB,YAAY,SAAS,GACjF;AAAA;AAAA,MACA,YAAY,6CAAC,UAAK,MAAK,QAAO,WAAU,0BAAyB,eAAC;AAAA,OACrE;AAAA,IAED,eACC,6CAAC,OAAG,GAAG,kBAAkB,eAAW,mBAAK,4BAA4B,kBAAkB,SAAS,GAC7F,uBACH;AAAA,IAED,SAAS,GAAG;AAAA,IACZ,SACC,6CAAC,OAAG,GAAG,YAAY,MAAK,SAAQ,eAAW,mBAAK,qCAAqC,UAAU,GAC5F,iBACH;AAAA,KAEJ;AAEJ;","names":["import_clsx","clsx","import_jsx_runtime"]}

package/dist/components/form/index.mjs

@@ -0,0 +1,64 @@
+// src/components/form/FormElementWrapper.tsx
+import { useId } from "react";
+import { clsx as clsx2 } from "clsx";
+
+// src/components/user-action/Label.tsx
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+var styleMapping = {
+  sm: "typography-label-xs color-label-text",
+  md: "typography-label-md color-label-text"
+};
+var Label = ({
+  children,
+  size = "md",
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx("label", { ...props, className: clsx(styleMapping[size], className), children });
+};
+
+// src/components/form/FormElementWrapper.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var FormElementWrapper = ({
+  children,
+  id,
+  required = false,
+  disabled = false,
+  label,
+  labelProps,
+  error,
+  errorProps,
+  description,
+  descriptionProps,
+  containerClassName
+}) => {
+  const generatedId = useId();
+  const usedId = id ?? generatedId;
+  const describedBy = [
+    description ? `${usedId}-description` : void 0,
+    error ? `${usedId}-error` : void 0
+  ].filter(Boolean).join(" ");
+  const labeledBy = label ? `${usedId}-label` : void 0;
+  const bag = {
+    "disabled": disabled,
+    "invalid": !!error,
+    "required": required,
+    "id": usedId,
+    "aria-describedby": describedBy,
+    "aria-labelby": labeledBy
+  };
+  return /* @__PURE__ */ jsxs("div", { className: clsx2("flex flex-col gap-y-1", containerClassName), children: [
+    label && /* @__PURE__ */ jsxs(Label, { htmlFor: usedId, className: clsx2("typography-label-md", labelProps?.className), children: [
+      label,
+      required && /* @__PURE__ */ jsx2("span", { role: "none", className: "text-primary font-bold", children: "*" })
+    ] }),
+    description && /* @__PURE__ */ jsx2("p", { ...descriptionProps, className: clsx2("text-description text-xs", descriptionProps?.className), children: description }),
+    children(bag),
+    error && /* @__PURE__ */ jsx2("p", { ...errorProps, role: "alert", className: clsx2("text-negative text-sm font-medium", errorProps), children: error })
+  ] });
+};
+export {
+  FormElementWrapper
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/form/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/form/FormElementWrapper.tsx","../../../src/components/user-action/Label.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\nimport { useId } from 'react'\nimport { clsx } from 'clsx'\nimport type { BagFunction } from '@/src/utils/bagFunctions'\nimport type { LabelProps } from '@/src/components/user-action/Label'\nimport { Label } from '@/src/components/user-action/Label'\n\ntype FormElementWrapperBag = {\n  'invalid': boolean,\n  'required': boolean,\n  'disabled': boolean,\n  'aria-describedby': string,\n  'aria-labelby': string,\n  'id': string,\n}\n\nexport type FormElementWrapperProps = {\n  children: BagFunction<FormElementWrapperBag>,\n  id?: string,\n  required: boolean,\n  disabled: boolean,\n  label?: ReactNode,\n  labelProps?: Omit<LabelProps, 'children'>,\n  error?: ReactNode,\n  errorProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>,\n  description?: ReactNode,\n  descriptionProps?: Omit<HTMLAttributes<HTMLParagraphElement>, 'children'>,\n  containerClassName?: string,\n}\n\nexport const FormElementWrapper = ({\n                                     children,\n                                     id,\n                                     required = false,\n                                     disabled = false,\n                                     label,\n                                     labelProps,\n                                     error,\n                                     errorProps,\n                                     description,\n                                     descriptionProps,\n                                     containerClassName,\n                                   }: FormElementWrapperProps) => {\n  const generatedId = useId()\n  const usedId = id ?? generatedId\n\n  const describedBy: string = [\n    description ? `${usedId}-description` : undefined,\n    error ? `${usedId}-error` : undefined,\n  ].filter(Boolean).join(' ')\n\n  const labeledBy = label ? `${usedId}-label` : undefined\n\n  const bag: FormElementWrapperBag = {\n    'disabled': disabled,\n    'invalid': !!error,\n    'required': required,\n    'id': usedId,\n    'aria-describedby': describedBy,\n    'aria-labelby': labeledBy\n  }\n\n  return (\n    <div className={clsx('flex flex-col gap-y-1', containerClassName)}>\n      {label && (\n        <Label htmlFor={usedId} className={clsx('typography-label-md', labelProps?.className)}>\n          {label}\n          {required && <span role=\"none\" className=\"text-primary font-bold\">*</span>}\n        </Label>\n      )}\n      {description && (\n        <p {...descriptionProps} className={clsx('text-description text-xs', descriptionProps?.className)}>\n          {description}\n        </p>\n      )}\n      {children(bag)}\n      {error && (\n        <p {...errorProps} role=\"alert\" className={clsx('text-negative text-sm font-medium', errorProps)}>\n          {error}\n        </p>\n      )}\n    </div>\n  )\n}","import clsx from 'clsx'\nimport type { LabelHTMLAttributes } from 'react'\n\nexport type LabelType = 'sm' | 'md'\n\nconst styleMapping: Record<LabelType, string> = {\n  sm: 'typography-label-xs color-label-text',\n  md: 'typography-label-md color-label-text',\n}\n\nexport type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & {\n  /** The size of the label */\n  size?: LabelType,\n}\n\n/**\n * A Label component\n */\nexport const Label = ({\n                        children,\n                        size = 'md',\n                        className,\n                        ...props\n                      }: LabelProps) => {\n  return (\n    <label {...props} className={clsx(styleMapping[size], className)}>\n      {children}\n    </label>\n  )\n}\n"],"mappings":";AACA,SAAS,aAAa;AACtB,SAAS,QAAAA,aAAY;;;ACFrB,OAAO,UAAU;AAyBb;AApBJ,IAAM,eAA0C;AAAA,EAC9C,IAAI;AAAA,EACJ,IAAI;AACN;AAUO,IAAM,QAAQ,CAAC;AAAA,EACE;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,MAAkB;AACtC,SACE,oBAAC,WAAO,GAAG,OAAO,WAAW,KAAK,aAAa,IAAI,GAAG,SAAS,GAC5D,UACH;AAEJ;;;ADoCQ,SAEe,OAAAC,MAFf;AAnCD,IAAM,qBAAqB,CAAC;AAAA,EACE;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+B;AAChE,QAAM,cAAc,MAAM;AAC1B,QAAM,SAAS,MAAM;AAErB,QAAM,cAAsB;AAAA,IAC1B,cAAc,GAAG,MAAM,iBAAiB;AAAA,IACxC,QAAQ,GAAG,MAAM,WAAW;AAAA,EAC9B,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,QAAM,YAAY,QAAQ,GAAG,MAAM,WAAW;AAE9C,QAAM,MAA6B;AAAA,IACjC,YAAY;AAAA,IACZ,WAAW,CAAC,CAAC;AAAA,IACb,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,oBAAoB;AAAA,IACpB,gBAAgB;AAAA,EAClB;AAEA,SACE,qBAAC,SAAI,WAAWC,MAAK,yBAAyB,kBAAkB,GAC7D;AAAA,aACC,qBAAC,SAAM,SAAS,QAAQ,WAAWA,MAAK,uBAAuB,YAAY,SAAS,GACjF;AAAA;AAAA,MACA,YAAY,gBAAAD,KAAC,UAAK,MAAK,QAAO,WAAU,0BAAyB,eAAC;AAAA,OACrE;AAAA,IAED,eACC,gBAAAA,KAAC,OAAG,GAAG,kBAAkB,WAAWC,MAAK,4BAA4B,kBAAkB,SAAS,GAC7F,uBACH;AAAA,IAED,SAAS,GAAG;AAAA,IACZ,SACC,gBAAAD,KAAC,OAAG,GAAG,YAAY,MAAK,SAAQ,WAAWC,MAAK,qCAAqC,UAAU,GAC5F,iBACH;AAAA,KAEJ;AAEJ;","names":["clsx","jsx","clsx"]}

package/dist/components/icons-and-geometry/index.d.mts

@@ -0,0 +1,7 @@
+export { Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AvatarSize, AvatarUtil } from './Avatar.mjs';
+export { Circle, CircleProps } from './Circle.mjs';
+export { HelpwaveLogo, HelpwaveProps } from './HelpwaveLogo.mjs';
+export { AnimatedRing, AnimatedRingProps, RadialRings, RadialRingsProps, Ring, RingProps, RingWave, RingWaveProps } from './Ring.mjs';
+export { TagIcon, TagProps } from './Tag.mjs';
+import 'react/jsx-runtime';
+import 'react';

package/dist/components/icons-and-geometry/index.d.ts

@@ -0,0 +1,7 @@
+export { Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AvatarSize, AvatarUtil } from './Avatar.js';
+export { Circle, CircleProps } from './Circle.js';
+export { HelpwaveLogo, HelpwaveProps } from './HelpwaveLogo.js';
+export { AnimatedRing, AnimatedRingProps, RadialRings, RadialRingsProps, Ring, RingProps, RingWave, RingWaveProps } from './Ring.js';
+export { TagIcon, TagProps } from './Tag.js';
+import 'react/jsx-runtime';
+import 'react';