@amoa/casting 0.1.3 → 0.1.4

package/dist/packages/hooks/src/use-tooltip.js

@@ -0,0 +1,27 @@
+import * as React from 'react';
+
+const limits = {
+  top: 60,
+  bottom: 60,
+  right: 60,
+  left: 60
+};
+const useTooltip = (item, text, position) => {
+  React.useEffect(() => {
+    if (text && item.current) {
+      const {
+        top,
+        left,
+        bottom,
+        right
+      } = item.current.getBoundingClientRect();
+      item.current.dataset.tooltip = text;
+      if (top < limits.top) item.current.dataset.tooltipTop = "";
+      if (window.innerHeight - bottom < limits.bottom) item.current.dataset.tooltipBottom = "";
+      if (window.innerWidth - right < limits.right) item.current.dataset.tooltipRight = "";
+      if (left < limits.left) item.current.dataset.tooltipLeft = "";
+    }
+  }, [item, text]);
+};
+
+export { useTooltip as default, useTooltip };

package/dist/packages/ingots/src/address/api/form.js

@@ -0,0 +1,12 @@
+import { get } from '../../../../forge/src/fetcher/index.js';
+import config from '../config.json.js';
+
+const {
+  ban
+} = config[process.env.REACT_APP_ENV || "production"];
+const addresses = async query => {
+  const endpoint = `${ban}search?q=${query}&type=housenumber`;
+  return get(endpoint);
+};
+
+export { addresses };

package/dist/packages/ingots/src/address/config.json.js

@@ -0,0 +1,16 @@
+var development = {
+	ban: "https://data.geopf.fr/geocodage/"
+};
+var integration = {
+	ban: "https://data.geopf.fr/geocodage/"
+};
+var production = {
+	ban: "https://data.geopf.fr/geocodage/"
+};
+var config = {
+	development: development,
+	integration: integration,
+	production: production
+};
+
+export { config as default, development, integration, production };

package/dist/packages/ingots/src/address/index.js

@@ -0,0 +1,117 @@
+import * as React from 'react';
+import { build } from '../../../forge/src/classes.js';
+import Text from '../text/index.js';
+import '../loader/variants/spinner/index.module.css.js';
+import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
+import '../loader/index.module.css.js';
+import useDebounce from '../../../hooks/src/use-debounce.js';
+import { fetcher } from './service.js';
+import styles from './index.module.css.js';
+
+const Address = ({
+  className,
+  children,
+  value,
+  onChange,
+  helper,
+  error,
+  small,
+  fill,
+  reset,
+  placeholder = "Choisissez",
+  onClick,
+  ...props
+}) => {
+  const {
+    label
+  } = value || {};
+  const [loading, setLoading] = React.useState(true);
+  const [input, setInput] = React.useState(label);
+  const [choice, setChoice] = React.useState(label);
+  const [focused, setFocused] = React.useState(false);
+  const ref = React.useRef();
+  const onOptionClick = value => () => {
+    if (typeof onClick === "function") onClick(value);
+    const {
+      label
+    } = value;
+    const input = ref.current.querySelector("input");
+    onChange(value);
+    setChoice(label);
+    input.value = label;
+  };
+  const get = value => {
+    setLoading(true);
+    return fetcher(value);
+  };
+  const [addresses, setAddresses] = useDebounce(get);
+  const onFocus = e => {
+    setFocused(true);
+  };
+  const onBlur = e => {
+    setFocused(false);
+  };
+  const onInput = ({
+    target
+  }) => {
+    onChange();
+    setChoice("");
+    const {
+      value
+    } = target;
+    setInput(value);
+    setAddresses(value);
+  };
+  React.useEffect(() => {
+    if (reset) ref.current.value = "";
+  }, [reset]);
+  React.useEffect(() => {
+    setLoading(true);
+  }, [addresses]);
+  const opened = addresses && input.length >= 3 && focused;
+  const classes = build(styles.root, {
+    [styles.open]: opened,
+    [styles.small]: small
+  });
+  const Icon = undefined; // loading ? Loading : undefined;
+
+  return /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+    className: classes,
+    children: /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+      className: styles.container,
+      ref: ref,
+      children: [/*#__PURE__*/jsxRuntimeExports.jsx(Text, {
+        className: styles.input,
+        Icon: Icon,
+        value: label,
+        onChange: onInput,
+        onFocus: onFocus,
+        onBlur: onBlur,
+        validation: choice === "" ? />^$a/ : undefined,
+        fill: true,
+        ...props,
+        children: children
+      }), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+        className: styles.results,
+        children: /*#__PURE__*/jsxRuntimeExports.jsx("ul", {
+          className: styles.options,
+          children: addresses?.length ? addresses.map((address, index) => {
+            const {
+              label
+            } = address;
+            return /*#__PURE__*/jsxRuntimeExports.jsx("li", {
+              className: styles.option,
+              onClick: onOptionClick(address),
+              children: label
+            }, `address-${index}`);
+          }) : /*#__PURE__*/jsxRuntimeExports.jsx("li", {
+            className: styles.empty,
+            children: "Aucun r\xE9sultat trouv\xE9."
+          }, `address-empty`)
+        })
+      })]
+    })
+  });
+};
+
+export { Address as default };

