@semcore/core 2.39.4 → 2.40.0-prerelease.0

package/lib/utils/CSSinJS.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createStyle = createStyle;
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _nanoCss = require("@phytonmk/nano-css");
+var _cache = require("@phytonmk/nano-css/addon/cache");
+var _hydrate = require("@phytonmk/nano-css/addon/hydrate");
+var _prefixer = require("@phytonmk/nano-css/addon/prefixer");
+var _rule = require("@phytonmk/nano-css/addon/rule");
+var _nano = null;
+function style(opt) {
+  if (!_nano) {
+    _nano = createStyle(opt);
+  }
+  return _nano;
+}
+function createStyle() {
+  var opt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var nano = (0, _nanoCss.create)((0, _objectSpread2["default"])({
+    pfx: 'css',
+    verbose: true
+  }, opt));
+  (0, _cache.addon)(nano);
+  (0, _rule.addon)(nano);
+  (0, _prefixer.addon)(nano);
+  (0, _hydrate.addon)(nano);
+  return nano;
+}
+var _default = exports["default"] = style;
+//# sourceMappingURL=CSSinJS.js.map

package/lib/utils/CSSinJS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSSinJS.js","names":["_nanoCss","require","_cache","_hydrate","_prefixer","_rule","_nano","style","opt","createStyle","arguments","length","undefined","nano","create","_objectSpread2","pfx","verbose","addonCache","addonRule","addonPrefixer","addonHydrate","_default","exports"],"sources":["../../src/utils/CSSinJS.ts"],"sourcesContent":["import { create, type NanoOptions, type NanoRenderer } from '@phytonmk/nano-css';\nimport { addon as addonCache } from '@phytonmk/nano-css/addon/cache';\nimport { addon as addonHydrate } from '@phytonmk/nano-css/addon/hydrate';\nimport { addon as addonPrefixer } from '@phytonmk/nano-css/addon/prefixer';\nimport { addon as addonRule } from '@phytonmk/nano-css/addon/rule';\n\nlet _nano: any = null;\n\nfunction style(opt?: NanoOptions): NanoRenderer {\n  if (!_nano) {\n    _nano = createStyle(opt);\n  }\n  return _nano;\n}\n\nfunction createStyle(opt: NanoOptions = {}): NanoRenderer {\n  const nano = create({ pfx: 'css', verbose: true, ...opt });\n\n  addonCache(nano);\n  addonRule(nano);\n  addonPrefixer(nano);\n  addonHydrate(nano);\n\n  return nano;\n}\n\nexport { createStyle };\n\nexport default style;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAIK,KAAU,GAAG,IAAI;AAErB,SAASC,KAAKA,CAACC,GAAiB,EAAgB;EAC9C,IAAI,CAACF,KAAK,EAAE;IACVA,KAAK,GAAGG,WAAW,CAACD,GAAG,CAAC;EAC1B;EACA,OAAOF,KAAK;AACd;AAEA,SAASG,WAAWA,CAAA,EAAsC;EAAA,IAArCD,GAAgB,GAAAE,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACxC,IAAMG,IAAI,GAAG,IAAAC,eAAM,MAAAC,cAAA;IAAGC,GAAG,EAAE,KAAK;IAAEC,OAAO,EAAE;EAAI,GAAKT,GAAG,CAAE,CAAC;EAE1D,IAAAU,YAAU,EAACL,IAAI,CAAC;EAChB,IAAAM,WAAS,EAACN,IAAI,CAAC;EACf,IAAAO,eAAa,EAACP,IAAI,CAAC;EACnB,IAAAQ,cAAY,EAACR,IAAI,CAAC;EAElB,OAAOA,IAAI;AACb;AAAC,IAAAS,QAAA,GAAAC,OAAA,cAIchB,KAAK","ignoreList":[]}

package/lib/utils/CSSinJS.mjs

@@ -0,0 +1,28 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { create } from '@phytonmk/nano-css';
+import { addon as addonCache } from '@phytonmk/nano-css/addon/cache';
+import { addon as addonHydrate } from '@phytonmk/nano-css/addon/hydrate';
+import { addon as addonPrefixer } from '@phytonmk/nano-css/addon/prefixer';
+import { addon as addonRule } from '@phytonmk/nano-css/addon/rule';
+var _nano = null;
+function style(opt) {
+  if (!_nano) {
+    _nano = createStyle(opt);
+  }
+  return _nano;
+}
+function createStyle() {
+  var opt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var nano = create(_objectSpread({
+    pfx: 'css',
+    verbose: true
+  }, opt));
+  addonCache(nano);
+  addonRule(nano);
+  addonPrefixer(nano);
+  addonHydrate(nano);
+  return nano;
+}
+export { createStyle };
+export default style;
+//# sourceMappingURL=CSSinJS.mjs.map

package/lib/utils/CSSinJS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSSinJS.mjs","names":["create","addon","addonCache","addonHydrate","addonPrefixer","addonRule","_nano","style","opt","createStyle","arguments","length","undefined","nano","_objectSpread","pfx","verbose"],"sources":["../../src/utils/CSSinJS.ts"],"sourcesContent":["import { create, type NanoOptions, type NanoRenderer } from '@phytonmk/nano-css';\nimport { addon as addonCache } from '@phytonmk/nano-css/addon/cache';\nimport { addon as addonHydrate } from '@phytonmk/nano-css/addon/hydrate';\nimport { addon as addonPrefixer } from '@phytonmk/nano-css/addon/prefixer';\nimport { addon as addonRule } from '@phytonmk/nano-css/addon/rule';\n\nlet _nano: any = null;\n\nfunction style(opt?: NanoOptions): NanoRenderer {\n  if (!_nano) {\n    _nano = createStyle(opt);\n  }\n  return _nano;\n}\n\nfunction createStyle(opt: NanoOptions = {}): NanoRenderer {\n  const nano = create({ pfx: 'css', verbose: true, ...opt });\n\n  addonCache(nano);\n  addonRule(nano);\n  addonPrefixer(nano);\n  addonHydrate(nano);\n\n  return nano;\n}\n\nexport { createStyle };\n\nexport default style;\n"],"mappings":";AAAA,SAASA,MAAM,QAA6C,oBAAoB;AAChF,SAASC,KAAK,IAAIC,UAAU,QAAQ,gCAAgC;AACpE,SAASD,KAAK,IAAIE,YAAY,QAAQ,kCAAkC;AACxE,SAASF,KAAK,IAAIG,aAAa,QAAQ,mCAAmC;AAC1E,SAASH,KAAK,IAAII,SAAS,QAAQ,+BAA+B;AAElE,IAAIC,KAAU,GAAG,IAAI;AAErB,SAASC,KAAKA,CAACC,GAAiB,EAAgB;EAC9C,IAAI,CAACF,KAAK,EAAE;IACVA,KAAK,GAAGG,WAAW,CAACD,GAAG,CAAC;EAC1B;EACA,OAAOF,KAAK;AACd;AAEA,SAASG,WAAWA,CAAA,EAAsC;EAAA,IAArCD,GAAgB,GAAAE,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACxC,IAAMG,IAAI,GAAGb,MAAM,CAAAc,aAAA;IAAGC,GAAG,EAAE,KAAK;IAAEC,OAAO,EAAE;EAAI,GAAKR,GAAG,CAAE,CAAC;EAE1DN,UAAU,CAACW,IAAI,CAAC;EAChBR,SAAS,CAACQ,IAAI,CAAC;EACfT,aAAa,CAACS,IAAI,CAAC;EACnBV,YAAY,CAACU,IAAI,CAAC;EAElB,OAAOA,IAAI;AACb;AAEA,SAASJ,WAAW;AAEpB,eAAeF,KAAK","ignoreList":[]}

