@reykjavik/hanna-react 0.10.76 → 0.10.77

package/_abstract/_Button.d.ts

@@ -1,15 +1,15 @@
 import { ReactNode } from 'react';
 import { BemProps, BemPropsModifier } from '@hugsmidjan/react/types';
-declare type ButtonElmProps = {
+type ButtonElmProps = {
     href?: never;
 } & BemPropsModifier & Omit<JSX.IntrinsicElements['button'], 'className' | 'style'>;
-declare type AnchorElmProps = {
+type AnchorElmProps = {
     href: string;
     type?: never;
     name?: never;
     value?: never;
 } & BemPropsModifier & Omit<JSX.IntrinsicElements['a'], 'className' | 'style'>;
-export declare type ButtonProps = {
+export type ButtonProps = {
     /** Label takes preference over `children` */
     label?: string | JSX.Element;
 } & (ButtonElmProps | AnchorElmProps);
@@ -18,22 +18,22 @@ declare const sizes: {
     readonly small: "small";
     readonly wide: "wide";
 };
-declare type ButtonSize = keyof typeof sizes;
+type ButtonSize = keyof typeof sizes;
 declare const variants: {
     readonly normal: "";
     readonly destructive: "destructive";
 };
-declare type ButtonVariant = keyof typeof variants;
-declare type NavigationFlag = 'none' | 'go-back' | 'go-forward';
-declare type ButtonIcon = 'edit';
-export declare type ButtonVariantProps = {
+type ButtonVariant = keyof typeof variants;
+type NavigationFlag = 'none' | 'go-back' | 'go-forward';
+type ButtonIcon = 'edit';
+export type ButtonVariantProps = {
     size?: ButtonSize;
     variant?: ButtonVariant;
     icon?: ButtonIcon | NavigationFlag;
     /** @deprecated (Will be removed in v0.11) */
     small?: boolean;
 };
-declare type _ButtonProps = ButtonProps & ButtonVariantProps & BemProps & {
+type _ButtonProps = ButtonProps & ButtonVariantProps & BemProps & {
     children?: ReactNode;
 };
 export declare const Button: (props: _ButtonProps) => JSX.Element;

package/_abstract/_CardList.d.ts

@@ -1,31 +1,31 @@
 import { ReactElement, ReactNode } from 'react';
 import { EitherObj } from '@reykjavik/hanna-utils';
 import { ImageProps } from './_Image';
-declare type BaseCardProps = {
+type BaseCardProps = {
     title: string;
     href: string;
 };
-export declare type ImageCardProps = BaseCardProps & {
+export type ImageCardProps = BaseCardProps & {
     meta?: string;
     image?: ImageProps;
     imgPlaceholder?: boolean;
 };
-export declare type TextCardProps = BaseCardProps & {
+export type TextCardProps = BaseCardProps & {
     summary?: string;
 };
-export declare type CardListProps<T> = {
+export type CardListProps<T> = {
     cards: Array<T>;
     title?: string | undefined;
     titleTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'p';
 };
-export declare type CardListSummaryProps = {
+export type CardListSummaryProps = {
     summaryElement?: ReactElement;
 };
-export declare type ImageCardListProps = CardListProps<ImageCardProps> & {
+export type ImageCardListProps = CardListProps<ImageCardProps> & {
     imgPlaceholder?: boolean | string;
 };
-export declare type TextCardListProps = CardListProps<TextCardProps>;
-declare type _CardListProps = EitherObj<ImageCardListProps, TextCardListProps> & CardListSummaryProps & {
+export type TextCardListProps = CardListProps<TextCardProps>;
+type _CardListProps = EitherObj<ImageCardListProps, TextCardListProps> & CardListSummaryProps & {
     bemPrefix: string;
     children?: ReactNode;
     standalone?: boolean;

package/_abstract/_Image.d.ts

@@ -1,8 +1,8 @@
-export declare type Source = {
+export type Source = {
     srcset: string;
     media: string;
 };
-export declare type ImagePropsLinked = {
+export type ImagePropsLinked = {
     altText?: string;
     sources?: Array<Source>;
     /** The default image source to (lazy) load */
@@ -12,7 +12,7 @@ export declare type ImagePropsLinked = {
     inline?: false;
     focalPoint?: string;
 };
-export declare type ImagePropsInlinedSvg = {
+export type ImagePropsInlinedSvg = {
     altText?: string;
     /** Should the image be fetched and inlined as <svg/> */
     inline: true;
@@ -21,8 +21,8 @@ export declare type ImagePropsInlinedSvg = {
     preloadSrc?: undefined;
     focalPoint?: undefined;
 };
-export declare type ImageProps = ImagePropsLinked | ImagePropsInlinedSvg;
-declare type _ImageProps = {
+export type ImageProps = ImagePropsLinked | ImagePropsInlinedSvg;
+type _ImageProps = {
     /** container className */
     className: string | undefined;
     /** Controls if the container is rendered when image is missing/undefined.

package/_abstract/_Link.d.ts

@@ -1,16 +1,16 @@
-declare type HTMLAnchorProps = JSX.IntrinsicElements['a'];
-declare type LinkProps = HTMLAnchorProps & {
+type HTMLAnchorProps = JSX.IntrinsicElements['a'];
+type LinkProps = HTMLAnchorProps & {
     href: string;
 };
-declare type _LinkRenderer_internal = (props: LinkProps) => JSX.Element;
+type _LinkRenderer_internal = (props: LinkProps) => JSX.Element;
 export declare let Link: _LinkRenderer_internal;
 /**
  * Props object ready to be ..spread onto an anchor element
  * */
-export declare type LinkRendererProps = Omit<LinkProps, 'ref'> & {
+export type LinkRendererProps = Omit<LinkProps, 'ref'> & {
     ref: Exclude<HTMLAnchorProps['ref'], string>;
 };
-export declare type LinkRenderer = (props: LinkRendererProps) => JSX.Element;
+export type LinkRenderer = (props: LinkRendererProps) => JSX.Element;
 /**
  * Allows you to set a callback function to wrapp <a href=""/> links with
  * a custom routing component.
@@ -37,7 +37,7 @@ export declare type LinkRenderer = (props: LinkRendererProps) => JSX.Element;
  * setLinkRenderer.pop(); // reset link rendering
  * ```
  *
- * The Default linkrenderer is defined as:
+ * The default linkrenderer is defined as:
  *
  * ```js
  * 	(linkProps) => React.createElement('a', linkProps);
@@ -47,13 +47,13 @@ export declare type LinkRenderer = (props: LinkRendererProps) => JSX.Element;
  * as an argument — like so:
  *
  * ```js
- * setLinkRenderer(undefined);
+ * setLinkRenderer(undefined); // pushes the default linkrenderer to the stack
  * ```
  */
 export declare const setLinkRenderer: {
     (linkRenderer: LinkRenderer | undefined): void;
     /**
-     *
+     * Unsets the last pushed custom renderer
      */
     pop(): void;
 };

package/_abstract/_Link.js

@@ -32,7 +32,7 @@ const history = [];
  * setLinkRenderer.pop(); // reset link rendering
  * ```
  *
- * The Default linkrenderer is defined as:
+ * The default linkrenderer is defined as:
  *
  * ```js
  * 	(linkProps) => React.createElement('a', linkProps);
@@ -42,7 +42,7 @@ const history = [];
  * as an argument — like so:
  *
  * ```js
- * setLinkRenderer(undefined);
+ * setLinkRenderer(undefined); // pushes the default linkrenderer to the stack
  * ```
  */
 const setLinkRenderer = (linkRenderer) => {
@@ -61,7 +61,7 @@ const setLinkRenderer = (linkRenderer) => {
 };
 exports.setLinkRenderer = setLinkRenderer;
 /**
- *
+ * Unsets the last pushed custom renderer
  */
 exports.setLinkRenderer.pop = () => {
     history.shift();

package/_abstract/_Quote.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { EitherObj } from '@reykjavik/hanna-utils';
-export declare type QuoteProps = {
+export type QuoteProps = {
     children: ReactNode;
 } & EitherObj<object, {
     by: string | JSX.Element;

package/_abstract/_TogglerGroup.d.ts

@@ -1,14 +1,14 @@
 import { FormFieldInputProps } from '../FormField';
 import { TogglerInputProps } from './_TogglerInput';
-export declare type TogglerGroupOption = {
+export type TogglerGroupOption = {
     value: string;
     label?: string | JSX.Element;
     disabled?: boolean;
     id?: string;
 };
-export declare type TogglerGroupOptions = Array<TogglerGroupOption>;
-declare type RestrictedInputProps = Omit<JSX.IntrinsicElements['input'], 'type' | 'value' | 'checked' | 'defaultChecked' | 'className' | 'id' | 'name' | 'children'>;
-export declare type TogglerGroupProps = {
+export type TogglerGroupOptions = Array<TogglerGroupOption>;
+type RestrictedInputProps = Omit<JSX.IntrinsicElements['input'], 'type' | 'value' | 'defaultValue' | 'checked' | 'defaultChecked' | 'className' | 'id' | 'name' | 'children'>;
+export type TogglerGroupProps = {
     options: TogglerGroupOptions;
     className?: string;
     name: string;
@@ -21,10 +21,12 @@ export declare type TogglerGroupProps = {
         selectedValues: Array<string>;
     }) => void;
 } & Omit<FormFieldInputProps, 'disabled'>;
-declare type _TogglerGroupProps = {
+type _TogglerGroupProps = {
     bem: string;
     Toggler: (props: TogglerInputProps) => JSX.Element;
     value?: ReadonlyArray<string>;
+    defaultValue?: ReadonlyArray<string>;
+    isRadio?: true;
 };
 export declare const TogglerGroup: (props: TogglerGroupProps & _TogglerGroupProps) => JSX.Element;
 export {};

package/_abstract/_TogglerGroup.js

@@ -4,32 +4,30 @@ exports.TogglerGroup = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const utils_1 = require("../utils");
 const TogglerGroup = (props) => {
     const { 
     // id,
-    className, bem, name, disabled, Toggler, onSelected, options, inputProps = {}, } = props;
-    const values = props.value;
+    className, bem, name, disabled, Toggler, onSelected, options, isRadio, inputProps = {}, } = props;
+    const [values, setValues] = (0, utils_1.useMixedControlState)(props, 'value', []);
     return (react_1.default.createElement("ul", { className: (0, getBemClass_1.default)(bem, null, className), role: "group", "aria-labelledby": props['aria-labelledby'], "aria-describedby": props['aria-describedby'], "aria-required": props.required }, options.map((option, i) => {
         const isDisabled = option.disabled != null
             ? option.disabled
             : disabled && typeof disabled !== 'boolean'
                 ? disabled.includes(i)
                 : disabled;
-        const isChecked = values && values.includes(option.value);
-        return (react_1.default.createElement(Toggler, Object.assign({ key: i }, inputProps, { className: bem + '__item', name: name, Wrapper: "li" }, option, { label: option.label || option.value, onChange: onSelected
-                ? (e) => {
-                    const { value } = option;
-                    const checked = e.currentTarget.checked;
-                    inputProps.onChange && inputProps.onChange(e);
-                    const selectedValues = values
-                        ? values.filter((val) => val !== value)
-                        : [];
-                    if (checked) {
-                        selectedValues.push(value);
-                    }
-                    onSelected({ value, checked, option, selectedValues });
+        const isChecked = values.includes(option.value);
+        return (react_1.default.createElement(Toggler, Object.assign({ key: i }, inputProps, { className: bem + '__item', name: name, Wrapper: "li" }, option, { label: option.label || option.value, onChange: (e) => {
+                inputProps.onChange && inputProps.onChange(e);
+                const { value } = option;
+                const checked = e.currentTarget.checked;
+                const selectedValues = isRadio ? [] : values.filter((val) => val !== value);
+                if (checked) {
+                    selectedValues.push(value);
                 }
-                : inputProps.onChange, disabled: isDisabled, "aria-invalid": props['aria-invalid'], checked: isChecked })));
+                setValues(selectedValues);
+                onSelected && onSelected({ value, checked, option, selectedValues });
+            }, disabled: isDisabled, "aria-invalid": props['aria-invalid'], checked: isChecked })));
     })));
 };
 exports.TogglerGroup = TogglerGroup;

package/_abstract/_TogglerGroupField.d.ts

@@ -3,15 +3,17 @@ import { BemPropsModifier } from '@hugsmidjan/react/types';
 import { FormFieldGroupWrappingProps } from '../FormField';
 import { TogglerGroupOption, TogglerGroupOptions, TogglerGroupProps } from './_TogglerGroup';
 import { TogglerInputProps } from './_TogglerInput';
-export declare type TogglerGroupFieldProps = {
+export type TogglerGroupFieldProps = {
     className?: string;
 } & FormFieldGroupWrappingProps & TogglerGroupProps;
-declare type _TogglerGroupFieldProps = {
+type _TogglerGroupFieldProps = {
     Toggler: (props: TogglerInputProps) => ReactElement;
+    isRadio?: true;
     value?: string | ReadonlyArray<string>;
+    defaultValue?: string | ReadonlyArray<string>;
     bem: string;
 } & BemPropsModifier;
-export declare type TogglerGroupFieldOption = TogglerGroupOption;
-export declare type TogglerGroupFieldOptions = TogglerGroupOptions;
+export type TogglerGroupFieldOption = TogglerGroupOption;
+export type TogglerGroupFieldOptions = TogglerGroupOptions;
 export declare const TogglerGroupField: (props: TogglerGroupFieldProps & _TogglerGroupFieldProps) => JSX.Element;
 export {};

package/_abstract/_TogglerGroupField.js

@@ -2,14 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TogglerGroupField = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const FormField_1 = tslib_1.__importDefault(require("../FormField"));
 const _TogglerGroup_1 = require("./_TogglerGroup");
 const TogglerGroupField = (props) => {
-    const { bem, Toggler, className, modifier, label, LabelTag, assistText, hideLabel, disabled, readOnly, invalid, errorMessage, required, reqText, id, value } = props, togglerGroupProps = tslib_1.__rest(props, ["bem", "Toggler", "className", "modifier", "label", "LabelTag", "assistText", "hideLabel", "disabled", "readOnly", "invalid", "errorMessage", "required", "reqText", "id", "value"]);
+    const { bem, Toggler, className, modifier, label, LabelTag, assistText, hideLabel, disabled, readOnly, invalid, errorMessage, required, reqText, id, value, defaultValue } = props, togglerGroupProps = tslib_1.__rest(props, ["bem", "Toggler", "className", "modifier", "label", "LabelTag", "assistText", "hideLabel", "disabled", "readOnly", "invalid", "errorMessage", "required", "reqText", "id", "value", "defaultValue"]);
+    const _value = (0, react_1.useMemo)(() => (value == null ? undefined : typeof value === 'string' ? [value] : value), [value]);
+    const _defaultValue = (0, react_1.useMemo)(() => defaultValue == null
+        ? undefined
+        : typeof defaultValue === 'string'
+            ? [defaultValue]
+            : defaultValue, [defaultValue]);
     return (react_1.default.createElement(FormField_1.default, { className: (0, getBemClass_1.default)(bem, modifier, className), group: true, label: label, LabelTag: LabelTag, assistText: assistText, hideLabel: hideLabel, disabled: disabled, readOnly: readOnly, invalid: invalid, errorMessage: errorMessage, required: required, reqText: reqText, id: id, renderInput: (className, inputProps) => {
-            return (react_1.default.createElement(_TogglerGroup_1.TogglerGroup, Object.assign({ bem: className.options }, inputProps, togglerGroupProps, { value: Array.isArray(value) ? value : value != null ? [value] : undefined, Toggler: Toggler })));
+            return (react_1.default.createElement(_TogglerGroup_1.TogglerGroup, Object.assign({ bem: className.options }, inputProps, togglerGroupProps, { value: _value, defaultValue: _defaultValue, Toggler: Toggler })));
         } }));
 };
 exports.TogglerGroupField = TogglerGroupField;

package/_abstract/_TogglerInput.d.ts

@@ -1,5 +1,5 @@
 import { BemPropsModifier } from '@hugsmidjan/react/types';
-export declare type TogglerInputProps = {
+export type TogglerInputProps = {
     label: string | JSX.Element;
     children?: never;
     Wrapper?: 'div' | 'li';
@@ -14,9 +14,10 @@ export declare type TogglerInputProps = {
     reqText?: string | false;
     errorMessage?: string | JSX.Element;
 } & BemPropsModifier & Omit<JSX.IntrinsicElements['input'], 'type'>;
-declare type _TogglerInputProps = {
+type _TogglerInputProps = {
     bem: string;
     type: 'radio' | 'checkbox';
+    innerWrap?: boolean;
 };
 export declare const TogglerInput: (props: TogglerInputProps & _TogglerInputProps) => JSX.Element;
 export {};

package/_abstract/_TogglerInput.js

@@ -2,25 +2,27 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TogglerInput = void 0;
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const TogglerInput = (props) => {
-    const { bem, modifier, className, label, invalid, errorMessage, Wrapper = 'div', required, reqText, type, id } = props, inputProps = tslib_1.__rest(props, ["bem", "modifier", "className", "label", "invalid", "errorMessage", "Wrapper", "required", "reqText", "type", "id"]);
+    const { bem, modifier, className, label, invalid, errorMessage, Wrapper = 'div', required, reqText, type, id, innerWrap } = props, inputProps = tslib_1.__rest(props, ["bem", "modifier", "className", "label", "invalid", "errorMessage", "Wrapper", "required", "reqText", "type", "id", "innerWrap"]);
     const domid = (0, hooks_1.useDomid)(id);
     const errorId = errorMessage && 'error' + domid;
     const reqStar = required && reqText !== false && (react_1.default.createElement("abbr", { className: bem + '__label__reqstar', 
         // TODO: add mo-better i18n thinking
         title: (reqText || 'Þarf að haka í') + ': ' }, "*"));
+    const InnerWrap = innerWrap ? 'span' : react_1.Fragment;
     return (react_1.default.createElement(Wrapper, { className: (0, getBemClass_1.default)(bem, modifier, className) },
         react_1.default.createElement("input", Object.assign({ className: bem + '__input', type: type, id: domid, "aria-invalid": invalid || !!errorMessage || undefined, "aria-describedby": errorId }, inputProps)),
         ' ',
         react_1.default.createElement("label", { className: bem + '__label', htmlFor: domid },
-            ' ',
-            reqStar,
-            " ",
-            label,
-            ' '),
+            react_1.default.createElement(InnerWrap, { className: bem + '__label__wrap' },
+                ' ',
+                reqStar,
+                " ",
+                label,
+                ' ')),
         errorMessage && (react_1.default.createElement("div", { className: bem + '__error', id: errorId }, errorMessage))));
 };
 exports.TogglerInput = TogglerInput;

package/assets.d.ts

@@ -31,12 +31,12 @@ export declare const getCssBundleUrl: (cssTokens: string | Array<string>, versio
 /** @deprecated  (Will be removed in v0.11) */
 export declare const efnistakn_menu: readonly ["menu/borgarstjori", "menu/borgarstjorn", "menu/bygg_framkv", "menu/fjarmal", "menu/fundargerdir", "menu/itrottir_aftreying", "menu/log_reglugerdir", "menu/mannaudur", "menu/menning", "menu/rad_nefndir", "menu/skipulag", "menu/skolar_fristund", "menu/svid_deildir", "menu/umhverfi_samgongur", "menu/velferd_fjolskylda"];
 /** @deprecated  (Will be removed in v0.11) */
-export declare type Efnistakn_Menu = typeof efnistakn_menu[number];
+export type Efnistakn_Menu = typeof efnistakn_menu[number];
 /** @deprecated  (Will be removed in v0.11) */
 export declare const auxiliary_menu_images: Array<Illustration>;
 /** @deprecated  Instead `import type { AuxilaryPanelIllustration } from '@reykjavik/hanna-react/MainMenu';` (Will be removed in v0.11) */
-export declare type Auxilary_MenuImages = typeof auxiliary_menu_images[number];
+export type Auxilary_MenuImages = typeof auxiliary_menu_images[number];
 /** @deprecated  Instead `import type { BlingType } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
-export declare type BlingTypes = BlingType;
+export type BlingTypes = BlingType;
 /** @deprecated  Instead `import type { Illustration } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
-export declare type Illustrations = Illustration;
+export type Illustrations = Illustration;

package/constants.d.ts

@@ -10,9 +10,9 @@ export type { ColorFamily } from '@reykjavik/hanna-css';
 export declare const themeOptions: readonly ["trustworthy", "dependable", "friendly", "lively", "colorful"] & Readonly<Record<import("@reykjavik/hanna-css").HannaColorTheme, import("@reykjavik/hanna-css").HannaColorTheme>>;
 /** @depcrecated import type `HannaColorTheme` from `@reykjavik/hanna-css` instead  (Will be removed in v0.11) */
 export type { HannaColorTheme as ThemeOption } from '@reykjavik/hanna-css';
-export declare type Alignment = 'right' | 'left';
+export type Alignment = 'right' | 'left';
 export declare const aligns: Record<string, true | undefined>;
-export declare type ComponentLayoutProps<Align extends string = 'right'> = EitherObj<{
+export type ComponentLayoutProps<Align extends string = 'right'> = EitherObj<{
     wide?: boolean;
 }, {
     align?: Align;

package/index.d.ts

@@ -21,6 +21,7 @@
 /// <reference path="./CarouselStepper.d.tsx" />
 /// <reference path="./CenterColumn.d.tsx" />
 /// <reference path="./Checkbox.d.tsx" />
+/// <reference path="./CheckboxButton.d.tsx" />
 /// <reference path="./CheckboxButtonsGroup.d.tsx" />
 /// <reference path="./CheckboxGroup.d.tsx" />
 /// <reference path="./CityBlock.d.tsx" />

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@reykjavik/hanna-react",
-	"version": "0.10.76",
+	"version": "0.10.77",
 	"author": "Reykjavík (http://www.reykjavik.is)",
 	"contributors": [
 		"Hugsmiðjan ehf (http://www.hugsmidjan.is)",
@@ -14,17 +14,17 @@
 	"license": "MIT",
 	"dependencies": {
 		"@hugsmidjan/qj": "^4.10.2",
-		"@hugsmidjan/react": "^0.4.20",
-		"@reykjavik/hanna-css": "^0.3.10",
-		"@reykjavik/hanna-utils": "^0.2.0",
+		"@hugsmidjan/react": "^0.4.23",
+		"@reykjavik/hanna-css": "^0.3.11",
+		"@reykjavik/hanna-utils": "^0.2.1",
 		"@types/react": "^17.0.24",
 		"@types/react-autosuggest": "^10.1.0",
-		"@types/react-datepicker": "^3.0.2",
+		"@types/react-datepicker": "^4.8.0",
 		"@types/react-dom": "^17.0.9",
 		"@types/react-transition-group": "^4.4.0",
 		"iframe-resizer-react": "^1.1.0",
 		"react-autosuggest": "^10.1.0",
-		"react-datepicker": "^3.0.2",
+		"react-datepicker": "^4.8.0",
 		"react-dropzone": "^10.2.2",
 		"react-intersection-observer": "^8.30.1",
 		"react-transition-group": "^4.4.1"

package/utils/browserSide.d.ts

@@ -0,0 +1 @@
+export { useIsBrowserSide, useIsServerSide } from '@hugsmidjan/react/hooks';

package/utils/browserSide.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsServerSide = exports.useIsBrowserSide = void 0;
+var hooks_1 = require("@hugsmidjan/react/hooks");
+Object.defineProperty(exports, "useIsBrowserSide", { enumerable: true, get: function () { return hooks_1.useIsBrowserSide; } });
+Object.defineProperty(exports, "useIsServerSide", { enumerable: true, get: function () { return hooks_1.useIsServerSide; } });

package/utils/config.d.ts

@@ -1,2 +1,4 @@
 export type { LinkRenderer } from '../_abstract/_Link';
 export { setLinkRenderer } from '../_abstract/_Link';
+export type { SSRSupport } from '@hugsmidjan/react/hooks';
+export { setDefaultSSR } from '@hugsmidjan/react/hooks';

package/utils/config.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setLinkRenderer = void 0;
+exports.setDefaultSSR = exports.setLinkRenderer = void 0;
 var _Link_1 = require("../_abstract/_Link");
 Object.defineProperty(exports, "setLinkRenderer", { enumerable: true, get: function () { return _Link_1.setLinkRenderer; } });
-// ---------------------------------------------------------------------------
-// TODO:
-//  * Add defaultSSR variable that can be set globally for
+var hooks_1 = require("@hugsmidjan/react/hooks");
+Object.defineProperty(exports, "setDefaultSSR", { enumerable: true, get: function () { return hooks_1.setDefaultSSR; } });

package/utils/seenEffect.d.ts

@@ -9,8 +9,8 @@ declare const effects: {
     readonly fadeup: 1;
     readonly fadeleft: 1;
 };
-export declare type SeenEffectType = keyof typeof effects;
-export declare type EffectProp = {
+export type SeenEffectType = keyof typeof effects;
+export type EffectProp = {
     /** Should the component appear instantly, and not transition-in once seen */
     effectType?: SeenEffectType | 'none';
 };
@@ -19,7 +19,7 @@ export declare const ensureEffectType: (maybeType?: string) => SeenEffectType |
 export declare const getEffectAttr: (maybeType?: string) => {
     'data-seen-effect': string | undefined;
 };
-export declare type SeenProp = {
+export type SeenProp = {
     /** Should the component appear instantly, and not transition-in once seen */
     startSeen?: boolean;
 };

package/utils/useGetSVGtext.d.ts

@@ -1,4 +1,4 @@
-declare type SVGMeta = {
+type SVGMeta = {
     imageSrc: string;
     code: string;
 };

package/utils/useMenuToggling.d.ts

@@ -1,4 +1,4 @@
-declare type MenuTogglingState = {
+type MenuTogglingState = {
     isMenuActive: true | undefined;
     isMenuOpen: boolean;
     toggleMenu: () => void;

package/utils/useMixedControlState.d.ts

@@ -1,9 +1,9 @@
 import { Dispatch, SetStateAction } from 'react';
-declare type CtrlMode = 'controlled' | 'uncontrolled' | undefined;
-declare type RetArray<R> = [value: R, setValue: Dispatch<SetStateAction<R>>, mode: CtrlMode];
-declare type DefaultProp<N extends string> = `default${Capitalize<N>}`;
-declare type PropPair<N extends string> = N | DefaultProp<N>;
-declare type StrictKeys<P extends Record<string, unknown>, N extends string> = PropPair<N> extends keyof P ? P : {
+type CtrlMode = 'controlled' | 'uncontrolled' | undefined;
+type RetArray<R> = [value: R, setValue: Dispatch<SetStateAction<R>>, mode: CtrlMode];
+type DefaultProp<N extends string> = `default${Capitalize<N>}`;
+type PropPair<N extends string> = N | DefaultProp<N>;
+type StrictKeys<P extends Record<string, unknown>, N extends string> = PropPair<N> extends keyof P ? P : {
     [Key in PropPair<N>]: P[Key];
 };
 /**

package/utils.d.ts

@@ -1,3 +1,4 @@
+export * from './utils/browserSide';
 export * from './utils/config';
 export * from './utils/useDidChange';
 export * from './utils/useFormatMonitor';

package/utils.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./utils/browserSide"), exports);
 tslib_1.__exportStar(require("./utils/config"), exports);
 tslib_1.__exportStar(require("./utils/useDidChange"), exports);
 tslib_1.__exportStar(require("./utils/useFormatMonitor"), exports);