package/dist/packages/ingots/src/address/index.module.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index-module_root__61HLR {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module_root__61HLR input {\n  height: 40px;\n}\n\n.index-module_container__ZmwsJ {\n  position: relative;\n  display: flex;\n}\n\n.index-module_results__6ZTy2 {\n  position: absolute;\n  max-height: 0;\n  top: calc(100% + 3px);\n  left: 0;\n  width: 100%;\n  border-radius: 0 0 8px 8px;\n  background-color: var(--white);\n  overflow: hidden;\n  transition: max-height var(--transition-long);\n  z-index: 10;\n}\n\n.index-module_open__kv1tB .index-module_results__6ZTy2 {\n  max-height: 300px;\n}\n\n.index-module_open__kv1tB .index-module_input__t-STE input {\n  border-radius: 8px 8px 0 0;\n}\n\n.index-module_options__0lmR6 {\n  border: 1px solid var(--light-stroke);\n  border-radius: 0 0 8px 8px;\n}\n\n.index-module_option__cn9Yl,\n.index-module_empty__Ilpbj {\n  padding: 8px 10px;\n}\n\n.index-module_option__cn9Yl:hover {\n  background-color: var(--bright-green);\n  cursor: pointer;\n}\n\n.index-module_loading__HPBG5 {\n  width: 24px;\n  height: 24px;\n}\n\n.index-module_small__0uVAP input {\n  height: 30px;\n}\n\n.index-module_small__0uVAP label,\n.index-module_small__0uVAP input {\n  font-size: 12px;\n}\n\n.index-module_small__0uVAP .index-module_helper__Z64m7,\n.index-module_small__0uVAP .index-module_error__nereT {\n  font-size: 11px;\n}\n\n.index-module_small__0uVAP .index-module_input__t-STE::placeholder {\n  font-size: 12px;\n}\n\n.index-module_small__0uVAP .index-module_option__cn9Yl {\n  font-size: 12px;\n}\n";
+var styles = {"root":"index-module_root__61HLR","container":"index-module_container__ZmwsJ","results":"index-module_results__6ZTy2","open":"index-module_open__kv1tB","input":"index-module_input__t-STE","options":"index-module_options__0lmR6","option":"index-module_option__cn9Yl","empty":"index-module_empty__Ilpbj","small":"index-module_small__0uVAP"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/packages/ingots/src/address/service.js

@@ -0,0 +1,41 @@
+import { addresses } from './api/form.js';
+
+const fetcher = async value => {
+  const {
+    features
+  } = await addresses(value);
+  return features.map(({
+    properties
+  }) => {
+    const {
+      postcode: zipcode,
+      name: street,
+      street: _,
+      label,
+      context,
+      district,
+      citycode,
+      x,
+      y,
+      type,
+      importance,
+      housenumber,
+      id,
+      oldcity,
+      oldcitycode,
+      score,
+      ...property
+    } = properties;
+    const department = zipcode.substring(0, 2);
+    return {
+      ...property,
+      label,
+      street,
+      title: label,
+      zipcode,
+      department
+    };
+  });
+};
+
+export { fetcher };

package/dist/packages/ingots/src/backdrop/index.js

@@ -0,0 +1,18 @@
+import { build } from '../../../forge/src/classes.js';
+import styles from './index.module.css.js';
+import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
+
+const Backdrop = ({
+  className,
+  hidden,
+  onClick
+}) => {
+  const classes = build(styles.root, className);
+  if (hidden) return;
+  return /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+    className: classes,
+    onClick: onClick
+  });
+};
+
+export { Backdrop as default };