package/lib/utils/ThemeProvider.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+type Tokens = {
+    [tokenName: string]: string;
+};
+export type ThemeProviderProps = JSX.IntrinsicElements['div'] & {
+    tokens: Tokens;
+    children: React.ReactNode;
+};
+export declare const useContextTokens: () => Tokens | null;
+export declare const useContextTheme: (ref: React.RefObject<HTMLElement>, available?: boolean) => void;
+export declare const contextThemeEnhance: <T extends Record<string, any> = {}>(getAvailable?: (props: T) => boolean | undefined) => (props: T) => T & {
+    ref: React.Ref<unknown>;
+};
+export declare const ThemeProvider: (props: ThemeProviderProps) => React.ReactElement;
+export {};

package/lib/utils/ThemeProvider.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useContextTokens = exports.useContextTheme = exports.contextThemeEnhance = exports.ThemeProvider = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _ref3 = require("./ref");
+var _useEnhancedEffect = _interopRequireDefault(require("./use/useEnhancedEffect"));
+var _excluded = ["tokens", "children", "style"];
+var useContextTokens = exports.useContextTokens = function useContextTokens() {
+  return _react["default"].useContext(themeContext);
+};
+var useContextTheme = exports.useContextTheme = function useContextTheme(ref, available) {
+  var tokens = useContextTokens();
+  var tokensKey = _react["default"].useMemo(function () {
+    if (!tokens) return '';
+    return Object.entries(tokens).map(function (_ref) {
+      var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+        key = _ref2[0],
+        value = _ref2[1];
+      return "".concat(key, "-").concat(value);
+    }).join('/');
+  }, [tokens]);
+  (0, _useEnhancedEffect["default"])(function () {
+    if (available !== undefined && !available) return;
+    if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;
+    for (var token in tokens) {
+      ref.current.style.setProperty(token, tokens[token]);
+    }
+  }, [tokensKey, available]);
+};
+var contextThemeEnhance = exports.contextThemeEnhance = function contextThemeEnhance(getAvailable) {
+  return function (props) {
+    var existingRef = props.ref;
+    var available = _react["default"].useMemo(function () {
+      return getAvailable === null || getAvailable === void 0 ? void 0 : getAvailable(props);
+    }, Object.values(props));
+    var enhanceRef = _react["default"].useRef();
+    var refArr = _react["default"].useMemo(function () {
+      return existingRef ? [existingRef, enhanceRef] : [enhanceRef];
+    }, [existingRef, enhanceRef]);
+    var ref = (0, _ref3.useForkRef)(refArr);
+    useContextTheme(enhanceRef, available);
+    return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+      ref: ref
+    });
+  };
+};
+var themeContext = /*#__PURE__*/_react["default"].createContext(null);
+var ThemeProvider = exports.ThemeProvider = function ThemeProvider(props) {
+  var _props$tokens = props.tokens,
+    providedTokens = _props$tokens === void 0 ? {} : _props$tokens,
+    children = props.children,
+    _props$style = props.style,
+    providedStyle = _props$style === void 0 ? {} : _props$style,
+    restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var contextTokens = _react["default"].useContext(themeContext);
+  var tokens = _react["default"].useMemo(function () {
+    return contextTokens === null ? providedTokens : (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, contextTokens), providedTokens);
+  }, [contextTokens, providedTokens]);
+  var style = _react["default"].useMemo(function () {
+    return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+      display: 'contents'
+    }, tokens), providedStyle);
+  }, [tokens, providedStyle]);
+  return /*#__PURE__*/_react["default"].createElement(themeContext.Provider, {
+    value: tokens
+  }, /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, restProps, {
+    style: style
+  }), children));
+};
+//# sourceMappingURL=ThemeProvider.js.map

