@basiln/utils 0.1.1 → 0.1.2
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.
- package/CHANGELOG.md +114 -0
- package/dist/Choose.js +50 -0
- package/dist/Choose.js.map +1 -0
- package/dist/Choose.mjs +7 -0
- package/dist/Choose.mjs.map +1 -0
- package/dist/Flex.js +70 -0
- package/dist/Flex.js.map +1 -0
- package/dist/Flex.mjs +10 -0
- package/dist/Flex.mjs.map +1 -0
- package/dist/If.js +35 -0
- package/dist/If.js.map +1 -0
- package/dist/If.mjs +7 -0
- package/dist/If.mjs.map +1 -0
- package/dist/SafeArea.js +91 -0
- package/dist/SafeArea.js.map +1 -0
- package/dist/SafeArea.mjs +10 -0
- package/dist/SafeArea.mjs.map +1 -0
- package/dist/Spacing.js +49 -0
- package/dist/Spacing.js.map +1 -0
- package/dist/Spacing.mjs +8 -0
- package/dist/Spacing.mjs.map +1 -0
- package/dist/Validate.js +43 -0
- package/dist/Validate.js.map +1 -0
- package/dist/Validate.mjs +7 -0
- package/dist/Validate.mjs.map +1 -0
- package/dist/chunk-7WNTKDNW.mjs +26 -0
- package/dist/chunk-7WNTKDNW.mjs.map +1 -0
- package/dist/chunk-C7VOPXT2.mjs +23 -0
- package/dist/chunk-C7VOPXT2.mjs.map +1 -0
- package/dist/chunk-FUGA35PJ.mjs +22 -0
- package/dist/chunk-FUGA35PJ.mjs.map +1 -0
- package/dist/chunk-GQPOYY4X.mjs +77 -0
- package/dist/chunk-GQPOYY4X.mjs.map +1 -0
- package/dist/chunk-LKUAG7PE.mjs +22 -0
- package/dist/chunk-LKUAG7PE.mjs.map +1 -0
- package/dist/chunk-OIJ4AVT7.mjs +37 -0
- package/dist/chunk-OIJ4AVT7.mjs.map +1 -0
- package/dist/chunk-Q3B6WSD7.mjs +42 -0
- package/dist/chunk-Q3B6WSD7.mjs.map +1 -0
- package/dist/chunk-QD5QDTUG.mjs +14 -0
- package/dist/chunk-QD5QDTUG.mjs.map +1 -0
- package/dist/chunk-R23KSR7N.mjs +19 -0
- package/dist/chunk-R23KSR7N.mjs.map +1 -0
- package/dist/chunk-SJJHTYZC.mjs +30 -0
- package/dist/chunk-SJJHTYZC.mjs.map +1 -0
- package/dist/chunk-T7K7QYTL.mjs +9 -0
- package/dist/chunk-T7K7QYTL.mjs.map +1 -0
- package/dist/chunk-U4T3KW7L.mjs +67 -0
- package/dist/chunk-U4T3KW7L.mjs.map +1 -0
- package/dist/chunk-UFRXNT2I.mjs +11 -0
- package/dist/chunk-UFRXNT2I.mjs.map +1 -0
- package/dist/chunk-WHYNBO2G.mjs +12 -0
- package/dist/chunk-WHYNBO2G.mjs.map +1 -0
- package/dist/chunk-WOYL5AA5.mjs +39 -0
- package/dist/chunk-WOYL5AA5.mjs.map +1 -0
- package/dist/chunk-XBGZ3YNL.mjs +20 -0
- package/dist/chunk-XBGZ3YNL.mjs.map +1 -0
- package/dist/chunk-Z4QPISK7.mjs +36 -0
- package/dist/chunk-Z4QPISK7.mjs.map +1 -0
- package/dist/coerceCssPixelValue.js +33 -0
- package/dist/coerceCssPixelValue.js.map +1 -0
- package/dist/coerceCssPixelValue.mjs +7 -0
- package/dist/coerceCssPixelValue.mjs.map +1 -0
- package/dist/composeEventHandlers.js +38 -0
- package/dist/composeEventHandlers.js.map +1 -0
- package/dist/composeEventHandlers.mjs +7 -0
- package/dist/composeEventHandlers.mjs.map +1 -0
- package/dist/constants/josa.js +105 -0
- package/dist/constants/josa.js.map +1 -0
- package/dist/constants/josa.mjs +15 -0
- package/dist/constants/josa.mjs.map +1 -0
- package/dist/createContext.js +56 -0
- package/dist/createContext.js.map +1 -0
- package/dist/createContext.mjs +7 -0
- package/dist/createContext.mjs.map +1 -0
- package/dist/ellipsis.js +45 -0
- package/dist/ellipsis.js.map +1 -0
- package/dist/ellipsis.mjs +9 -0
- package/dist/ellipsis.mjs.map +1 -0
- package/dist/getVar.js +36 -0
- package/dist/getVar.js.map +1 -0
- package/dist/getVar.mjs +7 -0
- package/dist/getVar.mjs.map +1 -0
- package/dist/hasBatchim.js +111 -0
- package/dist/hasBatchim.js.map +1 -0
- package/dist/hasBatchim.mjs +8 -0
- package/dist/hasBatchim.mjs.map +1 -0
- package/dist/hexToRgba.js +61 -0
- package/dist/hexToRgba.js.map +1 -0
- package/dist/hexToRgba.mjs +7 -0
- package/dist/hexToRgba.mjs.map +1 -0
- package/dist/index.d.ts +174 -0
- package/dist/index.js +456 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +64 -0
- package/dist/index.mjs.map +1 -0
- package/dist/josa.js +133 -0
- package/dist/josa.js.map +1 -0
- package/dist/josa.mjs +9 -0
- package/dist/josa.mjs.map +1 -0
- package/dist/queryString.js +91 -0
- package/dist/queryString.js.map +1 -0
- package/dist/queryString.mjs +7 -0
- package/dist/queryString.mjs.map +1 -0
- package/dist/useSafeArea.js +49 -0
- package/dist/useSafeArea.js.map +1 -0
- package/dist/useSafeArea.mjs +8 -0
- package/dist/useSafeArea.mjs.map +1 -0
- package/package.json +5 -2
- package/src/Flex.tsx +51 -0
- package/src/SafeArea.tsx +46 -0
- package/src/Spacing.tsx +30 -0
- package/src/Validate.ts +25 -0
- package/src/coerceCssPixelValue.ts +5 -0
- package/src/constants/josa.ts +72 -0
- package/src/ellipsis.ts +19 -0
- package/src/hasBatchim.ts +31 -0
- package/src/hexToRgba.ts +45 -0
- package/src/index.ts +25 -0
- package/src/josa.ts +50 -0
- package/src/queryString.ts +134 -0
- package/src/useSafeArea.ts +24 -0
@@ -0,0 +1,22 @@
|
|
1
|
+
import {
|
2
|
+
coerceCssPixelValue
|
3
|
+
} from "./chunk-T7K7QYTL.mjs";
|
4
|
+
|
5
|
+
// src/useSafeArea.ts
|
6
|
+
var useSafeArea = ({
|
7
|
+
top: T = 0,
|
8
|
+
bottom: B = 0,
|
9
|
+
left: L = 0,
|
10
|
+
right: R = 0
|
11
|
+
} = {}) => {
|
12
|
+
const top = `max(${coerceCssPixelValue(T)}, env(safe-area-inset-top))`;
|
13
|
+
const bottom = `max(${coerceCssPixelValue(B)}, env(safe-area-inset-bottom))`;
|
14
|
+
const left = `max(${coerceCssPixelValue(L)}, env(safe-area-inset-left))`;
|
15
|
+
const right = `max(${coerceCssPixelValue(R)}, env(safe-area-inset-right))`;
|
16
|
+
return { top, bottom, left, right };
|
17
|
+
};
|
18
|
+
|
19
|
+
export {
|
20
|
+
useSafeArea
|
21
|
+
};
|
22
|
+
//# sourceMappingURL=chunk-FUGA35PJ.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/useSafeArea.ts"],"sourcesContent":["import { coerceCssPixelValue, type CSSPixelValue } from './coerceCssPixelValue';\n\nexport type SafeAreaCssValueProps = {\n top?: CSSPixelValue;\n bottom?: CSSPixelValue;\n left?: CSSPixelValue;\n right?: CSSPixelValue;\n};\n\nconst useSafeArea = ({\n top: T = 0,\n bottom: B = 0,\n left: L = 0,\n right: R = 0,\n}: SafeAreaCssValueProps = {}) => {\n const top = `max(${coerceCssPixelValue(T)}, env(safe-area-inset-top))`;\n const bottom = `max(${coerceCssPixelValue(B)}, env(safe-area-inset-bottom))`;\n const left = `max(${coerceCssPixelValue(L)}, env(safe-area-inset-left))`;\n const right = `max(${coerceCssPixelValue(R)}, env(safe-area-inset-right))`;\n\n return { top, bottom, left, right };\n};\n\nexport { useSafeArea };\n"],"mappings":";;;;;AASA,IAAM,cAAc,CAAC;AAAA,EACnB,KAAK,IAAI;AAAA,EACT,QAAQ,IAAI;AAAA,EACZ,MAAM,IAAI;AAAA,EACV,OAAO,IAAI;AACb,IAA2B,CAAC,MAAM;AAChC,QAAM,MAAM,OAAO,oBAAoB,CAAC;AACxC,QAAM,SAAS,OAAO,oBAAoB,CAAC;AAC3C,QAAM,OAAO,OAAO,oBAAoB,CAAC;AACzC,QAAM,QAAQ,OAAO,oBAAoB,CAAC;AAE1C,SAAO,EAAE,KAAK,QAAQ,MAAM,MAAM;AACpC;","names":[]}
|
@@ -0,0 +1,77 @@
|
|
1
|
+
// src/constants/josa.ts
|
2
|
+
var COMPLETE_HANGUL_START_CHARCODE = "\uAC00".charCodeAt(0);
|
3
|
+
var COMPLETE_HANGUL_END_CHARCODE = "\uD7A3".charCodeAt(0);
|
4
|
+
var NUMBER_OF_JONGSEONG = 28;
|
5
|
+
var NUMBER_OF_JUNGSEONG = 21;
|
6
|
+
var DISASSEMBLED_CONSONANTS_BY_CONSONANT = {
|
7
|
+
"": "",
|
8
|
+
\u3131: "\u3131",
|
9
|
+
\u3132: "\u3132",
|
10
|
+
\u3133: "\u3131\u3145",
|
11
|
+
\u3134: "\u3134",
|
12
|
+
\u3135: "\u3134\u3148",
|
13
|
+
\u3136: "\u3134\u314E",
|
14
|
+
\u3137: "\u3137",
|
15
|
+
\u3138: "\u3138",
|
16
|
+
\u3139: "\u3139",
|
17
|
+
\u313A: "\u3139\u3131",
|
18
|
+
\u313B: "\u3139\u3141",
|
19
|
+
\u313C: "\u3139\u3142",
|
20
|
+
\u313D: "\u3139\u3145",
|
21
|
+
\u313E: "\u3139\u314C",
|
22
|
+
\u313F: "\u3139\u314D",
|
23
|
+
\u3140: "\u3139\u314E",
|
24
|
+
\u3141: "\u3141",
|
25
|
+
\u3142: "\u3142",
|
26
|
+
\u3143: "\u3143",
|
27
|
+
\u3144: "\u3142\u3145",
|
28
|
+
\u3145: "\u3145",
|
29
|
+
\u3146: "\u3146",
|
30
|
+
\u3147: "\u3147",
|
31
|
+
\u3148: "\u3148",
|
32
|
+
\u3149: "\u3149",
|
33
|
+
\u314A: "\u314A",
|
34
|
+
\u314B: "\u314B",
|
35
|
+
\u314C: "\u314C",
|
36
|
+
\u314D: "\u314D",
|
37
|
+
\u314E: "\u314E"
|
38
|
+
};
|
39
|
+
var JONGSEONGS = [
|
40
|
+
"",
|
41
|
+
"\u3131",
|
42
|
+
"\u3132",
|
43
|
+
"\u3133",
|
44
|
+
"\u3134",
|
45
|
+
"\u3135",
|
46
|
+
"\u3136",
|
47
|
+
"\u3137",
|
48
|
+
"\u3139",
|
49
|
+
"\u313A",
|
50
|
+
"\u313B",
|
51
|
+
"\u313C",
|
52
|
+
"\u313D",
|
53
|
+
"\u313E",
|
54
|
+
"\u313F",
|
55
|
+
"\u3140",
|
56
|
+
"\u3141",
|
57
|
+
"\u3142",
|
58
|
+
"\u3144",
|
59
|
+
"\u3145",
|
60
|
+
"\u3146",
|
61
|
+
"\u3147",
|
62
|
+
"\u3148",
|
63
|
+
"\u314A",
|
64
|
+
"\u314B",
|
65
|
+
"\u314C",
|
66
|
+
"\u314D",
|
67
|
+
"\u314E"
|
68
|
+
].map((consonant) => DISASSEMBLED_CONSONANTS_BY_CONSONANT[consonant]);
|
69
|
+
|
70
|
+
export {
|
71
|
+
COMPLETE_HANGUL_START_CHARCODE,
|
72
|
+
COMPLETE_HANGUL_END_CHARCODE,
|
73
|
+
NUMBER_OF_JONGSEONG,
|
74
|
+
NUMBER_OF_JUNGSEONG,
|
75
|
+
JONGSEONGS
|
76
|
+
};
|
77
|
+
//# sourceMappingURL=chunk-GQPOYY4X.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/constants/josa.ts"],"sourcesContent":["export const COMPLETE_HANGUL_START_CHARCODE = '가'.charCodeAt(0);\nexport const COMPLETE_HANGUL_END_CHARCODE = '힣'.charCodeAt(0);\n\nexport const NUMBER_OF_JONGSEONG = 28;\nexport const NUMBER_OF_JUNGSEONG = 21;\n\nconst DISASSEMBLED_CONSONANTS_BY_CONSONANT = {\n '': '',\n ㄱ: 'ㄱ',\n ㄲ: 'ㄲ',\n ㄳ: 'ㄱㅅ',\n ㄴ: 'ㄴ',\n ㄵ: 'ㄴㅈ',\n ㄶ: 'ㄴㅎ',\n ㄷ: 'ㄷ',\n ㄸ: 'ㄸ',\n ㄹ: 'ㄹ',\n ㄺ: 'ㄹㄱ',\n ㄻ: 'ㄹㅁ',\n ㄼ: 'ㄹㅂ',\n ㄽ: 'ㄹㅅ',\n ㄾ: 'ㄹㅌ',\n ㄿ: 'ㄹㅍ',\n ㅀ: 'ㄹㅎ',\n ㅁ: 'ㅁ',\n ㅂ: 'ㅂ',\n ㅃ: 'ㅃ',\n ㅄ: 'ㅂㅅ',\n ㅅ: 'ㅅ',\n ㅆ: 'ㅆ',\n ㅇ: 'ㅇ',\n ㅈ: 'ㅈ',\n ㅉ: 'ㅉ',\n ㅊ: 'ㅊ',\n ㅋ: 'ㅋ',\n ㅌ: 'ㅌ',\n ㅍ: 'ㅍ',\n ㅎ: 'ㅎ',\n} as const;\n\nexport const JONGSEONGS = (\n [\n '',\n 'ㄱ',\n 'ㄲ',\n 'ㄳ',\n 'ㄴ',\n 'ㄵ',\n 'ㄶ',\n 'ㄷ',\n 'ㄹ',\n 'ㄺ',\n 'ㄻ',\n 'ㄼ',\n 'ㄽ',\n 'ㄾ',\n 'ㄿ',\n 'ㅀ',\n 'ㅁ',\n 'ㅂ',\n 'ㅄ',\n 'ㅅ',\n 'ㅆ',\n 'ㅇ',\n 'ㅈ',\n 'ㅊ',\n 'ㅋ',\n 'ㅌ',\n 'ㅍ',\n 'ㅎ',\n ] as const\n).map((consonant) => DISASSEMBLED_CONSONANTS_BY_CONSONANT[consonant]);\n"],"mappings":";AAAO,IAAM,iCAAiC,SAAI,WAAW,CAAC;AACvD,IAAM,+BAA+B,SAAI,WAAW,CAAC;AAErD,IAAM,sBAAsB;AAC5B,IAAM,sBAAsB;AAEnC,IAAM,uCAAuC;AAAA,EAC3C,IAAI;AAAA,EACJ,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AAAA,EACH,QAAG;AACL;AAEO,IAAM,aACX;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EACA,IAAI,CAAC,cAAc,qCAAqC,SAAS,CAAC;","names":[]}
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import {
|
2
|
+
coerceCssPixelValue
|
3
|
+
} from "./chunk-T7K7QYTL.mjs";
|
4
|
+
|
5
|
+
// src/Spacing.tsx
|
6
|
+
import { memo } from "react";
|
7
|
+
import { styled } from "styled-components";
|
8
|
+
import { jsx } from "react/jsx-runtime";
|
9
|
+
var Spacing = memo(function Spacing2(props) {
|
10
|
+
const { direction = "horizontal", size, ...restProps } = props;
|
11
|
+
return /* @__PURE__ */ jsx(SpacingContainer, { $direction: direction, $size: size, ...restProps });
|
12
|
+
});
|
13
|
+
var SpacingContainer = styled.div`
|
14
|
+
flex: none;
|
15
|
+
width: ${({ $direction, $size }) => $direction === "horizontal" ? coerceCssPixelValue($size) : void 0};
|
16
|
+
height: ${({ $direction, $size }) => $direction === "vertical" ? coerceCssPixelValue($size) : void 0};
|
17
|
+
`;
|
18
|
+
|
19
|
+
export {
|
20
|
+
Spacing
|
21
|
+
};
|
22
|
+
//# sourceMappingURL=chunk-LKUAG7PE.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/Spacing.tsx"],"sourcesContent":["import { memo, type HTMLAttributes } from 'react';\nimport { styled } from 'styled-components';\n\nimport { coerceCssPixelValue, type CSSPixelValue } from './coerceCssPixelValue';\n\ntype AxisDirection = 'vertical' | 'horizontal';\n\nexport type SpacingProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {\n direction?: AxisDirection;\n size: CSSPixelValue;\n};\n\nexport const Spacing = memo(function Spacing(props: SpacingProps) {\n const { direction = 'horizontal', size, ...restProps } = props;\n\n return (\n <SpacingContainer $direction={direction} $size={size} {...restProps} />\n );\n});\n\nconst SpacingContainer = styled.div<{\n $direction: SpacingProps['direction'];\n $size: SpacingProps['size'];\n}>`\n flex: none;\n width: ${({ $direction, $size }) =>\n $direction === 'horizontal' ? coerceCssPixelValue($size) : undefined};\n height: ${({ $direction, $size }) =>\n $direction === 'vertical' ? coerceCssPixelValue($size) : undefined};\n`;\n"],"mappings":";;;;;AAAA,SAAS,YAAiC;AAC1C,SAAS,cAAc;AAenB;AAJG,IAAM,UAAU,KAAK,SAASA,SAAQ,OAAqB;AAChE,QAAM,EAAE,YAAY,cAAc,MAAM,GAAG,UAAU,IAAI;AAEzD,SACE,oBAAC,oBAAiB,YAAY,WAAW,OAAO,MAAO,GAAG,WAAW;AAEzE,CAAC;AAED,IAAM,mBAAmB,OAAO;AAAA;AAAA,WAKrB,CAAC,EAAE,YAAY,MAAM,MAC5B,eAAe,eAAe,oBAAoB,KAAK,IAAI;AAAA,YACnD,CAAC,EAAE,YAAY,MAAM,MAC7B,eAAe,aAAa,oBAAoB,KAAK,IAAI;AAAA;","names":["Spacing"]}
|
@@ -0,0 +1,37 @@
|
|
1
|
+
// src/hexToRgba.ts
|
2
|
+
function parseHexToDecimal(hex) {
|
3
|
+
return parseInt(hex, 16);
|
4
|
+
}
|
5
|
+
function validateHex(hex) {
|
6
|
+
const match = /^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.exec(hex);
|
7
|
+
if (!match) {
|
8
|
+
throw new Error(
|
9
|
+
`Invalid hex value: "${hex}". Expected formats: "#RGB", "RGB", "#RRGGBB", or "RRGGBB".`
|
10
|
+
);
|
11
|
+
}
|
12
|
+
return match[1];
|
13
|
+
}
|
14
|
+
function expandHex(hex) {
|
15
|
+
return hex.length === 3 ? hex.split("").map((char) => char + char).join("") : hex;
|
16
|
+
}
|
17
|
+
function isValidAlpha(alpha) {
|
18
|
+
return alpha >= 0 && alpha <= 1;
|
19
|
+
}
|
20
|
+
function hexToRgba({ hex, alpha = 1 }) {
|
21
|
+
if (!isValidAlpha(alpha)) {
|
22
|
+
throw new Error(
|
23
|
+
`Invalid alpha value. Must be between 0 and 1, received: ${alpha}`
|
24
|
+
);
|
25
|
+
}
|
26
|
+
const validatedHex = validateHex(hex);
|
27
|
+
const expandedHex = expandHex(validatedHex);
|
28
|
+
const r = parseHexToDecimal(expandedHex.slice(0, 2));
|
29
|
+
const g = parseHexToDecimal(expandedHex.slice(2, 4));
|
30
|
+
const b = parseHexToDecimal(expandedHex.slice(4, 6));
|
31
|
+
return `rgba(${r},${g},${b},${alpha})`;
|
32
|
+
}
|
33
|
+
|
34
|
+
export {
|
35
|
+
hexToRgba
|
36
|
+
};
|
37
|
+
//# sourceMappingURL=chunk-OIJ4AVT7.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/hexToRgba.ts"],"sourcesContent":["export type HexToRgbaProps = { hex: string; alpha?: number };\n\nfunction parseHexToDecimal(hex: string): number {\n return parseInt(hex, 16);\n}\n\nfunction validateHex(hex: string): string {\n const match = /^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.exec(hex);\n if (!match) {\n throw new Error(\n `Invalid hex value: \"${hex}\". Expected formats: \"#RGB\", \"RGB\", \"#RRGGBB\", or \"RRGGBB\".`\n );\n }\n return match[1];\n}\n\nfunction expandHex(hex: string): string {\n return hex.length === 3\n ? hex\n .split('')\n .map((char) => char + char)\n .join('')\n : hex;\n}\n\nfunction isValidAlpha(alpha: number): boolean {\n return alpha >= 0 && alpha <= 1;\n}\n\nexport function hexToRgba({ hex, alpha = 1 }: HexToRgbaProps): string {\n if (!isValidAlpha(alpha)) {\n throw new Error(\n `Invalid alpha value. Must be between 0 and 1, received: ${alpha}`\n );\n }\n\n const validatedHex = validateHex(hex);\n const expandedHex = expandHex(validatedHex);\n\n const r = parseHexToDecimal(expandedHex.slice(0, 2));\n const g = parseHexToDecimal(expandedHex.slice(2, 4));\n const b = parseHexToDecimal(expandedHex.slice(4, 6));\n\n return `rgba(${r},${g},${b},${alpha})`;\n}\n"],"mappings":";AAEA,SAAS,kBAAkB,KAAqB;AAC9C,SAAO,SAAS,KAAK,EAAE;AACzB;AAEA,SAAS,YAAY,KAAqB;AACxC,QAAM,QAAQ,sCAAsC,KAAK,GAAG;AAC5D,MAAI,CAAC,OAAO;AACV,UAAM,IAAI;AAAA,MACR,uBAAuB;AAAA,IACzB;AAAA,EACF;AACA,SAAO,MAAM,CAAC;AAChB;AAEA,SAAS,UAAU,KAAqB;AACtC,SAAO,IAAI,WAAW,IAClB,IACG,MAAM,EAAE,EACR,IAAI,CAAC,SAAS,OAAO,IAAI,EACzB,KAAK,EAAE,IACV;AACN;AAEA,SAAS,aAAa,OAAwB;AAC5C,SAAO,SAAS,KAAK,SAAS;AAChC;AAEO,SAAS,UAAU,EAAE,KAAK,QAAQ,EAAE,GAA2B;AACpE,MAAI,CAAC,aAAa,KAAK,GAAG;AACxB,UAAM,IAAI;AAAA,MACR,2DAA2D;AAAA,IAC7D;AAAA,EACF;AAEA,QAAM,eAAe,YAAY,GAAG;AACpC,QAAM,cAAc,UAAU,YAAY;AAE1C,QAAM,IAAI,kBAAkB,YAAY,MAAM,GAAG,CAAC,CAAC;AACnD,QAAM,IAAI,kBAAkB,YAAY,MAAM,GAAG,CAAC,CAAC;AACnD,QAAM,IAAI,kBAAkB,YAAY,MAAM,GAAG,CAAC,CAAC;AAEnD,SAAO,QAAQ,KAAK,KAAK,KAAK;AAChC;","names":[]}
|
@@ -0,0 +1,42 @@
|
|
1
|
+
import {
|
2
|
+
coerceCssPixelValue
|
3
|
+
} from "./chunk-T7K7QYTL.mjs";
|
4
|
+
|
5
|
+
// src/Flex.tsx
|
6
|
+
import { memo } from "react";
|
7
|
+
import { styled } from "styled-components";
|
8
|
+
import { jsx } from "react/jsx-runtime";
|
9
|
+
var Flex = memo(function Flex2(props) {
|
10
|
+
const {
|
11
|
+
gap = 0,
|
12
|
+
justify = "center",
|
13
|
+
align = "center",
|
14
|
+
direction = "row",
|
15
|
+
children,
|
16
|
+
...restProps
|
17
|
+
} = props;
|
18
|
+
return /* @__PURE__ */ jsx(
|
19
|
+
Container,
|
20
|
+
{
|
21
|
+
$gap: gap,
|
22
|
+
$justify: justify,
|
23
|
+
$align: align,
|
24
|
+
$direction: direction,
|
25
|
+
...restProps,
|
26
|
+
children
|
27
|
+
}
|
28
|
+
);
|
29
|
+
});
|
30
|
+
var Container = styled.div`
|
31
|
+
display: flex;
|
32
|
+
flex-direction: ${({ $direction }) => $direction};
|
33
|
+
gap: ${({ $gap }) => coerceCssPixelValue($gap)};
|
34
|
+
align-items: ${({ $align }) => $align};
|
35
|
+
justify-content: ${({ $justify }) => $justify};
|
36
|
+
`;
|
37
|
+
|
38
|
+
export {
|
39
|
+
Flex,
|
40
|
+
Container
|
41
|
+
};
|
42
|
+
//# sourceMappingURL=chunk-Q3B6WSD7.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/Flex.tsx"],"sourcesContent":["import { memo, type CSSProperties, type HTMLAttributes } from 'react';\nimport { styled } from 'styled-components';\n\nimport { coerceCssPixelValue, type CSSPixelValue } from './coerceCssPixelValue';\n\ntype Justify = CSSProperties['justifyContent'];\ntype Align = CSSProperties['alignItems'];\ntype Direction = CSSProperties['flexDirection'];\n\nexport type FlexProps = HTMLAttributes<HTMLDivElement> & {\n gap?: CSSPixelValue;\n justify?: Justify;\n align?: Align;\n direction?: Direction;\n};\n\nexport const Flex = memo(function Flex(props: FlexProps) {\n const {\n gap = 0,\n justify = 'center',\n align = 'center',\n direction = 'row',\n children,\n ...restProps\n } = props;\n\n return (\n <Container\n $gap={gap}\n $justify={justify}\n $align={align}\n $direction={direction}\n {...restProps}\n >\n {children}\n </Container>\n );\n});\n\nexport const Container = styled.div<{\n $gap: CSSPixelValue;\n $justify: Justify;\n $align: Align;\n $direction: Direction;\n}>`\n display: flex;\n flex-direction: ${({ $direction }) => $direction};\n gap: ${({ $gap }) => coerceCssPixelValue($gap)};\n align-items: ${({ $align }) => $align};\n justify-content: ${({ $justify }) => $justify};\n`;\n"],"mappings":";;;;;AAAA,SAAS,YAAqD;AAC9D,SAAS,cAAc;AA0BnB;AAXG,IAAM,OAAO,KAAK,SAASA,MAAK,OAAkB;AACvD,QAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,YAAY;AAAA,MACX,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AAEM,IAAM,YAAY,OAAO;AAAA;AAAA,oBAOZ,CAAC,EAAE,WAAW,MAAM;AAAA,SAC/B,CAAC,EAAE,KAAK,MAAM,oBAAoB,IAAI;AAAA,iBAC9B,CAAC,EAAE,OAAO,MAAM;AAAA,qBACZ,CAAC,EAAE,SAAS,MAAM;AAAA;","names":["Flex"]}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
// src/composeEventHandlers.ts
|
2
|
+
function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
|
3
|
+
return function handleEvent(event) {
|
4
|
+
originalEventHandler?.(event);
|
5
|
+
if (checkForDefaultPrevented === false || !event.defaultPrevented) {
|
6
|
+
return ourEventHandler?.(event);
|
7
|
+
}
|
8
|
+
};
|
9
|
+
}
|
10
|
+
|
11
|
+
export {
|
12
|
+
composeEventHandlers
|
13
|
+
};
|
14
|
+
//# sourceMappingURL=chunk-QD5QDTUG.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/composeEventHandlers.ts"],"sourcesContent":["// @see https://github.com/radix-ui/primitives/blob/main/packages/core/primitive/src/primitive.tsx\n\nexport function composeEventHandlers<E>(\n originalEventHandler?: (event: E) => void,\n ourEventHandler?: (event: E) => void,\n { checkForDefaultPrevented = true } = {}\n) {\n return function handleEvent(event: E) {\n originalEventHandler?.(event);\n\n if (\n checkForDefaultPrevented === false ||\n !(event as unknown as Event).defaultPrevented\n ) {\n return ourEventHandler?.(event);\n }\n };\n}\n"],"mappings":";AAEO,SAAS,qBACd,sBACA,iBACA,EAAE,2BAA2B,KAAK,IAAI,CAAC,GACvC;AACA,SAAO,SAAS,YAAY,OAAU;AACpC,2BAAuB,KAAK;AAE5B,QACE,6BAA6B,SAC7B,CAAE,MAA2B,kBAC7B;AACA,aAAO,kBAAkB,KAAK;AAAA,IAChC;AAAA,EACF;AACF;","names":[]}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
// src/Validate.ts
|
2
|
+
function isEmail(email) {
|
3
|
+
const regExp = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
|
4
|
+
return regExp.test(email);
|
5
|
+
}
|
6
|
+
function isPhoneNumber(phoneNumber) {
|
7
|
+
const regExpWithHyphen = /^01([0|1|6|7|8|9])-([0-9]{3,4})-([0-9]{4})$/;
|
8
|
+
const regExpWithoutHyphen = /^01([0|1|6|7|8|9])([0-9]{3,4})([0-9]{4})$/;
|
9
|
+
return regExpWithHyphen.test(phoneNumber) || regExpWithoutHyphen.test(phoneNumber);
|
10
|
+
}
|
11
|
+
var Validate = {
|
12
|
+
email: isEmail,
|
13
|
+
phoneNumber: isPhoneNumber
|
14
|
+
};
|
15
|
+
|
16
|
+
export {
|
17
|
+
Validate
|
18
|
+
};
|
19
|
+
//# sourceMappingURL=chunk-R23KSR7N.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/Validate.ts"],"sourcesContent":["/**\n *\n * @see 이메일 주소가 RFC 5322 표준을 따르는지 검사합니다. {@link https://emailregex.com/}\n */\nfunction isEmail(email: string) {\n const regExp =\n /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n return regExp.test(email);\n}\n\nfunction isPhoneNumber(phoneNumber: string) {\n // 하이픈 있는 형식\n const regExpWithHyphen = /^01([0|1|6|7|8|9])-([0-9]{3,4})-([0-9]{4})$/;\n // 하이픈 없는 형식\n const regExpWithoutHyphen = /^01([0|1|6|7|8|9])([0-9]{3,4})([0-9]{4})$/;\n\n return (\n regExpWithHyphen.test(phoneNumber) || regExpWithoutHyphen.test(phoneNumber)\n );\n}\n\nexport const Validate = {\n email: isEmail,\n phoneNumber: isPhoneNumber,\n};\n"],"mappings":";AAIA,SAAS,QAAQ,OAAe;AAC9B,QAAM,SACJ;AACF,SAAO,OAAO,KAAK,KAAK;AAC1B;AAEA,SAAS,cAAc,aAAqB;AAE1C,QAAM,mBAAmB;AAEzB,QAAM,sBAAsB;AAE5B,SACE,iBAAiB,KAAK,WAAW,KAAK,oBAAoB,KAAK,WAAW;AAE9E;AAEO,IAAM,WAAW;AAAA,EACtB,OAAO;AAAA,EACP,aAAa;AACf;","names":[]}
|
@@ -0,0 +1,30 @@
|
|
1
|
+
import {
|
2
|
+
hasBatchim
|
3
|
+
} from "./chunk-C7VOPXT2.mjs";
|
4
|
+
|
5
|
+
// src/josa.ts
|
6
|
+
function josa(props) {
|
7
|
+
const { word, josa: josa2 } = props;
|
8
|
+
if (!word) {
|
9
|
+
return word;
|
10
|
+
}
|
11
|
+
return `${word}${josaPicker({
|
12
|
+
word,
|
13
|
+
josa: josa2
|
14
|
+
})}`;
|
15
|
+
}
|
16
|
+
function josaPicker(props) {
|
17
|
+
const { word, josa: josa2 } = props;
|
18
|
+
if (!word) {
|
19
|
+
return josa2.split("/")[0];
|
20
|
+
}
|
21
|
+
const has\uBC1B\uCE68 = hasBatchim(word);
|
22
|
+
const index = has\uBC1B\uCE68 ? 0 : 1;
|
23
|
+
return josa2.split("/")[index];
|
24
|
+
}
|
25
|
+
josa.pick = josaPicker;
|
26
|
+
|
27
|
+
export {
|
28
|
+
josa
|
29
|
+
};
|
30
|
+
//# sourceMappingURL=chunk-SJJHTYZC.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/josa.ts"],"sourcesContent":["import { hasBatchim } from './hasBatchim';\n\ntype JosaOption = '이/가' | '을/를' | '은/는';\n\ntype ExtractJosaOption<T> = T extends `${infer A}/${infer B}` ? A | B : never;\n\nexport type JosaProps<U extends JosaOption> = {\n word: string;\n josa: U;\n};\n\n/**\n * 주어진 단어와 조사 옵션을 기반으로 올바른 조사를 반환합니다.\n * @returns 단어와 올바른 조사가 결합된 문자열\n */\nexport function josa<U extends JosaOption>(\n props: JosaProps<U>\n): `${JosaProps<U>['word']}${ExtractJosaOption<U>}` {\n const { word, josa } = props;\n\n if (!word) {\n return word as `${JosaProps<U>['word']}${ExtractJosaOption<U>}`;\n }\n\n return `${word}${josaPicker({\n word,\n josa,\n })}` as `${JosaProps<U>['word']}${ExtractJosaOption<U>}`;\n}\n\n/**\n * 주어진 단어와 조사 옵션을 기반으로 올바른 조사를 선택합니다.\n * @returns 올바른 조사\n */\nfunction josaPicker<U extends JosaOption>(\n props: JosaProps<U>\n): ExtractJosaOption<U> {\n const { word, josa } = props;\n\n if (!word) {\n return josa.split('/')[0] as ExtractJosaOption<U>;\n }\n\n const has받침 = hasBatchim(word);\n const index = has받침 ? 0 : 1;\n\n return josa.split('/')[index] as ExtractJosaOption<U>;\n}\n\njosa.pick = josaPicker;\n"],"mappings":";;;;;AAeO,SAAS,KACd,OACkD;AAClD,QAAM,EAAE,MAAM,MAAAA,MAAK,IAAI;AAEvB,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AAEA,SAAO,GAAG,OAAO,WAAW;AAAA,IAC1B;AAAA,IACA,MAAAA;AAAA,EACF,CAAC;AACH;AAMA,SAAS,WACP,OACsB;AACtB,QAAM,EAAE,MAAM,MAAAA,MAAK,IAAI;AAEvB,MAAI,CAAC,MAAM;AACT,WAAOA,MAAK,MAAM,GAAG,EAAE,CAAC;AAAA,EAC1B;AAEA,QAAM,kBAAQ,WAAW,IAAI;AAC7B,QAAM,QAAQ,kBAAQ,IAAI;AAE1B,SAAOA,MAAK,MAAM,GAAG,EAAE,KAAK;AAC9B;AAEA,KAAK,OAAO;","names":["josa"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/coerceCssPixelValue.ts"],"sourcesContent":["export type CSSPixelValue = string | number;\n\nexport function coerceCssPixelValue(value: CSSPixelValue): string {\n return typeof value === 'string' ? value : `${value}px`;\n}\n"],"mappings":";AAEO,SAAS,oBAAoB,OAA8B;AAChE,SAAO,OAAO,UAAU,WAAW,QAAQ,GAAG;AAChD;","names":[]}
|
@@ -0,0 +1,67 @@
|
|
1
|
+
// src/queryString.ts
|
2
|
+
function createSearchParamString(params) {
|
3
|
+
return new URLSearchParams(
|
4
|
+
Object.entries(params).filter(([, value]) => value != null).map(([key, value]) => {
|
5
|
+
if (Array.isArray(value)) {
|
6
|
+
return value.map((x) => [key, x]);
|
7
|
+
}
|
8
|
+
return [[key, value]];
|
9
|
+
}).flat()
|
10
|
+
).toString().replace(/\+/g, "%20");
|
11
|
+
}
|
12
|
+
function createQueryString(params) {
|
13
|
+
const queryString2 = createSearchParamString(params);
|
14
|
+
if (queryString2 === "") {
|
15
|
+
return "";
|
16
|
+
}
|
17
|
+
return `?${queryString2}`;
|
18
|
+
}
|
19
|
+
function fromEntries(iterable) {
|
20
|
+
const result = {};
|
21
|
+
for (const [key, value] of Array.from(iterable)) {
|
22
|
+
if (result[key]) {
|
23
|
+
if (Array.isArray(result[key])) {
|
24
|
+
result[key].push(value);
|
25
|
+
} else {
|
26
|
+
result[key] = [result[key], value];
|
27
|
+
}
|
28
|
+
} else {
|
29
|
+
result[key] = value;
|
30
|
+
}
|
31
|
+
}
|
32
|
+
return result;
|
33
|
+
}
|
34
|
+
function parseQueryString(queryString2 = typeof location !== "undefined" ? location.search : "") {
|
35
|
+
const query = queryString2.trim().replace(/^[?#&]/, "");
|
36
|
+
return fromEntries(new URLSearchParams(query));
|
37
|
+
}
|
38
|
+
function getQueryString(name, parser) {
|
39
|
+
const value = queryString.parse()[name];
|
40
|
+
if (parser == null || value == null) {
|
41
|
+
return value;
|
42
|
+
} else {
|
43
|
+
return parser(value);
|
44
|
+
}
|
45
|
+
}
|
46
|
+
function setQueryString({
|
47
|
+
qs,
|
48
|
+
key,
|
49
|
+
value
|
50
|
+
}) {
|
51
|
+
const parsed = parseQueryString(qs);
|
52
|
+
return createQueryString({
|
53
|
+
...parsed,
|
54
|
+
[key]: value
|
55
|
+
});
|
56
|
+
}
|
57
|
+
var queryString = {
|
58
|
+
create: createQueryString,
|
59
|
+
parse: parseQueryString,
|
60
|
+
get: getQueryString,
|
61
|
+
set: setQueryString
|
62
|
+
};
|
63
|
+
|
64
|
+
export {
|
65
|
+
queryString
|
66
|
+
};
|
67
|
+
//# sourceMappingURL=chunk-U4T3KW7L.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/queryString.ts"],"sourcesContent":["/**\n * @description 쿼리 스트링을 생성합니다.\n * @example createSearchParamString({ a: 1, b: 2, c: 3 }) // 'a=1&b=2&c=3'\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction createSearchParamString(params: Record<string, any>) {\n return (\n new URLSearchParams(\n Object.entries(params)\n .filter(([, value]) => value != null)\n .map(([key, value]) => {\n if (Array.isArray(value)) {\n return value.map((x) => [key, x]);\n }\n return [[key, value]];\n })\n .flat()\n )\n .toString()\n // Convert space characters to '%20' according to RFC3986 spec, from RFC1738.\n .replace(/\\+/g, '%20')\n );\n}\n\n/**\n * @description 물음표를 포함한 쿼리 스트링을 생성합니다.\n * @example createQueryString({ a: 1, b: 2, c: 3 }) // '?a=1&b=2&c=3'\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction createQueryString(params: Record<string, any>) {\n const queryString = createSearchParamString(params);\n\n if (queryString === '') {\n return '';\n }\n\n return `?${queryString}`;\n}\n\n/**\n * @description 이터러블에서 키와 값을 가진 객체로 변환합니다.\n * @example fromEntries([['a', 1], ['b', 2], ['c', 3]]) // { a: 1, b: 2, c: 3 }\n */\nfunction fromEntries<T extends readonly [string | number, unknown]>(\n iterable: Iterable<T>\n) {\n const result: Record<string | number | symbol, T[1]> = {};\n\n for (const [key, value] of Array.from(iterable)) {\n if (result[key]) {\n if (Array.isArray(result[key])) {\n (result[key] as Array<string | number>).push(value as string | number);\n } else {\n result[key] = [result[key], value];\n }\n } else {\n result[key] = value;\n }\n }\n\n return result;\n}\n\n/**\n * @description 쿼리 스트링을 객체로 변환합니다.\n * @example parseQueryString('?a=1&b=2&c=3') // { a: '1', b: '2', c: '3' }\n */\nfunction parseQueryString<Result = Record<string, string>>(\n queryString: string = typeof location !== 'undefined' ? location.search : ''\n): Result {\n const query = queryString.trim().replace(/^[?#&]/, '');\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return fromEntries(new URLSearchParams(query)) as any;\n}\n\n/**\n * @description 쿼리 스트링에서 특정 키의 값을 가져옵니다.\n *\n * @param name 가져올 쿼리 스트링의 키\n * @param parser 가져온 값을 파싱할 함수\n * @returns 파싱된 값\n *\n * @example\n * url: 'http://example.com/?a=1'\n * getQueryString('a') // '1'\n * getQueryString('a', parseInt) // 1\n * getQueryString('b') // undefined\n * getQueryString('b', parseInt) // undefined\n */\nfunction getQueryString(name: string): string | undefined;\nfunction getQueryString<T>(\n name: string,\n parser: (val: string) => T\n): T | undefined;\nfunction getQueryString<T = string>(name: string, parser?: (val: string) => T) {\n const value = queryString.parse<{ [name: string]: string | undefined }>()[\n name\n ];\n\n if (parser == null || value == null) {\n return value;\n } else {\n return parser(value);\n }\n}\n\n/**\n * @description 기존 쿼리 스트링에 새로운 쿼리 스트링을 추가합니다.\n * @example setQueryString({ qs: '?a=1', key: 'b', value: '2' }) // '?a=1&b=2'\n */\nfunction setQueryString({\n qs,\n key,\n value,\n}: {\n qs: string;\n key: string;\n value: string;\n}) {\n const parsed = parseQueryString(qs);\n\n return createQueryString({\n ...parsed,\n [key]: value,\n });\n}\n\nexport const queryString = {\n create: createQueryString,\n parse: parseQueryString,\n get: getQueryString,\n set: setQueryString,\n};\n"],"mappings":";AAKA,SAAS,wBAAwB,QAA6B;AAC5D,SACE,IAAI;AAAA,IACF,OAAO,QAAQ,MAAM,EAClB,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,SAAS,IAAI,EACnC,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AACrB,UAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,eAAO,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAAA,MAClC;AACA,aAAO,CAAC,CAAC,KAAK,KAAK,CAAC;AAAA,IACtB,CAAC,EACA,KAAK;AAAA,EACV,EACG,SAAS,EAET,QAAQ,OAAO,KAAK;AAE3B;AAOA,SAAS,kBAAkB,QAA6B;AACtD,QAAMA,eAAc,wBAAwB,MAAM;AAElD,MAAIA,iBAAgB,IAAI;AACtB,WAAO;AAAA,EACT;AAEA,SAAO,IAAIA;AACb;AAMA,SAAS,YACP,UACA;AACA,QAAM,SAAiD,CAAC;AAExD,aAAW,CAAC,KAAK,KAAK,KAAK,MAAM,KAAK,QAAQ,GAAG;AAC/C,QAAI,OAAO,GAAG,GAAG;AACf,UAAI,MAAM,QAAQ,OAAO,GAAG,CAAC,GAAG;AAC9B,QAAC,OAAO,GAAG,EAA6B,KAAK,KAAwB;AAAA,MACvE,OAAO;AACL,eAAO,GAAG,IAAI,CAAC,OAAO,GAAG,GAAG,KAAK;AAAA,MACnC;AAAA,IACF,OAAO;AACL,aAAO,GAAG,IAAI;AAAA,IAChB;AAAA,EACF;AAEA,SAAO;AACT;AAMA,SAAS,iBACPA,eAAsB,OAAO,aAAa,cAAc,SAAS,SAAS,IAClE;AACR,QAAM,QAAQA,aAAY,KAAK,EAAE,QAAQ,UAAU,EAAE;AAGrD,SAAO,YAAY,IAAI,gBAAgB,KAAK,CAAC;AAC/C;AAqBA,SAAS,eAA2B,MAAc,QAA6B;AAC7E,QAAM,QAAQ,YAAY,MAA8C,EACtE,IACF;AAEA,MAAI,UAAU,QAAQ,SAAS,MAAM;AACnC,WAAO;AAAA,EACT,OAAO;AACL,WAAO,OAAO,KAAK;AAAA,EACrB;AACF;AAMA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,SAAS,iBAAiB,EAAE;AAElC,SAAO,kBAAkB;AAAA,IACvB,GAAG;AAAA,IACH,CAAC,GAAG,GAAG;AAAA,EACT,CAAC;AACH;AAEO,IAAM,cAAc;AAAA,EACzB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL,KAAK;AACP;","names":["queryString"]}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
// src/If.tsx
|
2
|
+
import { Fragment, jsx } from "react/jsx-runtime";
|
3
|
+
function If(props) {
|
4
|
+
const { condition, children } = props;
|
5
|
+
return condition ? /* @__PURE__ */ jsx(Fragment, { children }) : null;
|
6
|
+
}
|
7
|
+
|
8
|
+
export {
|
9
|
+
If
|
10
|
+
};
|
11
|
+
//# sourceMappingURL=chunk-UFRXNT2I.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/If.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nexport type IfProps = {\n condition: boolean;\n children: ReactNode;\n};\n\nexport function If(props: IfProps) {\n const { condition, children } = props;\n\n return condition ? <>{children}</> : null;\n}\n"],"mappings":";AAUqB;AAHd,SAAS,GAAG,OAAgB;AACjC,QAAM,EAAE,WAAW,SAAS,IAAI;AAEhC,SAAO,YAAY,gCAAG,UAAS,IAAM;AACvC;","names":[]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/getVar.ts"],"sourcesContent":["export type VariableType = `--${string}`;\n\nexport function getVar(variable: VariableType, defaultValue?: string) {\n if (defaultValue) {\n return `var(${variable}, ${defaultValue})`;\n }\n\n return `var(${variable})`;\n}\n"],"mappings":";AAEO,SAAS,OAAO,UAAwB,cAAuB;AACpE,MAAI,cAAc;AAChB,WAAO,OAAO,aAAa;AAAA,EAC7B;AAEA,SAAO,OAAO;AAChB;","names":[]}
|
@@ -0,0 +1,39 @@
|
|
1
|
+
import {
|
2
|
+
useSafeArea
|
3
|
+
} from "./chunk-FUGA35PJ.mjs";
|
4
|
+
import {
|
5
|
+
Spacing
|
6
|
+
} from "./chunk-LKUAG7PE.mjs";
|
7
|
+
|
8
|
+
// src/SafeArea.tsx
|
9
|
+
import {
|
10
|
+
memo
|
11
|
+
} from "react";
|
12
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
13
|
+
var SafeArea = ({
|
14
|
+
as,
|
15
|
+
children,
|
16
|
+
...props
|
17
|
+
}) => {
|
18
|
+
const Component = as || "div";
|
19
|
+
return /* @__PURE__ */ jsxs(Component, { ...props, children: [
|
20
|
+
/* @__PURE__ */ jsx(SafeAreaTop, {}),
|
21
|
+
children,
|
22
|
+
/* @__PURE__ */ jsx(SafeAreaBottom, {})
|
23
|
+
] });
|
24
|
+
};
|
25
|
+
var SafeAreaTop = memo(function SafeAreaTop2(props) {
|
26
|
+
const { top } = useSafeArea();
|
27
|
+
return /* @__PURE__ */ jsx(Spacing, { ...props, size: top });
|
28
|
+
});
|
29
|
+
var SafeAreaBottom = memo(function SafeAreaBottom2(props) {
|
30
|
+
const { bottom } = useSafeArea();
|
31
|
+
return /* @__PURE__ */ jsx(Spacing, { ...props, size: bottom });
|
32
|
+
});
|
33
|
+
SafeArea.Top = SafeAreaTop;
|
34
|
+
SafeArea.Bottom = SafeAreaBottom;
|
35
|
+
|
36
|
+
export {
|
37
|
+
SafeArea
|
38
|
+
};
|
39
|
+
//# sourceMappingURL=chunk-WOYL5AA5.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/SafeArea.tsx"],"sourcesContent":["import React, {\n memo,\n type ComponentPropsWithoutRef,\n type ReactNode,\n} from 'react';\n\nimport { Spacing } from './Spacing';\nimport { useSafeArea } from './useSafeArea';\n\nexport type SafeAreaProps<T extends React.ElementType = 'div'> = {\n as?: T;\n children: ReactNode;\n} & ComponentPropsWithoutRef<T>;\n\nexport const SafeArea = <T extends React.ElementType = 'div'>({\n as,\n children,\n ...props\n}: SafeAreaProps<T>) => {\n const Component = as || 'div';\n\n return (\n <Component {...props}>\n <SafeAreaTop />\n {children}\n <SafeAreaBottom />\n </Component>\n );\n};\n\nconst SafeAreaTop = memo(function SafeAreaTop(\n props: Omit<ComponentPropsWithoutRef<typeof Spacing>, 'size'>\n) {\n const { top } = useSafeArea();\n return <Spacing {...props} size={top} />;\n});\n\nconst SafeAreaBottom = memo(function SafeAreaBottom(\n props: Omit<ComponentPropsWithoutRef<typeof Spacing>, 'size'>\n) {\n const { bottom } = useSafeArea();\n return <Spacing {...props} size={bottom} />;\n});\n\nSafeArea.Top = SafeAreaTop;\nSafeArea.Bottom = SafeAreaBottom;\n"],"mappings":";;;;;;;;AAAA;AAAA,EACE;AAAA,OAGK;AAkBH,SACE,KADF;AARG,IAAM,WAAW,CAAsC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,YAAY,MAAM;AAExB,SACE,qBAAC,aAAW,GAAG,OACb;AAAA,wBAAC,eAAY;AAAA,IACZ;AAAA,IACD,oBAAC,kBAAe;AAAA,KAClB;AAEJ;AAEA,IAAM,cAAc,KAAK,SAASA,aAChC,OACA;AACA,QAAM,EAAE,IAAI,IAAI,YAAY;AAC5B,SAAO,oBAAC,WAAS,GAAG,OAAO,MAAM,KAAK;AACxC,CAAC;AAED,IAAM,iBAAiB,KAAK,SAASC,gBACnC,OACA;AACA,QAAM,EAAE,OAAO,IAAI,YAAY;AAC/B,SAAO,oBAAC,WAAS,GAAG,OAAO,MAAM,QAAQ;AAC3C,CAAC;AAED,SAAS,MAAM;AACf,SAAS,SAAS;","names":["SafeAreaTop","SafeAreaBottom"]}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
// src/ellipsis.ts
|
2
|
+
import { css } from "styled-components";
|
3
|
+
var ellipsis = css`
|
4
|
+
overflow: hidden;
|
5
|
+
white-space: nowrap;
|
6
|
+
text-overflow: ellipsis;
|
7
|
+
`;
|
8
|
+
var multiLineEllipsis = ({ line }) => css`
|
9
|
+
display: -webkit-box;
|
10
|
+
overflow: hidden;
|
11
|
+
text-overflow: ellipsis;
|
12
|
+
-webkit-line-clamp: ${line};
|
13
|
+
-webkit-box-orient: vertical;
|
14
|
+
`;
|
15
|
+
|
16
|
+
export {
|
17
|
+
ellipsis,
|
18
|
+
multiLineEllipsis
|
19
|
+
};
|
20
|
+
//# sourceMappingURL=chunk-XBGZ3YNL.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/ellipsis.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nexport type MultiLineEllipsisProps = {\n line: number;\n};\n\nexport const ellipsis = css`\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n`;\n\nexport const multiLineEllipsis = ({ line }: MultiLineEllipsisProps) => css`\n display: -webkit-box;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: ${line};\n -webkit-box-orient: vertical;\n`;\n"],"mappings":";AAAA,SAAS,WAAW;AAMb,IAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAMjB,IAAM,oBAAoB,CAAC,EAAE,KAAK,MAA8B;AAAA;AAAA;AAAA;AAAA,wBAI/C;AAAA;AAAA;","names":[]}
|
@@ -0,0 +1,36 @@
|
|
1
|
+
// src/createContext.tsx
|
2
|
+
import {
|
3
|
+
useMemo,
|
4
|
+
createContext as createContextRaw,
|
5
|
+
useContext as useContextRaw
|
6
|
+
} from "react";
|
7
|
+
import { jsx } from "react/jsx-runtime";
|
8
|
+
function createContext(rootComponentName, defaultContext) {
|
9
|
+
const Context = createContextRaw(
|
10
|
+
defaultContext
|
11
|
+
);
|
12
|
+
function Provider(props) {
|
13
|
+
const { children, ...contextValues } = props;
|
14
|
+
const value = useMemo(
|
15
|
+
() => contextValues,
|
16
|
+
[contextValues]
|
17
|
+
);
|
18
|
+
return /* @__PURE__ */ jsx(Context.Provider, { value, children });
|
19
|
+
}
|
20
|
+
function useContext(consumerName) {
|
21
|
+
const context = useContextRaw(Context);
|
22
|
+
if (context == null) {
|
23
|
+
throw new Error(
|
24
|
+
`${consumerName}\uC740 ${rootComponentName}\uD558\uC704\uC5D0\uC11C \uC0AC\uC6A9\uD574\uC57C \uD569\uB2C8\uB2E4.`
|
25
|
+
);
|
26
|
+
}
|
27
|
+
return context;
|
28
|
+
}
|
29
|
+
Provider.displayName = `${rootComponentName}Provider`;
|
30
|
+
return [Provider, useContext];
|
31
|
+
}
|
32
|
+
|
33
|
+
export {
|
34
|
+
createContext
|
35
|
+
};
|
36
|
+
//# sourceMappingURL=chunk-Z4QPISK7.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/createContext.tsx"],"sourcesContent":["import {\n useMemo,\n createContext as createContextRaw,\n useContext as useContextRaw,\n type PropsWithChildren,\n} from 'react';\n\nexport function createContext<ContextValueType extends object | null>(\n rootComponentName: string,\n defaultContext?: ContextValueType\n) {\n const Context = createContextRaw<ContextValueType | undefined>(\n defaultContext\n );\n\n function Provider(props: PropsWithChildren<ContextValueType>) {\n const { children, ...contextValues } = props;\n\n const value = useMemo(\n () => contextValues,\n [contextValues]\n ) as ContextValueType;\n\n return <Context.Provider value={value}>{children}</Context.Provider>;\n }\n\n function useContext(consumerName: string) {\n const context = useContextRaw(Context);\n if (context == null) {\n throw new Error(\n `${consumerName}은 ${rootComponentName}하위에서 사용해야 합니다.`\n );\n }\n\n return context;\n }\n\n Provider.displayName = `${rootComponentName}Provider`;\n return [Provider, useContext] as const;\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc;AAAA,OAET;AAkBI;AAhBJ,SAAS,cACd,mBACA,gBACA;AACA,QAAM,UAAU;AAAA,IACd;AAAA,EACF;AAEA,WAAS,SAAS,OAA4C;AAC5D,UAAM,EAAE,UAAU,GAAG,cAAc,IAAI;AAEvC,UAAM,QAAQ;AAAA,MACZ,MAAM;AAAA,MACN,CAAC,aAAa;AAAA,IAChB;AAEA,WAAO,oBAAC,QAAQ,UAAR,EAAiB,OAAe,UAAS;AAAA,EACnD;AAEA,WAAS,WAAW,cAAsB;AACxC,UAAM,UAAU,cAAc,OAAO;AACrC,QAAI,WAAW,MAAM;AACnB,YAAM,IAAI;AAAA,QACR,GAAG,sBAAiB;AAAA,MACtB;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AAEA,WAAS,cAAc,GAAG;AAC1B,SAAO,CAAC,UAAU,UAAU;AAC9B;","names":[]}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __defProp = Object.defineProperty;
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
6
|
+
var __export = (target, all) => {
|
7
|
+
for (var name in all)
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
9
|
+
};
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
12
|
+
for (let key of __getOwnPropNames(from))
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
15
|
+
}
|
16
|
+
return to;
|
17
|
+
};
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
19
|
+
|
20
|
+
// src/coerceCssPixelValue.ts
|
21
|
+
var coerceCssPixelValue_exports = {};
|
22
|
+
__export(coerceCssPixelValue_exports, {
|
23
|
+
coerceCssPixelValue: () => coerceCssPixelValue
|
24
|
+
});
|
25
|
+
module.exports = __toCommonJS(coerceCssPixelValue_exports);
|
26
|
+
function coerceCssPixelValue(value) {
|
27
|
+
return typeof value === "string" ? value : `${value}px`;
|
28
|
+
}
|
29
|
+
// Annotate the CommonJS export names for ESM import in node:
|
30
|
+
0 && (module.exports = {
|
31
|
+
coerceCssPixelValue
|
32
|
+
});
|
33
|
+
//# sourceMappingURL=coerceCssPixelValue.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/coerceCssPixelValue.ts"],"sourcesContent":["export type CSSPixelValue = string | number;\n\nexport function coerceCssPixelValue(value: CSSPixelValue): string {\n return typeof value === 'string' ? value : `${value}px`;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,oBAAoB,OAA8B;AAChE,SAAO,OAAO,UAAU,WAAW,QAAQ,GAAG;AAChD;","names":[]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|