package/dist/packages/ingots/src/backdrop/index.module.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index-module_root__nYfqW {\n  position: fixed;\n  height: 100vh;\n  width: 100vw;\n  top: 0;\n  left: 0;\n  background-color: var(--backdrop);\n  backdrop-filter: blur(2px) grayscale(30%);\n  z-index: 20;\n}\n";
+var styles = {"root":"index-module_root__nYfqW"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/packages/ingots/src/button/index.js

@@ -0,0 +1,56 @@
+import * as React from 'react';
+import { build } from '../../../forge/src/classes.js';
+import Link from '../../../../_virtual/link.js';
+import useTooltip from '../../../hooks/src/use-tooltip.js';
+import styles from './index.module.css.js';
+import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
+
+const Button = ({
+  className,
+  variant = "primary",
+  color = "blue",
+  small,
+  disabled,
+  icon: Icon,
+  onClick,
+  link,
+  children,
+  active,
+  form,
+  mini,
+  tooltip = "",
+  ...props
+}) => {
+  const classes = build(styles.button, className, {
+    [styles.active]: active,
+    [styles.compact]: !children && Icon,
+    [styles[variant]]: !!variant,
+    [styles[color]]: !!color,
+    [styles.disabled]: disabled,
+    [styles.small]: small,
+    [styles.form]: form,
+    [styles.mini]: mini,
+    [styles.tooltip]: !!tooltip
+  });
+  const ref = React.useRef();
+  useTooltip(ref, tooltip);
+  const Tag = link ? Link : "button";
+  const click = e => {
+    if (!disabled && typeof onClick === "function") onClick(e);
+  };
+  return /*#__PURE__*/jsxRuntimeExports.jsxs(Tag, {
+    className: classes,
+    onClick: click,
+    href: link,
+    disabled: disabled,
+    ref: ref,
+    ...props,
+    children: [!!Icon && /*#__PURE__*/jsxRuntimeExports.jsx(Icon, {
+      className: styles.icon
+    }), children && /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+      children: children
+    })]
+  });
+};
+
+export { Button as default };