package/lib/utils/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","names":["_react","_interopRequireDefault","require","_ref3","_useEnhancedEffect","_excluded","useContextTokens","exports","React","useContext","themeContext","useContextTheme","ref","available","tokens","tokensKey","useMemo","Object","entries","map","_ref","_ref2","_slicedToArray2","key","value","concat","join","useEnhancedEffect","undefined","current","style","setProperty","token","contextThemeEnhance","getAvailable","props","existingRef","values","enhanceRef","useRef","refArr","useForkRef","_objectSpread2","createContext","ThemeProvider","_props$tokens","providedTokens","children","_props$style","providedStyle","restProps","_objectWithoutProperties2","contextTokens","display","createElement","Provider","_extends2"],"sources":["../../src/utils/ThemeProvider.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useForkRef } from './ref';\nimport useEnhancedEffect from './use/useEnhancedEffect';\n\ntype Tokens = { [tokenName: string]: string };\nexport type ThemeProviderProps = JSX.IntrinsicElements['div'] & {\n  tokens: Tokens;\n  children: React.ReactNode;\n};\n\nexport const useContextTokens = () => React.useContext(themeContext);\n\nexport const useContextTheme = (ref: React.RefObject<HTMLElement>, available?: boolean) => {\n  const tokens = useContextTokens();\n  const tokensKey = React.useMemo(() => {\n    if (!tokens) return '';\n    return Object.entries(tokens)\n      .map(([key, value]) => `${key}-${value}`)\n      .join('/');\n  }, [tokens]);\n  useEnhancedEffect(() => {\n    if (available !== undefined && !available) return;\n    if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;\n    for (const token in tokens) {\n      ref.current.style.setProperty(token, tokens[token]);\n    }\n  }, [tokensKey, available]);\n};\nexport const contextThemeEnhance = <T extends Record<string, any> = {}>(\n  getAvailable?: (props: T) => boolean | undefined,\n) => {\n  return (props: T) => {\n    const existingRef = props.ref;\n    const available = React.useMemo(() => getAvailable?.(props), Object.values(props));\n    const enhanceRef: any = React.useRef();\n    const refArr: any = React.useMemo(\n      () => (existingRef ? [existingRef, enhanceRef] : [enhanceRef]),\n      [existingRef, enhanceRef],\n    );\n    const ref = useForkRef(refArr);\n    useContextTheme(enhanceRef, available);\n\n    return { ...props, ref };\n  };\n};\n\nconst themeContext = React.createContext<Tokens | null>(null);\n\nexport const ThemeProvider = (props: ThemeProviderProps): React.ReactElement => {\n  const { tokens: providedTokens = {}, children, style: providedStyle = {}, ...restProps } = props;\n  const contextTokens = React.useContext(themeContext);\n  const tokens = React.useMemo(\n    () => (contextTokens === null ? providedTokens : { ...contextTokens, ...providedTokens }),\n    [contextTokens, providedTokens],\n  );\n  const style: React.CSSProperties = React.useMemo(() => {\n    return {\n      display: 'contents',\n      ...tokens,\n      ...providedStyle,\n    };\n  }, [tokens, providedStyle]);\n\n  return (\n    <themeContext.Provider value={tokens}>\n      <div {...restProps} style={style}>\n        {children}\n      </div>\n    </themeContext.Provider>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/ThemeProvider.mjs

@@ -0,0 +1,71 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["tokens", "children", "style"];
+import React from 'react';
+import { useForkRef } from "./ref.mjs";
+import useEnhancedEffect from "./use/useEnhancedEffect.mjs";
+export var useContextTokens = function useContextTokens() {
+  return React.useContext(themeContext);
+};
+export var useContextTheme = function useContextTheme(ref, available) {
+  var tokens = useContextTokens();
+  var tokensKey = React.useMemo(function () {
+    if (!tokens) return '';
+    return Object.entries(tokens).map(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        key = _ref2[0],
+        value = _ref2[1];
+      return "".concat(key, "-").concat(value);
+    }).join('/');
+  }, [tokens]);
+  useEnhancedEffect(function () {
+    if (available !== undefined && !available) return;
+    if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;
+    for (var token in tokens) {
+      ref.current.style.setProperty(token, tokens[token]);
+    }
+  }, [tokensKey, available]);
+};
+export var contextThemeEnhance = function contextThemeEnhance(getAvailable) {
+  return function (props) {
+    var existingRef = props.ref;
+    var available = React.useMemo(function () {
+      return getAvailable === null || getAvailable === void 0 ? void 0 : getAvailable(props);
+    }, Object.values(props));
+    var enhanceRef = React.useRef();
+    var refArr = React.useMemo(function () {
+      return existingRef ? [existingRef, enhanceRef] : [enhanceRef];
+    }, [existingRef, enhanceRef]);
+    var ref = useForkRef(refArr);
+    useContextTheme(enhanceRef, available);
+    return _objectSpread(_objectSpread({}, props), {}, {
+      ref: ref
+    });
+  };
+};
+var themeContext = /*#__PURE__*/React.createContext(null);
+export var ThemeProvider = function ThemeProvider(props) {
+  var _props$tokens = props.tokens,
+    providedTokens = _props$tokens === void 0 ? {} : _props$tokens,
+    children = props.children,
+    _props$style = props.style,
+    providedStyle = _props$style === void 0 ? {} : _props$style,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var contextTokens = React.useContext(themeContext);
+  var tokens = React.useMemo(function () {
+    return contextTokens === null ? providedTokens : _objectSpread(_objectSpread({}, contextTokens), providedTokens);
+  }, [contextTokens, providedTokens]);
+  var style = React.useMemo(function () {
+    return _objectSpread(_objectSpread({
+      display: 'contents'
+    }, tokens), providedStyle);
+  }, [tokens, providedStyle]);
+  return /*#__PURE__*/React.createElement(themeContext.Provider, {
+    value: tokens
+  }, /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+    style: style
+  }), children));
+};
+//# sourceMappingURL=ThemeProvider.mjs.map

