@e1011/es-kit 1.0.108 → 1.0.112

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (92) hide show
  1. package/dist/lib/src/core/index.js +1 -0
  2. package/dist/lib/src/core/index.js.map +1 -1
  3. package/dist/lib/tsconfig.tsbuildinfo +1 -1
  4. package/dist/types/src/core/index.d.ts +1 -0
  5. package/dist/types/src/core/index.d.ts.map +1 -1
  6. package/package.json +2 -2
  7. package/dist/hooks/esm/index.css +0 -106
  8. package/dist/hooks/index.css +0 -106
  9. package/dist/lib/cjs/index.css +0 -106
  10. package/dist/lib/cjs/node_modules/core-js/modules/es.array.index-of.js +0 -2
  11. package/dist/lib/cjs/node_modules/core-js/modules/es.array.index-of.js.map +0 -1
  12. package/dist/lib/cjs/src/core/ui/components/container/CollapsibleContainer.js +0 -2
  13. package/dist/lib/cjs/src/core/ui/components/container/CollapsibleContainer.js.map +0 -1
  14. package/dist/lib/cjs/src/core/ui/components/container/CollapsibleContainer.module.scss.js +0 -2
  15. package/dist/lib/cjs/src/core/ui/components/container/CollapsibleContainer.module.scss.js.map +0 -1
  16. package/dist/lib/cjs/src/core/ui/components/container/CollapsibleContainerS.js +0 -2
  17. package/dist/lib/cjs/src/core/ui/components/container/CollapsibleContainerS.js.map +0 -1
  18. package/dist/lib/cjs/src/core/ui/components/container/FBox.js +0 -2
  19. package/dist/lib/cjs/src/core/ui/components/container/FBox.js.map +0 -1
  20. package/dist/lib/cjs/src/core/ui/components/container/Flex.js +0 -2
  21. package/dist/lib/cjs/src/core/ui/components/container/Flex.js.map +0 -1
  22. package/dist/lib/cjs/src/core/ui/components/container/Placeholder.js +0 -2
  23. package/dist/lib/cjs/src/core/ui/components/container/Placeholder.js.map +0 -1
  24. package/dist/lib/cjs/src/core/ui/components/container/ResizableContainer.js +0 -2
  25. package/dist/lib/cjs/src/core/ui/components/container/ResizableContainer.js.map +0 -1
  26. package/dist/lib/cjs/src/core/ui/components/container/fbox.module.scss.js +0 -2
  27. package/dist/lib/cjs/src/core/ui/components/container/fbox.module.scss.js.map +0 -1
  28. package/dist/lib/cjs/src/core/ui/components/dividers/DividerLine.js +0 -2
  29. package/dist/lib/cjs/src/core/ui/components/dividers/DividerLine.js.map +0 -1
  30. package/dist/lib/cjs/src/core/ui/components/dividers/divider.module.scss.js +0 -2
  31. package/dist/lib/cjs/src/core/ui/components/dividers/divider.module.scss.js.map +0 -1
  32. package/dist/lib/cjs/src/core/ui/components/field/Field.js +0 -2
  33. package/dist/lib/cjs/src/core/ui/components/field/Field.js.map +0 -1
  34. package/dist/lib/cjs/src/core/ui/components/icon/Icon.js +0 -2
  35. package/dist/lib/cjs/src/core/ui/components/icon/Icon.js.map +0 -1
  36. package/dist/lib/cjs/src/core/ui/components/icon/IconBase.js +0 -2
  37. package/dist/lib/cjs/src/core/ui/components/icon/IconBase.js.map +0 -1
  38. package/dist/lib/cjs/src/core/ui/components/icon/IconWC.js +0 -2
  39. package/dist/lib/cjs/src/core/ui/components/icon/IconWC.js.map +0 -1
  40. package/dist/lib/cjs/src/core/ui/components/icon/icon.module.scss.js +0 -2
  41. package/dist/lib/cjs/src/core/ui/components/icon/icon.module.scss.js.map +0 -1
  42. package/dist/lib/cjs/src/core/ui/utils/style.js +0 -2
  43. package/dist/lib/cjs/src/core/ui/utils/style.js.map +0 -1
  44. package/dist/lib/esm/index.css +0 -106
  45. package/dist/lib/esm/node_modules/core-js/modules/es.array.index-of.js +0 -2
  46. package/dist/lib/esm/node_modules/core-js/modules/es.array.index-of.js.map +0 -1
  47. package/dist/lib/esm/src/core/ui/components/container/CollapsibleContainer.js +0 -2
  48. package/dist/lib/esm/src/core/ui/components/container/CollapsibleContainer.js.map +0 -1
  49. package/dist/lib/esm/src/core/ui/components/container/CollapsibleContainer.module.scss.js +0 -2
  50. package/dist/lib/esm/src/core/ui/components/container/CollapsibleContainer.module.scss.js.map +0 -1
  51. package/dist/lib/esm/src/core/ui/components/container/CollapsibleContainerS.js +0 -2
  52. package/dist/lib/esm/src/core/ui/components/container/CollapsibleContainerS.js.map +0 -1
  53. package/dist/lib/esm/src/core/ui/components/container/FBox.js +0 -2
  54. package/dist/lib/esm/src/core/ui/components/container/FBox.js.map +0 -1
  55. package/dist/lib/esm/src/core/ui/components/container/Flex.js +0 -2
  56. package/dist/lib/esm/src/core/ui/components/container/Flex.js.map +0 -1
  57. package/dist/lib/esm/src/core/ui/components/container/Placeholder.js +0 -2
  58. package/dist/lib/esm/src/core/ui/components/container/Placeholder.js.map +0 -1
  59. package/dist/lib/esm/src/core/ui/components/container/ResizableContainer.js +0 -2
  60. package/dist/lib/esm/src/core/ui/components/container/ResizableContainer.js.map +0 -1
  61. package/dist/lib/esm/src/core/ui/components/container/fbox.module.scss.js +0 -2
  62. package/dist/lib/esm/src/core/ui/components/container/fbox.module.scss.js.map +0 -1
  63. package/dist/lib/esm/src/core/ui/components/dividers/DividerLine.js +0 -2
  64. package/dist/lib/esm/src/core/ui/components/dividers/DividerLine.js.map +0 -1
  65. package/dist/lib/esm/src/core/ui/components/dividers/divider.module.scss.js +0 -2
  66. package/dist/lib/esm/src/core/ui/components/dividers/divider.module.scss.js.map +0 -1
  67. package/dist/lib/esm/src/core/ui/components/field/Field.js +0 -2
  68. package/dist/lib/esm/src/core/ui/components/field/Field.js.map +0 -1
  69. package/dist/lib/esm/src/core/ui/components/icon/Icon.js +0 -2
  70. package/dist/lib/esm/src/core/ui/components/icon/Icon.js.map +0 -1
  71. package/dist/lib/esm/src/core/ui/components/icon/IconBase.js +0 -2
  72. package/dist/lib/esm/src/core/ui/components/icon/IconBase.js.map +0 -1
  73. package/dist/lib/esm/src/core/ui/components/icon/IconWC.js +0 -2
  74. package/dist/lib/esm/src/core/ui/components/icon/IconWC.js.map +0 -1
  75. package/dist/lib/esm/src/core/ui/components/icon/icon.module.scss.js +0 -2
  76. package/dist/lib/esm/src/core/ui/components/icon/icon.module.scss.js.map +0 -1
  77. package/dist/lib/esm/src/core/ui/utils/style.js +0 -2
  78. package/dist/lib/esm/src/core/ui/utils/style.js.map +0 -1
  79. package/dist/lib/src/core/ui/components/container/FBox.js +0 -37
  80. package/dist/lib/src/core/ui/components/container/FBox.js.map +0 -1
  81. package/dist/types/src/core/ui/components/container/FBox.d.ts +0 -28
  82. package/dist/types/src/core/ui/components/container/FBox.d.ts.map +0 -1
  83. package/dist/ui/esm/src/core/ui/components/container/FBox.js +0 -2
  84. package/dist/ui/esm/src/core/ui/components/container/FBox.js.map +0 -1
  85. package/dist/ui/esm/src/core/ui/components/container/fbox.module.scss.js +0 -2
  86. package/dist/ui/esm/src/core/ui/components/container/fbox.module.scss.js.map +0 -1
  87. package/dist/ui/src/core/ui/components/container/FBox.js +0 -2
  88. package/dist/ui/src/core/ui/components/container/FBox.js.map +0 -1
  89. package/dist/ui/src/core/ui/components/container/fbox.module.scss.js +0 -2
  90. package/dist/ui/src/core/ui/components/container/fbox.module.scss.js.map +0 -1
  91. package/dist/utils/esm/index.css +0 -106
  92. package/dist/utils/index.css +0 -106