package/dist/packages/ingots/src/button/index.module.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index-module_button__AscUD {\n  flex: 0 0 auto;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n  cursor: pointer;\n  height: 40px;\n  font-weight: 600;\n  overflow: hidden;\n  background-color: transparent;\n  border-radius: var(--border-radius);\n  gap: 8px;\n  z-index: 0;\n  box-shadow:\n    0 -1 0.5 rgba(0, 0, 0, 0.2) inset,\n    0 3 4 rgba(var(--white), 0.2) inset;\n}\n\n.index-module_primary__mW1MG::before {\n  position: absolute;\n  content: \"\";\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: -2;\n}\n\n.index-module_primary__mW1MG::after {\n  position: absolute;\n  content: \"\";\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  opacity: 1;\n  transition: opacity var(--transition-short);\n  z-index: -1;\n}\n\n.index-module_primary__mW1MG:hover::after {\n  opacity: 0;\n}\n\n.index-module_primary__mW1MG {\n  color: #fff;\n}\n\n.index-module_primary__mW1MG,\n.index-module_secondary__R8Mg2 {\n  padding: 10px 16px;\n}\n\n.index-module_primary__mW1MG.index-module_blue__EYCQl::before {\n  background-color: var(--strong-blue);\n}\n\n.index-module_primary__mW1MG.index-module_blue__EYCQl::after {\n  background: linear-gradient(var(--blue), var(--strong-blue));\n}\n\n.index-module_primary__mW1MG.index-module_green__zmhXp::before {\n  background-color: var(--strong-green);\n}\n\n.index-module_primary__mW1MG.index-module_green__zmhXp::after {\n  background: linear-gradient(var(--green), var(--strong-green));\n}\n\n.index-module_primary__mW1MG.index-module_red__CWoh-::before {\n  background-color: var(--strong-red);\n}\n\n.index-module_primary__mW1MG.index-module_red__CWoh-::after {\n  background: linear-gradient(var(--red), var(--strong-red));\n}\n\n.index-module_primary__mW1MG.index-module_gray__KuQSz::before {\n  background-color: var(--stroke);\n}\n\n.index-module_primary__mW1MG.index-module_gray__KuQSz::after {\n  background: linear-gradient(var(--lighter-stroke), var(--stroke));\n}\n\n.index-module_secondary__R8Mg2 {\n  transition:\n    background-color var(--transition-long),\n    color var(--transition-short),\n    border-color var(--transition-short);\n}\n\n.index-module_secondary__R8Mg2.index-module_blue__EYCQl {\n  color: var(--strong-blue);\n  border: 1.5px solid var(--strong-blue);\n}\n\n.index-module_secondary__R8Mg2.index-module_blue__EYCQl:hover:not(.index-module_disabled__HboCB) {\n  background-color: var(--lighter-stroke);\n}\n\n.index-module_secondary__R8Mg2.index-module_green__zmhXp {\n  color: var(--strong-green);\n  border: 1.5px solid var(--strong-green);\n}\n\n.index-module_secondary__R8Mg2.index-module_green__zmhXp:hover:not(.index-module_disabled__HboCB),\n.index-module_mini__MATGv.index-module_green__zmhXp {\n  background-color: var(--bright-green);\n}\n\n.index-module_secondary__R8Mg2.index-module_red__CWoh- {\n  color: var(--strong-red);\n  border: 1.5px solid var(--strong-red);\n}\n\n.index-module_secondary__R8Mg2.index-module_red__CWoh-:hover:not(.index-module_disabled__HboCB),\n.index-module_secondary__R8Mg2.index-module_mini__MATGv.index-module_red__CWoh- {\n  background-color: var(--bright-red);\n}\n\n.index-module_secondary__R8Mg2.index-module_gray__KuQSz {\n  color: var(--tertiary-text);\n  border: 1.5px solid var(--secondary-text);\n}\n\n.index-module_secondary__R8Mg2.index-module_gray__KuQSz:hover:not(.index-module_disabled__HboCB) {\n  color: var(--secondary-text);\n  background-color: var(--lighter-stroke);\n}\n\n.index-module_secondary__R8Mg2.index-module_white__Qvzbo {\n  color: var(--white);\n  border: 1.5px solid var(--white);\n}\n\n.index-module_secondary__R8Mg2.index-module_white__Qvzbo:hover:not(.index-module_disabled__HboCB) {\n  color: var(--primary-text);\n  background-color: var(--lighter-stroke);\n}\n\n.index-module_blue__EYCQl:active,\n.index-module_blue__EYCQl.index-module_active__Nz-8S {\n  box-shadow: 0 0 0 3px rgba(var(--hawai-morning), 0.3);\n}\n\n.index-module_green__zmhXp:active,\n.index-module_green__zmhXp.index-module_active__Nz-8S {\n  box-shadow: 0 0 0 3px rgba(var(--mountain-meadow), 0.3);\n}\n\n.index-module_red__CWoh-:active,\n.index-module_red__CWoh-.index-module_active__Nz-8S {\n  box-shadow: 0 0 0 3px rgba(var(--fuzzy-wuzzy), 0.4);\n}\n\n.index-module_gray__KuQSz:active,\n.index-module_gray__KuQSz.index-module_active__Nz-8S {\n  box-shadow: 0 0 0 3px rgba(var(--blizzard), 0.3);\n}\n\n.index-module_tertiary__4Eydy {\n  padding: 10px 12px;\n  overflow: visible;\n}\n\n.index-module_tertiary__4Eydy span {\n  position: relative;\n}\n\n.index-module_tertiary__4Eydy span::after {\n  position: absolute;\n  content: \"\";\n  width: 100%;\n  height: 1px;\n  top: 100%;\n  left: 0;\n  margin-top: 5px;\n  transform: scaleX(0);\n  background-color: var(--strong-blue);\n  transition: transform 320ms ease-in-out;\n}\n\n.index-module_small__m3SMz.index-module_tertiary__4Eydy span::after {\n  height: 0.5px;\n}\n\n.index-module_tertiary__4Eydy.index-module_gray__KuQSz span::after {\n  background-color: var(--secondary-text);\n}\n\n.index-module_tertiary__4Eydy.index-module_green__zmhXp span::after {\n  background-color: var(--strong-green);\n}\n\n.index-module_tertiary__4Eydy.index-module_red__CWoh- span::after {\n  background-color: var(--strong-red);\n}\n\n.index-module_tertiary__4Eydy.index-module_blue__EYCQl {\n  color: var(--strong-blue);\n}\n\n.index-module_tertiary__4Eydy.index-module_green__zmhXp {\n  color: var(--strong-green);\n}\n\n.index-module_tertiary__4Eydy.index-module_red__CWoh- {\n  color: var(--strong-red);\n}\n\n.index-module_tertiary__4Eydy.index-module_gray__KuQSz {\n  color: var(--secondary-text);\n}\n\n.index-module_icon__iUqek {\n  height: 20px;\n  width: 20px;\n}\n\n.index-module_small__m3SMz {\n  height: 30px;\n  font-size: 12px;\n  gap: 4px;\n  padding: 7px 12px;\n}\n\n.index-module_small__m3SMz .index-module_icon__iUqek,\n.index-module_mini__MATGv .index-module_icon__iUqek {\n  height: 16px;\n  width: 16px;\n}\n\n.index-module_small__m3SMz.index-module_mini__MATGv .index-module_icon__iUqek {\n  height: 12px;\n  width: 12px;\n}\n\n.index-module_secondary__R8Mg2.index-module_mini__MATGv {\n  height: 24px;\n  border-radius: 6px;\n  padding: 4px 6px;\n  gap: 2px;\n  border-width: 1px;\n}\n\n.index-module_mini__MATGv.index-module_small__m3SMz {\n  height: 20px;\n  border-radius: 5px;\n  padding: 3px 5px;\n  gap: 1px;\n}\n\n.index-module_mini__MATGv.index-module_blue__EYCQl {\n  background-color: var(--square-blue);\n}\n\n.index-module_secondary__R8Mg2.index-module_mini__MATGv.index-module_blue__EYCQl:hover {\n  background-color: var(--gray-blue);\n}\n\n.index-module_secondary__R8Mg2.index-module_mini__MATGv.index-module_red__CWoh-:hover {\n  background-color: var(--light-red);\n}\n\n.index-module_secondary__R8Mg2.index-module_mini__MATGv.index-module_green__zmhXp:hover {\n  background-color: var(--stroke-green);\n}\n\n.index-module_mini__MATGv.index-module_gray__KuQSz {\n  color: var(--secondary-text);\n  background-color: var(--light-background);\n}\n\n.index-module_compact__yBo-n.index-module_mini__MATGv {\n  width: 24px;\n  padding: 3px;\n}\n\n.index-module_compact__yBo-n.index-module_mini__MATGv.index-module_small__m3SMz {\n  width: 20px;\n}\n\n.index-module_compact__yBo-n {\n  justify-content: center;\n  padding: 7px;\n  gap: 0;\n}\n\n.index-module_form__ap3Rh {\n  margin-top: 24px;\n}\n\n.index-module_tooltip__PZT7g {\n  overflow: visible;\n  font-size: 16px;\n  font-weight: 450;\n}\n\n.index-module_primary__mW1MG.index-module_disabled__HboCB,\n.index-module_primary__mW1MG.index-module_disabled__HboCB:hover,\n.index-module_secondary__R8Mg2.index-module_disabled__HboCB,\n.index-module_secondary__R8Mg2.index-module_disabled__HboCB:hover,\n.index-module_tertiary__4Eydy.index-module_disabled__HboCB,\n.index-module_tertiary__4Eydy.index-module_disabled__HboCB:hover {\n  cursor: default;\n}\n\n.index-module_primary__mW1MG.index-module_disabled__HboCB::before,\n.index-module_secondary__R8Mg2.index-module_disabled__HboCB,\n.index-module_tertiary__4Eydy.index-module_disabled__HboCB {\n  opacity: 0.5;\n}\n\n.index-module_primary__mW1MG.index-module_disabled__HboCB::after {\n  background: transparent;\n}\n\n.index-module_primary__mW1MG.index-module_disabled__HboCB:active,\n.index-module_secondary__R8Mg2.index-module_disabled__HboCB:active,\n.index-module_tertiary__4Eydy.index-module_disabled__HboCB:active {\n  box-shadow: none;\n}\n\n.index-module_tertiary__4Eydy.index-module_disabled__HboCB:active {\n  box-shadow: none;\n}\n\n.index-module_tertiary__4Eydy:hover span::after {\n  transform: scaleX(1);\n}\n";
+var styles = {"button":"index-module_button__AscUD","primary":"index-module_primary__mW1MG","secondary":"index-module_secondary__R8Mg2","blue":"index-module_blue__EYCQl","green":"index-module_green__zmhXp","red":"index-module_red__CWoh-","gray":"index-module_gray__KuQSz","disabled":"index-module_disabled__HboCB","mini":"index-module_mini__MATGv","white":"index-module_white__Qvzbo","active":"index-module_active__Nz-8S","tertiary":"index-module_tertiary__4Eydy","small":"index-module_small__m3SMz","icon":"index-module_icon__iUqek","compact":"index-module_compact__yBo-n","form":"index-module_form__ap3Rh","tooltip":"index-module_tooltip__PZT7g"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/packages/ingots/src/checkbox/index.js

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import { build } from '../../../forge/src/classes.js';
+import styles from './index.module.css.js';
+import { j as jsxRuntimeExports } from '../../../../_virtual/jsx-runtime.js';
+
+const Checkbox = ({
+  className,
+  children,
+  label,
+  id,
+  active,
+  onChange,
+  block,
+  small,
+  ...props
+}) => {
+  const ref = React.useRef();
+  const classes = build(styles.root, className, {
+    [styles.block]: block,
+    [styles.small]: small
+  });
+  const _onChange = e => {
+    if (typeof onChange === "function") onChange(e.target.checked);
+  };
+  React.useEffect(() => {
+    if (ref.current.checked !== active) ref.current.checked = active;
+  }, [active]);
+  return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+    className: classes,
+    "data-label": label,
+    children: [/*#__PURE__*/jsxRuntimeExports.jsx("input", {
+      id: id,
+      type: "checkbox",
+      className: styles.input,
+      ...props,
+      onChange: _onChange,
+      defaultChecked: active,
+      ref: ref
+    }), /*#__PURE__*/jsxRuntimeExports.jsx("label", {
+      className: styles.label,
+      htmlFor: id,
+      children: children
+    })]
+  });
+};
+
+export { Checkbox as default };