package/lib/utils/ThemeProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.mjs","names":["React","useForkRef","useEnhancedEffect","useContextTokens","useContext","themeContext","useContextTheme","ref","available","tokens","tokensKey","useMemo","Object","entries","map","_ref","_ref2","_slicedToArray","key","value","concat","join","undefined","current","style","setProperty","token","contextThemeEnhance","getAvailable","props","existingRef","values","enhanceRef","useRef","refArr","_objectSpread","createContext","ThemeProvider","_props$tokens","providedTokens","children","_props$style","providedStyle","restProps","_objectWithoutProperties","_excluded","contextTokens","display","createElement","Provider","_extends"],"sources":["../../src/utils/ThemeProvider.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useForkRef } from './ref';\nimport useEnhancedEffect from './use/useEnhancedEffect';\n\ntype Tokens = { [tokenName: string]: string };\nexport type ThemeProviderProps = JSX.IntrinsicElements['div'] & {\n  tokens: Tokens;\n  children: React.ReactNode;\n};\n\nexport const useContextTokens = () => React.useContext(themeContext);\n\nexport const useContextTheme = (ref: React.RefObject<HTMLElement>, available?: boolean) => {\n  const tokens = useContextTokens();\n  const tokensKey = React.useMemo(() => {\n    if (!tokens) return '';\n    return Object.entries(tokens)\n      .map(([key, value]) => `${key}-${value}`)\n      .join('/');\n  }, [tokens]);\n  useEnhancedEffect(() => {\n    if (available !== undefined && !available) return;\n    if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;\n    for (const token in tokens) {\n      ref.current.style.setProperty(token, tokens[token]);\n    }\n  }, [tokensKey, available]);\n};\nexport const contextThemeEnhance = <T extends Record<string, any> = {}>(\n  getAvailable?: (props: T) => boolean | undefined,\n) => {\n  return (props: T) => {\n    const existingRef = props.ref;\n    const available = React.useMemo(() => getAvailable?.(props), Object.values(props));\n    const enhanceRef: any = React.useRef();\n    const refArr: any = React.useMemo(\n      () => (existingRef ? [existingRef, enhanceRef] : [enhanceRef]),\n      [existingRef, enhanceRef],\n    );\n    const ref = useForkRef(refArr);\n    useContextTheme(enhanceRef, available);\n\n    return { ...props, ref };\n  };\n};\n\nconst themeContext = React.createContext<Tokens | null>(null);\n\nexport const ThemeProvider = (props: ThemeProviderProps): React.ReactElement => {\n  const { tokens: providedTokens = {}, children, style: providedStyle = {}, ...restProps } = props;\n  const contextTokens = React.useContext(themeContext);\n  const tokens = React.useMemo(\n    () => (contextTokens === null ? providedTokens : { ...contextTokens, ...providedTokens }),\n    [contextTokens, providedTokens],\n  );\n  const style: React.CSSProperties = React.useMemo(() => {\n    return {\n      display: 'contents',\n      ...tokens,\n      ...providedStyle,\n    };\n  }, [tokens, providedStyle]);\n\n  return (\n    <themeContext.Provider value={tokens}>\n      <div {...restProps} style={style}>\n        {children}\n      </div>\n    </themeContext.Provider>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/addonText.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function addonText(children: React.ReactNode, Text: React.ComponentType<any>, Addon: React.ComponentType, isTextWrapIfEmptyChildren?: boolean): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;

package/lib/utils/addonText.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = addonText;
+var _react = _interopRequireDefault(require("react"));
+function addonText(children, Text, Addon) {
+  var isTextWrapIfEmptyChildren = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  if (!isTextWrapIfEmptyChildren && !children) {
+    return false;
+  }
+  return _react["default"].Children.toArray(children).some(function (element) {
+    return /*#__PURE__*/_react["default"].isValidElement(element) && (element.type === _react["default"].Fragment || element.type['displayName'] === Text.displayName || element.type['displayName'] === Addon.displayName);
+  }) ? children : /*#__PURE__*/_react["default"].createElement(Text, null, children);
+}
+//# sourceMappingURL=addonText.js.map

package/lib/utils/addonText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addonText.js","names":["_react","_interopRequireDefault","require","addonText","children","Text","Addon","isTextWrapIfEmptyChildren","arguments","length","undefined","React","Children","toArray","some","element","isValidElement","type","Fragment","displayName","createElement"],"sources":["../../src/utils/addonText.tsx"],"sourcesContent":["import React from 'react';\n\nexport default function addonText(\n  children: React.ReactNode,\n  Text: React.ComponentType<any>,\n  Addon: React.ComponentType,\n  isTextWrapIfEmptyChildren = false,\n) {\n  if (!isTextWrapIfEmptyChildren && !children) {\n    return false;\n  }\n  return React.Children.toArray(children).some(\n    (element) =>\n      React.isValidElement(element) &&\n      (element.type === React.Fragment ||\n        (element.type as any)['displayName'] === Text.displayName ||\n        (element.type as any)['displayName'] === Addon.displayName),\n  )\n    ? (\n        children\n      )\n    : (\n        <Text>{children}</Text>\n      );\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEe,SAASC,SAASA,CAC/BC,QAAyB,EACzBC,IAA8B,EAC9BC,KAA0B,EAE1B;EAAA,IADAC,yBAAyB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAEjC,IAAI,CAACD,yBAAyB,IAAI,CAACH,QAAQ,EAAE;IAC3C,OAAO,KAAK;EACd;EACA,OAAOO,iBAAK,CAACC,QAAQ,CAACC,OAAO,CAACT,QAAQ,CAAC,CAACU,IAAI,CAC1C,UAACC,OAAO;IAAA,OACN,aAAAJ,iBAAK,CAACK,cAAc,CAACD,OAAO,CAAC,KAC5BA,OAAO,CAACE,IAAI,KAAKN,iBAAK,CAACO,QAAQ,IAC7BH,OAAO,CAACE,IAAI,CAAS,aAAa,CAAC,KAAKZ,IAAI,CAACc,WAAW,IACxDJ,OAAO,CAACE,IAAI,CAAS,aAAa,CAAC,KAAKX,KAAK,CAACa,WAAW,CAAC;EAAA,CACjE,CAAC,GAEKf,QAAQ,gBAGRJ,MAAA,YAAAoB,aAAA,CAACf,IAAI,QAAED,QAAe,CACvB;AACP","ignoreList":[]}

package/lib/utils/addonText.mjs

@@ -0,0 +1,11 @@
+import React from 'react';
+export default function addonText(children, Text, Addon) {
+  var isTextWrapIfEmptyChildren = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  if (!isTextWrapIfEmptyChildren && !children) {
+    return false;
+  }
+  return React.Children.toArray(children).some(function (element) {
+    return /*#__PURE__*/React.isValidElement(element) && (element.type === React.Fragment || element.type['displayName'] === Text.displayName || element.type['displayName'] === Addon.displayName);
+  }) ? children : /*#__PURE__*/React.createElement(Text, null, children);
+}
+//# sourceMappingURL=addonText.mjs.map

package/lib/utils/addonText.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"addonText.mjs","names":["React","addonText","children","Text","Addon","isTextWrapIfEmptyChildren","arguments","length","undefined","Children","toArray","some","element","isValidElement","type","Fragment","displayName","createElement"],"sources":["../../src/utils/addonText.tsx"],"sourcesContent":["import React from 'react';\n\nexport default function addonText(\n  children: React.ReactNode,\n  Text: React.ComponentType<any>,\n  Addon: React.ComponentType,\n  isTextWrapIfEmptyChildren = false,\n) {\n  if (!isTextWrapIfEmptyChildren && !children) {\n    return false;\n  }\n  return React.Children.toArray(children).some(\n    (element) =>\n      React.isValidElement(element) &&\n      (element.type === React.Fragment ||\n        (element.type as any)['displayName'] === Text.displayName ||\n        (element.type as any)['displayName'] === Addon.displayName),\n  )\n    ? (\n        children\n      )\n    : (\n        <Text>{children}</Text>\n      );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,eAAe,SAASC,SAASA,CAC/BC,QAAyB,EACzBC,IAA8B,EAC9BC,KAA0B,EAE1B;EAAA,IADAC,yBAAyB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAEjC,IAAI,CAACD,yBAAyB,IAAI,CAACH,QAAQ,EAAE;IAC3C,OAAO,KAAK;EACd;EACA,OAAOF,KAAK,CAACS,QAAQ,CAACC,OAAO,CAACR,QAAQ,CAAC,CAACS,IAAI,CAC1C,UAACC,OAAO;IAAA,OACN,aAAAZ,KAAK,CAACa,cAAc,CAACD,OAAO,CAAC,KAC5BA,OAAO,CAACE,IAAI,KAAKd,KAAK,CAACe,QAAQ,IAC7BH,OAAO,CAACE,IAAI,CAAS,aAAa,CAAC,KAAKX,IAAI,CAACa,WAAW,IACxDJ,OAAO,CAACE,IAAI,CAAS,aAAa,CAAC,KAAKV,KAAK,CAACY,WAAW,CAAC;EAAA,CACjE,CAAC,GAEKd,QAAQ,gBAGRF,KAAA,CAAAiB,aAAA,CAACd,IAAI,QAAED,QAAe,CACvB;AACP","ignoreList":[]}

package/lib/utils/addonTextChildren.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare function addonTextChildren(Children: any, Text: React.ComponentType<any>, Addon: React.ComponentType | React.ComponentType[], isTextWrapIfEmptyChildren?: boolean): React.JSX.Element | null;
+export default addonTextChildren;

package/lib/utils/addonTextChildren.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _react = _interopRequireDefault(require("react"));
+var _getOriginChildren = _interopRequireDefault(require("./getOriginChildren"));
+var _isNode = _interopRequireDefault(require("./isNode"));
+var _symbols = require("../core-types/symbols");
+function addonTextChildren(Children, Text, Addon) {
+  var isTextWrapIfEmptyChildren = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var children = (0, _getOriginChildren["default"])(Children);
+  if (typeof children === 'function') {
+    return /*#__PURE__*/_react["default"].createElement(Children, null);
+  }
+  if (!isTextWrapIfEmptyChildren && !(0, _isNode["default"])(children)) {
+    return null;
+  }
+  return _react["default"].Children.toArray(children).some(function (element) {
+    if (! /*#__PURE__*/_react["default"].isValidElement(element)) return false;
+    if (element.type === _react["default"].Fragment) return true;
+    if (element.type[_symbols.CHILDREN_COMPONENT]) {
+      var wrapChildren = addonTextChildren(element.type, Text, Addon);
+      if (wrapChildren.type[_symbols.CHILDREN_COMPONENT]) {
+        return true;
+      } else {
+        element = wrapChildren;
+      }
+    }
+    // @ts-ignore
+    var inheritedNames = element.type[_symbols.INHERITED_NAME] || [element.type.displayName];
+    var addonNames = Array.isArray(Addon) ? Addon.map(function (Component) {
+      return Component.displayName;
+    }) : [Addon.displayName];
+    return [Text.displayName].concat((0, _toConsumableArray2["default"])(addonNames)).find(function (name) {
+      return inheritedNames.includes(name);
+    });
+  }) ? /*#__PURE__*/_react["default"].createElement(Children, null) : /*#__PURE__*/_react["default"].createElement(Text, null, /*#__PURE__*/_react["default"].createElement(Children, null));
+}
+var _default = exports["default"] = addonTextChildren;
+//# sourceMappingURL=addonTextChildren.js.map

package/lib/utils/addonTextChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addonTextChildren.js","names":["_react","_interopRequireDefault","require","_getOriginChildren","_isNode","_symbols","addonTextChildren","Children","Text","Addon","isTextWrapIfEmptyChildren","arguments","length","undefined","children","getOriginChildren","createElement","isNode","React","toArray","some","element","isValidElement","type","Fragment","CHILDREN_COMPONENT","wrapChildren","inheritedNames","INHERITED_NAME","displayName","addonNames","Array","isArray","map","Component","concat","_toConsumableArray2","find","name","includes","_default","exports"],"sources":["../../src/utils/addonTextChildren.tsx"],"sourcesContent":["import React from 'react';\n\nimport getOriginChildren from './getOriginChildren';\nimport isNode from './isNode';\nimport { CHILDREN_COMPONENT, INHERITED_NAME } from '../core-types/symbols';\n\nfunction addonTextChildren(\n  Children: any,\n  Text: React.ComponentType<any>,\n  Addon: React.ComponentType | React.ComponentType[],\n  isTextWrapIfEmptyChildren = false,\n) {\n  const children = getOriginChildren(Children);\n  if (typeof children === 'function') {\n    return <Children />;\n  }\n\n  if (!isTextWrapIfEmptyChildren && !isNode(children)) {\n    return null;\n  }\n  return React.Children.toArray(children).some((element: any) => {\n    if (!React.isValidElement(element)) return false;\n    if (element.type === React.Fragment) return true;\n    if ((element.type as any)[CHILDREN_COMPONENT]) {\n      const wrapChildren: any = addonTextChildren(element.type, Text, Addon);\n      if (wrapChildren.type[CHILDREN_COMPONENT]) {\n        return true;\n      } else {\n        element = wrapChildren;\n      }\n    }\n    // @ts-ignore\n    const inheritedNames = element.type[INHERITED_NAME] || [element.type.displayName];\n    const addonNames = Array.isArray(Addon)\n      ? Addon.map((Component) => Component.displayName)\n      : [Addon.displayName];\n    return [Text.displayName, ...addonNames].find((name) => inheritedNames.includes(name));\n  })\n    ? (<Children />)\n    : (\n        <Text>\n          <Children />\n        </Text>\n      );\n}\n\nexport default addonTextChildren;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAEA,SAASI,iBAAiBA,CACxBC,QAAa,EACbC,IAA8B,EAC9BC,KAAkD,EAElD;EAAA,IADAC,yBAAyB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAEjC,IAAMG,QAAQ,GAAG,IAAAC,6BAAiB,EAACR,QAAQ,CAAC;EAC5C,IAAI,OAAOO,QAAQ,KAAK,UAAU,EAAE;IAClC,oBAAOd,MAAA,YAAAgB,aAAA,CAACT,QAAQ,MAAE,CAAC;EACrB;EAEA,IAAI,CAACG,yBAAyB,IAAI,CAAC,IAAAO,kBAAM,EAACH,QAAQ,CAAC,EAAE;IACnD,OAAO,IAAI;EACb;EACA,OAAOI,iBAAK,CAACX,QAAQ,CAACY,OAAO,CAACL,QAAQ,CAAC,CAACM,IAAI,CAAC,UAACC,OAAY,EAAK;IAC7D,IAAI,eAACH,iBAAK,CAACI,cAAc,CAACD,OAAO,CAAC,EAAE,OAAO,KAAK;IAChD,IAAIA,OAAO,CAACE,IAAI,KAAKL,iBAAK,CAACM,QAAQ,EAAE,OAAO,IAAI;IAChD,IAAKH,OAAO,CAACE,IAAI,CAASE,2BAAkB,CAAC,EAAE;MAC7C,IAAMC,YAAiB,GAAGpB,iBAAiB,CAACe,OAAO,CAACE,IAAI,EAAEf,IAAI,EAAEC,KAAK,CAAC;MACtE,IAAIiB,YAAY,CAACH,IAAI,CAACE,2BAAkB,CAAC,EAAE;QACzC,OAAO,IAAI;MACb,CAAC,MAAM;QACLJ,OAAO,GAAGK,YAAY;MACxB;IACF;IACA;IACA,IAAMC,cAAc,GAAGN,OAAO,CAACE,IAAI,CAACK,uBAAc,CAAC,IAAI,CAACP,OAAO,CAACE,IAAI,CAACM,WAAW,CAAC;IACjF,IAAMC,UAAU,GAAGC,KAAK,CAACC,OAAO,CAACvB,KAAK,CAAC,GACnCA,KAAK,CAACwB,GAAG,CAAC,UAACC,SAAS;MAAA,OAAKA,SAAS,CAACL,WAAW;IAAA,EAAC,GAC/C,CAACpB,KAAK,CAACoB,WAAW,CAAC;IACvB,OAAO,CAACrB,IAAI,CAACqB,WAAW,EAAAM,MAAA,KAAAC,mBAAA,aAAKN,UAAU,GAAEO,IAAI,CAAC,UAACC,IAAI;MAAA,OAAKX,cAAc,CAACY,QAAQ,CAACD,IAAI,CAAC;IAAA,EAAC;EACxF,CAAC,CAAC,gBACGtC,MAAA,YAAAgB,aAAA,CAACT,QAAQ,MAAE,CAAC,gBAEXP,MAAA,YAAAgB,aAAA,CAACR,IAAI,qBACHR,MAAA,YAAAgB,aAAA,CAACT,QAAQ,MAAE,CACP,CACP;AACP;AAAC,IAAAiC,QAAA,GAAAC,OAAA,cAEcnC,iBAAiB","ignoreList":[]}

package/lib/utils/addonTextChildren.mjs

@@ -0,0 +1,37 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import React from 'react';
+import getOriginChildren from "./getOriginChildren.mjs";
+import isNode from "./isNode.mjs";
+import { CHILDREN_COMPONENT, INHERITED_NAME } from "../core-types/symbols.mjs";
+function addonTextChildren(Children, Text, Addon) {
+  var isTextWrapIfEmptyChildren = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var children = getOriginChildren(Children);
+  if (typeof children === 'function') {
+    return /*#__PURE__*/React.createElement(Children, null);
+  }
+  if (!isTextWrapIfEmptyChildren && !isNode(children)) {
+    return null;
+  }
+  return React.Children.toArray(children).some(function (element) {
+    if (! /*#__PURE__*/React.isValidElement(element)) return false;
+    if (element.type === React.Fragment) return true;
+    if (element.type[CHILDREN_COMPONENT]) {
+      var wrapChildren = addonTextChildren(element.type, Text, Addon);
+      if (wrapChildren.type[CHILDREN_COMPONENT]) {
+        return true;
+      } else {
+        element = wrapChildren;
+      }
+    }
+    // @ts-ignore
+    var inheritedNames = element.type[INHERITED_NAME] || [element.type.displayName];
+    var addonNames = Array.isArray(Addon) ? Addon.map(function (Component) {
+      return Component.displayName;
+    }) : [Addon.displayName];
+    return [Text.displayName].concat(_toConsumableArray(addonNames)).find(function (name) {
+      return inheritedNames.includes(name);
+    });
+  }) ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(Children, null));
+}
+export default addonTextChildren;
+//# sourceMappingURL=addonTextChildren.mjs.map

package/lib/utils/addonTextChildren.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"addonTextChildren.mjs","names":["React","getOriginChildren","isNode","CHILDREN_COMPONENT","INHERITED_NAME","addonTextChildren","Children","Text","Addon","isTextWrapIfEmptyChildren","arguments","length","undefined","children","createElement","toArray","some","element","isValidElement","type","Fragment","wrapChildren","inheritedNames","displayName","addonNames","Array","isArray","map","Component","concat","_toConsumableArray","find","name","includes"],"sources":["../../src/utils/addonTextChildren.tsx"],"sourcesContent":["import React from 'react';\n\nimport getOriginChildren from './getOriginChildren';\nimport isNode from './isNode';\nimport { CHILDREN_COMPONENT, INHERITED_NAME } from '../core-types/symbols';\n\nfunction addonTextChildren(\n  Children: any,\n  Text: React.ComponentType<any>,\n  Addon: React.ComponentType | React.ComponentType[],\n  isTextWrapIfEmptyChildren = false,\n) {\n  const children = getOriginChildren(Children);\n  if (typeof children === 'function') {\n    return <Children />;\n  }\n\n  if (!isTextWrapIfEmptyChildren && !isNode(children)) {\n    return null;\n  }\n  return React.Children.toArray(children).some((element: any) => {\n    if (!React.isValidElement(element)) return false;\n    if (element.type === React.Fragment) return true;\n    if ((element.type as any)[CHILDREN_COMPONENT]) {\n      const wrapChildren: any = addonTextChildren(element.type, Text, Addon);\n      if (wrapChildren.type[CHILDREN_COMPONENT]) {\n        return true;\n      } else {\n        element = wrapChildren;\n      }\n    }\n    // @ts-ignore\n    const inheritedNames = element.type[INHERITED_NAME] || [element.type.displayName];\n    const addonNames = Array.isArray(Addon)\n      ? Addon.map((Component) => Component.displayName)\n      : [Addon.displayName];\n    return [Text.displayName, ...addonNames].find((name) => inheritedNames.includes(name));\n  })\n    ? (<Children />)\n    : (\n        <Text>\n          <Children />\n        </Text>\n      );\n}\n\nexport default addonTextChildren;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,iBAAiB,MAAM,yBAAqB;AACnD,OAAOC,MAAM,MAAM,cAAU;AAC7B,SAASC,kBAAkB,EAAEC,cAAc,QAAQ,2BAAuB;AAE1E,SAASC,iBAAiBA,CACxBC,QAAa,EACbC,IAA8B,EAC9BC,KAAkD,EAElD;EAAA,IADAC,yBAAyB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAEjC,IAAMG,QAAQ,GAAGZ,iBAAiB,CAACK,QAAQ,CAAC;EAC5C,IAAI,OAAOO,QAAQ,KAAK,UAAU,EAAE;IAClC,oBAAOb,KAAA,CAAAc,aAAA,CAACR,QAAQ,MAAE,CAAC;EACrB;EAEA,IAAI,CAACG,yBAAyB,IAAI,CAACP,MAAM,CAACW,QAAQ,CAAC,EAAE;IACnD,OAAO,IAAI;EACb;EACA,OAAOb,KAAK,CAACM,QAAQ,CAACS,OAAO,CAACF,QAAQ,CAAC,CAACG,IAAI,CAAC,UAACC,OAAY,EAAK;IAC7D,IAAI,eAACjB,KAAK,CAACkB,cAAc,CAACD,OAAO,CAAC,EAAE,OAAO,KAAK;IAChD,IAAIA,OAAO,CAACE,IAAI,KAAKnB,KAAK,CAACoB,QAAQ,EAAE,OAAO,IAAI;IAChD,IAAKH,OAAO,CAACE,IAAI,CAAShB,kBAAkB,CAAC,EAAE;MAC7C,IAAMkB,YAAiB,GAAGhB,iBAAiB,CAACY,OAAO,CAACE,IAAI,EAAEZ,IAAI,EAAEC,KAAK,CAAC;MACtE,IAAIa,YAAY,CAACF,IAAI,CAAChB,kBAAkB,CAAC,EAAE;QACzC,OAAO,IAAI;MACb,CAAC,MAAM;QACLc,OAAO,GAAGI,YAAY;MACxB;IACF;IACA;IACA,IAAMC,cAAc,GAAGL,OAAO,CAACE,IAAI,CAACf,cAAc,CAAC,IAAI,CAACa,OAAO,CAACE,IAAI,CAACI,WAAW,CAAC;IACjF,IAAMC,UAAU,GAAGC,KAAK,CAACC,OAAO,CAAClB,KAAK,CAAC,GACnCA,KAAK,CAACmB,GAAG,CAAC,UAACC,SAAS;MAAA,OAAKA,SAAS,CAACL,WAAW;IAAA,EAAC,GAC/C,CAACf,KAAK,CAACe,WAAW,CAAC;IACvB,OAAO,CAAChB,IAAI,CAACgB,WAAW,EAAAM,MAAA,CAAAC,kBAAA,CAAKN,UAAU,GAAEO,IAAI,CAAC,UAACC,IAAI;MAAA,OAAKV,cAAc,CAACW,QAAQ,CAACD,IAAI,CAAC;IAAA,EAAC;EACxF,CAAC,CAAC,gBACGhC,KAAA,CAAAc,aAAA,CAACR,QAAQ,MAAE,CAAC,gBAEXN,KAAA,CAAAc,aAAA,CAACP,IAAI,qBACHP,KAAA,CAAAc,aAAA,CAACR,QAAQ,MAAE,CACP,CACP;AACP;AAEA,eAAeD,iBAAiB","ignoreList":[]}

package/lib/utils/ariaProps.d.ts

@@ -0,0 +1,12 @@
+type AriaProps = {
+    'title'?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+};
+type ExtractorAriaPropsReturn = {
+    __excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'];
+    extractedAriaProps: AriaProps;
+};
+export declare function extractAriaProps(props: any): ExtractorAriaPropsReturn;
+export {};

package/lib/utils/ariaProps.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractAriaProps = extractAriaProps;
+function extractAriaProps(props) {
+  var title = props.title,
+    ariaLabel = props['aria-label'],
+    ariaLabelledby = props['aria-labelledby'],
+    ariaDescribedby = props['aria-describedby'];
+  return {
+    __excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'],
+    extractedAriaProps: {
+      title: title,
+      'aria-label': ariaLabel,
+      'aria-labelledby': ariaLabelledby,
+      'aria-describedby': ariaDescribedby
+    }
+  };
+}
+//# sourceMappingURL=ariaProps.js.map

package/lib/utils/ariaProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ariaProps.js","names":["extractAriaProps","props","title","ariaLabel","ariaLabelledby","ariaDescribedby","__excludeProps","extractedAriaProps"],"sources":["../../src/utils/ariaProps.ts"],"sourcesContent":["type AriaProps = {\n  'title'?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n};\ntype ExtractorAriaPropsReturn = {\n  __excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'];\n  extractedAriaProps: AriaProps;\n};\n\nexport function extractAriaProps(props: any): ExtractorAriaPropsReturn {\n  const {\n    title,\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby,\n    ['aria-describedby']: ariaDescribedby,\n  } = props;\n\n  return {\n    __excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'],\n    extractedAriaProps: {\n      title,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n    },\n  };\n}\n"],"mappings":";;;;;;AAWO,SAASA,gBAAgBA,CAACC,KAAU,EAA4B;EACrE,IACEC,KAAK,GAIHD,KAAK,CAJPC,KAAK;IACWC,SAAS,GAGvBF,KAAK,CAHN,YAAY;IACQG,cAAc,GAEjCH,KAAK,CAFN,iBAAiB;IACII,eAAe,GACnCJ,KAAK,CADN,kBAAkB;EAGrB,OAAO;IACLK,cAAc,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,CAAC;IAC9EC,kBAAkB,EAAE;MAClBL,KAAK,EAALA,KAAK;MACL,YAAY,EAAEC,SAAS;MACvB,iBAAiB,EAAEC,cAAc;MACjC,kBAAkB,EAAEC;IACtB;EACF,CAAC;AACH","ignoreList":[]}

package/lib/utils/ariaProps.mjs

@@ -0,0 +1,16 @@
+export function extractAriaProps(props) {
+  var title = props.title,
+    ariaLabel = props['aria-label'],
+    ariaLabelledby = props['aria-labelledby'],
+    ariaDescribedby = props['aria-describedby'];
+  return {
+    __excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'],
+    extractedAriaProps: {
+      title: title,
+      'aria-label': ariaLabel,
+      'aria-labelledby': ariaLabelledby,
+      'aria-describedby': ariaDescribedby
+    }
+  };
+}
+//# sourceMappingURL=ariaProps.mjs.map

package/lib/utils/ariaProps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ariaProps.mjs","names":["extractAriaProps","props","title","ariaLabel","ariaLabelledby","ariaDescribedby","__excludeProps","extractedAriaProps"],"sources":["../../src/utils/ariaProps.ts"],"sourcesContent":["type AriaProps = {\n  'title'?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n};\ntype ExtractorAriaPropsReturn = {\n  __excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'];\n  extractedAriaProps: AriaProps;\n};\n\nexport function extractAriaProps(props: any): ExtractorAriaPropsReturn {\n  const {\n    title,\n    ['aria-label']: ariaLabel,\n    ['aria-labelledby']: ariaLabelledby,\n    ['aria-describedby']: ariaDescribedby,\n  } = props;\n\n  return {\n    __excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'],\n    extractedAriaProps: {\n      title,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n    },\n  };\n}\n"],"mappings":"AAWA,OAAO,SAASA,gBAAgBA,CAACC,KAAU,EAA4B;EACrE,IACEC,KAAK,GAIHD,KAAK,CAJPC,KAAK;IACWC,SAAS,GAGvBF,KAAK,CAHN,YAAY;IACQG,cAAc,GAEjCH,KAAK,CAFN,iBAAiB;IACII,eAAe,GACnCJ,KAAK,CADN,kBAAkB;EAGrB,OAAO;IACLK,cAAc,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,CAAC;IAC9EC,kBAAkB,EAAE;MAClBL,KAAK,EAALA,KAAK;MACL,YAAY,EAAEC,SAAS;MACvB,iBAAiB,EAAEC,cAAc;MACjC,kBAAkB,EAAEC;IACtB;EACF,CAAC;AACH","ignoreList":[]}

package/lib/utils/assignProps.d.ts

@@ -0,0 +1,11 @@
+import type { CSSProperties, DetailedHTMLProps, Ref, StyleHTMLAttributes } from 'react';
+export declare function callAllEventHandlers(...fns: Array<Function | undefined>): (...args: any[]) => boolean;
+export declare function assignHandlers(props: any, source: any): any;
+export interface AssignableProps {
+    ref?: Ref<any>;
+    style?: CSSProperties;
+    className?: string;
+    styles?: DetailedHTMLProps<StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;
+    [key: string]: any;
+}
+export default function assignProps<P extends AssignableProps, S extends AssignableProps>(props?: P, source?: S): any;

package/lib/utils/assignProps.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.assignHandlers = assignHandlers;
+exports.callAllEventHandlers = callAllEventHandlers;
+exports["default"] = assignProps;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _ref = require("./ref");
+var _index = require("../styled/index");
+function callAllEventHandlers() {
+  for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
+    fns[_key] = arguments[_key];
+  }
+  return function () {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    return !fns.some(function (fn) {
+      var result;
+      if (fn) {
+        result = fn.apply(void 0, args);
+      }
+      return typeof result === 'boolean' && !result;
+    });
+  };
+}
+function assignHandlers(props, source) {
+  return Object.keys(source).reduce(function (proxySource, propName) {
+    if (typeof source[propName] === 'function' && propName.startsWith('on')) {
+      proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);
+    }
+    return proxySource;
+  }, {});
+}
+function assignHandlersInner(props, source) {
+  return Object.keys(source).reduce(function (proxySource, propName) {
+    if (propName !== 'ref' && propName.startsWith('on')) {
+      if (typeof source[propName] === 'function' && typeof props[propName] === 'function') {
+        proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);
+      } else if (typeof source[propName] === 'function') {
+        proxySource[propName] = source[propName];
+      } else if (typeof props[propName] === 'function') {
+        proxySource[propName] = props[propName];
+      }
+    }
+    return proxySource;
+  }, {});
+}
+function assignProps() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var source = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  // @ts-ignore
+  if (props === source) return props;
+  var newProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, source), props), assignHandlersInner(props, source));
+  for (var _key3 in source) {
+    if (_key3.startsWith('use:')) {
+      var originalKey = _key3.slice('use:'.length);
+      newProps[originalKey] = source[_key3];
+    }
+  }
+  for (var _key4 in props) {
+    if (_key4.startsWith('use:')) {
+      var _originalKey = _key4.slice('use:'.length);
+      newProps[_originalKey] = props[_key4];
+    }
+  }
+
+  // because react set getter for ref
+  var sourceDescriptorRef = Object.getOwnPropertyDescriptor(source, 'ref');
+  var propsDescriptorRef = Object.getOwnPropertyDescriptor(props, 'ref');
+  if (sourceDescriptorRef !== null && sourceDescriptorRef !== void 0 && sourceDescriptorRef.configurable && propsDescriptorRef !== null && propsDescriptorRef !== void 0 && propsDescriptorRef.configurable) {
+    newProps.ref = (0, _ref.forkRef)(source.ref, props.ref);
+  }
+  if (props.forwardRef) {
+    newProps.ref = (0, _ref.forkRef)(newProps.ref, props.forwardRef);
+    newProps.forwardRef = newProps.ref;
+  }
+  if (source.style && props.style) {
+    newProps.style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, source.style), props.style);
+  }
+  if (source.className) {
+    newProps.className = (0, _classnames["default"])(props.className, source.className);
+  }
+  if (source.styles && props.styles) {
+    newProps.styles = _index.sstyled.merge(source.styles, props.styles);
+  }
+  return newProps;
+}
+//# sourceMappingURL=assignProps.js.map