@@ -1,28 +0,0 @@
1
- import { FC, PropsWithChildren, CSSProperties } from 'react';
2
- export type FBoxProps = PropsWithChildren<any> & {
3
- flex?: string;
4
- flexGrow?: string | number;
5
- alignText?: 'center' | 'right' | 'left';
6
- direction?: string;
7
- flexShrink?: string | number;
8
- flexBasis?: string;
9
- flexWrap?: string;
10
- justify?: string;
11
- align?: string;
12
- alignSelf?: string;
13
- margin?: string;
14
- padding?: string;
15
- width?: string;
16
- height?: string;
17
- maxWidth?: string;
18
- maxHeight?: string;
19
- minWidth?: string;
20
- minHeight?: string;
21
- gap?: string;
22
- css?: string;
23
- borderRadius?: string;
24
- style?: CSSProperties;
25
- className?: string;
26
- } & CSSProperties;
27
- export declare const FBox: FC<FBoxProps>;
28
- //# sourceMappingURL=FBox.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FBox.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/FBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,EAAE,EAAE,iBAAiB,EAAW,aAAa,EAAyB,MAAM,OAAO,CAAA;AAMlG,MAAM,MAAM,SAAS,GAAG,iBAAiB,CAAC,GAAG,CAAC,GAAE;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,aAAa,CAAA;AAsDjB,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAAqC,CAAA"}
@@ -1,2 +0,0 @@
1
- import{objectWithoutProperties as e,slicedToArray as t,objectSpread2 as o,extends as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.object.to-string.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.for-each.js";import"../../../../../node_modules/core-js/modules/es.object.entries.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as s,forwardRef as a,useMemo as n}from"react";import l from"./fbox.module.scss.js";var i=["style","children","tabIndex","className"],c={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},d=function(e){return e&&c[e]||e},m=a((function(s,a){var c=s.style,m=s.children,u=s.tabIndex,f=s.className,j=void 0===f?"":f,x=e(s,i),b=n((function(){var e={},o={};return Object.entries(x).forEach((function(r){var s=t(r,2),a=s[0],n=s[1];"data"===a.substr(0,4)?e[a]=n:o[a]=n})),[e,o]}),[x]),p=t(b,2),y=p[0],v=p[1],_=n((function(){return o(o(o(o(o({},v),v.align?{alignItems:d(v.align)}:{}),v.justify?{justifyContent:d(v.justify)}:{}),v.direction?{flexDirection:v.direction}:{}),c)}),[v,c]);return React.createElement("div",r({ref:a,tabIndex:u,className:"".concat(l["flexible-box"]," ").concat(j),style:_},y),m)}));m.displayName="FBoxRefForwarded";var u=s(m);u.displayName="FBox";export{u as FBox};
2
- //# sourceMappingURL=FBox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FBox.js","sources":["../../../../../../../../src/core/ui/components/container/FBox.tsx"],"sourcesContent":["import { memo, FC, PropsWithChildren, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\n\nimport classes from './fbox.module.scss'\n\n\nexport type FBoxProps = PropsWithChildren<any> &{\n flex?: string\n flexGrow?: string | number\n alignText?: 'center' | 'right' | 'left'\n direction?: string\n flexShrink?: string | number\n flexBasis?: string\n flexWrap?: string\n justify?: string\n align?: string\n alignSelf?: string\n margin?: string\n padding?: string\n width?: string\n height?: string\n maxWidth?: string\n maxHeight?: string\n minWidth?: string\n minHeight?: string\n gap?: string\n css?: string\n borderRadius?: string\n style?: CSSProperties\n className?: string\n} & CSSProperties\n\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst FBoxRefForwarded = forwardRef(({\n style, children, tabIndex, className = '', ...props\n}: FBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n const [restProps, cssProps] = useMemo(() => {\n const restProps: Record<string, unknown> = {}\n const cssProps: Record<string, unknown> = {}\n\n Object.entries(props).forEach(([key, value]) => {\n if (key.substr(0, 4) === 'data') {\n restProps[key] = value\n } else {\n cssProps[key] = value\n }\n })\n return [restProps, cssProps]\n }, [props])\n\n const styles = useMemo(() => (\n {\n ...cssProps,\n ...(cssProps.align ? { alignItems: resolveFlexProps(cssProps.align as string) } : {}),\n ...(cssProps.justify ? { justifyContent: resolveFlexProps(cssProps.justify as string) } : {}),\n ...(cssProps.direction ? { flexDirection: cssProps.direction } : {}),\n ...style,\n }\n ), [cssProps, style])\n\n return (\n <div\n ref={ref}\n tabIndex={tabIndex}\n className={`${(classes as any)['flexible-box']} ${className}`}\n style={styles as CSSProperties}\n {...restProps}\n >\n {children}\n </div>\n )\n})\n\nFBoxRefForwarded.displayName = 'FBoxRefForwarded'\n\nexport const FBox: FC<FBoxProps> = memo<FBoxProps>(FBoxRefForwarded)\n\n\nFBox.displayName = 'FBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n// {\n// width: props.width || '100%',\n// height: props.height || '100%',\n// justify: props.justify || 'center',\n// align: props.align || 'center',\n// ...props,\n// }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n// size: 'unset',\n// width: 'initial',\n// ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n// size: 'unset',\n// width: 'initial',\n// style: {\n// text: 'blue',\n// padding: '1rem',\n// border: '1px solid green',\n// },\n// ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","FBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","_ref$className","className","props","_objectWithoutProperties","_excluded","_useMemo","useMemo","restProps","cssProps","Object","entries","forEach","_ref2","_ref3","_slicedToArray","key","substr","_useMemo2","styles","_objectSpread","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classes","displayName","FBox","memo"],"mappings":"klBAgCMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAG1GC,EAAmBC,GAAW,SAAAC,EAEtBC,GAA+C,IAD3DC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAUC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEM,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAR,EAAAS,GAEnDC,EAA8BC,GAAQ,WACpC,IAAMC,EAAqC,CAAA,EACrCC,EAAoC,CAAA,EAS1C,OAPAC,OAAOC,QAAQR,GAAOS,SAAQ,SAAAC,GAAkB,IAAAC,EAAAC,EAAAF,EAAA,GAAhBG,EAAGF,EAAA,GAAErB,EAAKqB,EAAA,GACf,SAArBE,EAAIC,OAAO,EAAG,GAChBT,EAAUQ,GAAOvB,EAEjBgB,EAASO,GAAOvB,CAEpB,IACO,CAACe,EAAWC,EACrB,GAAG,CAACN,IAAOe,EAAAH,EAAAT,EAAA,GAZJE,EAASU,EAAA,GAAET,EAAQS,EAAA,GAcpBC,EAASZ,GAAQ,WAAA,OAAAa,EAAAA,EAAAA,EAAAA,EAAAA,KAEhBX,GACCA,EAASY,MAAQ,CAAEC,WAAY9B,EAAiBiB,EAASY,QAAqB,CAAE,GAChFZ,EAASc,QAAU,CAAEC,eAAgBhC,EAAiBiB,EAASc,UAAuB,CAAE,GACxFd,EAASgB,UAAY,CAAEC,cAAejB,EAASgB,WAAc,CAAE,GAChE3B,EAAK,GAET,CAACW,EAAUX,IAEd,OACE6B,MAAAC,cAAA,MAAAC,EAAA,CACEhC,IAAKA,EACLG,SAAUA,EACVE,UAAS,GAAA4B,OAAMC,EAAgB,gBAAeD,KAAAA,OAAI5B,GAClDJ,MAAOqB,GACHX,GAEHT,EAGP,IAEAL,EAAiBsC,YAAc,uBAElBC,EAAsBC,EAAgBxC,GAGnDuC,EAAKD,YAAc"}
@@ -1,2 +0,0 @@
1
- var e={"flexible-box":"fbox-module_flexible-box__rLJ93"};export{e as default};
2
- //# sourceMappingURL=fbox.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fbox.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../_virtual/_rollupPluginBabelHelpers.js");require("../../../../../node_modules/core-js/modules/es.object.to-string.js"),require("../../../../../node_modules/core-js/modules/web.dom-collections.for-each.js"),require("../../../../../node_modules/core-js/modules/es.object.entries.js"),require("../../../../../node_modules/core-js/modules/es.array.concat.js");var r=require("react"),t=require("./fbox.module.scss.js"),o=["style","children","tabIndex","className"],s={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},a=function(e){return e&&s[e]||e},n=r.forwardRef((function(s,n){var l=s.style,c=s.children,d=s.tabIndex,i=s.className,u=void 0===i?"":i,f=e.objectWithoutProperties(s,o),j=r.useMemo((function(){var r={},t={};return Object.entries(f).forEach((function(o){var s=e.slicedToArray(o,2),a=s[0],n=s[1];"data"===a.substr(0,4)?r[a]=n:t[a]=n})),[r,t]}),[f]),m=e.slicedToArray(j,2),b=m[0],x=m[1],p=r.useMemo((function(){return e.objectSpread2(e.objectSpread2(e.objectSpread2(e.objectSpread2(e.objectSpread2({},x),x.align?{alignItems:a(x.align)}:{}),x.justify?{justifyContent:a(x.justify)}:{}),x.direction?{flexDirection:x.direction}:{}),l)}),[x,l]);return React.createElement("div",e.extends({ref:n,tabIndex:d,className:"".concat(t.default["flexible-box"]," ").concat(u),style:p},b),c)}));n.displayName="FBoxRefForwarded";var l=r.memo(n);l.displayName="FBox",exports.FBox=l;
2
- //# sourceMappingURL=FBox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FBox.js","sources":["../../../../../../../src/core/ui/components/container/FBox.tsx"],"sourcesContent":["import { memo, FC, PropsWithChildren, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\n\nimport classes from './fbox.module.scss'\n\n\nexport type FBoxProps = PropsWithChildren<any> &{\n flex?: string\n flexGrow?: string | number\n alignText?: 'center' | 'right' | 'left'\n direction?: string\n flexShrink?: string | number\n flexBasis?: string\n flexWrap?: string\n justify?: string\n align?: string\n alignSelf?: string\n margin?: string\n padding?: string\n width?: string\n height?: string\n maxWidth?: string\n maxHeight?: string\n minWidth?: string\n minHeight?: string\n gap?: string\n css?: string\n borderRadius?: string\n style?: CSSProperties\n className?: string\n} & CSSProperties\n\nconst flexValueMap: Record<string, string> = {\n start: 'flex-start',\n 'flex-start': 'flex-start',\n end: 'flex-end',\n 'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst FBoxRefForwarded = forwardRef(({\n style, children, tabIndex, className = '', ...props\n}: FBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n const [restProps, cssProps] = useMemo(() => {\n const restProps: Record<string, unknown> = {}\n const cssProps: Record<string, unknown> = {}\n\n Object.entries(props).forEach(([key, value]) => {\n if (key.substr(0, 4) === 'data') {\n restProps[key] = value\n } else {\n cssProps[key] = value\n }\n })\n return [restProps, cssProps]\n }, [props])\n\n const styles = useMemo(() => (\n {\n ...cssProps,\n ...(cssProps.align ? { alignItems: resolveFlexProps(cssProps.align as string) } : {}),\n ...(cssProps.justify ? { justifyContent: resolveFlexProps(cssProps.justify as string) } : {}),\n ...(cssProps.direction ? { flexDirection: cssProps.direction } : {}),\n ...style,\n }\n ), [cssProps, style])\n\n return (\n <div\n ref={ref}\n tabIndex={tabIndex}\n className={`${(classes as any)['flexible-box']} ${className}`}\n style={styles as CSSProperties}\n {...restProps}\n >\n {children}\n </div>\n )\n})\n\nFBoxRefForwarded.displayName = 'FBoxRefForwarded'\n\nexport const FBox: FC<FBoxProps> = memo<FBoxProps>(FBoxRefForwarded)\n\n\nFBox.displayName = 'FBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n// {\n// width: props.width || '100%',\n// height: props.height || '100%',\n// justify: props.justify || 'center',\n// align: props.align || 'center',\n// ...props,\n// }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n// size: 'unset',\n// width: 'initial',\n// ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n// size: 'unset',\n// width: 'initial',\n// style: {\n// text: 'blue',\n// padding: '1rem',\n// border: '1px solid green',\n// },\n// ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","FBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","_ref$className","className","props","_objectWithoutProperties","objectWithoutProperties","_excluded","_useMemo","useMemo","restProps","cssProps","Object","entries","forEach","_ref2","_ref3","_slicedToArray","key","substr","_useMemo2","styles","_objectSpread","objectSpread2","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classes","displayName","FBox","memo"],"mappings":"6iBAgCMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAG1GC,EAAmBC,EAAUA,YAAC,SAAAC,EAEtBC,GAA+C,IAD3DC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAUC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEM,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAC,wBAAAT,EAAAU,GAEnDC,EAA8BC,EAAAA,SAAQ,WACpC,IAAMC,EAAqC,CAAA,EACrCC,EAAoC,CAAA,EAS1C,OAPAC,OAAOC,QAAQT,GAAOU,SAAQ,SAAAC,GAAkB,IAAAC,EAAAC,EAAAA,cAAAF,EAAA,GAAhBG,EAAGF,EAAA,GAAEtB,EAAKsB,EAAA,GACf,SAArBE,EAAIC,OAAO,EAAG,GAChBT,EAAUQ,GAAOxB,EAEjBiB,EAASO,GAAOxB,CAEpB,IACO,CAACgB,EAAWC,EACrB,GAAG,CAACP,IAAOgB,EAAAH,EAAAA,cAAAT,EAAA,GAZJE,EAASU,EAAA,GAAET,EAAQS,EAAA,GAcpBC,EAASZ,EAAAA,SAAQ,WAAA,OAAAa,EAAAC,cAAAD,gBAAAA,EAAAA,cAAAA,EAAAC,cAAAD,mBAEhBX,GACCA,EAASa,MAAQ,CAAEC,WAAYhC,EAAiBkB,EAASa,QAAqB,CAAE,GAChFb,EAASe,QAAU,CAAEC,eAAgBlC,EAAiBkB,EAASe,UAAuB,CAAE,GACxFf,EAASiB,UAAY,CAAEC,cAAelB,EAASiB,WAAc,CAAE,GAChE7B,EAAK,GAET,CAACY,EAAUZ,IAEd,OACE+B,MAAAC,cAAA,MAAAC,UAAA,CACElC,IAAKA,EACLG,SAAUA,EACVE,UAAS,GAAA8B,OAAMC,EAAO,QAAS,gBAAeD,KAAAA,OAAI9B,GAClDJ,MAAOsB,GACHX,GAEHV,EAGP,IAEAL,EAAiBwC,YAAc,uBAElBC,EAAsBC,EAAIA,KAAY1C,GAGnDyC,EAAKD,YAAc"}
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"flexible-box":"fbox-module_flexible-box__rLJ93"};
2
- //# sourceMappingURL=fbox.module.scss.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fbox.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,106 +0,0 @@
1
- .CollapsibleContainer-module_collapsible-container__u0Jmm {
2
- transform-origin: 0% 0%;
3
- opacity: 0;
4
- overflow: clip;
5
- }
6
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN {
7
- transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out, max-height 0.2s ease-in-out;
8
- will-change: opacity, height, max-height;
9
- }
10
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_collapsed__q8fs8 {
11
- height: 0;
12
- max-height: 0;
13
- opacity: 0;
14
- }
15
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_expanded__O6Vh8 {
16
- height: var(--prop-value);
17
- max-height: var(--prop-value);
18
- opacity: 1;
19
- }
20
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI- {
21
- transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, max-width 0.2s ease-in-out;
22
- will-change: opacity, width, max-width;
23
- }
24
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_collapsed__q8fs8 {
25
- width: 0;
26
- max-width: 0;
27
- opacity: 0;
28
- }
29
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_expanded__O6Vh8 {
30
- width: var(--prop-value);
31
- max-width: var(--prop-value);
32
- opacity: 1;
33
- }
34
- .fbox-module_flexible-box__rLJ93 {
35
- display: flex;
36
- position: relative;
37
- flex-direction: row;
38
- flex: 0;
39
- flex-grow: 0;
40
- flex-shrink: 0;
41
- flex-basis: auto;
42
- flex-wrap: nowrap;
43
- gap: 0;
44
- text-align: left;
45
- justify-content: flex-start;
46
- align-items: flex-start;
47
- align-self: auto;
48
- margin: 0;
49
- padding: 0;
50
- width: auto;
51
- height: auto;
52
- max-width: none;
53
- max-height: none;
54
- min-width: 0;
55
- min-height: 0;
56
- border-radius: initial;
57
- }
58
- .divider-module_divider-line__6CesR {
59
- position: relative;
60
- display: block;
61
- transition: opacity, width, height 250ms ease-in-out;
62
- background-color: var(--color);
63
- opacity: var(--opacity);
64
- }
65
- .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
66
- height: var(--length);
67
- left: var(--left);
68
- width: var(--width);
69
- margin: var(--margin);
70
- }
71
- .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
72
- width: var(--length);
73
- left: var(--left);
74
- height: var(--height);
75
- margin: var(--margin);
76
- }
77
- .icon-module_icon-base-parent__nOMvW {
78
- line-height: 1px !important;
79
- }
80
-
81
- .icon-module_icon-base__S0tHf {
82
- min-width: var(--min-width);
83
- min-height: var(--min-height);
84
- width: var(--width) !important;
85
- height: var(--height) !important;
86
- line-height: var(--height);
87
- background-color: var(--icon-color);
88
- color: var(--icon-content-color);
89
- background-repeat: no-repeat;
90
- mask-image: var(--icon-url);
91
- -webkit-mask-image: var(--icon-url);
92
- mask-repeat: no-repeat;
93
- -webkit-mask-repeat: no-repeat;
94
- mask-size: contain;
95
- -webkit-mask-size: contain;
96
- mask-position: center;
97
- -webkit-mask-position: center;
98
- display: inline-block;
99
- will-change: transform;
100
- transform: translate3d(0, 0, 0);
101
- }
102
- .icon-module_icon-base__S0tHf svg {
103
- fill: var(--icon-content-color);
104
- width: var(--height);
105
- height: var(--width);
106
- }
@@ -1,106 +0,0 @@
1
- .CollapsibleContainer-module_collapsible-container__u0Jmm {
2
- transform-origin: 0% 0%;
3
- opacity: 0;
4
- overflow: clip;
5
- }
6
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN {
7
- transition: opacity 0.2s ease-in-out, height 0.2s ease-in-out, max-height 0.2s ease-in-out;
8
- will-change: opacity, height, max-height;
9
- }
10
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_collapsed__q8fs8 {
11
- height: 0;
12
- max-height: 0;
13
- opacity: 0;
14
- }
15
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_vertical__w7MVN.CollapsibleContainer-module_expanded__O6Vh8 {
16
- height: var(--prop-value);
17
- max-height: var(--prop-value);
18
- opacity: 1;
19
- }
20
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI- {
21
- transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, max-width 0.2s ease-in-out;
22
- will-change: opacity, width, max-width;
23
- }
24
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_collapsed__q8fs8 {
25
- width: 0;
26
- max-width: 0;
27
- opacity: 0;
28
- }
29
- .CollapsibleContainer-module_collapsible-container__u0Jmm.CollapsibleContainer-module_horizontal__QJWI-.CollapsibleContainer-module_expanded__O6Vh8 {
30
- width: var(--prop-value);
31
- max-width: var(--prop-value);
32
- opacity: 1;
33
- }
34
- .fbox-module_flexible-box__rLJ93 {
35
- display: flex;
36
- position: relative;
37
- flex-direction: row;
38
- flex: 0;
39
- flex-grow: 0;
40
- flex-shrink: 0;
41
- flex-basis: auto;
42
- flex-wrap: nowrap;
43
- gap: 0;
44
- text-align: left;
45
- justify-content: flex-start;
46
- align-items: flex-start;
47
- align-self: auto;
48
- margin: 0;
49
- padding: 0;
50
- width: auto;
51
- height: auto;
52
- max-width: none;
53
- max-height: none;
54
- min-width: 0;
55
- min-height: 0;
56
- border-radius: initial;
57
- }
58
- .divider-module_divider-line__6CesR {
59
- position: relative;
60
- display: block;
61
- transition: opacity, width, height 250ms ease-in-out;
62
- background-color: var(--color);
63
- opacity: var(--opacity);
64
- }
65
- .divider-module_divider-line__6CesR.divider-module_vertical__qSVWD {
66
- height: var(--length);
67
- left: var(--left);
68
- width: var(--width);
69
- margin: var(--margin);
70
- }
71
- .divider-module_divider-line__6CesR.divider-module_horizontal__Gz-Oj {
72
- width: var(--length);
73
- left: var(--left);
74
- height: var(--height);
75
- margin: var(--margin);
76
- }
77
- .icon-module_icon-base-parent__nOMvW {
78
- line-height: 1px !important;
79
- }
80
-
81
- .icon-module_icon-base__S0tHf {
82
- min-width: var(--min-width);
83
- min-height: var(--min-height);
84
- width: var(--width) !important;
85
- height: var(--height) !important;
86
- line-height: var(--height);
87
- background-color: var(--icon-color);
88
- color: var(--icon-content-color);
89
- background-repeat: no-repeat;
90
- mask-image: var(--icon-url);
91
- -webkit-mask-image: var(--icon-url);
92
- mask-repeat: no-repeat;
93
- -webkit-mask-repeat: no-repeat;
94
- mask-size: contain;
95
- -webkit-mask-size: contain;
96
- mask-position: center;
97
- -webkit-mask-position: center;
98
- display: inline-block;
99
- will-change: transform;
100
- transform: translate3d(0, 0, 0);
101
- }
102
- .icon-module_icon-base__S0tHf svg {
103
- fill: var(--icon-content-color);
104
- width: var(--height);
105
- height: var(--width);
106
- }