package/dist/packages/ingots/src/checkbox/index.module.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index-module_root__iussJ {\n  display: flex;\n  align-items: center;\n}\n\n.index-module_input__FWZ1E {\n  position: absolute;\n  opacity: 0;\n}\n\n.index-module_input__FWZ1E + label {\n  display: flex;\n  align-items: center;\n  position: relative;\n  letter-spacing: 0.014em;\n  cursor: pointer;\n  transition:\n    color var(--transition-short),\n    letter-spacing var(--transition-short),\n    font-weight var(--transition-short);\n}\n\n.index-module_input__FWZ1E + label:before {\n  content: \"\";\n  flex: 1 0 auto;\n  margin-right: 8px;\n  padding: 3px;\n  display: inline-block;\n  vertical-align: text-top;\n  width: 16px;\n  height: 16px;\n  background-color: var(--white);\n  border: 1px solid var(--stroke-blue);\n  border-radius: 4px;\n  transition:\n    background-color var(--transition-short),\n    border-color var(--transition-short),\n    box-shadow var(--transition-short);\n}\n\n.index-module_input__FWZ1E:hover + label:before {\n  border-color: var(--strong-blue);\n}\n\n.index-module_input__FWZ1E:active + label:before,\n.index-module_input__FWZ1E:focus + label:before {\n  box-shadow: 0 0 0 3px rgba(var(--dropshadow-blue), 0.3);\n}\n\n.index-module_input__FWZ1E:checked + label {\n  letter-spacing: normal;\n  font-weight: 600;\n  color: var(--strong-blue);\n}\n\n.index-module_root__iussJ:not(.index-module_block__BSlnu) .index-module_input__FWZ1E:checked + label:before {\n  background-color: var(--strong-blue);\n  border-color: var(--strong-blue);\n}\n\n.index-module_input__FWZ1E:disabled + label {\n  color: var(--stroke);\n  cursor: auto;\n}\n\n.index-module_input__FWZ1E:disabled + label:before {\n  box-shadow: none;\n  border-color: var(--stroke);\n  background-color: var(--lighter-stroke);\n}\n\n.index-module_input__FWZ1E + label:after {\n  content: \"\";\n  position: absolute;\n  transition: opacity var(--transition-short);\n  opacity: 0;\n}\n\n.index-module_root__iussJ:not(.index-module_block__BSlnu) .index-module_input__FWZ1E + label:after {\n  width: 16px;\n  height: 16px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-image: url('data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.364 3.32297C13.6276 3.52379 13.6785 3.90027 13.4776 4.16385L7.07765 12.5639C6.97272 12.7016 6.81341 12.7873 6.64066 12.7989C6.46791 12.8105 6.29856 12.7469 6.17613 12.6245L2.57613 9.02449C2.34181 8.79018 2.34181 8.41028 2.57613 8.17596C2.81044 7.94165 3.19034 7.94165 3.42465 8.17596L6.5392 11.2905L12.5231 3.4366C12.724 3.17302 13.1004 3.12214 13.364 3.32297Z\" fill=\"white\"/></svg>');\n}\n\n.index-module_block__BSlnu .index-module_input__FWZ1E + label:after {\n  left: 8px;\n  width: 9px;\n  height: 9px;\n  background-color: var(--bright-blue);\n  border-radius: 2px;\n  transform: translateX(-50%);\n}\n\n.index-module_input__FWZ1E:checked + label:after {\n  opacity: 1;\n}\n\n.index-module_small__OyaW5 .index-module_input__FWZ1E + label:before,\n.index-module_small__OyaW5:not(.index-module_block__BSlnu) .index-module_input__FWZ1E + label:after {\n  width: 12px;\n  height: 12px;\n}\n\n.index-module_small__OyaW5:not(.index-module_block__BSlnu) .index-module_input__FWZ1E + label:after {\n  background-image: url('data:image/svg+xml,<svg width=\"8\" height=\"6\" viewBox=\"0 0 8 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.35224 0.0767328C7.51698 0.202248 7.54878 0.437545 7.42326 0.602284L3.42328 5.85227C3.3577 5.93834 3.25813 5.99189 3.15016 5.99915C3.04219 6.00642 2.93635 5.96668 2.85983 5.89016L0.609835 3.64017C0.463388 3.49373 0.463388 3.25629 0.609835 3.10984C0.756281 2.9634 0.993717 2.9634 1.14016 3.10984L3.08675 5.05643L6.82669 0.147753C6.95221 -0.0169855 7.1875 -0.0487825 7.35224 0.0767328Z\" fill=\"white\"/></svg>');\n}\n\n.index-module_root__iussJ.index-module_small__OyaW5 {\n  padding: 4px 0;\n  padding-left: 24px;\n  font-size: 12px;\n}\n";
+var styles = {"root":"index-module_root__iussJ","input":"index-module_input__FWZ1E","block":"index-module_block__BSlnu","small":"index-module_small__OyaW5"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/packages/ingots/src/date/erase/index.js

@@ -0,0 +1,22 @@
+import 'react';
+import { j as jsxRuntimeExports } from '../../../../../_virtual/jsx-runtime.js';
+import Regular from '../../../../runes/src/paths/cross/regular.js';
+import styles from './index.module.css.js';
+
+const Erase = ({
+  erase,
+  onErase
+}) => {
+  if (!erase) return;
+  const onClick = () => {
+    onErase();
+  };
+  return /*#__PURE__*/jsxRuntimeExports.jsx("button", {
+    onClick: onClick,
+    children: /*#__PURE__*/jsxRuntimeExports.jsx(Regular, {
+      className: styles.erase
+    })
+  });
+};
+
+export { Erase as default };

package/dist/packages/ingots/src/date/erase/index.module.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index-module_erase__gOkix {\n  color: var(--strong-red);\n}\n\n.index-module_erase__gOkix:hover {\n  color: var(--dropshadow-red);\n}\n";
+var styles = {"erase":"index-module_erase__gOkix"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/packages/ingots/src/date/input/index.js

@@ -0,0 +1,113 @@
+import * as React from 'react';
+import { build } from '../../../../forge/src/classes.js';
+import { adapt } from '../../../../forge/src/dates/index.js';
+import { j as jsxRuntimeExports } from '../../../../../_virtual/jsx-runtime.js';
+import Calendar from '../../../../runes/src/paths/calendar.js';
+import Picker from '../picker/index.js';
+import Erase from '../erase/index.js';
+import styles from './index.module.css.js';
+
+const format = date => {
+  if (!date) return "";
+  const dated = new Date(date);
+  const day = dated.getDate();
+  const month = dated.getMonth();
+  const year = dated.getFullYear();
+  return `${adapt(day)}/${adapt(month + 1)}/${year}`;
+};
+const Input = ({
+  className,
+  name,
+  value,
+  onChange,
+  children,
+  required,
+  optional,
+  helper,
+  small,
+  fill,
+  single,
+  since,
+  until,
+  erase,
+  ...props
+}) => {
+  const [picker, setPicker] = React.useState(false);
+  const [date, setDate] = React.useState(value);
+  const ref = React.useRef();
+  const classes = {
+    root: build(styles.root, className, {
+      [styles.fill]: fill,
+      [styles.small]: small,
+      [styles.filled]: !!date || !!value,
+      [styles.optional]: !required || optional
+    })
+  };
+  const _onFocus = () => {
+    setPicker(true);
+  };
+  const closePicker = () => {
+    setPicker(false);
+  };
+  const onErase = () => {
+    ref.current.value = "";
+    setDate(undefined);
+    erase();
+  };
+  const onSelect = value => {
+    if (!value) {
+      ref.current.value = "";
+      setDate(undefined);
+    } else {
+      ref.current.value = format(value);
+      setDate(value);
+    }
+    if (typeof onChange === "function") {
+      onChange(value || undefined, name);
+    }
+  };
+  React.useEffect(() => {
+    ref.current.value = format(value?.start || value);
+    setDate(value);
+  }, [value]);
+  return /*#__PURE__*/jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+    children: [/*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+      className: classes.root,
+      children: [children && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+        className: styles.label,
+        children: children && /*#__PURE__*/jsxRuntimeExports.jsx("label", {
+          children: children
+        })
+      }), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+        className: styles.container,
+        children: [/*#__PURE__*/jsxRuntimeExports.jsx("input", {
+          className: styles.input,
+          type: "text",
+          defaultValue: format(value?.start || value),
+          onFocus: _onFocus,
+          ...props,
+          ref: ref
+        }), /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
+          className: styles.icon,
+          children: [date && /*#__PURE__*/jsxRuntimeExports.jsx(Erase, {
+            erase: erase,
+            onErase: onErase
+          }), /*#__PURE__*/jsxRuntimeExports.jsx(Calendar, {})]
+        })]
+      }), helper && /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+        className: styles.helper,
+        children: helper
+      })]
+    }), /*#__PURE__*/jsxRuntimeExports.jsx(Picker, {
+      date: date,
+      setDate: onSelect,
+      open: picker,
+      close: closePicker,
+      single: single,
+      since: since,
+      until: until
+    })]
+  });
+};
+
+export { Input as default };

