@solibo/solibo-ui 0.5.16 → 1.0.0

package/dist/components/_dropdown/index.js

@@ -1,188 +0,0 @@
-import { jsxs as _, jsx as i, Fragment as Z } from "react/jsx-runtime";
-import { t as V } from "../../classix-DG18itHa.js";
-import ee, { useRef as g, useState as O, useEffect as P, Children as te, isValidElement as x } from "react";
-import { Button as A } from "../button/index.js";
-import { i as ne } from "../../icons-D6XjzxSX.js";
-import { Input as re } from "../input/index.js";
-import { i as oe } from "../../styles.module-DbpbMZGd.js";
-import { List as se } from "../list/index.js";
-import { s as le, S as ie } from "../../index-BMYV_5ZN.js";
-import { r as G } from "../../utils--n2yqjCy.js";
-import '../../assets/index19.css';const ae = "_dropdown_1dsxx_1", ce = "_empty_1dsxx_4", pe = "_group_1dsxx_5", ue = "_placeholder_1dsxx_6", de = "_filter_1dsxx_14", fe = "_native_1dsxx_25", me = "_option_1dsxx_35", he = "_options_1dsxx_57", xe = "_panel_1dsxx_81", ge = "_selected_1dsxx_104", _e = "_text_1dsxx_108", ve = "_trigger_1dsxx_117", ye = "_minimal_1dsxx_133", l = {
-  dropdown: ae,
-  empty: ce,
-  group: pe,
-  placeholder: ue,
-  filter: de,
-  native: fe,
-  option: me,
-  options: he,
-  panel: xe,
-  selected: ge,
-  text: _e,
-  trigger: ve,
-  minimal: ye
-};
-function K(e, r) {
-  return {
-    "--icon-svg": ne(e).replace("currentColor", r)
-  };
-}
-function $(e) {
-  return typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map($).join(" ") : x(e) ? $(e.props.children) : "";
-}
-function be(e) {
-  return x(e) && e.type === "option";
-}
-function we(e) {
-  return x(e) && e.type === "optgroup";
-}
-function Se(e) {
-  return x(e) && e.type === ee.Fragment;
-}
-function Ne(e) {
-  return x(e) && e.type === ie;
-}
-function B(e, r, o = !1) {
-  const s = [];
-  return te.forEach(e, (t) => {
-    if (Se(t)) {
-      s.push(...B(t.props.children, r, o));
-      return;
-    }
-    if (be(t)) {
-      const p = $(t.props.children).trim(), u = t.props.value != null ? String(t.props.value) : p;
-      s.push({
-        disabled: o || !!t.props.disabled,
-        groupLabel: r,
-        hidden: !!t.props.hidden,
-        isPlaceholder: !!(t.props.hidden && u === ""),
-        label: t.props.children,
-        selected: !!t.props.selected,
-        text: p,
-        value: u
-      });
-      return;
-    }
-    we(t) && s.push(...B(t.props.children, t.props.label, o || !!t.props.disabled));
-  }), s;
-}
-function Ee(e) {
-  const r = e.trim();
-  if (!r)
-    return null;
-  const s = [.../[*?]/.test(r) ? r : `*${r}*`].map((t) => t === "*" ? ".*" : t === "?" ? "." : t.replace(/[|\\{}()[\]^$+.,]/g, "\\$&")).join("");
-  return new RegExp(`^${s}$`, "i");
-}
-function Ce(e, r) {
-  const o = Ee(r), s = e.filter((t) => !t.hidden && !t.isPlaceholder);
-  return o ? s.filter((t) => o.test([t.groupLabel, t.text, t.value].filter(Boolean).join(" "))) : s;
-}
-function Ve(e, r) {
-  return e.find((o) => o.value === r) ?? e.find((o) => o.isPlaceholder) ?? e[0];
-}
-function Oe(e, r, o) {
-  var t;
-  if (r != null)
-    return String(r);
-  if (o != null)
-    return String(o);
-  const s = e.find((p) => p.selected);
-  return s ? s.value : ((t = e[0]) == null ? void 0 : t.value) ?? "";
-}
-function Pe(e) {
-  if (Ne(e)) {
-    const {
-      children: r,
-      placeholder: o,
-      ...s
-    } = e.props;
-    return {
-      children: /* @__PURE__ */ _(Z, { children: [
-        o && /* @__PURE__ */ i("option", { hidden: !0, value: "", children: o }),
-        r
-      ] }),
-      props: s
-    };
-  }
-  return {
-    children: e.props.children,
-    props: e.props
-  };
-}
-const ke = ({
-  children: e,
-  className: r,
-  emptyLabel: o = "No matches found",
-  searchPlaceholder: s = "Filter",
-  variant: t = "default",
-  ...p
-}) => {
-  const u = Pe(e), {
-    defaultValue: T,
-    onChange: v,
-    value: y,
-    ...q
-  } = u.props, I = le(q), L = g(null), R = g(null), j = g(null), D = g(null), m = B(u.children), h = y != null, b = Oe(m, y, T), [w, S] = O(() => b), [c, N] = O(!1), [F, W] = O(""), E = h ? String(y) : w, Q = {
-    default: G("--colors-semantic-content-secondary"),
-    white: G("--color-white", "white")
-  }, k = t === "minimal" ? Q.white : Q.default, d = Ve(m, E), H = K("chevron", k), J = K("search", k), z = Ce(m, F);
-  P(() => {
-    !h && !m.some((n) => n.value === w) && S(b);
-  }, [b, w, h, m]), P(() => {
-    var n;
-    if (!c) {
-      W("");
-      return;
-    }
-    (n = D.current) == null || n.focus();
-  }, [c]), P(() => {
-    if (!c)
-      return;
-    const n = (a) => {
-      var f;
-      (f = R.current) != null && f.contains(a.target) || N(!1);
-    };
-    return document.addEventListener("mousedown", n), () => {
-      document.removeEventListener("mousedown", n);
-    };
-  }, [c]);
-  const U = (n) => {
-    h || S(n.target.value), v == null || v(n);
-  }, C = () => {
-    var n;
-    N(!1), (n = L.current) == null || n.focus();
-  }, X = (n) => {
-    var M;
-    h || S(n);
-    const a = j.current;
-    if (!a) {
-      C();
-      return;
-    }
-    const f = (M = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, "value")) == null ? void 0 : M.set;
-    f == null || f.call(a, n), a.dispatchEvent(new Event("change", {
-      bubbles: !0
-    })), C();
-  }, Y = (n) => {
-    n.key === "Escape" && C();
-  };
-  return /* @__PURE__ */ _("div", { className: V(l.dropdown, t === "minimal" && l.minimal, r), onKeyDown: Y, ref: R, ...p, "data-component": "dropdown", children: [
-    /* @__PURE__ */ i("select", { ...I, "aria-hidden": "true", className: l.native, onChange: U, ref: j, tabIndex: -1, value: E, children: u.children }),
-    /* @__PURE__ */ i(A, { "aria-expanded": c, "aria-haspopup": "dialog", className: V(t === "default" && oe.input, l.trigger, (d == null ? void 0 : d.isPlaceholder) && l.placeholder), "data-open": c ? "true" : void 0, disabled: I.disabled, onClick: () => N((n) => !n), ref: L, style: H, variant: "minimal", children: /* @__PURE__ */ i("span", { className: l.text, children: (d == null ? void 0 : d.label) ?? "Select an option" }) }),
-    c && /* @__PURE__ */ _("div", { className: l.panel, children: [
-      /* @__PURE__ */ i(re, { "aria-label": "Filter", className: l.filter, icon: "search", onChange: (n) => W(n.target.value), placeholder: s, ref: D, style: J, type: "search", value: F }),
-      /* @__PURE__ */ i(se, { "aria-label": "Dropdown", className: l.options, children: z.length > 0 ? z.map((n) => {
-        const a = n.value === E;
-        return /* @__PURE__ */ i("li", { "data-component": "dropdown", children: /* @__PURE__ */ _(A, { "aria-label": a ? `${n.text}, selected` : n.text, className: V(l.option, a && l.selected), disabled: n.disabled, onClick: () => X(n.value), variant: "minimal", children: [
-          /* @__PURE__ */ i("span", { className: l.text, children: n.label }),
-          n.groupLabel && /* @__PURE__ */ i("small", { className: l.group, children: n.groupLabel })
-        ] }) }, `${n.groupLabel ?? "root"}-${n.value}`);
-      }) : /* @__PURE__ */ i("li", { className: l.empty, children: o }) })
-    ] })
-  ] });
-};
-export {
-  ke as Dropdown
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/_dropdown/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { Children, isValidElement, useEffect, useRef, useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { type IconName, iconSVG } from '@/components/icon/icons';\nimport { Input } from '@/components/input';\nimport inputStyles from '@/components/input/styles.module.css';\nimport { List } from '@/components/list';\nimport { Select, type SelectProps } from '@/components/select';\nimport { sanitizeSelectProps } from '@/components/select/sanitizeSelectProps';\nimport { resolveColor } from '@/utils';\n\nimport styles from './styles.module.css';\n\ntype NativeSelectProps = Omit<React.ComponentPropsWithoutRef<'select'>, 'children' | 'multiple'> & {\n  children: React.ReactNode;\n  multiple?: false;\n};\n\ntype NativeSelectElement = React.ReactElement<NativeSelectProps, 'select'>;\ntype WrappedSelectElement = React.ReactElement<SelectProps, typeof Select>;\ntype DropdownSelectElement = NativeSelectElement | WrappedSelectElement;\n\ntype DropdownOption = {\n  disabled: boolean;\n  groupLabel?: string;\n  hidden: boolean;\n  isPlaceholder: boolean;\n  label: React.ReactNode;\n  selected: boolean;\n  text: string;\n  value: string;\n};\n\nexport type DropdownProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> & {\n  children: DropdownSelectElement;\n  emptyLabel?: string;\n  searchPlaceholder?: string;\n  variant?: 'default' | 'minimal';\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nfunction getIconWithVars(icon: IconName, color: string): withVars {\n  return {\n    '--icon-svg': iconSVG(icon).replace('currentColor', color),\n  };\n}\n\nfunction getNodeText(node: React.ReactNode): string {\n  if (typeof node === 'string' || typeof node === 'number') {\n    return String(node);\n  }\n\n  if (Array.isArray(node)) {\n    return node.map(getNodeText).join(' ');\n  }\n\n  if (isValidElement<{ children?: React.ReactNode }>(node)) {\n    return getNodeText(node.props.children);\n  }\n\n  return '';\n}\n\nfunction isOptionElement(\n  node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'option'>, 'option'> {\n  return isValidElement(node) && node.type === 'option';\n}\n\nfunction isOptGroupElement(\n  node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'optgroup'>, 'optgroup'> {\n  return isValidElement(node) && node.type === 'optgroup';\n}\n\nfunction isFragmentElement(\n  node: React.ReactNode\n): node is React.ReactElement<{ children?: React.ReactNode }, typeof React.Fragment> {\n  return isValidElement(node) && node.type === React.Fragment;\n}\n\nfunction isWrappedSelectElement(node: React.ReactNode): node is WrappedSelectElement {\n  return isValidElement(node) && node.type === Select;\n}\n\nfunction extractOptions(\n  children: React.ReactNode,\n  groupLabel?: string,\n  groupDisabled = false\n): DropdownOption[] {\n  const options: DropdownOption[] = [];\n\n  Children.forEach(children, (child) => {\n    if (isFragmentElement(child)) {\n      options.push(...extractOptions(child.props.children, groupLabel, groupDisabled));\n      return;\n    }\n\n    if (isOptionElement(child)) {\n      const text = getNodeText(child.props.children).trim();\n      const value = child.props.value != null ? String(child.props.value) : text;\n\n      options.push({\n        disabled: groupDisabled || Boolean(child.props.disabled),\n        groupLabel,\n        hidden: Boolean(child.props.hidden),\n        isPlaceholder: Boolean(child.props.hidden && value === ''),\n        label: child.props.children,\n        selected: Boolean(child.props.selected),\n        text,\n        value,\n      });\n\n      return;\n    }\n\n    if (isOptGroupElement(child)) {\n      options.push(\n        ...extractOptions(\n          child.props.children,\n          child.props.label,\n          groupDisabled || Boolean(child.props.disabled)\n        )\n      );\n    }\n  });\n\n  return options;\n}\n\nfunction buildWildcardMatcher(query: string) {\n  const trimmedQuery = query.trim();\n\n  if (!trimmedQuery) {\n    return null;\n  }\n\n  const wildcardQuery = /[*?]/.test(trimmedQuery) ? trimmedQuery : `*${trimmedQuery}*`;\n  const expression = [...wildcardQuery]\n    .map((character) => {\n      if (character === '*') {\n        return '.*';\n      }\n\n      if (character === '?') {\n        return '.';\n      }\n\n      return character.replace(/[|\\\\{}()[\\]^$+.,]/g, '\\\\$&');\n    })\n    .join('');\n\n  return new RegExp(`^${expression}$`, 'i');\n}\n\nfunction filterOptions(options: DropdownOption[], query: string) {\n  const matcher = buildWildcardMatcher(query);\n  const selectableOptions = options.filter((option) => !option.hidden && !option.isPlaceholder);\n\n  if (!matcher) {\n    return selectableOptions;\n  }\n\n  return selectableOptions.filter((option) =>\n    matcher.test([option.groupLabel, option.text, option.value].filter(Boolean).join(' '))\n  );\n}\n\nfunction getDisplayOption(options: DropdownOption[], selectedValue: string) {\n  return (\n    options.find((option) => option.value === selectedValue) ??\n    options.find((option) => option.isPlaceholder) ??\n    options[0]\n  );\n}\n\nfunction getInitialValue(\n  options: DropdownOption[],\n  value?: NativeSelectProps['value'],\n  defaultValue?: NativeSelectProps['defaultValue']\n) {\n  if (value != null) {\n    return String(value);\n  }\n\n  if (defaultValue != null) {\n    return String(defaultValue);\n  }\n\n  const selectedOption = options.find((option) => option.selected);\n\n  if (selectedOption) {\n    return selectedOption.value;\n  }\n\n  return options[0]?.value ?? '';\n}\n\nfunction normalizeSelectElement(selectElement: DropdownSelectElement) {\n  if (isWrappedSelectElement(selectElement)) {\n    const { children, placeholder, ...props } = selectElement.props;\n\n    return {\n      children: (\n        <>\n          {placeholder && (\n            <option\n              hidden\n              value=''\n            >\n              {placeholder}\n            </option>\n          )}\n          {children}\n        </>\n      ),\n      props,\n    };\n  }\n\n  return {\n    children: selectElement.props.children,\n    props: selectElement.props,\n  };\n}\n\nexport const Dropdown = ({\n  children: selectElement,\n  className,\n  emptyLabel = 'No matches found',\n  searchPlaceholder = 'Filter',\n  variant = 'default',\n  ...props\n}: DropdownProps) => {\n  const normalizedSelect = normalizeSelectElement(selectElement);\n  const { defaultValue, onChange, value, ...restSelectProps } = normalizedSelect.props;\n  const selectProps = sanitizeSelectProps(restSelectProps);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const nativeSelectRef = useRef<HTMLSelectElement>(null);\n  const searchRef = useRef<HTMLInputElement>(null);\n  const options = extractOptions(normalizedSelect.children);\n  const isControlled = value != null;\n  const initialValue = getInitialValue(options, value, defaultValue);\n  const [internalValue, setInternalValue] = useState(() => initialValue);\n  const [isOpen, setIsOpen] = useState(false);\n  const [query, setQuery] = useState('');\n  const selectedValue = isControlled ? String(value) : internalValue;\n  const iconColors = {\n    default: resolveColor('--colors-semantic-content-secondary'),\n    white: resolveColor('--color-white', 'white'),\n  };\n  const dropdownIconColor = variant === 'minimal' ? iconColors.white : iconColors.default;\n  const displayOption = getDisplayOption(options, selectedValue);\n  const triggerWithVars = getIconWithVars('chevron', dropdownIconColor);\n  const filterWithVars = getIconWithVars('search', dropdownIconColor);\n  const filteredOptions = filterOptions(options, query);\n\n  useEffect(() => {\n    if (!isControlled && !options.some((option) => option.value === internalValue)) {\n      setInternalValue(initialValue);\n    }\n  }, [initialValue, internalValue, isControlled, options]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setQuery('');\n      return;\n    }\n\n    searchRef.current?.focus();\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handlePointerDown = (event: MouseEvent) => {\n      if (!containerRef.current?.contains(event.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handlePointerDown);\n\n    return () => {\n      document.removeEventListener('mousedown', handlePointerDown);\n    };\n  }, [isOpen]);\n\n  const handleNativeChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    if (!isControlled) {\n      setInternalValue(event.target.value);\n    }\n\n    onChange?.(event);\n  };\n\n  const closeMenu = () => {\n    setIsOpen(false);\n    buttonRef.current?.focus();\n  };\n\n  const commitValue = (nextValue: string) => {\n    if (!isControlled) {\n      setInternalValue(nextValue);\n    }\n\n    const nativeSelect = nativeSelectRef.current;\n\n    if (!nativeSelect) {\n      closeMenu();\n      return;\n    }\n\n    const valueSetter = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, 'value')?.set;\n\n    valueSetter?.call(nativeSelect, nextValue);\n    nativeSelect.dispatchEvent(new Event('change', { bubbles: true }));\n    closeMenu();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Escape') {\n      closeMenu();\n    }\n  };\n\n  return (\n    <div\n      className={cx(styles.dropdown, variant === 'minimal' && styles.minimal, className)}\n      onKeyDown={handleKeyDown}\n      ref={containerRef}\n      {...props}\n    >\n      <select\n        {...selectProps}\n        aria-hidden='true'\n        className={styles.native}\n        onChange={handleNativeChange}\n        ref={nativeSelectRef}\n        tabIndex={-1}\n        value={selectedValue}\n      >\n        {normalizedSelect.children}\n      </select>\n      <Button\n        aria-expanded={isOpen}\n        aria-haspopup='dialog'\n        className={cx(\n          variant === 'default' && inputStyles.input,\n          styles.trigger,\n          displayOption?.isPlaceholder && styles.placeholder\n        )}\n        data-open={isOpen ? 'true' : undefined}\n        disabled={selectProps.disabled}\n        onClick={() => setIsOpen((currentValue) => !currentValue)}\n        ref={buttonRef}\n        style={triggerWithVars}\n        variant='minimal'\n      >\n        <span className={styles.text}>{displayOption?.label ?? 'Select an option'}</span>\n      </Button>\n      {isOpen && (\n        <div className={styles.panel}>\n          <Input\n            aria-label='Filter'\n            className={styles.filter}\n            icon='search'\n            onChange={(event) => setQuery(event.target.value)}\n            placeholder={searchPlaceholder}\n            ref={searchRef}\n            style={filterWithVars}\n            type='search'\n            value={query}\n          />\n          <List\n            aria-label='Dropdown'\n            className={styles.options}\n          >\n            {filteredOptions.length > 0 ? (\n              filteredOptions.map((option) => {\n                const isSelected = option.value === selectedValue;\n\n                return (\n                  <li key={`${option.groupLabel ?? 'root'}-${option.value}`}>\n                    <Button\n                      aria-label={isSelected ? `${option.text}, selected` : option.text}\n                      className={cx(styles.option, isSelected && styles.selected)}\n                      disabled={option.disabled}\n                      onClick={() => commitValue(option.value)}\n                      variant='minimal'\n                    >\n                      <span className={styles.text}>{option.label}</span>\n                      {option.groupLabel && (\n                        <small className={styles.group}>{option.groupLabel}</small>\n                      )}\n                    </Button>\n                  </li>\n                );\n              })\n            ) : (\n              <li className={styles.empty}>{emptyLabel}</li>\n            )}\n          </List>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["getIconWithVars","icon","color","iconSVG","replace","getNodeText","node","String","Array","isArray","map","join","isValidElement","props","children","isOptionElement","type","isOptGroupElement","isFragmentElement","React","Fragment","isWrappedSelectElement","Select","extractOptions","groupLabel","groupDisabled","options","Children","forEach","child","push","text","trim","value","disabled","Boolean","hidden","isPlaceholder","label","selected","buildWildcardMatcher","query","trimmedQuery","expression","test","character","RegExp","filterOptions","matcher","selectableOptions","filter","option","getDisplayOption","selectedValue","find","getInitialValue","defaultValue","selectedOption","normalizeSelectElement","selectElement","placeholder","jsxs","Dropdown","className","emptyLabel","searchPlaceholder","variant","normalizedSelect","onChange","restSelectProps","selectProps","sanitizeSelectProps","buttonRef","useRef","containerRef","nativeSelectRef","searchRef","isControlled","initialValue","internalValue","setInternalValue","useState","isOpen","setIsOpen","setQuery","iconColors","default","resolveColor","white","dropdownIconColor","displayOption","triggerWithVars","filterWithVars","filteredOptions","useEffect","some","current","focus","handlePointerDown","event","contains","target","document","addEventListener","removeEventListener","handleNativeChange","closeMenu","commitValue","nextValue","nativeSelect","valueSetter","Object","getOwnPropertyDescriptor","HTMLSelectElement","prototype","set","call","dispatchEvent","Event","bubbles","handleKeyDown","key","cx","styles","dropdown","minimal","jsx","native","Button","inputStyles","input","trigger","undefined","currentValue","panel","Input","List","length","isSelected","group","empty"],"mappings":"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"}

package/dist/components/_dropzone/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index20.css');const i=require("react/jsx-runtime"),b=require("../../classix-5H4IWnMA.cjs"),z=require("react"),q=require("../button/index.cjs"),I=require("../icon/index.cjs"),R="_dropzone_1rpsf_1",T="_dragging_1rpsf_19",S="_minimal_1rpsf_23",g={dropzone:R,dragging:T,minimal:S},k=({accepts:F,label:D="Select files",maxFileSize:m,multiple:d=!1,onChange:n,onValidation:a,variant:p="default",...y})=>{const f=z.useRef(null),[x,l]=z.useState(!1),c=e=>{e.preventDefault(),e.stopPropagation()},_=e=>{const t=f.current;if(!t)return;const s=new DataTransfer;for(const r of e)s.items.add(r);t.files=s.files,n==null||n({target:t,currentTarget:t})},v=e=>{const{validFiles:t,emptyFiles:s,oversizedFiles:r}=e.reduce((u,o)=>(o.size===0?u.emptyFiles.push(o):m&&o.size>m?u.oversizedFiles.push(o):u.validFiles.push(o),u),{validFiles:[],emptyFiles:[],oversizedFiles:[]});return(s.length>0||r.length>0)&&(a==null||a(s,r)),t},j=e=>{c(e),l(!1);const t=Array.from(e.dataTransfer.files??[]),s=v(t);if(s.length===0)return;const r=d?s:s.slice(0,1);_(r)},h=e=>{const t=Array.from(e.target.files??[]),s=v(t);if(s.length===t.length){n==null||n(e);return}const r=d?s:s.slice(0,1);_(r)};return i.jsx("div",{className:b.t(g.dropzone,g[p],x&&g.dragging),onDragEnter:e=>{c(e),l(!0)},onDragOver:e=>{c(e),l(!0)},onDragLeave:e=>{c(e),l(!1)},onDrop:j,...y,"data-component":"dropzone",children:i.jsxs("label",{children:[i.jsx("input",{accept:F,hidden:!0,multiple:d,onChange:h,ref:f,type:"file"}),i.jsx(I.Icon,{name:"upload",size:p==="minimal"?"medium":"large"}),i.jsx("br",{}),p!=="minimal"&&i.jsx(q.Button,{onClick:()=>{var e;return(e=f.current)==null?void 0:e.click()},type:"button",children:D})]})})};exports.Dropzone=k;
-//# sourceMappingURL=index.cjs.map

package/dist/components/_dropzone/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/_dropzone/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useRef, useState } from 'react';\n\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type DropzoneProps = {\n  accepts?: string;\n  label: string;\n  maxFileSize?: number;\n  multiple?: boolean;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  onValidation?: (empty: File[], oversized: File[]) => void;\n  variant?: 'default' | 'minimal';\n};\n\nexport const Dropzone = ({\n  accepts,\n  label = 'Select files',\n  maxFileSize,\n  multiple = false,\n  onChange,\n  onValidation,\n  variant = 'default',\n  ...props\n}: DropzoneProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isDragging, setIsDragging] = useState(false);\n\n  const prevent = (e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n  };\n\n  const updateInputFiles = (files: File[]) => {\n    const input = inputRef.current;\n    if (!input) return;\n\n    const dt = new DataTransfer();\n    for (const file of files) dt.items.add(file);\n\n    input.files = dt.files;\n\n    onChange?.({\n      target: input,\n      currentTarget: input,\n    } as React.ChangeEvent<HTMLInputElement>);\n  };\n\n  const getValidFiles = (files: File[]) => {\n    const { validFiles, emptyFiles, oversizedFiles } = files.reduce(\n      (acc, file) => {\n        if (file.size === 0) {\n          acc.emptyFiles.push(file);\n        } else if (maxFileSize && file.size > maxFileSize) {\n          acc.oversizedFiles.push(file);\n        } else {\n          acc.validFiles.push(file);\n        }\n\n        return acc;\n      },\n      {\n        validFiles: [] as File[],\n        emptyFiles: [] as File[],\n        oversizedFiles: [] as File[],\n      }\n    );\n\n    if (emptyFiles.length > 0 || oversizedFiles.length > 0) {\n      onValidation?.(emptyFiles, oversizedFiles);\n    }\n\n    return validFiles;\n  };\n\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n    prevent(e);\n    setIsDragging(false);\n    const files = Array.from(e.dataTransfer.files ?? []);\n    const validFiles = getValidFiles(files);\n\n    if (validFiles.length === 0) return;\n\n    const selected = multiple ? validFiles : validFiles.slice(0, 1);\n    updateInputFiles(selected);\n  };\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    const files = Array.from(e.target.files ?? []);\n    const validFiles = getValidFiles(files);\n\n    if (validFiles.length === files.length) {\n      onChange?.(e);\n      return;\n    }\n\n    const selected = multiple ? validFiles : validFiles.slice(0, 1);\n    updateInputFiles(selected);\n  };\n\n  return (\n    <div\n      className={cx(styles.dropzone, styles[variant], isDragging && styles.dragging)}\n      onDragEnter={(e) => {\n        prevent(e);\n        setIsDragging(true);\n      }}\n      onDragOver={(e) => {\n        prevent(e);\n        setIsDragging(true);\n      }}\n      onDragLeave={(e) => {\n        prevent(e);\n        setIsDragging(false);\n      }}\n      onDrop={handleDrop}\n      {...props}\n    >\n      <label>\n        <input\n          accept={accepts}\n          hidden\n          multiple={multiple}\n          onChange={handleInputChange}\n          ref={inputRef}\n          type='file'\n        />\n        <Icon\n          name='upload'\n          size={variant === 'minimal' ? 'medium' : 'large'}\n        />\n        <br />\n        {variant !== 'minimal' && (\n          <Button\n            onClick={() => inputRef.current?.click()}\n            type={'button'}\n          >\n            {label}\n          </Button>\n        )}\n      </label>\n    </div>\n  );\n};\n"],"names":["Dropzone","accepts","label","maxFileSize","multiple","onChange","onValidation","variant","props","inputRef","useRef","isDragging","setIsDragging","useState","prevent","e","preventDefault","stopPropagation","updateInputFiles","files","input","current","dt","DataTransfer","file","items","add","target","currentTarget","getValidFiles","validFiles","emptyFiles","oversizedFiles","reduce","acc","size","push","length","handleDrop","Array","from","dataTransfer","selected","slice","handleInputChange","jsx","cx","styles","dropzone","dragging","Icon","Button","click"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/_dropzone/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useRef, useState } from 'react';\n\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type DropzoneProps = {\n  accepts?: string;\n  label: string;\n  maxFileSize?: number;\n  multiple?: boolean;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  onValidation?: (empty: File[], oversized: File[]) => void;\n  variant?: 'default' | 'minimal';\n};\n\nexport const Dropzone = ({\n  accepts,\n  label = 'Select files',\n  maxFileSize,\n  multiple = false,\n  onChange,\n  onValidation,\n  variant = 'default',\n  ...props\n}: DropzoneProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isDragging, setIsDragging] = useState(false);\n\n  const prevent = (e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n  };\n\n  const updateInputFiles = (files: File[]) => {\n    const input = inputRef.current;\n    if (!input) return;\n\n    const dt = new DataTransfer();\n    for (const file of files) dt.items.add(file);\n\n    input.files = dt.files;\n\n    onChange?.({\n      target: input,\n      currentTarget: input,\n    } as React.ChangeEvent<HTMLInputElement>);\n  };\n\n  const getValidFiles = (files: File[]) => {\n    const { validFiles, emptyFiles, oversizedFiles } = files.reduce(\n      (acc, file) => {\n        if (file.size === 0) {\n          acc.emptyFiles.push(file);\n        } else if (maxFileSize && file.size > maxFileSize) {\n          acc.oversizedFiles.push(file);\n        } else {\n          acc.validFiles.push(file);\n        }\n\n        return acc;\n      },\n      {\n        validFiles: [] as File[],\n        emptyFiles: [] as File[],\n        oversizedFiles: [] as File[],\n      }\n    );\n\n    if (emptyFiles.length > 0 || oversizedFiles.length > 0) {\n      onValidation?.(emptyFiles, oversizedFiles);\n    }\n\n    return validFiles;\n  };\n\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n    prevent(e);\n    setIsDragging(false);\n    const files = Array.from(e.dataTransfer.files ?? []);\n    const validFiles = getValidFiles(files);\n\n    if (validFiles.length === 0) return;\n\n    const selected = multiple ? validFiles : validFiles.slice(0, 1);\n    updateInputFiles(selected);\n  };\n\n  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    const files = Array.from(e.target.files ?? []);\n    const validFiles = getValidFiles(files);\n\n    if (validFiles.length === files.length) {\n      onChange?.(e);\n      return;\n    }\n\n    const selected = multiple ? validFiles : validFiles.slice(0, 1);\n    updateInputFiles(selected);\n  };\n\n  return (\n    <div\n      className={cx(styles.dropzone, styles[variant], isDragging && styles.dragging)}\n      onDragEnter={(e) => {\n        prevent(e);\n        setIsDragging(true);\n      }}\n      onDragOver={(e) => {\n        prevent(e);\n        setIsDragging(true);\n      }}\n      onDragLeave={(e) => {\n        prevent(e);\n        setIsDragging(false);\n      }}\n      onDrop={handleDrop}\n      {...props}\n    >\n      <label>\n        <input\n          accept={accepts}\n          hidden\n          multiple={multiple}\n          onChange={handleInputChange}\n          ref={inputRef}\n          type='file'\n        />\n        <Icon\n          name='upload'\n          size={variant === 'minimal' ? 'medium' : 'large'}\n        />\n        <br />\n        {variant !== 'minimal' && (\n          <Button\n            onClick={() => inputRef.current?.click()}\n            type={'button'}\n          >\n            {label}\n          </Button>\n        )}\n      </label>\n    </div>\n  );\n};\n"],"names":["Dropzone","accepts","label","maxFileSize","multiple","onChange","onValidation","variant","props","inputRef","useRef","isDragging","setIsDragging","useState","prevent","e","preventDefault","stopPropagation","updateInputFiles","files","input","current","dt","DataTransfer","file","items","add","target","currentTarget","getValidFiles","validFiles","emptyFiles","oversizedFiles","reduce","acc","size","push","length","handleDrop","Array","from","dataTransfer","selected","slice","handleInputChange","jsx","cx","styles","dropzone","dragging","Icon","Button","click"],"mappings":"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"}