package/dist/packages/ingots/src/date/input/index.module.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index-module_root__z8mFd {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module_label__t56-f {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 8px;\n}\n\n.index-module_container__CcKPp {\n  position: relative;\n  display: flex;\n}\n\n.index-module_input__rVMrK {\n  flex: 1 1 auto;\n  height: 40px;\n  padding: 0 8px;\n  font-family: var(--font-family) !important;\n  color: var(--tertiary-text);\n  background-color: var(--light-background);\n  border: 1px solid var(--stroke-blue);\n  border-radius: var(--border-radius);\n  caret-color: transparent;\n  transition:\n    background-color var(--transition-short),\n    color var(--transition-short),\n    border var(--transition-short),\n    box-shadow var(--transition-long);\n}\n\n.index-module_input__rVMrK:hover {\n  border: 1px solid var(--bright-blue);\n}\n\n.index-module_filled__xGo-u .index-module_input__rVMrK,\n.index-module_input__rVMrK:active,\n.index-module_input__rVMrK:focus {\n  color: var(--font-color);\n  background-color: var(--white);\n  border: 1px solid var(--green);\n}\n\n.index-module_input__rVMrK:active,\n.index-module_input__rVMrK:focus {\n  box-shadow: 0 0 0 3px rgba(var(--mountain-meadow), 0.3);\n}\n\n.index-module_label__t56-f label {\n  font-weight: 600;\n}\n\n.index-module_optional__N4oUK .index-module_label__t56-f::after {\n  content: \"Optionnel\";\n  right: 8px;\n  color: var(--tertiary-text);\n}\n\n.index-module_icon__Xr0kf {\n  position: absolute;\n  display: flex;\n  gap: 4px;\n  align-items: center;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.index-module_icon__Xr0kf button {\n  height: 16px;\n}\n\n.index-module_helper__M3fAC {\n  font-size: 14px;\n  color: var(--tertiary-text);\n}\n\n.index-module_fill__nu6oE {\n  width: 100%;\n}\n\n.index-module_small__FR-oz input {\n  height: 30px;\n}\n\n.index-module_small__FR-oz .index-module_label__t56-f,\n.index-module_small__FR-oz input {\n  font-size: 12px;\n}\n\n.index-module_small__FR-oz .index-module_helper__M3fAC {\n  font-size: 11px;\n}\n\n.index-module_small__FR-oz .index-module_icon__Xr0kf svg {\n  width: 16px;\n  height: 16px;\n}\n";
+var styles = {"root":"index-module_root__z8mFd","label":"index-module_label__t56-f","container":"index-module_container__CcKPp","input":"index-module_input__rVMrK","filled":"index-module_filled__xGo-u","optional":"index-module_optional__N4oUK","icon":"index-module_icon__Xr0kf","helper":"index-module_helper__M3fAC","fill":"index-module_fill__nu6oE","small":"index-module_small__FR-oz"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/packages/ingots/src/date/picker/day/index.js

@@ -0,0 +1,35 @@
+import { build } from '../../../../../forge/src/classes.js';
+import { follows, precedes, match as match$1, intercedes } from '../../../../../forge/src/dates/index.js';
+import styles from './index.module.css.js';
+import { j as jsxRuntimeExports } from '../../../../../../_virtual/jsx-runtime.js';
+import { shift } from '../../../../../forge/src/dates/day.js';
+import { match } from '../../../../../forge/src/dates/month.js';
+
+const Day = ({
+  date,
+  current,
+  start,
+  end,
+  onClick,
+  since,
+  until
+}) => {
+  const next = shift(until, 1);
+  const disabled = since && follows(date, since) || until && precedes(next, date);
+  const classes = build(styles.root, {
+    [styles.active]: match$1(new Date(), date),
+    [styles.start]: match$1(date, start),
+    [styles.between]: intercedes(start, date, end),
+    [styles.end]: match$1(date, end),
+    [styles.muted]: !match(date, current),
+    [styles.disabled]: disabled
+  });
+  const _onClick = () => onClick(date);
+  return /*#__PURE__*/jsxRuntimeExports.jsx("span", {
+    className: classes,
+    onClick: _onClick,
+    children: date.getDate()
+  });
+};
+
+export { Day as default };

package/dist/packages/ingots/src/date/picker/day/index.module.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".index-module_root__Zwu81 {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  user-select: none;\n  cursor: pointer;\n}\n\n.index-module_active__TZ-sO {\n  font-weight: 700;\n  background-color: transparentize(var(--blue), 0.95);\n  border-radius: var(--border-radius);\n}\n\n.index-module_start__EcNvK {\n  border-radius: var(--border-radius) 0 0 var(--border-radius);\n}\n\n.index-module_between__2DOr6 {\n  border-radius: 0;\n}\n\n.index-module_end__6l07Q {\n  border-radius: 0 var(--border-radius) var(--border-radius) 0;\n}\n\n.index-module_muted__i-tQA,\n.index-module_disabled__--Yz3 {\n  color: rgba(0, 0, 0, 0.3);\n}\n\n.index-module_start__EcNvK.index-module_end__6l07Q {\n  border-radius: var(--border-radius);\n}\n\n.index-module_start__EcNvK,\n.index-module_end__6l07Q {\n  background-color: var(--blue);\n  color: #fff;\n}\n\n.index-module_between__2DOr6 {\n  background-color: var(--square-blue);\n}\n\n.index-module_disabled__--Yz3 {\n  cursor: default;\n  pointer-events: none;\n}\n";
+var styles = {"root":"index-module_root__Zwu81","active":"index-module_active__TZ-sO","start":"index-module_start__EcNvK","between":"index-module_between__2DOr6","end":"index-module_end__6l07Q","muted":"index-module_muted__i-tQA","disabled":"index-module_disabled__--Yz3"};
+styleInject(css_248z);
+
+export { styles as default };