@charcoal-ui/styled 3.0.0-beta.2 → 3.0.0-beta.3

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 (17) hide show
  1. package/dist/SetThemeScript.d.ts.map +1 -1
  2. package/dist/TokenInjector.d.ts.map +1 -1
  3. package/dist/builders/border.d.ts +1 -1
  4. package/dist/builders/o.d.ts +18 -18
  5. package/dist/builders/size.d.ts +2 -2
  6. package/dist/builders/spacing.d.ts +3 -3
  7. package/dist/index.cjs.js +12 -12
  8. package/dist/index.cjs.js.map +1 -1
  9. package/dist/index.d.ts +18 -18
  10. package/dist/index.esm.js +4 -4
  11. package/dist/index.esm.js.map +1 -1
  12. package/dist/index.story.d.ts.map +1 -1
  13. package/package.json +6 -6
  14. package/src/SetThemeScript.tsx +0 -1
  15. package/src/TokenInjector.tsx +0 -1
  16. package/src/index.story.tsx +0 -1
  17. package/src/index.test.tsx +0 -1
package/dist/SetThemeScript.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SetThemeScript.d.ts","sourceRoot":"","sources":["../src/SetThemeScript.tsx"],"names":[],"mappings":"AAOA,UAAU,KAAK;IACb,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;CACtB;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,eAA8C,EAC9C,aAA0C,GAC3C,GAAE,OAAO,CAAC,KAAK,CAAgB,UAa/B;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,eAS1C;yBATe,cAAc"}
1
+ {"version":3,"file":"SetThemeScript.d.ts","sourceRoot":"","sources":["../src/SetThemeScript.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,EAAE,MAAM,CAAA;CACtB;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,eAA8C,EAC9C,aAA0C,GAC3C,GAAE,OAAO,CAAC,KAAK,CAAgB,UAa/B;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,eAS1C;yBATe,cAAc"}
package/dist/TokenInjector.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TokenInjector.d.ts","sourceRoot":"","sources":["../src/TokenInjector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAsC1D,MAAM,WAAW,QAAQ,CAAC,CAAC,SAAS,KAAK;IACvC,OAAO,EAAE,CAAC,CAAA;IACV,CAAC,UAAU,EAAE,WAAW,MAAM,GAAG,GAAG,CAAC,CAAA;IACrC,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC,CAAA;CACtB;AAED,KAAK,KAAK,GAAG,IAAI,CAAC,qBAAqB,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAA;AAEvE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,SAAS,KAAK,EAAE,EACrD,KAAK,EAAE,QAAQ,EACf,UAAU,GACX,EAAE;IACD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;CAChD,eAEA"}
1
+ {"version":3,"file":"TokenInjector.d.ts","sourceRoot":"","sources":["../src/TokenInjector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAsC1D,MAAM,WAAW,QAAQ,CAAC,CAAC,SAAS,KAAK;IACvC,OAAO,EAAE,CAAC,CAAA;IACV,CAAC,UAAU,EAAE,WAAW,MAAM,GAAG,GAAG,CAAC,CAAA;IACrC,CAAC,QAAQ,EAAE,MAAM,GAAG,CAAC,CAAA;CACtB;AAED,KAAK,KAAK,GAAG,IAAI,CAAC,qBAAqB,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC,CAAA;AAEvE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,SAAS,KAAK,EAAE,EACrD,KAAK,EAAE,QAAQ,EACf,UAAU,GACX,EAAE;IACD,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;CAChD,eAEA"}
package/dist/builders/border.d.ts CHANGED
@@ -4,7 +4,7 @@ export declare const borderDirections: readonly ["top", "right", "bottom", "left
4
4
  type BorderDirection = (typeof borderDirections)[number];
5
5
  export declare const createBorderCss: <T extends CharcoalAbstractTheme>(variant: keyof T["border"], directions: readonly BorderDirection[]) => Internal;
6
6
  export default function border<T extends CharcoalAbstractTheme>(theme: T): Readonly<{
7
- border: { readonly [key in keyof T["border"] & string]: import("../factories/lib").PropertyChain<Internal, "bottom" | "left" | "right" | "top">; };
7
+ border: { readonly [key in keyof T["border"] & string]: import("../factories/lib").PropertyChain<Internal, "top" | "right" | "bottom" | "left">; };
8
8
  }>;
9
9
  export {};
10
10
  //# sourceMappingURL=border.d.ts.map
package/dist/builders/o.d.ts CHANGED
@@ -15,72 +15,72 @@ export default function createO<T extends CharcoalAbstractTheme>(theme: {
15
15
  gradientColor: T['gradientColor'];
16
16
  border: T['border'];
17
17
  outline: T['outline'];
18
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["color"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, keyof ({
18
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["color"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, keyof ({
19
19
  color: T['color'];
20
20
  gradientColor: T['gradientColor'];
21
21
  border: T['border'];
22
22
  outline: T['outline'];
23
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["effect"] & string>; } & { readonly [key_1 in keyof ({
23
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["effect"] & string>; } & { readonly [key_1 in keyof ({
24
24
  color: T['color'];
25
25
  gradientColor: T['gradientColor'];
26
26
  border: T['border'];
27
27
  outline: T['outline'];
28
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["gradientColor"] & string]: (direction: "to top" | "to bottom" | "to left" | "to right") => import("../factories/lib").PropertyChain<import("../internals").Internal, keyof ({
28
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["gradientColor"] & string]: (direction: "to top" | "to bottom" | "to left" | "to right") => import("../factories/lib").PropertyChain<import("../internals").Internal, keyof ({
29
29
  color: T['color'];
30
30
  gradientColor: T['gradientColor'];
31
31
  border: T['border'];
32
32
  outline: T['outline'];
33
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["effect"] & string>; };
33
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["effect"] & string>; };
34
34
  font: { readonly [key in keyof ({
35
35
  color: T['color'];
36
36
  gradientColor: T['gradientColor'];
37
37
  border: T['border'];
38
38
  outline: T['outline'];
39
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["color"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, keyof ({
39
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["color"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, keyof ({
40
40
  color: T['color'];
41
41
  gradientColor: T['gradientColor'];
42
42
  border: T['border'];
43
43
  outline: T['outline'];
44
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["effect"] & string>; };
44
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["effect"] & string>; };
45
45
  }> & {
46
46
  readonly typography: (size: keyof ({
47
47
  color: T['color'];
48
48
  gradientColor: T['gradientColor'];
49
49
  border: T['border'];
50
50
  outline: T['outline'];
51
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["typography"]["size"]) => import("../factories/lib").PropertyChain<import("../internals").Internal, "bold" | "monospace" | "preserveHalfLeading">;
51
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["typography"]["size"]) => import("../factories/lib").PropertyChain<import("../internals").Internal, "bold" | "monospace" | "preserveHalfLeading">;
52
52
  } & {
53
- readonly margin: import("../factories/lib").MethodChain<import("../internals").Internal, "bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", ["auto" | keyof ({
53
+ readonly margin: import("../factories/lib").MethodChain<import("../internals").Internal, "top" | "right" | "bottom" | "left" | "vertical" | "horizontal" | "all", ["auto" | keyof ({
54
54
  color: T['color'];
55
55
  gradientColor: T['gradientColor'];
56
56
  border: T['border'];
57
57
  outline: T['outline'];
58
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]]>;
59
- readonly padding: import("../factories/lib").MethodChain<import("../internals").Internal, "bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", ["auto" | keyof ({
58
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]]>;
59
+ readonly padding: import("../factories/lib").MethodChain<import("../internals").Internal, "top" | "right" | "bottom" | "left" | "vertical" | "horizontal" | "all", ["auto" | keyof ({
60
60
  color: T['color'];
61
61
  gradientColor: T['gradientColor'];
62
62
  border: T['border'];
63
63
  outline: T['outline'];
64
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]]>;
64
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]]>;
65
65
  } & {
66
- readonly height: Readonly<{
66
+ readonly width: Readonly<{
67
67
  px: (size: "auto" | keyof ({
68
68
  color: T['color'];
69
69
  gradientColor: T['gradientColor'];
70
70
  border: T['border'];
71
71
  outline: T['outline'];
72
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]) => import("../internals").Internal;
72
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]) => import("../internals").Internal;
73
73
  column: (span: number) => import("../internals").Internal;
74
74
  auto: import("../internals").Internal;
75
75
  full: import("../internals").Internal;
76
76
  }>;
77
- readonly width: Readonly<{
77
+ readonly height: Readonly<{
78
78
  px: (size: "auto" | keyof ({
79
79
  color: T['color'];
80
80
  gradientColor: T['gradientColor'];
81
81
  border: T['border'];
82
82
  outline: T['outline'];
83
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]) => import("../internals").Internal;
83
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]) => import("../internals").Internal;
84
84
  column: (span: number) => import("../internals").Internal;
85
85
  auto: import("../internals").Internal;
86
86
  full: import("../internals").Internal;
@@ -95,20 +95,20 @@ export default function createO<T extends CharcoalAbstractTheme>(theme: {
95
95
  gradientColor: T['gradientColor'];
96
96
  border: T['border'];
97
97
  outline: T['outline'];
98
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["border"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, "bottom" | "left" | "right" | "top">; };
98
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["border"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, "top" | "right" | "bottom" | "left">; };
99
99
  }> & Readonly<{
100
100
  borderRadius: (radius: keyof ({
101
101
  color: T['color'];
102
102
  gradientColor: T['gradientColor'];
103
103
  border: T['border'];
104
104
  outline: T['outline'];
105
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["borderRadius"]) => import("../internals").Internal;
105
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["borderRadius"]) => import("../internals").Internal;
106
106
  }> & Readonly<{
107
107
  outline: { readonly [key_3 in keyof ({
108
108
  color: T['color'];
109
109
  gradientColor: T['gradientColor'];
110
110
  border: T['border'];
111
111
  outline: T['outline'];
112
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["outline"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, "focus">; };
112
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["outline"] & string]: import("../factories/lib").PropertyChain<import("../internals").Internal, "focus">; };
113
113
  }>;
114
114
  //# sourceMappingURL=o.d.ts.map
package/dist/builders/size.d.ts CHANGED
@@ -6,13 +6,13 @@ export declare const createFixedPxCss: <T extends CharcoalAbstractTheme>(theme:
6
6
  export declare const createFixedRelativeCss: <T extends CharcoalAbstractTheme>(_theme: T) => (property: FixedProperty, amount: '100%' | 'auto') => Internal;
7
7
  export declare const createFixedColumnCss: <T extends CharcoalAbstractTheme>(theme: T) => (property: FixedProperty, span: number) => Internal;
8
8
  export default function size<T extends CharcoalAbstractTheme>(theme: T): {
9
- readonly height: Readonly<{
9
+ readonly width: Readonly<{
10
10
  px: (size: keyof T['spacing'] | 'auto') => Internal;
11
11
  column: (span: number) => Internal;
12
12
  auto: Internal;
13
13
  full: Internal;
14
14
  }>;
15
- readonly width: Readonly<{
15
+ readonly height: Readonly<{
16
16
  px: (size: keyof T['spacing'] | 'auto') => Internal;
17
17
  column: (span: number) => Internal;
18
18
  auto: Internal;
package/dist/builders/spacing.d.ts CHANGED
@@ -6,10 +6,10 @@ type SpacingProperty = (typeof spacingProperties)[number];
6
6
  type SpacingDirection = (typeof spacingDirections)[number];
7
7
  export declare const createSpacingCss: <T extends CharcoalAbstractTheme>(theme: {
8
8
  spacing: T["spacing"];
9
- }) => (property: SpacingProperty, modifiers: readonly ["bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", "auto" | keyof T["spacing"]][]) => Internal;
9
+ }) => (property: SpacingProperty, modifiers: readonly ["top" | "right" | "bottom" | "left" | "vertical" | "horizontal" | "all", "auto" | keyof T["spacing"]][]) => Internal;
10
10
  export default function spacing<T extends CharcoalAbstractTheme>(theme: T): {
11
- readonly margin: import("../factories/lib").MethodChain<Internal, "bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", ["auto" | keyof T["spacing"]]>;
12
- readonly padding: import("../factories/lib").MethodChain<Internal, "bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", ["auto" | keyof T["spacing"]]>;
11
+ readonly margin: import("../factories/lib").MethodChain<Internal, "top" | "right" | "bottom" | "left" | "vertical" | "horizontal" | "all", [keyof T["spacing"] | "auto"]>;
12
+ readonly padding: import("../factories/lib").MethodChain<Internal, "top" | "right" | "bottom" | "left" | "vertical" | "horizontal" | "all", [keyof T["spacing"] | "auto"]>;
13
13
  };
14
14
  export {};
15
15
  //# sourceMappingURL=spacing.d.ts.map
package/dist/index.cjs.js CHANGED
@@ -686,9 +686,9 @@ function createO(theme) {
686
686
  }
687
687
 
688
688
  // src/TokenInjector.tsx
689
- var import_react = __toESM(require("react"));
690
689
  var import_styled_components = require("styled-components");
691
690
  var import_utils10 = require("@charcoal-ui/utils");
691
+ var import_jsx_runtime = require("react/jsx-runtime");
692
692
  var GlobalStyle = import_styled_components.createGlobalStyle`
693
693
  ${({
694
694
  themeMap,
@@ -718,7 +718,7 @@ function TokenInjector({
718
718
  theme: themeMap,
719
719
  background
720
720
  }) {
721
- return /* @__PURE__ */ import_react.default.createElement(GlobalStyle, { themeMap, background });
721
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GlobalStyle, { themeMap, background });
722
722
  }
723
723
  var defineColorVariableCSS = (theme) => {
724
724
  const borders = (0, import_utils10.mapObject)(theme.border, (name, { color }) => [
@@ -734,7 +734,7 @@ function toCSSVariables(css2) {
734
734
  var variableDefinition = (prop, value) => `${prop}: ${value}`;
735
735
 
736
736
  // src/helper.ts
737
- var import_react2 = require("react");
737
+ var import_react = require("react");
738
738
  var LOCAL_STORAGE_KEY = "charcoal-theme";
739
739
  var DEFAULT_ROOT_ATTRIBUTE = "theme";
740
740
  var keyStringRegExp = new RegExp(/^(\w|-)+$/);
@@ -762,7 +762,7 @@ function useThemeSetter({
762
762
  setter = themeSetter()
763
763
  } = {}) {
764
764
  const [theme, , system] = useTheme(key);
765
- (0, import_react2.useEffect)(() => {
765
+ (0, import_react.useEffect)(() => {
766
766
  if (theme === void 0) {
767
767
  return;
768
768
  }
@@ -783,10 +783,10 @@ var useTheme = (key = LOCAL_STORAGE_KEY) => {
783
783
  return [theme, setTheme, system];
784
784
  };
785
785
  function useLocalStorage(key, defaultValue) {
786
- const [ready, setReady] = (0, import_react2.useState)(false);
787
- const [state, setState] = (0, import_react2.useState)();
788
- const defaultValueMemo = (0, import_react2.useMemo)(() => defaultValue?.(), [defaultValue]);
789
- (0, import_react2.useEffect)(() => {
786
+ const [ready, setReady] = (0, import_react.useState)(false);
787
+ const [state, setState] = (0, import_react.useState)();
788
+ const defaultValueMemo = (0, import_react.useMemo)(() => defaultValue?.(), [defaultValue]);
789
+ (0, import_react.useEffect)(() => {
790
790
  fetch();
791
791
  window.addEventListener("storage", handleStorage);
792
792
  return () => {
@@ -840,8 +840,8 @@ function serialize(value) {
840
840
  }
841
841
  }
842
842
  function useMedia(query) {
843
- const [match, setState] = (0, import_react2.useState)();
844
- (0, import_react2.useEffect)(() => {
843
+ const [match, setState] = (0, import_react.useState)();
844
+ (0, import_react.useEffect)(() => {
845
845
  const matcher = window.matchMedia(query);
846
846
  const onChange = () => {
847
847
  setState(matcher.matches);
@@ -856,7 +856,7 @@ function useMedia(query) {
856
856
  }
857
857
 
858
858
  // src/SetThemeScript.tsx
859
- var import_react3 = __toESM(require("react"));
859
+ var import_jsx_runtime2 = require("react/jsx-runtime");
860
860
  function makeSetThemeScriptCode({
861
861
  localStorageKey = defaultProps.localStorageKey,
862
862
  rootAttribute = defaultProps.rootAttribute
@@ -876,7 +876,7 @@ function makeSetThemeScriptCode({
876
876
  }
877
877
  function SetThemeScript(props) {
878
878
  const src = makeSetThemeScriptCode(props);
879
- return /* @__PURE__ */ import_react3.default.createElement(
879
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
880
880
  "script",
881
881
  {
882
882
  dangerouslySetInnerHTML: {
package/dist/index.cjs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/util.ts","../src/internals/index.ts","../src/factories/lib.ts","../src/builders/border.ts","../src/builders/borderRadius.ts","../src/builders/colors.ts","../src/builders/transition.ts","../src/builders/elementEffect.ts","../src/builders/outline.ts","../src/builders/size.ts","../src/builders/spacing.ts","../src/builders/typography.ts","../src/builders/o.ts","../src/TokenInjector.tsx","../src/helper.ts","../src/SetThemeScript.tsx"],"sourcesContent":["import { CSSObject, ThemedStyledInterface } from 'styled-components'\nimport { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { ArrayOrSingle, isPresent, noThemeProvider, wrapArray } from './util'\nimport { Internal, toCSSObjects } from './internals'\nimport createO from './builders/o'\nimport transition from './builders/transition'\nexport { default as TokenInjector } from './TokenInjector'\nexport {\n getThemeSync,\n themeSetter,\n themeSelector,\n prefersColorScheme,\n useTheme,\n useThemeSetter,\n useLocalStorage,\n useMedia,\n} from './helper'\nexport { defineThemeVariables } from './util'\nexport * from './SetThemeScript'\n\ntype Blank = null | undefined | false\n\nconst nonBlank = <T>(value: T): value is T extends Blank ? never : T =>\n isPresent(value) && (value as unknown) !== false\n\n/**\n * `theme(o => [...])` の `theme` ユーティリティを構築する\n *\n * @param _styled - DEPRECATED: styled-componnets の `styled` そのものを渡すとそれを元に型推論ができる。が、型引数を渡す方が型推論が高速になりやすい\n *\n * @example\n *\n * import styled from 'styled-components'\n * const theme = createTheme(styled)\n *\n * @example\n *\n * const theme = createTheme<DefaultTheme>()\n */\nexport function createTheme<T extends CharcoalAbstractTheme>(\n _styled?: ThemedStyledInterface<T>\n) {\n type Builder = ReturnType<typeof createO<T>>\n\n // ランタイムの `theme(o => [...])` のインターフェースを構築する\n return function theme(\n specFn: (o: Builder) => ArrayOrSingle<Internal | Blank>\n ): ThemeProp<T> {\n // styled-components のテンプレートに埋め込める関数\n return function interpolate({ theme }) {\n if (!isPresent(theme)) {\n // テーマが入っていない場合は復旧不可能なのでエラーにする\n throw noThemeProvider\n }\n\n const internals = [\n // ユーザーが定義したルール\n ...wrapArray(\n /**\n * こう書いてはいけない\n *\n * ❌\n * ```ts\n * const o = createO(theme)\n * const declaration = spec(o)\n * ```\n *\n * `o` を一時変数に入れてしまうと型 `T` の具象化が行われるので関数内に書く\n */\n specFn(/** o = */ createO(theme))\n ),\n\n // 必ず挿入される共通のルール\n transition(theme),\n ].filter(nonBlank)\n\n return toCSSObjects(internals)\n }\n }\n}\n\nexport type ThemeProp<T> = ({\n theme,\n}: {\n theme: T | undefined\n}) => CSSObject | CSSObject[]\n","import {\n applyEffect,\n customPropertyToken,\n disabledSelector,\n filterObject,\n flatMapObject,\n notDisabledSelector,\n} from '@charcoal-ui/utils'\nimport { CharcoalAbstractTheme, EffectType, Key } from '@charcoal-ui/theme'\nimport { CSSObject } from 'styled-components'\n\n/**\n * Function used to assert a given code path is unreachable\n */\nexport function unreachable(): never\n/**\n * Function used to assert a given code path is unreachable.\n * Very useful for ensuring switches are exhaustive:\n *\n * ```ts\n * switch (a.type) {\n * case Types.A:\n * case Types.B:\n * break\n * default:\n * unreachable(a) // will cause a build error if there was\n * // a Types.C that was not checked\n * }\n * ```\n *\n * @param value Value to be asserted as unreachable\n */\n// NOTE: Uses separate overloads, _not_ `value?: never`, to not allow `undefined` to be passed\n// eslint-disable-next-line @typescript-eslint/unified-signatures\nexport function unreachable(value: never): never\nexport function unreachable(value?: never): never {\n throw new Error(\n arguments.length === 0\n ? 'unreachable'\n : `unreachable (${JSON.stringify(value)})`\n )\n}\n\n/**\n * Check whether a value is non-null and non-undefined\n *\n * @param value nullable\n */\nexport const isPresent = <T>(value: T): value is NonNullable<T> => value != null\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Head<U> = U extends [infer T, ...any[]] ? T : never\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Tail<U> = U extends [any, any, ...any[]]\n ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ((...args: U) => any) extends (head: any, ...args: infer T) => any\n ? T\n : never\n : never\n// Buggy at ts@4.0.0-dev20200506\n// type Tail<U> = U extends [any, ...infer T] ? T : never\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype RecursiveObjectAssign<T, S extends any[]> = {\n 0: T & Head<S>\n 1: RecursiveObjectAssign<T & Head<S>, Tail<S>>\n}[Tail<S> extends never ? 0 : 1]\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype ObjectAssign<T extends any[]> = RecursiveObjectAssign<\n Record<string, unknown>,\n T\n>\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function objectAssign<T extends any[]>(...sources: T) {\n return Object.assign({}, ...sources) as ObjectAssign<T>\n}\n\n/**\n * Object.keys の返り値の型を厳しめにしてくれるやつ。\n *\n * ジェネリクスは基本的に明示して使うことを推奨。\n *\n * このライブラリでは Theme オブジェクトのジェネリクスを引き回すケースが多く、\n * ジェネリクスを省略するといつのまにか keys の返り値が `string | number | symbol` になりがちなので\n *\n * @param obj - キーを取りたいオブジェクト。ジェネリクスを省略したとき `never[]` のような使えない型が返って欲しい\n */\nexport function keyof<\n // このジェネリクスは必須（書かないと返り値が `never[]` になる ）\n T extends Record<never, unknown>,\n // このジェネリクスは書かなくて良い、obj の内容から推論される（ T と矛盾してはいけない ）\n _ extends T = T\n>(obj: _) {\n return Object.keys(obj) as unknown as (keyof T & string)[]\n}\n\nexport interface ReadonlyArrayConstructor {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n isArray(value: any): value is readonly any[]\n}\n\nexport function extractNonNullKeys<V, K extends keyof V>(obj: {\n [key in K]: V[key]\n}) {\n return Object.entries(obj)\n .filter(([_, v]) => v !== null)\n .map(([k]) => k) as { [key in K]: V[key] extends null ? never : key }[K][]\n}\n\n/**\n * 配列じゃなかったら配列にする\n */\nexport function wrapArray<T>(value: ArrayOrSingle<T>): T[] {\n return Array.isArray(value) ? value : [value]\n}\n\nexport type ArrayOrSingle<T> = T | T[]\n\nexport const noThemeProvider = new Error(\n '`theme` is invalid. `<ThemeProvider>` is not likely mounted.'\n)\n\ntype NonNullableCSSObject = Record<keyof CSSObject, string | number>\n\n/**\n * 子孫要素で使われるカラーテーマの CSS Variables を上書きする\n *\n * @params colorParams - 上書きしたい色の定義（ `theme.color` の一部だけ書けば良い ）\n * @params effectParams - effect の定義を上書きしたい場合は渡す（必須ではない）\n *\n * @example\n * ```tsx\n * const LocalTheme = styled.div`\n * ${defineThemeVariables({ text1: '#ff0000' })}\n * // `text1` is now defined as red\n * ${theme((o) => [o.font.text1])}\n * `\n * ```\n */\nexport function defineThemeVariables(\n colorParams: Partial<CharcoalAbstractTheme['color']>,\n effectParams?: Partial<CharcoalAbstractTheme['effect']>\n) {\n return function toCssObject(props: {\n theme?: Pick<CharcoalAbstractTheme, 'effect'>\n }): NonNullableCSSObject {\n if (!isPresent(props.theme)) {\n throw noThemeProvider\n }\n\n const colors = filterObject(colorParams, isPresent)\n\n // flatMapObject の中で毎回 Object.entries を呼ぶのは無駄なので外で呼ぶ\n const effects = Object.entries({\n ...props.theme.effect,\n ...effectParams,\n })\n\n return flatMapObject(colors, (colorKey, color) => [\n [customPropertyToken(colorKey), color],\n\n ...effects.map<[string, string]>(([effectKey, effect]) => [\n customPropertyToken(colorKey, [effectKey]),\n applyEffect(color, [effect]),\n ]),\n ])\n }\n}\n\nexport function isSupportedEffect(effect: Key): effect is EffectType {\n return ['hover', 'press', 'disabled'].includes(effect as string)\n}\n\nexport const variable = (value: string) => `var(${value})`\n\nexport function onEffectPseudo(effect: EffectType, css: CSSObject) {\n return effect === 'hover'\n ? { '&:hover': { [notDisabledSelector]: css } }\n : effect === 'press'\n ? { '&:active': { [notDisabledSelector]: css } }\n : // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n effect === 'disabled'\n ? { [disabledSelector]: css }\n : unreachable(effect)\n}\n\nexport function withPrefixes(...parts: string[]) {\n return parts.join('-')\n}\n","import { CSSObject } from 'styled-components'\n\nexport interface Context {\n cancelHalfLeadingPx?: number\n hasVerticalPadding?: boolean\n boxShadowTransition?: boolean\n colorTransition?: boolean\n backgroundColorTransition?: boolean\n}\n\n/**\n * 絶対にこれを export してはいけない\n *\n * さもないと `o.bg[internalSym]` みたいな叩き方が可能になってしまう（補完にも意図せず出てしまう）\n */\nconst internalSym: unique symbol = Symbol('internal')\n\n/**\n * CSSObject に変換可能なオブジェクトを作成する\n *\n * 実際に CSSObject に変換するには外部から `__DO_NOT_USE_GET_INTERNAL__` を使わなければならない\n *\n * これ以降メソッドチェーンが続いてもいいし、続かなくても良い\n */\nexport function createInternal({\n toCSS,\n context = {},\n}: {\n toCSS: (context: Context) => CSSObject\n context?: Context\n}): Internal {\n return {\n [internalSym]: {\n toCSS,\n context,\n },\n }\n}\n\nfunction __DO_NOT_USE_ACCESS_PRIVATE_PROPERTY__(internal: Internal) {\n return internal[internalSym]\n}\n\nexport interface Internal {\n [internalSym]: {\n toCSS: (context: Context) => CSSObject\n context: Context\n }\n}\n\n// half-leadingをキャンセルするとき && 垂直方向のpaddingが無い時\n// -> before/afterを入れる\nexport const shouldCancelHalfLeading = ({\n cancelHalfLeadingPx,\n hasVerticalPadding = false,\n}: Context) => cancelHalfLeadingPx !== undefined && !hasVerticalPadding\n\n/**\n * 個別の Internal（ o.〇〇 の返り値 ）が提出した context の中身を1つの context にまとめる\n */\nexport function getContext(internals: Internal[]) {\n return internals.reduce<Context>(\n (context, internal) => ({\n ...context,\n ...__DO_NOT_USE_ACCESS_PRIVATE_PROPERTY__(internal).context,\n }),\n {}\n )\n}\n\n/**\n * 全ユーザー定義からコンテキスト生成し、styled-components 向けに CSSObject を構築\n */\nexport function toCSSObjects(internals: Internal[]): CSSObject[] {\n // 1パス目\n // 全ユーザー定義を舐めて相互に影響し合う定義をチェックし、その結果(コンテキスト)を取得\n const context = getContext(internals)\n\n // 2パス目\n // コンテキストを見ながら最適化されたCSSを構築\n return internals.map((v) =>\n __DO_NOT_USE_ACCESS_PRIVATE_PROPERTY__(v).toCSS(context)\n )\n}\n","import { Key } from '@charcoal-ui/theme'\nimport { unreachable } from '../util'\n\n/**\n * 配列で指定したプロパティを動的に生やす\n *\n * @param source 拡張するオブジェクト\n * @param member オブジェクトに生やすプロパティ一覧\n * @param chain プロパティに格納される値を生成する関数\n *\n * @example\n *\n * const o = factory({}, ['red', 'blue'],\n * color => hex(color)\n * )\n *\n * console.log(o.red) //=> #ff0000\n */\nexport const defineProperties = <\n TSource,\n TMember extends readonly Key[],\n TValue\n>(\n source: TSource,\n member: TMember,\n chain: (key: TMember[number]) => TValue\n) =>\n Object.defineProperties(\n source,\n Object.fromEntries(\n member.map((key) => [\n key,\n { get: () => chain(key), enumerable: true, configurable: true },\n ])\n )\n ) as TSource & { readonly [key in TMember[number]]: TValue }\n\n/**\n * 配列で指定した名前のメソッドを動的に生やす\n *\n * @param source 拡張するオブジェクト\n * @param member オブジェクトに生やすメソッド名一覧\n * @param chain メソッドの戻り値になる値を生成する関数\n *\n * @example\n *\n * const o = defineMethods({}, ['red', 'blue'],\n * (color, alpha: number) => hex(color, alpha)\n * )\n *\n * console.log(o.red(0.5)) //=> #ff000077\n */\nexport const defineMethods = <\n TSource,\n TMember extends readonly string[],\n TValue,\n TArguments extends unknown[]\n>(\n source: TSource,\n member: TMember,\n chain: (key: TMember[number], ...args: TArguments) => TValue\n) =>\n Object.defineProperties(\n source,\n Object.fromEntries(\n member.map((key) => [\n key,\n {\n value: (...args: TArguments) => chain(key, ...args),\n enumerable: true,\n configurable: true,\n },\n ])\n )\n ) as TSource & {\n readonly [key in TMember[number]]: (...args: TArguments) => TValue\n }\n\n/**\n * オブジェクトで指定したプロパティ名と値を動的に生やす\n *\n * @param source 拡張するオブジェクト\n * @param def オブジェクトに生やす定義(プロパティ名と値)\n *\n * @example\n *\n * const o = defineConstantProperties({}, {\n * red: '#f00',\n * blue: '#00f',\n * })\n *\n * console.log(o.red) //=> #f00\n */\nexport const defineConstantProperties = <\n TSource,\n TDef extends { [key: string]: unknown }\n>(\n source: TSource,\n def: TDef\n) =>\n defineProperties(source, Object.keys(def), (key) => def[key]) as TSource &\n Readonly<TDef>\n\n/**\n * 配列で指定したモディファイア(プロパティ)をチェーン可能な再帰オブジェクトを動的に生やす\n *\n * @param modifiers オブジェクトに生やすモディファイヤ一覧\n * @param source 指定されたモディファイヤの一覧から値を生成する関数\n *\n * @example\n *\n * const o = definePropertyChains(['red', 'blue'],\n * modifiers => modifiers.map(color => hex(color)).join(',')\n * )\n *\n * console.log(o.red.blue) => #f00,#00f\n */\nexport const definePropertyChains = <TSource, T extends Key>(\n modifiers: readonly T[],\n source: (applied: readonly T[]) => TSource\n) =>\n (function definePropertiesRecursively(\n applied: readonly T[]\n ): PropertyChain<TSource, T> {\n const notApplied = modifiers.filter((v) => !applied.includes(v))\n return defineProperties(source(applied), notApplied, (modifier) =>\n notApplied.length === 0\n ? unreachable()\n : definePropertiesRecursively([...applied, modifier])\n )\n })([])\n\nexport type PropertyChain<TSource, TModifiers extends Key> = TSource & {\n readonly [key in TModifiers]: PropertyChain<TSource, Exclude<TModifiers, key>>\n}\n\n/**\n * 配列で指定したモディファイア(メソッド)をチェーン可能な再帰オブジェクトを動的に生やす\n *\n * @param modifiers オブジェクトに生やすモディファイヤ一覧\n * @param source 指定されたモディファイヤの一覧から値を生成する関数\n * @param _inferPhantom 関数形式のモディファイヤの引数型を推論するためのメタタイプ(引数の個数に合わせてタプルで指定する)\n *\n * @example\n *\n * const o = defineMethodChains(['red', 'blue'],\n * modifiers => modifiers.map(([color, alpha]) => hex(color, alpha)).join(',')\n * , {} as [number])\n *\n * console.log(o.red(0.5).blue(1)) => #ff000077,#0000ffff\n */\nexport const defineMethodChains = <\n TSource,\n T extends string,\n TArguments extends unknown[]\n>(\n modifiers: readonly T[],\n source: (applied: readonly [T, ...TArguments][]) => TSource,\n ..._inferPhantom: TArguments\n) =>\n (function defineMethodsRecursively(\n applied: readonly [T, ...TArguments][]\n ): MethodChain<TSource, T, TArguments> {\n const notApplied = modifiers.filter(\n (v) => !applied.map(([w]) => w).includes(v)\n )\n return defineMethods(\n source(applied),\n notApplied,\n (modifier, ...args: TArguments) =>\n notApplied.length === 0\n ? unreachable()\n : defineMethodsRecursively([...applied, [modifier, ...args]])\n )\n })([])\n\nexport type MethodChain<\n TSource,\n TModifiers extends string,\n TArguments extends unknown[]\n> = TSource & {\n readonly [key in TModifiers]: (\n ...args: TArguments\n ) => MethodChain<TSource, Exclude<TModifiers, key>, TArguments>\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { CSSObject } from 'styled-components'\nimport { keyof, variable, withPrefixes } from '../util'\nimport { Internal, createInternal } from '../internals'\nimport {\n defineConstantProperties,\n defineProperties,\n definePropertyChains,\n} from '../factories/lib'\nimport { customPropertyToken } from '@charcoal-ui/utils'\n\nexport const borderDirections = ['top', 'right', 'bottom', 'left'] as const\ntype BorderDirection = (typeof borderDirections)[number]\n\nexport const createBorderCss = <T extends CharcoalAbstractTheme>(\n variant: keyof T['border'],\n directions: readonly BorderDirection[]\n): Internal => {\n const all = directions.length === 0\n\n const value = `solid 1px ${variable(\n customPropertyToken(withPrefixes('border', variant.toString()))\n )}`\n\n return createInternal({\n toCSS() {\n return {\n ...(all\n ? { border: value }\n : directions.reduce<CSSObject>(\n (acc, direction) => ({\n ...acc,\n [`border-${direction}`]: value,\n }),\n {}\n )),\n }\n },\n })\n}\n\nexport default function border<T extends CharcoalAbstractTheme>(theme: T) {\n const borderTypes = keyof<T['border']>(theme.border)\n\n const borderObject = defineConstantProperties(\n {},\n {\n border: defineProperties({}, borderTypes, (variant) =>\n definePropertyChains(borderDirections, (modifiers) =>\n createBorderCss(variant, modifiers)\n )\n ),\n }\n )\n return borderObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { px } from '@charcoal-ui/utils'\nimport { Internal, createInternal } from '../internals'\nimport { defineConstantProperties } from '../factories/lib'\n\nexport const createBorderRadiusCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (size: keyof T['borderRadius']): Internal => {\n return createInternal({\n toCSS() {\n return {\n borderRadius: px(theme.borderRadius[size]),\n }\n },\n })\n }\n\nexport default function borderRadius<T extends CharcoalAbstractTheme>(\n theme: T\n) {\n // 角丸\n const borderRadiusCss = createBorderRadiusCss(theme)\n const borderRadiusObject = defineConstantProperties(\n {},\n {\n borderRadius: (radius: keyof T['borderRadius']) =>\n borderRadiusCss(radius),\n }\n )\n\n return borderRadiusObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport {\n applyEffect,\n applyEffectToGradient,\n customPropertyToken,\n dur,\n gradient,\n GradientDirection,\n} from '@charcoal-ui/utils'\nimport { CSSObject } from 'styled-components'\nimport warning from 'warning'\nimport {\n keyof,\n objectAssign,\n isSupportedEffect,\n onEffectPseudo,\n variable,\n} from '../util'\nimport {\n createInternal,\n Internal,\n Context,\n shouldCancelHalfLeading,\n} from '../internals'\nimport {\n defineConstantProperties,\n defineProperties,\n definePropertyChains,\n} from '../factories/lib'\nimport { TRANSITION_DURATION } from './transition'\n\nconst colorProperties = ['bg', 'font'] as const\nexport type ColorProperty = (typeof colorProperties)[number]\n\nfunction targetProperty(target: ColorProperty) {\n return target === 'bg' ? 'background-color' : 'color'\n}\n\nexport const createColorCss =\n <T extends CharcoalAbstractTheme>(_theme: T) =>\n (\n target: ColorProperty,\n color: keyof T['color'],\n effects: readonly (keyof T['effect'])[] = []\n ): Internal => {\n function toCSS() {\n return {\n [targetProperty(target)]: variable(\n customPropertyToken(color.toString())\n ),\n ...effects.filter(isSupportedEffect).reduce<CSSObject>(\n (acc, effect) => ({\n ...acc,\n ...onEffectPseudo(effect, {\n [targetProperty(target)]: variable(\n customPropertyToken(color.toString(), [effect])\n ),\n }),\n }),\n {}\n ),\n }\n }\n\n return createInternal({\n toCSS,\n context:\n effects.length > 0\n ? target === 'font'\n ? {\n colorTransition: true,\n }\n : {\n backgroundColorTransition: true,\n }\n : {},\n })\n }\n\nexport const createGradientColorCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (\n color: keyof T['gradientColor'],\n effects: readonly (keyof T['effect'])[] = [],\n direction: GradientDirection\n ): Internal => {\n const toLinearGradient = gradient(direction)\n\n function toCSS(context: Context): CSSObject {\n const optimized = !shouldCancelHalfLeading(context)\n const duration = dur(TRANSITION_DURATION)\n\n if (optimized && effects.length > 0) {\n return {\n position: 'relative',\n zIndex: 0,\n overflow: 'hidden',\n ...effects.filter(isSupportedEffect).reduce<CSSObject>(\n (acc, effect) => ({\n ...acc,\n '&::before': {\n zIndex: -1,\n ...overlayElement,\n transition: `${duration} background-color`,\n },\n '&::after': {\n zIndex: -2,\n ...overlayElement,\n ...toLinearGradient(theme.gradientColor[color]),\n },\n ...onEffectPseudo(effect, {\n '&::before': {\n backgroundColor: applyEffect(\n null,\n theme.effect[effect] ?? []\n ),\n },\n }),\n }),\n {}\n ),\n }\n }\n\n warning(\n effects.length === 0,\n // eslint-disable-next-line max-len\n `'Transition' will not be applied. You can get around this by specifying 'preserveHalfLeading' or both 'padding' and 'typograpy'.`\n )\n\n return {\n ...toLinearGradient(theme.gradientColor[color]),\n ...effects.filter(isSupportedEffect).reduce<CSSObject>(\n (acc, effect) => ({\n ...acc,\n ...onEffectPseudo(effect, {\n ...toLinearGradient(\n applyEffectToGradient(theme.effect[effect] ?? [])(\n theme.gradientColor[color]\n )\n ),\n }),\n }),\n {}\n ),\n }\n }\n\n return createInternal({ toCSS })\n }\n\nconst overlayElement: CSSObject = {\n content: \"''\",\n display: 'block',\n position: 'absolute',\n width: '100%',\n height: '100%',\n top: 0,\n left: 0,\n}\n\nexport default function colors<T extends CharcoalAbstractTheme>(theme: T) {\n const colors = keyof<T['color']>(theme.color)\n const effects = keyof<T['effect']>(theme.effect)\n\n // 色\n const gradientColors = keyof<T['gradientColor']>(theme.gradientColor)\n const colorCss = createColorCss(theme)\n const gradientColorCss = createGradientColorCss(theme)\n\n const colorObject = defineConstantProperties(\n {},\n {\n bg: objectAssign(\n defineProperties({}, colors, (color) =>\n definePropertyChains(effects, (modifiers) =>\n colorCss('bg', color, modifiers)\n )\n ),\n defineProperties(\n {},\n gradientColors,\n (color) => (direction: GradientDirection) =>\n definePropertyChains(effects, (modifiers) =>\n gradientColorCss(color, modifiers, direction)\n )\n )\n ),\n font: defineProperties({}, colors, (color) =>\n definePropertyChains(effects, (modifiers) =>\n colorCss('font', color, modifiers)\n )\n ),\n }\n )\n\n return colorObject\n}\n","import { dur } from '@charcoal-ui/utils'\nimport { isPresent } from '../util'\nimport { Internal, createInternal, Context } from '../internals'\n\n// TODO: deprecate\nexport const TRANSITION_DURATION = 0.2\n\n/**\n * context の状態を元に transition を追加する。必ず一番最後に呼ぶ\n */\nexport default function transition(_theme: unknown): Internal {\n const duration = dur(TRANSITION_DURATION)\n const transition = (property: string[]) => ({\n transition: property.map((v) => `${duration} ${v}`).join(', '),\n })\n\n function toCSS({\n colorTransition = false,\n backgroundColorTransition = false,\n boxShadowTransition = false,\n }: Context) {\n return transition(\n [\n colorTransition ? 'color' : null,\n backgroundColorTransition ? 'background-color' : null,\n boxShadowTransition ? 'box-shadow' : null,\n ].filter(isPresent)\n )\n }\n\n return createInternal({ toCSS })\n}\n","import { CharcoalAbstractTheme, EffectType } from '@charcoal-ui/theme'\nimport { CSSObject } from 'styled-components'\nimport {\n isSupportedEffect,\n keyof,\n onEffectPseudo,\n ReadonlyArrayConstructor,\n unreachable,\n} from '../util'\nimport { Internal, createInternal } from '../internals'\nimport { definePropertyChains } from '../factories/lib'\n\nexport const createElementEffectCss =\n <\n T extends CharcoalAbstractTheme,\n TElementEffect extends T['elementEffect']\n >(theme: {\n elementEffect: TElementEffect\n }) =>\n (effects: readonly (keyof TElementEffect)[] = []): Internal =>\n createInternal({\n toCSS() {\n return effects.filter(isSupportedEffect).reduce<CSSObject>(\n (acc, effect) => ({\n ...acc,\n ...onEffectPseudo(effect, {\n opacity:\n !(Array as ReadonlyArrayConstructor).isArray(\n theme.elementEffect[effect]\n ) && theme.elementEffect[effect]?.type === 'opacity'\n ? theme.elementEffect[effect]?.opacity\n : unreachable(),\n }),\n }),\n {}\n )\n },\n })\n\nexport default function elementEffect<T extends CharcoalAbstractTheme>(\n theme: T\n) {\n const effectTypes = keyof<T['elementEffect']>(\n theme.elementEffect\n ) as EffectType[]\n\n // 要素へのエフェクト (etc: 透過)\n const elementEffectCss = createElementEffectCss(theme)\n const elementEffectObject = definePropertyChains(effectTypes, (modifiers) =>\n elementEffectCss(modifiers)\n )\n\n return elementEffectObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { px, notDisabledSelector } from '@charcoal-ui/utils'\nimport { CSSObject } from 'styled-components'\nimport { keyof } from '../util'\nimport { Internal, createInternal } from '../internals'\nimport {\n defineConstantProperties,\n defineProperties,\n definePropertyChains,\n} from '../factories/lib'\n\nexport const outlineType = ['focus'] as const\ntype OutlineType = (typeof outlineType)[number]\n\nconst outlineCss = (weight: number, color: string) => ({\n boxShadow: `0 0 0 ${px(weight)} ${color}`,\n})\n\nexport const createOutlineColorCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (\n variant: keyof T['outline'],\n modifiers: readonly OutlineType[]\n ): Internal => {\n const weight = theme.outline[variant].weight\n const color = theme.outline[variant].color\n\n return createInternal({\n toCSS() {\n return modifiers.includes('focus')\n ? onFocus(outlineCss(weight, color))\n : { '&&': { [notDisabledSelector]: outlineCss(weight, color) } }\n },\n context: {\n boxShadowTransition: true,\n },\n })\n }\n\n/**\n * @see https://developer.mozilla.org/ja/docs/Web/CSS/:focus-visible#selectively_showing_the_focus_indicator\n */\nconst onFocus = (css: CSSObject) => ({\n [notDisabledSelector]: {\n '&:focus, &:active': {\n outline: 'none',\n ...css,\n },\n\n '&:focus:not(:focus-visible), &:active:not(:focus-visible)': {\n outline: 'none',\n },\n\n '&:focus-visible': {\n outline: 'none',\n ...css,\n },\n },\n})\n\nexport default function outline<T extends CharcoalAbstractTheme>(theme: T) {\n const outlineCss = createOutlineColorCss(theme)\n\n const outlineObject = defineConstantProperties(\n {},\n {\n outline: defineProperties(\n {},\n keyof<T['outline']>(theme.outline),\n (variant) =>\n definePropertyChains(outlineType, (modifiers) =>\n outlineCss(variant, modifiers)\n )\n ),\n }\n )\n\n return outlineObject\n}\n","import { columnSystem } from '@charcoal-ui/foundation'\nimport { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { px } from '@charcoal-ui/utils'\nimport { Internal, createInternal } from '../internals'\nimport { defineProperties, defineConstantProperties } from '../factories/lib'\n\nexport const fixedProperties = ['width', 'height'] as const\ntype FixedProperty = (typeof fixedProperties)[number]\n\nexport const createFixedPxCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (property: FixedProperty, size: keyof T['spacing'] | 'auto'): Internal =>\n createInternal({\n toCSS() {\n return {\n [property]: size === 'auto' ? 'auto' : px(theme.spacing[size]),\n }\n },\n })\n\nexport const createFixedRelativeCss =\n <T extends CharcoalAbstractTheme>(_theme: T) =>\n (property: FixedProperty, amount: '100%' | 'auto'): Internal =>\n createInternal({\n toCSS() {\n return {\n [property]: amount,\n }\n },\n })\n\nexport const createFixedColumnCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (property: FixedProperty, span: number): Internal =>\n createInternal({\n toCSS() {\n return {\n [property]: px(\n columnSystem(span, theme.grid.unit.column, theme.grid.unit.gutter)\n ),\n }\n },\n })\n\nexport default function size<T extends CharcoalAbstractTheme>(theme: T) {\n const fixedPxCss = createFixedPxCss(theme)\n const fixedColumnCss = createFixedColumnCss(theme)\n const fixedRelativeCss = createFixedRelativeCss(theme)\n const fixedObject = defineProperties({}, fixedProperties, (property) =>\n defineConstantProperties(\n {},\n {\n px: (size: keyof T['spacing'] | 'auto') => fixedPxCss(property, size),\n column: (span: number) => fixedColumnCss(property, span),\n auto: fixedRelativeCss(property, 'auto'),\n full: fixedRelativeCss(property, '100%'),\n }\n )\n )\n return fixedObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { px } from '@charcoal-ui/utils'\nimport { CSSObject } from 'styled-components'\nimport { Internal, createInternal, Context } from '../internals'\nimport { defineProperties, defineMethodChains } from '../factories/lib'\n\nexport const spacingProperties = ['margin', 'padding'] as const\nexport const spacingDirections = [\n 'top',\n 'right',\n 'bottom',\n 'left',\n 'vertical',\n 'horizontal',\n 'all',\n] as const\ntype SpacingProperty = (typeof spacingProperties)[number]\ntype SpacingDirection = (typeof spacingDirections)[number]\n\nfunction spacingProperty(\n property: SpacingProperty,\n direction: 'top' | 'right' | 'bottom' | 'left'\n) {\n return `${property}-${direction}`\n}\n\nexport const createSpacingCss =\n <T extends CharcoalAbstractTheme>(theme: { spacing: T['spacing'] }) =>\n (\n property: SpacingProperty,\n modifiers: readonly [SpacingDirection, keyof T['spacing'] | 'auto'][]\n ): Internal => {\n const { top, right, bottom, left } = modifiers.reduce(\n (acc, [direction, size]) => {\n if (direction === 'all') {\n acc.top = size\n acc.right = size\n acc.bottom = size\n acc.left = size\n } else if (direction === 'vertical') {\n acc.top = size\n acc.bottom = size\n } else if (direction === 'horizontal') {\n acc.right = size\n acc.left = size\n } else {\n acc[direction] = size\n }\n return acc\n },\n {} as Partial<\n Record<'top' | 'right' | 'bottom' | 'left', keyof T['spacing'] | 'auto'>\n >\n )\n\n const hasVerticalPadding =\n property === 'padding' &&\n top !== undefined &&\n bottom !== undefined &&\n top !== 'auto' &&\n bottom !== 'auto'\n\n function toCSS({ cancelHalfLeadingPx = 0 }: Context): CSSObject {\n return {\n ...(top !== undefined && {\n [spacingProperty(property, 'top')]:\n top === 'auto'\n ? 'auto'\n : px(\n theme.spacing[top] +\n (hasVerticalPadding ? cancelHalfLeadingPx : 0)\n ),\n }),\n ...(bottom !== undefined && {\n [spacingProperty(property, 'bottom')]:\n bottom === 'auto'\n ? 'auto'\n : px(\n theme.spacing[bottom] +\n (hasVerticalPadding ? cancelHalfLeadingPx : 0)\n ),\n }),\n ...(right !== undefined && {\n [spacingProperty(property, 'right')]:\n right === 'auto' ? 'auto' : px(theme.spacing[right]),\n }),\n ...(left !== undefined && {\n [spacingProperty(property, 'left')]:\n left === 'auto' ? 'auto' : px(theme.spacing[left]),\n }),\n }\n }\n\n return createInternal({\n toCSS,\n context: hasVerticalPadding ? { hasVerticalPadding: true } : {},\n })\n }\n\nexport default function spacing<T extends CharcoalAbstractTheme>(theme: T) {\n const spacingCss = createSpacingCss(theme)\n const spacingObject = defineProperties(\n {},\n spacingProperties,\n (spacingProperty) =>\n defineMethodChains(\n spacingDirections,\n (modifiers) => spacingCss(spacingProperty, modifiers),\n {} as keyof T['spacing'] | 'auto' // 推論のためのメタタイプ\n )\n )\n return spacingObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { halfLeading, px } from '@charcoal-ui/utils'\nimport { CSSObject } from 'styled-components'\nimport {\n Internal,\n createInternal,\n shouldCancelHalfLeading,\n Context,\n} from '../internals'\nimport { defineProperties, definePropertyChains } from '../factories/lib'\n\nexport const createTypographyCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (\n size: keyof T['typography']['size'],\n options: {\n preserveHalfLeading?: boolean\n monospace?: boolean\n bold?: boolean\n } = {}\n ): Internal => {\n const {\n preserveHalfLeading = false,\n monospace = false,\n bold = false,\n } = options\n const descriptor = theme.typography.size[size]\n const margin = -halfLeading(descriptor)\n\n function toCSS(context: Context): CSSObject {\n return {\n fontSize: px(descriptor.fontSize),\n lineHeight: px(descriptor.lineHeight),\n ...(monospace && {\n fontFamily: 'monospace',\n }),\n ...(bold && {\n fontWeight: 'bold',\n }),\n ...(shouldCancelHalfLeading(context) && {\n // prevent margin collapsing\n display: 'flow-root',\n // cancel half-leading with negative margin\n '&::before': {\n ...leadingCancel,\n marginTop: px(margin),\n },\n '&::after': {\n ...leadingCancel,\n marginBottom: px(margin),\n },\n }),\n }\n }\n\n return createInternal({\n toCSS,\n context: !preserveHalfLeading\n ? {\n cancelHalfLeadingPx: margin,\n }\n : {},\n })\n }\n\nconst leadingCancel: CSSObject = {\n display: 'block',\n width: 0,\n height: 0,\n content: `''`,\n}\n\n// タイポグラフィ\nconst typographyModifiers = [\n // TODO\n 'monospace',\n 'bold',\n 'preserveHalfLeading',\n] as const\n\nexport default function typography<T extends CharcoalAbstractTheme>(theme: T) {\n const typographyCss = createTypographyCss(theme)\n const typographyObject = defineProperties(\n {},\n ['typography'] as const,\n (_) => (size: keyof T['typography']['size']) =>\n definePropertyChains(typographyModifiers, (modifiers) =>\n typographyCss(size, {\n preserveHalfLeading: modifiers.includes('preserveHalfLeading'),\n monospace: modifiers.includes('monospace'),\n bold: modifiers.includes('bold'),\n })\n )\n )\n\n return typographyObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { objectAssign } from '../util'\nimport border from './border'\nimport borderRadius from './borderRadius'\nimport colors from './colors'\nimport elementEffect from './elementEffect'\nimport outline from './outline'\nimport size from './size'\nimport spacing from './spacing'\nimport typography from './typography'\n\n/**\n * `theme(o => [...])` の `o` の部分を構築する\n *\n * @param theme テーマオブジェクト\n */\nexport default function createO<T extends CharcoalAbstractTheme>(\n theme: {\n // factoryの第二引数に入れ込むものだけ明示的に型変数を展開しておくことで型の具象化を遅延する\n color: T['color']\n gradientColor: T['gradientColor']\n border: T['border']\n outline: T['outline']\n } & Omit<T, 'color' | 'gradientColor' | 'border' | 'outline'>\n) {\n return objectAssign(\n colors(theme),\n typography(theme),\n spacing(theme),\n size(theme),\n elementEffect(theme),\n border(theme),\n borderRadius(theme),\n outline(theme)\n )\n}\n","import React from 'react'\nimport { createGlobalStyle, css } from 'styled-components'\nimport { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { defineThemeVariables, withPrefixes } from './util'\nimport { mapObject } from '@charcoal-ui/utils'\n\nconst GlobalStyle = createGlobalStyle`\n ${<T extends Theme>({\n themeMap,\n background,\n }: {\n themeMap: ThemeMap<T>\n background?: keyof ThemeMap<T>[string]['color']\n }) =>\n Object.entries(themeMap).map(([key, theme]) =>\n key.startsWith('@media')\n ? css`\n ${key} {\n :root {\n ${background !== undefined &&\n css`\n background-color: ${theme.color[background]};\n `}\n ${defineColorVariableCSS(theme)}\n }\n }\n `\n : css`\n /* stylelint-disable-next-line no-duplicate-selectors */\n ${key} {\n ${background !== undefined &&\n css`\n background-color: ${theme.color[background]};\n `}\n ${defineColorVariableCSS(theme)}\n }\n `\n )}\n`\n\nexport interface ThemeMap<T extends Theme> {\n ':root': T\n [mediaQuery: `@media (${string})`]: T\n [selector: string]: T\n}\n\ntype Theme = Pick<CharcoalAbstractTheme, 'color' | 'effect' | 'border'>\n\nexport default function TokenInjector<T extends Theme>({\n theme: themeMap,\n background,\n}: {\n theme: ThemeMap<T>\n background?: keyof ThemeMap<T>[string]['color']\n}) {\n return <GlobalStyle themeMap={themeMap} background={background} />\n}\n\nconst defineColorVariableCSS = (theme: Theme) => {\n const borders = mapObject(theme.border, (name, { color }) => [\n // REVIEW: もしtheme.colorにたまたまborder-〇〇で始まる色名がいたら被りうる\n withPrefixes('border', name),\n color,\n ])\n\n const colors = defineThemeVariables({ ...theme.color, ...borders })({ theme })\n\n return toCSSVariables(colors)\n}\n\nfunction toCSSVariables(css: Record<string, string | number>) {\n return Object.entries(css)\n .map(([varName, value]) => variableDefinition(varName, value.toString()))\n .join(';')\n}\n\nconst variableDefinition = (prop: string, value: string) => `${prop}: ${value}`\n","import { useEffect, useMemo, useState } from 'react'\n\nexport const LOCAL_STORAGE_KEY = 'charcoal-theme'\nexport const DEFAULT_ROOT_ATTRIBUTE = 'theme'\n\nconst keyStringRegExp = new RegExp(/^(\\w|-)+$/)\n\n/**\n * 文字列が英数字_-のみで構成されているか検証する。不正な文字列ならエラーを投げる\n * @param key 検証するキー\n */\nexport function assertKeyString(key: string) {\n if (!keyStringRegExp.test(key)) {\n throw new Error(`Unexpected key :${key}, expect: /^(\\\\w|-)+$/`)\n }\n}\n\n/**\n * `<html data-theme=\"dark\">` のような設定を行うデフォルトのセッター\n */\nexport const themeSetter =\n (attr: string = DEFAULT_ROOT_ATTRIBUTE) =>\n (theme: string | undefined) => {\n assertKeyString(attr)\n if (theme !== undefined) {\n document.documentElement.dataset[attr] = theme\n } else {\n delete document.documentElement.dataset[attr]\n }\n }\n\n/**\n * `<html data-theme=\"dark\">` にマッチするセレクタを生成する\n */\nexport function themeSelector<\n T extends string,\n S extends string = typeof DEFAULT_ROOT_ATTRIBUTE\n>(theme: T, attr?: S) {\n return `:root[data-${attr ?? DEFAULT_ROOT_ATTRIBUTE}='${theme}']` as const\n}\n\n/**\n * prefers-color-scheme を利用する media クエリを生成する\n */\nexport function prefersColorScheme<T extends 'light' | 'dark'>(theme: T) {\n return `@media (prefers-color-scheme: ${theme})` as const\n}\n\n/**\n * LocalStorageからテーマの情報を取得して、変化時にテーマをセットするhooks\n */\nexport function useThemeSetter({\n key = LOCAL_STORAGE_KEY,\n setter = themeSetter(),\n}: { key?: string; setter?: (theme: string | undefined) => void } = {}) {\n const [theme, , system] = useTheme(key)\n\n useEffect(() => {\n if (theme === undefined) {\n return\n }\n // prefers-color-scheme から値を取っている場合にはcssのみで処理したいのでアンセットする\n setter(system ? undefined : theme)\n }, [setter, system, theme])\n}\n\n/**\n * 同期的にLocalStorageからテーマを取得するヘルパ\n */\nexport function getThemeSync(key: string = LOCAL_STORAGE_KEY) {\n const theme = localStorage.getItem(key)\n return theme\n}\n\n/**\n * LocalStorage, prefers-color-scheme からテーマの情報を取得して、現在のテーマを返すhooks\n *\n * `dark` `light` という名前だけは特別扱いされていて、prefers-color-schemeにマッチした場合に返ります\n */\nexport const useTheme = (key: string = LOCAL_STORAGE_KEY) => {\n assertKeyString(key)\n const isDark = useMedia('(prefers-color-scheme: dark)')\n const media = isDark !== undefined ? (isDark ? 'dark' : 'light') : undefined\n const [local, setTheme, ready] = useLocalStorage<string>(key)\n const theme = !ready || media === undefined ? undefined : local ?? media\n const system = local === undefined\n return [theme, setTheme, system] as const\n}\n\nexport function useLocalStorage<T>(key: string, defaultValue?: () => T) {\n const [ready, setReady] = useState(false)\n const [state, setState] = useState<T>()\n const defaultValueMemo = useMemo(() => defaultValue?.(), [defaultValue])\n\n useEffect(() => {\n fetch()\n window.addEventListener('storage', handleStorage)\n return () => {\n window.removeEventListener('storage', handleStorage)\n }\n })\n\n const handleStorage = (e: StorageEvent) => {\n if (e.storageArea !== localStorage) {\n return\n }\n if (e.key !== key) {\n return\n }\n fetch()\n }\n\n const fetch = () => {\n const raw = localStorage.getItem(key)\n setState((raw !== null ? deserialize(raw) : null) ?? defaultValueMemo)\n setReady(true)\n }\n\n const set = (value: T | undefined) => {\n if (value === undefined) {\n // undefinedがセットされる場合にはkeyごと削除\n localStorage.removeItem(key)\n } else {\n const raw = serialize(value)\n localStorage.setItem(key, raw)\n }\n\n // 同一ウィンドウではstorageイベントが発火しないので、手動で発火させる\n const event = new StorageEvent('storage', {\n bubbles: true,\n cancelable: false,\n key,\n url: location.href,\n storageArea: localStorage,\n })\n dispatchEvent(event)\n }\n\n return [state ?? defaultValueMemo, set, ready] as const\n}\n\nfunction deserialize<T>(raw: string): T {\n try {\n return JSON.parse(raw) as T\n } catch {\n // syntax error はすべて文字列として扱う\n return raw as unknown as T\n }\n}\n\nfunction serialize(value: unknown): string {\n if (typeof value === 'string') {\n return value\n } else {\n return JSON.stringify(value)\n }\n}\n\nexport function useMedia(query: string) {\n const [match, setState] = useState<boolean>()\n\n useEffect(() => {\n const matcher = window.matchMedia(query)\n\n const onChange = () => {\n setState(matcher.matches)\n }\n\n matcher.addEventListener('change', onChange)\n\n setState(matcher.matches)\n\n return () => {\n matcher.removeEventListener('change', onChange)\n }\n }, [query])\n\n return match\n}\n","import React from 'react'\nimport {\n assertKeyString,\n DEFAULT_ROOT_ATTRIBUTE,\n LOCAL_STORAGE_KEY,\n} from './helper'\n\ninterface Props {\n localStorageKey: string\n rootAttribute: string\n}\n\n/**\n * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するコードを取得する\n * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト\n * @returns ソースコードの文字列\n */\nexport function makeSetThemeScriptCode({\n localStorageKey = defaultProps.localStorageKey,\n rootAttribute = defaultProps.rootAttribute,\n}: Partial<Props> = defaultProps) {\n assertKeyString(localStorageKey)\n assertKeyString(rootAttribute)\n return `'use strict';\n(function () {\n var localStorageKey = '${localStorageKey}'\n var rootAttribute = '${rootAttribute}'\n var currentTheme = localStorage.getItem(localStorageKey);\n if (currentTheme) {\n document.documentElement.dataset[rootAttribute] = currentTheme;\n }\n})();\n`\n}\n\n/**\n * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するスクリプトタグ\n * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト\n * @returns\n */\nexport function SetThemeScript(props: Props) {\n const src = makeSetThemeScriptCode(props)\n return (\n <script\n dangerouslySetInnerHTML={{\n __html: src,\n }}\n />\n )\n}\n\nconst defaultProps: Props = {\n localStorageKey: LOCAL_STORAGE_KEY,\n rootAttribute: DEFAULT_ROOT_ATTRIBUTE,\n}\n\nSetThemeScript.defaultProps = defaultProps\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAOO;AA4BA,SAAS,YAAY,OAAsB;AAChD,QAAM,IAAI;AAAA,IACR,UAAU,WAAW,IACjB,gBACA,gBAAgB,KAAK,UAAU,KAAK;AAAA,EAC1C;AACF;AAOO,IAAM,YAAY,CAAI,UAAsC,SAAS;AA4BrE,SAAS,gBAAiC,SAAY;AAC3D,SAAO,OAAO,OAAO,CAAC,GAAG,GAAG,OAAO;AACrC;AAYO,SAAS,MAKd,KAAQ;AACR,SAAO,OAAO,KAAK,GAAG;AACxB;AAkBO,SAAS,UAAa,OAA8B;AACzD,SAAO,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK;AAC9C;AAIO,IAAM,kBAAkB,IAAI;AAAA,EACjC;AACF;AAmBO,SAAS,qBACd,aACA,cACA;AACA,SAAO,SAAS,YAAY,OAEH;AACvB,QAAI,CAAC,UAAU,MAAM,KAAK,GAAG;AAC3B,YAAM;AAAA,IACR;AAEA,UAAMA,cAAS,2BAAa,aAAa,SAAS;AAGlD,UAAM,UAAU,OAAO,QAAQ;AAAA,MAC7B,GAAG,MAAM,MAAM;AAAA,MACf,GAAG;AAAA,IACL,CAAC;AAED,eAAO,4BAAcA,SAAQ,CAAC,UAAU,UAAU;AAAA,MAChD,KAAC,kCAAoB,QAAQ,GAAG,KAAK;AAAA,MAErC,GAAG,QAAQ,IAAsB,CAAC,CAAC,WAAW,MAAM,MAAM;AAAA,YACxD,kCAAoB,UAAU,CAAC,SAAS,CAAC;AAAA,YACzC,0BAAY,OAAO,CAAC,MAAM,CAAC;AAAA,MAC7B,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AAEO,SAAS,kBAAkB,QAAmC;AACnE,SAAO,CAAC,SAAS,SAAS,UAAU,EAAE,SAAS,MAAgB;AACjE;AAEO,IAAM,WAAW,CAAC,UAAkB,OAAO;AAE3C,SAAS,eAAe,QAAoBC,MAAgB;AACjE,SAAO,WAAW,UACd,EAAE,WAAW,EAAE,CAAC,mCAAsBA,KAAI,EAAE,IAC5C,WAAW,UACX,EAAE,YAAY,EAAE,CAAC,mCAAsBA,KAAI,EAAE,IAE/C,WAAW,aACT,EAAE,CAAC,gCAAmBA,KAAI,IAC1B,YAAY,MAAM;AACxB;AAEO,SAAS,gBAAgB,OAAiB;AAC/C,SAAO,MAAM,KAAK,GAAG;AACvB;;;AChLA,IAAM,cAA6B,OAAO,UAAU;AAS7C,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,UAAU,CAAC;AACb,GAGa;AACX,SAAO;AAAA,IACL,CAAC,cAAc;AAAA,MACb;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,uCAAuC,UAAoB;AAClE,SAAO,SAAS;AAClB;AAWO,IAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA,qBAAqB;AACvB,MAAe,wBAAwB,UAAa,CAAC;AAK9C,SAAS,WAAW,WAAuB;AAChD,SAAO,UAAU;AAAA,IACf,CAAC,SAAS,cAAc;AAAA,MACtB,GAAG;AAAA,MACH,GAAG,uCAAuC,QAAQ,EAAE;AAAA,IACtD;AAAA,IACA,CAAC;AAAA,EACH;AACF;AAKO,SAAS,aAAa,WAAoC;AAG/D,QAAM,UAAU,WAAW,SAAS;AAIpC,SAAO,UAAU;AAAA,IAAI,CAAC,MACpB,uCAAuC,CAAC,EAAE,MAAM,OAAO;AAAA,EACzD;AACF;;;ACjEO,IAAM,mBAAmB,CAK9B,QACA,QACA,UAEA,OAAO;AAAA,EACL;AAAA,EACA,OAAO;AAAA,IACL,OAAO,IAAI,CAAC,QAAQ;AAAA,MAClB;AAAA,MACA,EAAE,KAAK,MAAM,MAAM,GAAG,GAAG,YAAY,MAAM,cAAc,KAAK;AAAA,IAChE,CAAC;AAAA,EACH;AACF;AAiBK,IAAM,gBAAgB,CAM3B,QACA,QACA,UAEA,OAAO;AAAA,EACL;AAAA,EACA,OAAO;AAAA,IACL,OAAO,IAAI,CAAC,QAAQ;AAAA,MAClB;AAAA,MACA;AAAA,QACE,OAAO,IAAI,SAAqB,MAAM,KAAK,GAAG,IAAI;AAAA,QAClD,YAAY;AAAA,QACZ,cAAc;AAAA,MAChB;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAmBK,IAAM,2BAA2B,CAItC,QACA,QAEA,iBAAiB,QAAQ,OAAO,KAAK,GAAG,GAAG,CAAC,QAAQ,IAAI,IAAI;AAiBvD,IAAM,uBAAuB,CAClC,WACA,WAEC,SAAS,4BACR,SAC2B;AAC3B,QAAM,aAAa,UAAU,OAAO,CAAC,MAAM,CAAC,QAAQ,SAAS,CAAC,CAAC;AAC/D,SAAO;AAAA,IAAiB,OAAO,OAAO;AAAA,IAAG;AAAA,IAAY,CAAC,aACpD,WAAW,WAAW,IAClB,YAAY,IACZ,4BAA4B,CAAC,GAAG,SAAS,QAAQ,CAAC;AAAA,EACxD;AACF,EAAG,CAAC,CAAC;AAqBA,IAAM,qBAAqB,CAKhC,WACA,WACG,kBAEF,SAAS,yBACR,SACqC;AACrC,QAAM,aAAa,UAAU;AAAA,IAC3B,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;AAAA,EAC5C;AACA,SAAO;AAAA,IACL,OAAO,OAAO;AAAA,IACd;AAAA,IACA,CAAC,aAAa,SACZ,WAAW,WAAW,IAClB,YAAY,IACZ,yBAAyB,CAAC,GAAG,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC;AAAA,EAClE;AACF,EAAG,CAAC,CAAC;;;ACrKP,IAAAC,gBAAoC;AAE7B,IAAM,mBAAmB,CAAC,OAAO,SAAS,UAAU,MAAM;AAG1D,IAAM,kBAAkB,CAC7B,SACA,eACa;AACb,QAAM,MAAM,WAAW,WAAW;AAElC,QAAM,QAAQ,aAAa;AAAA,QACzB,mCAAoB,aAAa,UAAU,QAAQ,SAAS,CAAC,CAAC;AAAA,EAChE;AAEA,SAAO,eAAe;AAAA,IACpB,QAAQ;AACN,aAAO;AAAA,QACL,GAAI,MACA,EAAE,QAAQ,MAAM,IAChB,WAAW;AAAA,UACT,CAAC,KAAK,eAAe;AAAA,YACnB,GAAG;AAAA,YACH,CAAC,UAAU,cAAc;AAAA,UAC3B;AAAA,UACA,CAAC;AAAA,QACH;AAAA,MACN;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEe,SAAR,OAAyD,OAAU;AACxE,QAAM,cAAc,MAAmB,MAAM,MAAM;AAEnD,QAAM,eAAe;AAAA,IACnB,CAAC;AAAA,IACD;AAAA,MACE,QAAQ;AAAA,QAAiB,CAAC;AAAA,QAAG;AAAA,QAAa,CAAC,YACzC;AAAA,UAAqB;AAAA,UAAkB,CAAC,cACtC,gBAAgB,SAAS,SAAS;AAAA,QACpC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;;;ACtDA,IAAAC,gBAAmB;AAIZ,IAAM,wBACX,CAAkC,UAClC,CAACC,UAA4C;AAC3C,SAAO,eAAe;AAAA,IACpB,QAAQ;AACN,aAAO;AAAA,QACL,kBAAc,kBAAG,MAAM,aAAaA,MAAK;AAAA,MAC3C;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEa,SAAR,aACL,OACA;AAEA,QAAM,kBAAkB,sBAAsB,KAAK;AACnD,QAAM,qBAAqB;AAAA,IACzB,CAAC;AAAA,IACD;AAAA,MACE,cAAc,CAAC,WACb,gBAAgB,MAAM;AAAA,IAC1B;AAAA,EACF;AAEA,SAAO;AACT;;;AC9BA,IAAAC,gBAOO;AAEP,qBAAoB;;;ACVpB,IAAAC,gBAAoB;AAKb,IAAM,sBAAsB;AAKpB,SAAR,WAA4B,QAA2B;AAC5D,QAAM,eAAW,mBAAI,mBAAmB;AACxC,QAAMC,cAAa,CAAC,cAAwB;AAAA,IAC1C,YAAY,SAAS,IAAI,CAAC,MAAM,GAAG,YAAY,GAAG,EAAE,KAAK,IAAI;AAAA,EAC/D;AAEA,WAAS,MAAM;AAAA,IACb,kBAAkB;AAAA,IAClB,4BAA4B;AAAA,IAC5B,sBAAsB;AAAA,EACxB,GAAY;AACV,WAAOA;AAAA,MACL;AAAA,QACE,kBAAkB,UAAU;AAAA,QAC5B,4BAA4B,qBAAqB;AAAA,QACjD,sBAAsB,eAAe;AAAA,MACvC,EAAE,OAAO,SAAS;AAAA,IACpB;AAAA,EACF;AAEA,SAAO,eAAe,EAAE,MAAM,CAAC;AACjC;;;ADGA,SAAS,eAAe,QAAuB;AAC7C,SAAO,WAAW,OAAO,qBAAqB;AAChD;AAEO,IAAM,iBACX,CAAkC,WAClC,CACE,QACA,OACA,UAA0C,CAAC,MAC9B;AACb,WAAS,QAAQ;AACf,WAAO;AAAA,MACL,CAAC,eAAe,MAAM,IAAI;AAAA,YACxB,mCAAoB,MAAM,SAAS,CAAC;AAAA,MACtC;AAAA,MACA,GAAG,QAAQ,OAAO,iBAAiB,EAAE;AAAA,QACnC,CAAC,KAAK,YAAY;AAAA,UAChB,GAAG;AAAA,UACH,GAAG,eAAe,QAAQ;AAAA,YACxB,CAAC,eAAe,MAAM,IAAI;AAAA,kBACxB,mCAAoB,MAAM,SAAS,GAAG,CAAC,MAAM,CAAC;AAAA,YAChD;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACA,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,SAAO,eAAe;AAAA,IACpB;AAAA,IACA,SACE,QAAQ,SAAS,IACb,WAAW,SACT;AAAA,MACE,iBAAiB;AAAA,IACnB,IACA;AAAA,MACE,2BAA2B;AAAA,IAC7B,IACF,CAAC;AAAA,EACT,CAAC;AACH;AAEK,IAAM,yBACX,CAAkC,UAClC,CACE,OACA,UAA0C,CAAC,GAC3C,cACa;AACb,QAAM,uBAAmB,wBAAS,SAAS;AAE3C,WAAS,MAAM,SAA6B;AAC1C,UAAM,YAAY,CAAC,wBAAwB,OAAO;AAClD,UAAM,eAAW,mBAAI,mBAAmB;AAExC,QAAI,aAAa,QAAQ,SAAS,GAAG;AACnC,aAAO;AAAA,QACL,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,GAAG,QAAQ,OAAO,iBAAiB,EAAE;AAAA,UACnC,CAAC,KAAK,YAAY;AAAA,YAChB,GAAG;AAAA,YACH,aAAa;AAAA,cACX,QAAQ;AAAA,cACR,GAAG;AAAA,cACH,YAAY,GAAG;AAAA,YACjB;AAAA,YACA,YAAY;AAAA,cACV,QAAQ;AAAA,cACR,GAAG;AAAA,cACH,GAAG,iBAAiB,MAAM,cAAc,MAAM;AAAA,YAChD;AAAA,YACA,GAAG,eAAe,QAAQ;AAAA,cACxB,aAAa;AAAA,gBACX,qBAAiB;AAAA,kBACf;AAAA,kBACA,MAAM,OAAO,WAAW,CAAC;AAAA,gBAC3B;AAAA,cACF;AAAA,YACF,CAAC;AAAA,UACH;AAAA,UACA,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAEA,uBAAAC;AAAA,MACE,QAAQ,WAAW;AAAA,MAEnB;AAAA,IACF;AAEA,WAAO;AAAA,MACL,GAAG,iBAAiB,MAAM,cAAc,MAAM;AAAA,MAC9C,GAAG,QAAQ,OAAO,iBAAiB,EAAE;AAAA,QACnC,CAAC,KAAK,YAAY;AAAA,UAChB,GAAG;AAAA,UACH,GAAG,eAAe,QAAQ;AAAA,YACxB,GAAG;AAAA,kBACD,qCAAsB,MAAM,OAAO,WAAW,CAAC,CAAC;AAAA,gBAC9C,MAAM,cAAc;AAAA,cACtB;AAAA,YACF;AAAA,UACF,CAAC;AAAA,QACH;AAAA,QACA,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAEA,SAAO,eAAe,EAAE,MAAM,CAAC;AACjC;AAEF,IAAM,iBAA4B;AAAA,EAChC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AACR;AAEe,SAAR,OAAyD,OAAU;AACxE,QAAMC,UAAS,MAAkB,MAAM,KAAK;AAC5C,QAAM,UAAU,MAAmB,MAAM,MAAM;AAG/C,QAAM,iBAAiB,MAA0B,MAAM,aAAa;AACpE,QAAM,WAAW,eAAe,KAAK;AACrC,QAAM,mBAAmB,uBAAuB,KAAK;AAErD,QAAM,cAAc;AAAA,IAClB,CAAC;AAAA,IACD;AAAA,MACE,IAAI;AAAA,QACF;AAAA,UAAiB,CAAC;AAAA,UAAGA;AAAA,UAAQ,CAAC,UAC5B;AAAA,YAAqB;AAAA,YAAS,CAAC,cAC7B,SAAS,MAAM,OAAO,SAAS;AAAA,UACjC;AAAA,QACF;AAAA,QACA;AAAA,UACE,CAAC;AAAA,UACD;AAAA,UACA,CAAC,UAAU,CAAC,cACV;AAAA,YAAqB;AAAA,YAAS,CAAC,cAC7B,iBAAiB,OAAO,WAAW,SAAS;AAAA,UAC9C;AAAA,QACJ;AAAA,MACF;AAAA,MACA,MAAM;AAAA,QAAiB,CAAC;AAAA,QAAGA;AAAA,QAAQ,CAAC,UAClC;AAAA,UAAqB;AAAA,UAAS,CAAC,cAC7B,SAAS,QAAQ,OAAO,SAAS;AAAA,QACnC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;;;AEzLO,IAAM,yBACX,CAGE,UAGF,CAAC,UAA6C,CAAC,MAC7C,eAAe;AAAA,EACb,QAAQ;AACN,WAAO,QAAQ,OAAO,iBAAiB,EAAE;AAAA,MACvC,CAAC,KAAK,YAAY;AAAA,QAChB,GAAG;AAAA,QACH,GAAG,eAAe,QAAQ;AAAA,UACxB,SACE,CAAE,MAAmC;AAAA,YACnC,MAAM,cAAc;AAAA,UACtB,KAAK,MAAM,cAAc,SAAS,SAAS,YACvC,MAAM,cAAc,SAAS,UAC7B,YAAY;AAAA,QACpB,CAAC;AAAA,MACH;AAAA,MACA,CAAC;AAAA,IACH;AAAA,EACF;AACF,CAAC;AAEU,SAAR,cACL,OACA;AACA,QAAM,cAAc;AAAA,IAClB,MAAM;AAAA,EACR;AAGA,QAAM,mBAAmB,uBAAuB,KAAK;AACrD,QAAM,sBAAsB;AAAA,IAAqB;AAAA,IAAa,CAAC,cAC7D,iBAAiB,SAAS;AAAA,EAC5B;AAEA,SAAO;AACT;;;ACpDA,IAAAC,gBAAwC;AAUjC,IAAM,cAAc,CAAC,OAAO;AAGnC,IAAM,aAAa,CAAC,QAAgB,WAAmB;AAAA,EACrD,WAAW,aAAS,kBAAG,MAAM,KAAK;AACpC;AAEO,IAAM,wBACX,CAAkC,UAClC,CACE,SACA,cACa;AACb,QAAM,SAAS,MAAM,QAAQ,SAAS;AACtC,QAAM,QAAQ,MAAM,QAAQ,SAAS;AAErC,SAAO,eAAe;AAAA,IACpB,QAAQ;AACN,aAAO,UAAU,SAAS,OAAO,IAC7B,QAAQ,WAAW,QAAQ,KAAK,CAAC,IACjC,EAAE,MAAM,EAAE,CAAC,oCAAsB,WAAW,QAAQ,KAAK,EAAE,EAAE;AAAA,IACnE;AAAA,IACA,SAAS;AAAA,MACP,qBAAqB;AAAA,IACvB;AAAA,EACF,CAAC;AACH;AAKF,IAAM,UAAU,CAACC,UAAoB;AAAA,EACnC,CAAC,oCAAsB;AAAA,IACrB,qBAAqB;AAAA,MACnB,SAAS;AAAA,MACT,GAAGA;AAAA,IACL;AAAA,IAEA,6DAA6D;AAAA,MAC3D,SAAS;AAAA,IACX;AAAA,IAEA,mBAAmB;AAAA,MACjB,SAAS;AAAA,MACT,GAAGA;AAAA,IACL;AAAA,EACF;AACF;AAEe,SAAR,QAA0D,OAAU;AACzE,QAAMC,cAAa,sBAAsB,KAAK;AAE9C,QAAM,gBAAgB;AAAA,IACpB,CAAC;AAAA,IACD;AAAA,MACE,SAAS;AAAA,QACP,CAAC;AAAA,QACD,MAAoB,MAAM,OAAO;AAAA,QACjC,CAAC,YACC;AAAA,UAAqB;AAAA,UAAa,CAAC,cACjCA,YAAW,SAAS,SAAS;AAAA,QAC/B;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;;;AC9EA,wBAA6B;AAE7B,IAAAC,gBAAmB;AAIZ,IAAM,kBAAkB,CAAC,SAAS,QAAQ;AAG1C,IAAM,mBACX,CAAkC,UAClC,CAAC,UAAyBC,UACxB,eAAe;AAAA,EACb,QAAQ;AACN,WAAO;AAAA,MACL,CAAC,WAAWA,UAAS,SAAS,aAAS,kBAAG,MAAM,QAAQA,MAAK;AAAA,IAC/D;AAAA,EACF;AACF,CAAC;AAEE,IAAM,yBACX,CAAkC,WAClC,CAAC,UAAyB,WACxB,eAAe;AAAA,EACb,QAAQ;AACN,WAAO;AAAA,MACL,CAAC,WAAW;AAAA,IACd;AAAA,EACF;AACF,CAAC;AAEE,IAAM,uBACX,CAAkC,UAClC,CAAC,UAAyB,SACxB,eAAe;AAAA,EACb,QAAQ;AACN,WAAO;AAAA,MACL,CAAC,eAAW;AAAA,YACV,gCAAa,MAAM,MAAM,KAAK,KAAK,QAAQ,MAAM,KAAK,KAAK,MAAM;AAAA,MACnE;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEU,SAAR,KAAuD,OAAU;AACtE,QAAM,aAAa,iBAAiB,KAAK;AACzC,QAAM,iBAAiB,qBAAqB,KAAK;AACjD,QAAM,mBAAmB,uBAAuB,KAAK;AACrD,QAAM,cAAc;AAAA,IAAiB,CAAC;AAAA,IAAG;AAAA,IAAiB,CAAC,aACzD;AAAA,MACE,CAAC;AAAA,MACD;AAAA,QACE,IAAI,CAACA,UAAsC,WAAW,UAAUA,KAAI;AAAA,QACpE,QAAQ,CAAC,SAAiB,eAAe,UAAU,IAAI;AAAA,QACvD,MAAM,iBAAiB,UAAU,MAAM;AAAA,QACvC,MAAM,iBAAiB,UAAU,MAAM;AAAA,MACzC;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;;;AC3DA,IAAAC,gBAAmB;AAKZ,IAAM,oBAAoB,CAAC,UAAU,SAAS;AAC9C,IAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAIA,SAAS,gBACP,UACA,WACA;AACA,SAAO,GAAG,YAAY;AACxB;AAEO,IAAM,mBACX,CAAkC,UAClC,CACE,UACA,cACa;AACb,QAAM,EAAE,KAAK,OAAO,QAAQ,KAAK,IAAI,UAAU;AAAA,IAC7C,CAAC,KAAK,CAAC,WAAWC,KAAI,MAAM;AAC1B,UAAI,cAAc,OAAO;AACvB,YAAI,MAAMA;AACV,YAAI,QAAQA;AACZ,YAAI,SAASA;AACb,YAAI,OAAOA;AAAA,MACb,WAAW,cAAc,YAAY;AACnC,YAAI,MAAMA;AACV,YAAI,SAASA;AAAA,MACf,WAAW,cAAc,cAAc;AACrC,YAAI,QAAQA;AACZ,YAAI,OAAOA;AAAA,MACb,OAAO;AACL,YAAI,aAAaA;AAAA,MACnB;AACA,aAAO;AAAA,IACT;AAAA,IACA,CAAC;AAAA,EAGH;AAEA,QAAM,qBACJ,aAAa,aACb,QAAQ,UACR,WAAW,UACX,QAAQ,UACR,WAAW;AAEb,WAAS,MAAM,EAAE,sBAAsB,EAAE,GAAuB;AAC9D,WAAO;AAAA,MACL,GAAI,QAAQ,UAAa;AAAA,QACvB,CAAC,gBAAgB,UAAU,KAAK,IAC9B,QAAQ,SACJ,aACA;AAAA,UACE,MAAM,QAAQ,QACX,qBAAqB,sBAAsB;AAAA,QAChD;AAAA,MACR;AAAA,MACA,GAAI,WAAW,UAAa;AAAA,QAC1B,CAAC,gBAAgB,UAAU,QAAQ,IACjC,WAAW,SACP,aACA;AAAA,UACE,MAAM,QAAQ,WACX,qBAAqB,sBAAsB;AAAA,QAChD;AAAA,MACR;AAAA,MACA,GAAI,UAAU,UAAa;AAAA,QACzB,CAAC,gBAAgB,UAAU,OAAO,IAChC,UAAU,SAAS,aAAS,kBAAG,MAAM,QAAQ,MAAM;AAAA,MACvD;AAAA,MACA,GAAI,SAAS,UAAa;AAAA,QACxB,CAAC,gBAAgB,UAAU,MAAM,IAC/B,SAAS,SAAS,aAAS,kBAAG,MAAM,QAAQ,KAAK;AAAA,MACrD;AAAA,IACF;AAAA,EACF;AAEA,SAAO,eAAe;AAAA,IACpB;AAAA,IACA,SAAS,qBAAqB,EAAE,oBAAoB,KAAK,IAAI,CAAC;AAAA,EAChE,CAAC;AACH;AAEa,SAAR,QAA0D,OAAU;AACzE,QAAM,aAAa,iBAAiB,KAAK;AACzC,QAAM,gBAAgB;AAAA,IACpB,CAAC;AAAA,IACD;AAAA,IACA,CAACC,qBACC;AAAA,MACE;AAAA,MACA,CAAC,cAAc,WAAWA,kBAAiB,SAAS;AAAA,MACpD,CAAC;AAAA,IACH;AAAA,EACJ;AACA,SAAO;AACT;;;AC/GA,IAAAC,gBAAgC;AAUzB,IAAM,sBACX,CAAkC,UAClC,CACEC,OACA,UAII,CAAC,MACQ;AACb,QAAM;AAAA,IACJ,sBAAsB;AAAA,IACtB,YAAY;AAAA,IACZ,OAAO;AAAA,EACT,IAAI;AACJ,QAAM,aAAa,MAAM,WAAW,KAAKA;AACzC,QAAM,SAAS,KAAC,2BAAY,UAAU;AAEtC,WAAS,MAAM,SAA6B;AAC1C,WAAO;AAAA,MACL,cAAU,kBAAG,WAAW,QAAQ;AAAA,MAChC,gBAAY,kBAAG,WAAW,UAAU;AAAA,MACpC,GAAI,aAAa;AAAA,QACf,YAAY;AAAA,MACd;AAAA,MACA,GAAI,QAAQ;AAAA,QACV,YAAY;AAAA,MACd;AAAA,MACA,GAAI,wBAAwB,OAAO,KAAK;AAAA,QAEtC,SAAS;AAAA,QAET,aAAa;AAAA,UACX,GAAG;AAAA,UACH,eAAW,kBAAG,MAAM;AAAA,QACtB;AAAA,QACA,YAAY;AAAA,UACV,GAAG;AAAA,UACH,kBAAc,kBAAG,MAAM;AAAA,QACzB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,eAAe;AAAA,IACpB;AAAA,IACA,SAAS,CAAC,sBACN;AAAA,MACE,qBAAqB;AAAA,IACvB,IACA,CAAC;AAAA,EACP,CAAC;AACH;AAEF,IAAM,gBAA2B;AAAA,EAC/B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AACX;AAGA,IAAM,sBAAsB;AAAA,EAE1B;AAAA,EACA;AAAA,EACA;AACF;AAEe,SAAR,WAA6D,OAAU;AAC5E,QAAM,gBAAgB,oBAAoB,KAAK;AAC/C,QAAM,mBAAmB;AAAA,IACvB,CAAC;AAAA,IACD,CAAC,YAAY;AAAA,IACb,CAAC,MAAM,CAACA,UACN;AAAA,MAAqB;AAAA,MAAqB,CAAC,cACzC,cAAcA,OAAM;AAAA,QAClB,qBAAqB,UAAU,SAAS,qBAAqB;AAAA,QAC7D,WAAW,UAAU,SAAS,WAAW;AAAA,QACzC,MAAM,UAAU,SAAS,MAAM;AAAA,MACjC,CAAC;AAAA,IACH;AAAA,EACJ;AAEA,SAAO;AACT;;;AChFe,SAAR,QACL,OAOA;AACA,SAAO;AAAA,IACL,OAAO,KAAK;AAAA,IACZ,WAAW,KAAK;AAAA,IAChB,QAAQ,KAAK;AAAA,IACb,KAAK,KAAK;AAAA,IACV,cAAc,KAAK;AAAA,IACnB,OAAO,KAAK;AAAA,IACZ,aAAa,KAAK;AAAA,IAClB,QAAQ,KAAK;AAAA,EACf;AACF;;;ACnCA,mBAAkB;AAClB,+BAAuC;AAGvC,IAAAC,iBAA0B;AAE1B,IAAM,cAAc;AAAA,IAChB,CAAkB;AAAA,EAClB;AAAA,EACA;AACF,MAIE,OAAO,QAAQ,QAAQ,EAAE;AAAA,EAAI,CAAC,CAAC,KAAK,KAAK,MACvC,IAAI,WAAW,QAAQ,IACnB;AAAA,cACI;AAAA;AAAA,kBAEI,eAAe,UACjB;AAAA,sCACsB,MAAM,MAAM;AAAA;AAAA,kBAEhC,uBAAuB,KAAK;AAAA;AAAA;AAAA,cAIpC;AAAA;AAAA,cAEI;AAAA,gBACE,eAAe,UACjB;AAAA,oCACsB,MAAM,MAAM;AAAA;AAAA,gBAEhC,uBAAuB,KAAK;AAAA;AAAA;AAGxC;AAAA;AAWW,SAAR,cAAgD;AAAA,EACrD,OAAO;AAAA,EACP;AACF,GAGG;AACD,SAAO,6BAAAC,QAAA,cAAC,eAAY,UAAoB,YAAwB;AAClE;AAEA,IAAM,yBAAyB,CAAC,UAAiB;AAC/C,QAAM,cAAU,0BAAU,MAAM,QAAQ,CAAC,MAAM,EAAE,MAAM,MAAM;AAAA,IAE3D,aAAa,UAAU,IAAI;AAAA,IAC3B;AAAA,EACF,CAAC;AAED,QAAMC,UAAS,qBAAqB,EAAE,GAAG,MAAM,OAAO,GAAG,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;AAE7E,SAAO,eAAeA,OAAM;AAC9B;AAEA,SAAS,eAAeC,MAAsC;AAC5D,SAAO,OAAO,QAAQA,IAAG,EACtB,IAAI,CAAC,CAAC,SAAS,KAAK,MAAM,mBAAmB,SAAS,MAAM,SAAS,CAAC,CAAC,EACvE,KAAK,GAAG;AACb;AAEA,IAAM,qBAAqB,CAAC,MAAc,UAAkB,GAAG,SAAS;;;AC5ExE,IAAAC,gBAA6C;AAEtC,IAAM,oBAAoB;AAC1B,IAAM,yBAAyB;AAEtC,IAAM,kBAAkB,IAAI,OAAO,WAAW;AAMvC,SAAS,gBAAgB,KAAa;AAC3C,MAAI,CAAC,gBAAgB,KAAK,GAAG,GAAG;AAC9B,UAAM,IAAI,MAAM,mBAAmB,2BAA2B;AAAA,EAChE;AACF;AAKO,IAAM,cACX,CAAC,OAAe,2BAChB,CAAC,UAA8B;AAC7B,kBAAgB,IAAI;AACpB,MAAI,UAAU,QAAW;AACvB,aAAS,gBAAgB,QAAQ,QAAQ;AAAA,EAC3C,OAAO;AACL,WAAO,SAAS,gBAAgB,QAAQ;AAAA,EAC1C;AACF;AAKK,SAAS,cAGd,OAAU,MAAU;AACpB,SAAO,cAAc,QAAQ,2BAA2B;AAC1D;AAKO,SAAS,mBAA+C,OAAU;AACvE,SAAO,iCAAiC;AAC1C;AAKO,SAAS,eAAe;AAAA,EAC7B,MAAM;AAAA,EACN,SAAS,YAAY;AACvB,IAAoE,CAAC,GAAG;AACtE,QAAM,CAAC,OAAO,EAAE,MAAM,IAAI,SAAS,GAAG;AAEtC,+BAAU,MAAM;AACd,QAAI,UAAU,QAAW;AACvB;AAAA,IACF;AAEA,WAAO,SAAS,SAAY,KAAK;AAAA,EACnC,GAAG,CAAC,QAAQ,QAAQ,KAAK,CAAC;AAC5B;AAKO,SAAS,aAAa,MAAc,mBAAmB;AAC5D,QAAM,QAAQ,aAAa,QAAQ,GAAG;AACtC,SAAO;AACT;AAOO,IAAM,WAAW,CAAC,MAAc,sBAAsB;AAC3D,kBAAgB,GAAG;AACnB,QAAM,SAAS,SAAS,8BAA8B;AACtD,QAAM,QAAQ,WAAW,SAAa,SAAS,SAAS,UAAW;AACnE,QAAM,CAAC,OAAO,UAAU,KAAK,IAAI,gBAAwB,GAAG;AAC5D,QAAM,QAAQ,CAAC,SAAS,UAAU,SAAY,SAAY,SAAS;AACnE,QAAM,SAAS,UAAU;AACzB,SAAO,CAAC,OAAO,UAAU,MAAM;AACjC;AAEO,SAAS,gBAAmB,KAAa,cAAwB;AACtE,QAAM,CAAC,OAAO,QAAQ,QAAI,wBAAS,KAAK;AACxC,QAAM,CAAC,OAAO,QAAQ,QAAI,wBAAY;AACtC,QAAM,uBAAmB,uBAAQ,MAAM,eAAe,GAAG,CAAC,YAAY,CAAC;AAEvE,+BAAU,MAAM;AACd,UAAM;AACN,WAAO,iBAAiB,WAAW,aAAa;AAChD,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,aAAa;AAAA,IACrD;AAAA,EACF,CAAC;AAED,QAAM,gBAAgB,CAAC,MAAoB;AACzC,QAAI,EAAE,gBAAgB,cAAc;AAClC;AAAA,IACF;AACA,QAAI,EAAE,QAAQ,KAAK;AACjB;AAAA,IACF;AACA,UAAM;AAAA,EACR;AAEA,QAAM,QAAQ,MAAM;AAClB,UAAM,MAAM,aAAa,QAAQ,GAAG;AACpC,cAAU,QAAQ,OAAO,YAAY,GAAG,IAAI,SAAS,gBAAgB;AACrE,aAAS,IAAI;AAAA,EACf;AAEA,QAAM,MAAM,CAAC,UAAyB;AACpC,QAAI,UAAU,QAAW;AAEvB,mBAAa,WAAW,GAAG;AAAA,IAC7B,OAAO;AACL,YAAM,MAAM,UAAU,KAAK;AAC3B,mBAAa,QAAQ,KAAK,GAAG;AAAA,IAC/B;AAGA,UAAM,QAAQ,IAAI,aAAa,WAAW;AAAA,MACxC,SAAS;AAAA,MACT,YAAY;AAAA,MACZ;AAAA,MACA,KAAK,SAAS;AAAA,MACd,aAAa;AAAA,IACf,CAAC;AACD,kBAAc,KAAK;AAAA,EACrB;AAEA,SAAO,CAAC,SAAS,kBAAkB,KAAK,KAAK;AAC/C;AAEA,SAAS,YAAe,KAAgB;AACtC,MAAI;AACF,WAAO,KAAK,MAAM,GAAG;AAAA,EACvB,QAAE;AAEA,WAAO;AAAA,EACT;AACF;AAEA,SAAS,UAAU,OAAwB;AACzC,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,EACT,OAAO;AACL,WAAO,KAAK,UAAU,KAAK;AAAA,EAC7B;AACF;AAEO,SAAS,SAAS,OAAe;AACtC,QAAM,CAAC,OAAO,QAAQ,QAAI,wBAAkB;AAE5C,+BAAU,MAAM;AACd,UAAM,UAAU,OAAO,WAAW,KAAK;AAEvC,UAAM,WAAW,MAAM;AACrB,eAAS,QAAQ,OAAO;AAAA,IAC1B;AAEA,YAAQ,iBAAiB,UAAU,QAAQ;AAE3C,aAAS,QAAQ,OAAO;AAExB,WAAO,MAAM;AACX,cAAQ,oBAAoB,UAAU,QAAQ;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AACT;;;AClLA,IAAAC,gBAAkB;AAiBX,SAAS,uBAAuB;AAAA,EACrC,kBAAkB,aAAa;AAAA,EAC/B,gBAAgB,aAAa;AAC/B,IAAoB,cAAc;AAChC,kBAAgB,eAAe;AAC/B,kBAAgB,aAAa;AAC7B,SAAO;AAAA;AAAA,6BAEoB;AAAA,2BACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO3B;AAOO,SAAS,eAAe,OAAc;AAC3C,QAAM,MAAM,uBAAuB,KAAK;AACxC,SACE,8BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,yBAAyB;AAAA,QACvB,QAAQ;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;AAEA,IAAM,eAAsB;AAAA,EAC1B,iBAAiB;AAAA,EACjB,eAAe;AACjB;AAEA,eAAe,eAAe;;;AhBlC9B,IAAM,WAAW,CAAI,UACnB,UAAU,KAAK,KAAM,UAAsB;AAgBtC,SAAS,YACd,SACA;AAIA,SAAO,SAAS,MACd,QACc;AAEd,WAAO,SAAS,YAAY,EAAE,OAAAC,OAAM,GAAG;AACrC,UAAI,CAAC,UAAUA,MAAK,GAAG;AAErB,cAAM;AAAA,MACR;AAEA,YAAM,YAAY;AAAA,QAEhB,GAAG;AAAA,UAYD,OAAkB,QAAQA,MAAK,CAAC;AAAA,QAClC;AAAA,QAGA,WAAWA,MAAK;AAAA,MAClB,EAAE,OAAO,QAAQ;AAEjB,aAAO,aAAa,SAAS;AAAA,IAC/B;AAAA,EACF;AACF;","names":["colors","css","import_utils","import_utils","size","import_utils","import_utils","transition","warning","colors","import_utils","css","outlineCss","import_utils","size","import_utils","size","spacingProperty","import_utils","size","import_utils","React","colors","css","import_react","import_react","React","theme"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/util.ts","../src/internals/index.ts","../src/factories/lib.ts","../src/builders/border.ts","../src/builders/borderRadius.ts","../src/builders/colors.ts","../src/builders/transition.ts","../src/builders/elementEffect.ts","../src/builders/outline.ts","../src/builders/size.ts","../src/builders/spacing.ts","../src/builders/typography.ts","../src/builders/o.ts","../src/TokenInjector.tsx","../src/helper.ts","../src/SetThemeScript.tsx"],"sourcesContent":["import { CSSObject, ThemedStyledInterface } from 'styled-components'\nimport { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { ArrayOrSingle, isPresent, noThemeProvider, wrapArray } from './util'\nimport { Internal, toCSSObjects } from './internals'\nimport createO from './builders/o'\nimport transition from './builders/transition'\nexport { default as TokenInjector } from './TokenInjector'\nexport {\n getThemeSync,\n themeSetter,\n themeSelector,\n prefersColorScheme,\n useTheme,\n useThemeSetter,\n useLocalStorage,\n useMedia,\n} from './helper'\nexport { defineThemeVariables } from './util'\nexport * from './SetThemeScript'\n\ntype Blank = null | undefined | false\n\nconst nonBlank = <T>(value: T): value is T extends Blank ? never : T =>\n isPresent(value) && (value as unknown) !== false\n\n/**\n * `theme(o => [...])` の `theme` ユーティリティを構築する\n *\n * @param _styled - DEPRECATED: styled-componnets の `styled` そのものを渡すとそれを元に型推論ができる。が、型引数を渡す方が型推論が高速になりやすい\n *\n * @example\n *\n * import styled from 'styled-components'\n * const theme = createTheme(styled)\n *\n * @example\n *\n * const theme = createTheme<DefaultTheme>()\n */\nexport function createTheme<T extends CharcoalAbstractTheme>(\n _styled?: ThemedStyledInterface<T>\n) {\n type Builder = ReturnType<typeof createO<T>>\n\n // ランタイムの `theme(o => [...])` のインターフェースを構築する\n return function theme(\n specFn: (o: Builder) => ArrayOrSingle<Internal | Blank>\n ): ThemeProp<T> {\n // styled-components のテンプレートに埋め込める関数\n return function interpolate({ theme }) {\n if (!isPresent(theme)) {\n // テーマが入っていない場合は復旧不可能なのでエラーにする\n throw noThemeProvider\n }\n\n const internals = [\n // ユーザーが定義したルール\n ...wrapArray(\n /**\n * こう書いてはいけない\n *\n * ❌\n * ```ts\n * const o = createO(theme)\n * const declaration = spec(o)\n * ```\n *\n * `o` を一時変数に入れてしまうと型 `T` の具象化が行われるので関数内に書く\n */\n specFn(/** o = */ createO(theme))\n ),\n\n // 必ず挿入される共通のルール\n transition(theme),\n ].filter(nonBlank)\n\n return toCSSObjects(internals)\n }\n }\n}\n\nexport type ThemeProp<T> = ({\n theme,\n}: {\n theme: T | undefined\n}) => CSSObject | CSSObject[]\n","import {\n applyEffect,\n customPropertyToken,\n disabledSelector,\n filterObject,\n flatMapObject,\n notDisabledSelector,\n} from '@charcoal-ui/utils'\nimport { CharcoalAbstractTheme, EffectType, Key } from '@charcoal-ui/theme'\nimport { CSSObject } from 'styled-components'\n\n/**\n * Function used to assert a given code path is unreachable\n */\nexport function unreachable(): never\n/**\n * Function used to assert a given code path is unreachable.\n * Very useful for ensuring switches are exhaustive:\n *\n * ```ts\n * switch (a.type) {\n * case Types.A:\n * case Types.B:\n * break\n * default:\n * unreachable(a) // will cause a build error if there was\n * // a Types.C that was not checked\n * }\n * ```\n *\n * @param value Value to be asserted as unreachable\n */\n// NOTE: Uses separate overloads, _not_ `value?: never`, to not allow `undefined` to be passed\n// eslint-disable-next-line @typescript-eslint/unified-signatures\nexport function unreachable(value: never): never\nexport function unreachable(value?: never): never {\n throw new Error(\n arguments.length === 0\n ? 'unreachable'\n : `unreachable (${JSON.stringify(value)})`\n )\n}\n\n/**\n * Check whether a value is non-null and non-undefined\n *\n * @param value nullable\n */\nexport const isPresent = <T>(value: T): value is NonNullable<T> => value != null\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Head<U> = U extends [infer T, ...any[]] ? T : never\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Tail<U> = U extends [any, any, ...any[]]\n ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ((...args: U) => any) extends (head: any, ...args: infer T) => any\n ? T\n : never\n : never\n// Buggy at ts@4.0.0-dev20200506\n// type Tail<U> = U extends [any, ...infer T] ? T : never\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype RecursiveObjectAssign<T, S extends any[]> = {\n 0: T & Head<S>\n 1: RecursiveObjectAssign<T & Head<S>, Tail<S>>\n}[Tail<S> extends never ? 0 : 1]\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype ObjectAssign<T extends any[]> = RecursiveObjectAssign<\n Record<string, unknown>,\n T\n>\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function objectAssign<T extends any[]>(...sources: T) {\n return Object.assign({}, ...sources) as ObjectAssign<T>\n}\n\n/**\n * Object.keys の返り値の型を厳しめにしてくれるやつ。\n *\n * ジェネリクスは基本的に明示して使うことを推奨。\n *\n * このライブラリでは Theme オブジェクトのジェネリクスを引き回すケースが多く、\n * ジェネリクスを省略するといつのまにか keys の返り値が `string | number | symbol` になりがちなので\n *\n * @param obj - キーを取りたいオブジェクト。ジェネリクスを省略したとき `never[]` のような使えない型が返って欲しい\n */\nexport function keyof<\n // このジェネリクスは必須（書かないと返り値が `never[]` になる ）\n T extends Record<never, unknown>,\n // このジェネリクスは書かなくて良い、obj の内容から推論される（ T と矛盾してはいけない ）\n _ extends T = T\n>(obj: _) {\n return Object.keys(obj) as unknown as (keyof T & string)[]\n}\n\nexport interface ReadonlyArrayConstructor {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n isArray(value: any): value is readonly any[]\n}\n\nexport function extractNonNullKeys<V, K extends keyof V>(obj: {\n [key in K]: V[key]\n}) {\n return Object.entries(obj)\n .filter(([_, v]) => v !== null)\n .map(([k]) => k) as { [key in K]: V[key] extends null ? never : key }[K][]\n}\n\n/**\n * 配列じゃなかったら配列にする\n */\nexport function wrapArray<T>(value: ArrayOrSingle<T>): T[] {\n return Array.isArray(value) ? value : [value]\n}\n\nexport type ArrayOrSingle<T> = T | T[]\n\nexport const noThemeProvider = new Error(\n '`theme` is invalid. `<ThemeProvider>` is not likely mounted.'\n)\n\ntype NonNullableCSSObject = Record<keyof CSSObject, string | number>\n\n/**\n * 子孫要素で使われるカラーテーマの CSS Variables を上書きする\n *\n * @params colorParams - 上書きしたい色の定義（ `theme.color` の一部だけ書けば良い ）\n * @params effectParams - effect の定義を上書きしたい場合は渡す（必須ではない）\n *\n * @example\n * ```tsx\n * const LocalTheme = styled.div`\n * ${defineThemeVariables({ text1: '#ff0000' })}\n * // `text1` is now defined as red\n * ${theme((o) => [o.font.text1])}\n * `\n * ```\n */\nexport function defineThemeVariables(\n colorParams: Partial<CharcoalAbstractTheme['color']>,\n effectParams?: Partial<CharcoalAbstractTheme['effect']>\n) {\n return function toCssObject(props: {\n theme?: Pick<CharcoalAbstractTheme, 'effect'>\n }): NonNullableCSSObject {\n if (!isPresent(props.theme)) {\n throw noThemeProvider\n }\n\n const colors = filterObject(colorParams, isPresent)\n\n // flatMapObject の中で毎回 Object.entries を呼ぶのは無駄なので外で呼ぶ\n const effects = Object.entries({\n ...props.theme.effect,\n ...effectParams,\n })\n\n return flatMapObject(colors, (colorKey, color) => [\n [customPropertyToken(colorKey), color],\n\n ...effects.map<[string, string]>(([effectKey, effect]) => [\n customPropertyToken(colorKey, [effectKey]),\n applyEffect(color, [effect]),\n ]),\n ])\n }\n}\n\nexport function isSupportedEffect(effect: Key): effect is EffectType {\n return ['hover', 'press', 'disabled'].includes(effect as string)\n}\n\nexport const variable = (value: string) => `var(${value})`\n\nexport function onEffectPseudo(effect: EffectType, css: CSSObject) {\n return effect === 'hover'\n ? { '&:hover': { [notDisabledSelector]: css } }\n : effect === 'press'\n ? { '&:active': { [notDisabledSelector]: css } }\n : // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n effect === 'disabled'\n ? { [disabledSelector]: css }\n : unreachable(effect)\n}\n\nexport function withPrefixes(...parts: string[]) {\n return parts.join('-')\n}\n","import { CSSObject } from 'styled-components'\n\nexport interface Context {\n cancelHalfLeadingPx?: number\n hasVerticalPadding?: boolean\n boxShadowTransition?: boolean\n colorTransition?: boolean\n backgroundColorTransition?: boolean\n}\n\n/**\n * 絶対にこれを export してはいけない\n *\n * さもないと `o.bg[internalSym]` みたいな叩き方が可能になってしまう（補完にも意図せず出てしまう）\n */\nconst internalSym: unique symbol = Symbol('internal')\n\n/**\n * CSSObject に変換可能なオブジェクトを作成する\n *\n * 実際に CSSObject に変換するには外部から `__DO_NOT_USE_GET_INTERNAL__` を使わなければならない\n *\n * これ以降メソッドチェーンが続いてもいいし、続かなくても良い\n */\nexport function createInternal({\n toCSS,\n context = {},\n}: {\n toCSS: (context: Context) => CSSObject\n context?: Context\n}): Internal {\n return {\n [internalSym]: {\n toCSS,\n context,\n },\n }\n}\n\nfunction __DO_NOT_USE_ACCESS_PRIVATE_PROPERTY__(internal: Internal) {\n return internal[internalSym]\n}\n\nexport interface Internal {\n [internalSym]: {\n toCSS: (context: Context) => CSSObject\n context: Context\n }\n}\n\n// half-leadingをキャンセルするとき && 垂直方向のpaddingが無い時\n// -> before/afterを入れる\nexport const shouldCancelHalfLeading = ({\n cancelHalfLeadingPx,\n hasVerticalPadding = false,\n}: Context) => cancelHalfLeadingPx !== undefined && !hasVerticalPadding\n\n/**\n * 個別の Internal（ o.〇〇 の返り値 ）が提出した context の中身を1つの context にまとめる\n */\nexport function getContext(internals: Internal[]) {\n return internals.reduce<Context>(\n (context, internal) => ({\n ...context,\n ...__DO_NOT_USE_ACCESS_PRIVATE_PROPERTY__(internal).context,\n }),\n {}\n )\n}\n\n/**\n * 全ユーザー定義からコンテキスト生成し、styled-components 向けに CSSObject を構築\n */\nexport function toCSSObjects(internals: Internal[]): CSSObject[] {\n // 1パス目\n // 全ユーザー定義を舐めて相互に影響し合う定義をチェックし、その結果(コンテキスト)を取得\n const context = getContext(internals)\n\n // 2パス目\n // コンテキストを見ながら最適化されたCSSを構築\n return internals.map((v) =>\n __DO_NOT_USE_ACCESS_PRIVATE_PROPERTY__(v).toCSS(context)\n )\n}\n","import { Key } from '@charcoal-ui/theme'\nimport { unreachable } from '../util'\n\n/**\n * 配列で指定したプロパティを動的に生やす\n *\n * @param source 拡張するオブジェクト\n * @param member オブジェクトに生やすプロパティ一覧\n * @param chain プロパティに格納される値を生成する関数\n *\n * @example\n *\n * const o = factory({}, ['red', 'blue'],\n * color => hex(color)\n * )\n *\n * console.log(o.red) //=> #ff0000\n */\nexport const defineProperties = <\n TSource,\n TMember extends readonly Key[],\n TValue\n>(\n source: TSource,\n member: TMember,\n chain: (key: TMember[number]) => TValue\n) =>\n Object.defineProperties(\n source,\n Object.fromEntries(\n member.map((key) => [\n key,\n { get: () => chain(key), enumerable: true, configurable: true },\n ])\n )\n ) as TSource & { readonly [key in TMember[number]]: TValue }\n\n/**\n * 配列で指定した名前のメソッドを動的に生やす\n *\n * @param source 拡張するオブジェクト\n * @param member オブジェクトに生やすメソッド名一覧\n * @param chain メソッドの戻り値になる値を生成する関数\n *\n * @example\n *\n * const o = defineMethods({}, ['red', 'blue'],\n * (color, alpha: number) => hex(color, alpha)\n * )\n *\n * console.log(o.red(0.5)) //=> #ff000077\n */\nexport const defineMethods = <\n TSource,\n TMember extends readonly string[],\n TValue,\n TArguments extends unknown[]\n>(\n source: TSource,\n member: TMember,\n chain: (key: TMember[number], ...args: TArguments) => TValue\n) =>\n Object.defineProperties(\n source,\n Object.fromEntries(\n member.map((key) => [\n key,\n {\n value: (...args: TArguments) => chain(key, ...args),\n enumerable: true,\n configurable: true,\n },\n ])\n )\n ) as TSource & {\n readonly [key in TMember[number]]: (...args: TArguments) => TValue\n }\n\n/**\n * オブジェクトで指定したプロパティ名と値を動的に生やす\n *\n * @param source 拡張するオブジェクト\n * @param def オブジェクトに生やす定義(プロパティ名と値)\n *\n * @example\n *\n * const o = defineConstantProperties({}, {\n * red: '#f00',\n * blue: '#00f',\n * })\n *\n * console.log(o.red) //=> #f00\n */\nexport const defineConstantProperties = <\n TSource,\n TDef extends { [key: string]: unknown }\n>(\n source: TSource,\n def: TDef\n) =>\n defineProperties(source, Object.keys(def), (key) => def[key]) as TSource &\n Readonly<TDef>\n\n/**\n * 配列で指定したモディファイア(プロパティ)をチェーン可能な再帰オブジェクトを動的に生やす\n *\n * @param modifiers オブジェクトに生やすモディファイヤ一覧\n * @param source 指定されたモディファイヤの一覧から値を生成する関数\n *\n * @example\n *\n * const o = definePropertyChains(['red', 'blue'],\n * modifiers => modifiers.map(color => hex(color)).join(',')\n * )\n *\n * console.log(o.red.blue) => #f00,#00f\n */\nexport const definePropertyChains = <TSource, T extends Key>(\n modifiers: readonly T[],\n source: (applied: readonly T[]) => TSource\n) =>\n (function definePropertiesRecursively(\n applied: readonly T[]\n ): PropertyChain<TSource, T> {\n const notApplied = modifiers.filter((v) => !applied.includes(v))\n return defineProperties(source(applied), notApplied, (modifier) =>\n notApplied.length === 0\n ? unreachable()\n : definePropertiesRecursively([...applied, modifier])\n )\n })([])\n\nexport type PropertyChain<TSource, TModifiers extends Key> = TSource & {\n readonly [key in TModifiers]: PropertyChain<TSource, Exclude<TModifiers, key>>\n}\n\n/**\n * 配列で指定したモディファイア(メソッド)をチェーン可能な再帰オブジェクトを動的に生やす\n *\n * @param modifiers オブジェクトに生やすモディファイヤ一覧\n * @param source 指定されたモディファイヤの一覧から値を生成する関数\n * @param _inferPhantom 関数形式のモディファイヤの引数型を推論するためのメタタイプ(引数の個数に合わせてタプルで指定する)\n *\n * @example\n *\n * const o = defineMethodChains(['red', 'blue'],\n * modifiers => modifiers.map(([color, alpha]) => hex(color, alpha)).join(',')\n * , {} as [number])\n *\n * console.log(o.red(0.5).blue(1)) => #ff000077,#0000ffff\n */\nexport const defineMethodChains = <\n TSource,\n T extends string,\n TArguments extends unknown[]\n>(\n modifiers: readonly T[],\n source: (applied: readonly [T, ...TArguments][]) => TSource,\n ..._inferPhantom: TArguments\n) =>\n (function defineMethodsRecursively(\n applied: readonly [T, ...TArguments][]\n ): MethodChain<TSource, T, TArguments> {\n const notApplied = modifiers.filter(\n (v) => !applied.map(([w]) => w).includes(v)\n )\n return defineMethods(\n source(applied),\n notApplied,\n (modifier, ...args: TArguments) =>\n notApplied.length === 0\n ? unreachable()\n : defineMethodsRecursively([...applied, [modifier, ...args]])\n )\n })([])\n\nexport type MethodChain<\n TSource,\n TModifiers extends string,\n TArguments extends unknown[]\n> = TSource & {\n readonly [key in TModifiers]: (\n ...args: TArguments\n ) => MethodChain<TSource, Exclude<TModifiers, key>, TArguments>\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { CSSObject } from 'styled-components'\nimport { keyof, variable, withPrefixes } from '../util'\nimport { Internal, createInternal } from '../internals'\nimport {\n defineConstantProperties,\n defineProperties,\n definePropertyChains,\n} from '../factories/lib'\nimport { customPropertyToken } from '@charcoal-ui/utils'\n\nexport const borderDirections = ['top', 'right', 'bottom', 'left'] as const\ntype BorderDirection = (typeof borderDirections)[number]\n\nexport const createBorderCss = <T extends CharcoalAbstractTheme>(\n variant: keyof T['border'],\n directions: readonly BorderDirection[]\n): Internal => {\n const all = directions.length === 0\n\n const value = `solid 1px ${variable(\n customPropertyToken(withPrefixes('border', variant.toString()))\n )}`\n\n return createInternal({\n toCSS() {\n return {\n ...(all\n ? { border: value }\n : directions.reduce<CSSObject>(\n (acc, direction) => ({\n ...acc,\n [`border-${direction}`]: value,\n }),\n {}\n )),\n }\n },\n })\n}\n\nexport default function border<T extends CharcoalAbstractTheme>(theme: T) {\n const borderTypes = keyof<T['border']>(theme.border)\n\n const borderObject = defineConstantProperties(\n {},\n {\n border: defineProperties({}, borderTypes, (variant) =>\n definePropertyChains(borderDirections, (modifiers) =>\n createBorderCss(variant, modifiers)\n )\n ),\n }\n )\n return borderObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { px } from '@charcoal-ui/utils'\nimport { Internal, createInternal } from '../internals'\nimport { defineConstantProperties } from '../factories/lib'\n\nexport const createBorderRadiusCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (size: keyof T['borderRadius']): Internal => {\n return createInternal({\n toCSS() {\n return {\n borderRadius: px(theme.borderRadius[size]),\n }\n },\n })\n }\n\nexport default function borderRadius<T extends CharcoalAbstractTheme>(\n theme: T\n) {\n // 角丸\n const borderRadiusCss = createBorderRadiusCss(theme)\n const borderRadiusObject = defineConstantProperties(\n {},\n {\n borderRadius: (radius: keyof T['borderRadius']) =>\n borderRadiusCss(radius),\n }\n )\n\n return borderRadiusObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport {\n applyEffect,\n applyEffectToGradient,\n customPropertyToken,\n dur,\n gradient,\n GradientDirection,\n} from '@charcoal-ui/utils'\nimport { CSSObject } from 'styled-components'\nimport warning from 'warning'\nimport {\n keyof,\n objectAssign,\n isSupportedEffect,\n onEffectPseudo,\n variable,\n} from '../util'\nimport {\n createInternal,\n Internal,\n Context,\n shouldCancelHalfLeading,\n} from '../internals'\nimport {\n defineConstantProperties,\n defineProperties,\n definePropertyChains,\n} from '../factories/lib'\nimport { TRANSITION_DURATION } from './transition'\n\nconst colorProperties = ['bg', 'font'] as const\nexport type ColorProperty = (typeof colorProperties)[number]\n\nfunction targetProperty(target: ColorProperty) {\n return target === 'bg' ? 'background-color' : 'color'\n}\n\nexport const createColorCss =\n <T extends CharcoalAbstractTheme>(_theme: T) =>\n (\n target: ColorProperty,\n color: keyof T['color'],\n effects: readonly (keyof T['effect'])[] = []\n ): Internal => {\n function toCSS() {\n return {\n [targetProperty(target)]: variable(\n customPropertyToken(color.toString())\n ),\n ...effects.filter(isSupportedEffect).reduce<CSSObject>(\n (acc, effect) => ({\n ...acc,\n ...onEffectPseudo(effect, {\n [targetProperty(target)]: variable(\n customPropertyToken(color.toString(), [effect])\n ),\n }),\n }),\n {}\n ),\n }\n }\n\n return createInternal({\n toCSS,\n context:\n effects.length > 0\n ? target === 'font'\n ? {\n colorTransition: true,\n }\n : {\n backgroundColorTransition: true,\n }\n : {},\n })\n }\n\nexport const createGradientColorCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (\n color: keyof T['gradientColor'],\n effects: readonly (keyof T['effect'])[] = [],\n direction: GradientDirection\n ): Internal => {\n const toLinearGradient = gradient(direction)\n\n function toCSS(context: Context): CSSObject {\n const optimized = !shouldCancelHalfLeading(context)\n const duration = dur(TRANSITION_DURATION)\n\n if (optimized && effects.length > 0) {\n return {\n position: 'relative',\n zIndex: 0,\n overflow: 'hidden',\n ...effects.filter(isSupportedEffect).reduce<CSSObject>(\n (acc, effect) => ({\n ...acc,\n '&::before': {\n zIndex: -1,\n ...overlayElement,\n transition: `${duration} background-color`,\n },\n '&::after': {\n zIndex: -2,\n ...overlayElement,\n ...toLinearGradient(theme.gradientColor[color]),\n },\n ...onEffectPseudo(effect, {\n '&::before': {\n backgroundColor: applyEffect(\n null,\n theme.effect[effect] ?? []\n ),\n },\n }),\n }),\n {}\n ),\n }\n }\n\n warning(\n effects.length === 0,\n // eslint-disable-next-line max-len\n `'Transition' will not be applied. You can get around this by specifying 'preserveHalfLeading' or both 'padding' and 'typograpy'.`\n )\n\n return {\n ...toLinearGradient(theme.gradientColor[color]),\n ...effects.filter(isSupportedEffect).reduce<CSSObject>(\n (acc, effect) => ({\n ...acc,\n ...onEffectPseudo(effect, {\n ...toLinearGradient(\n applyEffectToGradient(theme.effect[effect] ?? [])(\n theme.gradientColor[color]\n )\n ),\n }),\n }),\n {}\n ),\n }\n }\n\n return createInternal({ toCSS })\n }\n\nconst overlayElement: CSSObject = {\n content: \"''\",\n display: 'block',\n position: 'absolute',\n width: '100%',\n height: '100%',\n top: 0,\n left: 0,\n}\n\nexport default function colors<T extends CharcoalAbstractTheme>(theme: T) {\n const colors = keyof<T['color']>(theme.color)\n const effects = keyof<T['effect']>(theme.effect)\n\n // 色\n const gradientColors = keyof<T['gradientColor']>(theme.gradientColor)\n const colorCss = createColorCss(theme)\n const gradientColorCss = createGradientColorCss(theme)\n\n const colorObject = defineConstantProperties(\n {},\n {\n bg: objectAssign(\n defineProperties({}, colors, (color) =>\n definePropertyChains(effects, (modifiers) =>\n colorCss('bg', color, modifiers)\n )\n ),\n defineProperties(\n {},\n gradientColors,\n (color) => (direction: GradientDirection) =>\n definePropertyChains(effects, (modifiers) =>\n gradientColorCss(color, modifiers, direction)\n )\n )\n ),\n font: defineProperties({}, colors, (color) =>\n definePropertyChains(effects, (modifiers) =>\n colorCss('font', color, modifiers)\n )\n ),\n }\n )\n\n return colorObject\n}\n","import { dur } from '@charcoal-ui/utils'\nimport { isPresent } from '../util'\nimport { Internal, createInternal, Context } from '../internals'\n\n// TODO: deprecate\nexport const TRANSITION_DURATION = 0.2\n\n/**\n * context の状態を元に transition を追加する。必ず一番最後に呼ぶ\n */\nexport default function transition(_theme: unknown): Internal {\n const duration = dur(TRANSITION_DURATION)\n const transition = (property: string[]) => ({\n transition: property.map((v) => `${duration} ${v}`).join(', '),\n })\n\n function toCSS({\n colorTransition = false,\n backgroundColorTransition = false,\n boxShadowTransition = false,\n }: Context) {\n return transition(\n [\n colorTransition ? 'color' : null,\n backgroundColorTransition ? 'background-color' : null,\n boxShadowTransition ? 'box-shadow' : null,\n ].filter(isPresent)\n )\n }\n\n return createInternal({ toCSS })\n}\n","import { CharcoalAbstractTheme, EffectType } from '@charcoal-ui/theme'\nimport { CSSObject } from 'styled-components'\nimport {\n isSupportedEffect,\n keyof,\n onEffectPseudo,\n ReadonlyArrayConstructor,\n unreachable,\n} from '../util'\nimport { Internal, createInternal } from '../internals'\nimport { definePropertyChains } from '../factories/lib'\n\nexport const createElementEffectCss =\n <\n T extends CharcoalAbstractTheme,\n TElementEffect extends T['elementEffect']\n >(theme: {\n elementEffect: TElementEffect\n }) =>\n (effects: readonly (keyof TElementEffect)[] = []): Internal =>\n createInternal({\n toCSS() {\n return effects.filter(isSupportedEffect).reduce<CSSObject>(\n (acc, effect) => ({\n ...acc,\n ...onEffectPseudo(effect, {\n opacity:\n !(Array as ReadonlyArrayConstructor).isArray(\n theme.elementEffect[effect]\n ) && theme.elementEffect[effect]?.type === 'opacity'\n ? theme.elementEffect[effect]?.opacity\n : unreachable(),\n }),\n }),\n {}\n )\n },\n })\n\nexport default function elementEffect<T extends CharcoalAbstractTheme>(\n theme: T\n) {\n const effectTypes = keyof<T['elementEffect']>(\n theme.elementEffect\n ) as EffectType[]\n\n // 要素へのエフェクト (etc: 透過)\n const elementEffectCss = createElementEffectCss(theme)\n const elementEffectObject = definePropertyChains(effectTypes, (modifiers) =>\n elementEffectCss(modifiers)\n )\n\n return elementEffectObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { px, notDisabledSelector } from '@charcoal-ui/utils'\nimport { CSSObject } from 'styled-components'\nimport { keyof } from '../util'\nimport { Internal, createInternal } from '../internals'\nimport {\n defineConstantProperties,\n defineProperties,\n definePropertyChains,\n} from '../factories/lib'\n\nexport const outlineType = ['focus'] as const\ntype OutlineType = (typeof outlineType)[number]\n\nconst outlineCss = (weight: number, color: string) => ({\n boxShadow: `0 0 0 ${px(weight)} ${color}`,\n})\n\nexport const createOutlineColorCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (\n variant: keyof T['outline'],\n modifiers: readonly OutlineType[]\n ): Internal => {\n const weight = theme.outline[variant].weight\n const color = theme.outline[variant].color\n\n return createInternal({\n toCSS() {\n return modifiers.includes('focus')\n ? onFocus(outlineCss(weight, color))\n : { '&&': { [notDisabledSelector]: outlineCss(weight, color) } }\n },\n context: {\n boxShadowTransition: true,\n },\n })\n }\n\n/**\n * @see https://developer.mozilla.org/ja/docs/Web/CSS/:focus-visible#selectively_showing_the_focus_indicator\n */\nconst onFocus = (css: CSSObject) => ({\n [notDisabledSelector]: {\n '&:focus, &:active': {\n outline: 'none',\n ...css,\n },\n\n '&:focus:not(:focus-visible), &:active:not(:focus-visible)': {\n outline: 'none',\n },\n\n '&:focus-visible': {\n outline: 'none',\n ...css,\n },\n },\n})\n\nexport default function outline<T extends CharcoalAbstractTheme>(theme: T) {\n const outlineCss = createOutlineColorCss(theme)\n\n const outlineObject = defineConstantProperties(\n {},\n {\n outline: defineProperties(\n {},\n keyof<T['outline']>(theme.outline),\n (variant) =>\n definePropertyChains(outlineType, (modifiers) =>\n outlineCss(variant, modifiers)\n )\n ),\n }\n )\n\n return outlineObject\n}\n","import { columnSystem } from '@charcoal-ui/foundation'\nimport { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { px } from '@charcoal-ui/utils'\nimport { Internal, createInternal } from '../internals'\nimport { defineProperties, defineConstantProperties } from '../factories/lib'\n\nexport const fixedProperties = ['width', 'height'] as const\ntype FixedProperty = (typeof fixedProperties)[number]\n\nexport const createFixedPxCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (property: FixedProperty, size: keyof T['spacing'] | 'auto'): Internal =>\n createInternal({\n toCSS() {\n return {\n [property]: size === 'auto' ? 'auto' : px(theme.spacing[size]),\n }\n },\n })\n\nexport const createFixedRelativeCss =\n <T extends CharcoalAbstractTheme>(_theme: T) =>\n (property: FixedProperty, amount: '100%' | 'auto'): Internal =>\n createInternal({\n toCSS() {\n return {\n [property]: amount,\n }\n },\n })\n\nexport const createFixedColumnCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (property: FixedProperty, span: number): Internal =>\n createInternal({\n toCSS() {\n return {\n [property]: px(\n columnSystem(span, theme.grid.unit.column, theme.grid.unit.gutter)\n ),\n }\n },\n })\n\nexport default function size<T extends CharcoalAbstractTheme>(theme: T) {\n const fixedPxCss = createFixedPxCss(theme)\n const fixedColumnCss = createFixedColumnCss(theme)\n const fixedRelativeCss = createFixedRelativeCss(theme)\n const fixedObject = defineProperties({}, fixedProperties, (property) =>\n defineConstantProperties(\n {},\n {\n px: (size: keyof T['spacing'] | 'auto') => fixedPxCss(property, size),\n column: (span: number) => fixedColumnCss(property, span),\n auto: fixedRelativeCss(property, 'auto'),\n full: fixedRelativeCss(property, '100%'),\n }\n )\n )\n return fixedObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { px } from '@charcoal-ui/utils'\nimport { CSSObject } from 'styled-components'\nimport { Internal, createInternal, Context } from '../internals'\nimport { defineProperties, defineMethodChains } from '../factories/lib'\n\nexport const spacingProperties = ['margin', 'padding'] as const\nexport const spacingDirections = [\n 'top',\n 'right',\n 'bottom',\n 'left',\n 'vertical',\n 'horizontal',\n 'all',\n] as const\ntype SpacingProperty = (typeof spacingProperties)[number]\ntype SpacingDirection = (typeof spacingDirections)[number]\n\nfunction spacingProperty(\n property: SpacingProperty,\n direction: 'top' | 'right' | 'bottom' | 'left'\n) {\n return `${property}-${direction}`\n}\n\nexport const createSpacingCss =\n <T extends CharcoalAbstractTheme>(theme: { spacing: T['spacing'] }) =>\n (\n property: SpacingProperty,\n modifiers: readonly [SpacingDirection, keyof T['spacing'] | 'auto'][]\n ): Internal => {\n const { top, right, bottom, left } = modifiers.reduce(\n (acc, [direction, size]) => {\n if (direction === 'all') {\n acc.top = size\n acc.right = size\n acc.bottom = size\n acc.left = size\n } else if (direction === 'vertical') {\n acc.top = size\n acc.bottom = size\n } else if (direction === 'horizontal') {\n acc.right = size\n acc.left = size\n } else {\n acc[direction] = size\n }\n return acc\n },\n {} as Partial<\n Record<'top' | 'right' | 'bottom' | 'left', keyof T['spacing'] | 'auto'>\n >\n )\n\n const hasVerticalPadding =\n property === 'padding' &&\n top !== undefined &&\n bottom !== undefined &&\n top !== 'auto' &&\n bottom !== 'auto'\n\n function toCSS({ cancelHalfLeadingPx = 0 }: Context): CSSObject {\n return {\n ...(top !== undefined && {\n [spacingProperty(property, 'top')]:\n top === 'auto'\n ? 'auto'\n : px(\n theme.spacing[top] +\n (hasVerticalPadding ? cancelHalfLeadingPx : 0)\n ),\n }),\n ...(bottom !== undefined && {\n [spacingProperty(property, 'bottom')]:\n bottom === 'auto'\n ? 'auto'\n : px(\n theme.spacing[bottom] +\n (hasVerticalPadding ? cancelHalfLeadingPx : 0)\n ),\n }),\n ...(right !== undefined && {\n [spacingProperty(property, 'right')]:\n right === 'auto' ? 'auto' : px(theme.spacing[right]),\n }),\n ...(left !== undefined && {\n [spacingProperty(property, 'left')]:\n left === 'auto' ? 'auto' : px(theme.spacing[left]),\n }),\n }\n }\n\n return createInternal({\n toCSS,\n context: hasVerticalPadding ? { hasVerticalPadding: true } : {},\n })\n }\n\nexport default function spacing<T extends CharcoalAbstractTheme>(theme: T) {\n const spacingCss = createSpacingCss(theme)\n const spacingObject = defineProperties(\n {},\n spacingProperties,\n (spacingProperty) =>\n defineMethodChains(\n spacingDirections,\n (modifiers) => spacingCss(spacingProperty, modifiers),\n {} as keyof T['spacing'] | 'auto' // 推論のためのメタタイプ\n )\n )\n return spacingObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { halfLeading, px } from '@charcoal-ui/utils'\nimport { CSSObject } from 'styled-components'\nimport {\n Internal,\n createInternal,\n shouldCancelHalfLeading,\n Context,\n} from '../internals'\nimport { defineProperties, definePropertyChains } from '../factories/lib'\n\nexport const createTypographyCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (\n size: keyof T['typography']['size'],\n options: {\n preserveHalfLeading?: boolean\n monospace?: boolean\n bold?: boolean\n } = {}\n ): Internal => {\n const {\n preserveHalfLeading = false,\n monospace = false,\n bold = false,\n } = options\n const descriptor = theme.typography.size[size]\n const margin = -halfLeading(descriptor)\n\n function toCSS(context: Context): CSSObject {\n return {\n fontSize: px(descriptor.fontSize),\n lineHeight: px(descriptor.lineHeight),\n ...(monospace && {\n fontFamily: 'monospace',\n }),\n ...(bold && {\n fontWeight: 'bold',\n }),\n ...(shouldCancelHalfLeading(context) && {\n // prevent margin collapsing\n display: 'flow-root',\n // cancel half-leading with negative margin\n '&::before': {\n ...leadingCancel,\n marginTop: px(margin),\n },\n '&::after': {\n ...leadingCancel,\n marginBottom: px(margin),\n },\n }),\n }\n }\n\n return createInternal({\n toCSS,\n context: !preserveHalfLeading\n ? {\n cancelHalfLeadingPx: margin,\n }\n : {},\n })\n }\n\nconst leadingCancel: CSSObject = {\n display: 'block',\n width: 0,\n height: 0,\n content: `''`,\n}\n\n// タイポグラフィ\nconst typographyModifiers = [\n // TODO\n 'monospace',\n 'bold',\n 'preserveHalfLeading',\n] as const\n\nexport default function typography<T extends CharcoalAbstractTheme>(theme: T) {\n const typographyCss = createTypographyCss(theme)\n const typographyObject = defineProperties(\n {},\n ['typography'] as const,\n (_) => (size: keyof T['typography']['size']) =>\n definePropertyChains(typographyModifiers, (modifiers) =>\n typographyCss(size, {\n preserveHalfLeading: modifiers.includes('preserveHalfLeading'),\n monospace: modifiers.includes('monospace'),\n bold: modifiers.includes('bold'),\n })\n )\n )\n\n return typographyObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { objectAssign } from '../util'\nimport border from './border'\nimport borderRadius from './borderRadius'\nimport colors from './colors'\nimport elementEffect from './elementEffect'\nimport outline from './outline'\nimport size from './size'\nimport spacing from './spacing'\nimport typography from './typography'\n\n/**\n * `theme(o => [...])` の `o` の部分を構築する\n *\n * @param theme テーマオブジェクト\n */\nexport default function createO<T extends CharcoalAbstractTheme>(\n theme: {\n // factoryの第二引数に入れ込むものだけ明示的に型変数を展開しておくことで型の具象化を遅延する\n color: T['color']\n gradientColor: T['gradientColor']\n border: T['border']\n outline: T['outline']\n } & Omit<T, 'color' | 'gradientColor' | 'border' | 'outline'>\n) {\n return objectAssign(\n colors(theme),\n typography(theme),\n spacing(theme),\n size(theme),\n elementEffect(theme),\n border(theme),\n borderRadius(theme),\n outline(theme)\n )\n}\n","import { createGlobalStyle, css } from 'styled-components'\nimport { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { defineThemeVariables, withPrefixes } from './util'\nimport { mapObject } from '@charcoal-ui/utils'\n\nconst GlobalStyle = createGlobalStyle`\n ${<T extends Theme>({\n themeMap,\n background,\n }: {\n themeMap: ThemeMap<T>\n background?: keyof ThemeMap<T>[string]['color']\n }) =>\n Object.entries(themeMap).map(([key, theme]) =>\n key.startsWith('@media')\n ? css`\n ${key} {\n :root {\n ${background !== undefined &&\n css`\n background-color: ${theme.color[background]};\n `}\n ${defineColorVariableCSS(theme)}\n }\n }\n `\n : css`\n /* stylelint-disable-next-line no-duplicate-selectors */\n ${key} {\n ${background !== undefined &&\n css`\n background-color: ${theme.color[background]};\n `}\n ${defineColorVariableCSS(theme)}\n }\n `\n )}\n`\n\nexport interface ThemeMap<T extends Theme> {\n ':root': T\n [mediaQuery: `@media (${string})`]: T\n [selector: string]: T\n}\n\ntype Theme = Pick<CharcoalAbstractTheme, 'color' | 'effect' | 'border'>\n\nexport default function TokenInjector<T extends Theme>({\n theme: themeMap,\n background,\n}: {\n theme: ThemeMap<T>\n background?: keyof ThemeMap<T>[string]['color']\n}) {\n return <GlobalStyle themeMap={themeMap} background={background} />\n}\n\nconst defineColorVariableCSS = (theme: Theme) => {\n const borders = mapObject(theme.border, (name, { color }) => [\n // REVIEW: もしtheme.colorにたまたまborder-〇〇で始まる色名がいたら被りうる\n withPrefixes('border', name),\n color,\n ])\n\n const colors = defineThemeVariables({ ...theme.color, ...borders })({ theme })\n\n return toCSSVariables(colors)\n}\n\nfunction toCSSVariables(css: Record<string, string | number>) {\n return Object.entries(css)\n .map(([varName, value]) => variableDefinition(varName, value.toString()))\n .join(';')\n}\n\nconst variableDefinition = (prop: string, value: string) => `${prop}: ${value}`\n","import { useEffect, useMemo, useState } from 'react'\n\nexport const LOCAL_STORAGE_KEY = 'charcoal-theme'\nexport const DEFAULT_ROOT_ATTRIBUTE = 'theme'\n\nconst keyStringRegExp = new RegExp(/^(\\w|-)+$/)\n\n/**\n * 文字列が英数字_-のみで構成されているか検証する。不正な文字列ならエラーを投げる\n * @param key 検証するキー\n */\nexport function assertKeyString(key: string) {\n if (!keyStringRegExp.test(key)) {\n throw new Error(`Unexpected key :${key}, expect: /^(\\\\w|-)+$/`)\n }\n}\n\n/**\n * `<html data-theme=\"dark\">` のような設定を行うデフォルトのセッター\n */\nexport const themeSetter =\n (attr: string = DEFAULT_ROOT_ATTRIBUTE) =>\n (theme: string | undefined) => {\n assertKeyString(attr)\n if (theme !== undefined) {\n document.documentElement.dataset[attr] = theme\n } else {\n delete document.documentElement.dataset[attr]\n }\n }\n\n/**\n * `<html data-theme=\"dark\">` にマッチするセレクタを生成する\n */\nexport function themeSelector<\n T extends string,\n S extends string = typeof DEFAULT_ROOT_ATTRIBUTE\n>(theme: T, attr?: S) {\n return `:root[data-${attr ?? DEFAULT_ROOT_ATTRIBUTE}='${theme}']` as const\n}\n\n/**\n * prefers-color-scheme を利用する media クエリを生成する\n */\nexport function prefersColorScheme<T extends 'light' | 'dark'>(theme: T) {\n return `@media (prefers-color-scheme: ${theme})` as const\n}\n\n/**\n * LocalStorageからテーマの情報を取得して、変化時にテーマをセットするhooks\n */\nexport function useThemeSetter({\n key = LOCAL_STORAGE_KEY,\n setter = themeSetter(),\n}: { key?: string; setter?: (theme: string | undefined) => void } = {}) {\n const [theme, , system] = useTheme(key)\n\n useEffect(() => {\n if (theme === undefined) {\n return\n }\n // prefers-color-scheme から値を取っている場合にはcssのみで処理したいのでアンセットする\n setter(system ? undefined : theme)\n }, [setter, system, theme])\n}\n\n/**\n * 同期的にLocalStorageからテーマを取得するヘルパ\n */\nexport function getThemeSync(key: string = LOCAL_STORAGE_KEY) {\n const theme = localStorage.getItem(key)\n return theme\n}\n\n/**\n * LocalStorage, prefers-color-scheme からテーマの情報を取得して、現在のテーマを返すhooks\n *\n * `dark` `light` という名前だけは特別扱いされていて、prefers-color-schemeにマッチした場合に返ります\n */\nexport const useTheme = (key: string = LOCAL_STORAGE_KEY) => {\n assertKeyString(key)\n const isDark = useMedia('(prefers-color-scheme: dark)')\n const media = isDark !== undefined ? (isDark ? 'dark' : 'light') : undefined\n const [local, setTheme, ready] = useLocalStorage<string>(key)\n const theme = !ready || media === undefined ? undefined : local ?? media\n const system = local === undefined\n return [theme, setTheme, system] as const\n}\n\nexport function useLocalStorage<T>(key: string, defaultValue?: () => T) {\n const [ready, setReady] = useState(false)\n const [state, setState] = useState<T>()\n const defaultValueMemo = useMemo(() => defaultValue?.(), [defaultValue])\n\n useEffect(() => {\n fetch()\n window.addEventListener('storage', handleStorage)\n return () => {\n window.removeEventListener('storage', handleStorage)\n }\n })\n\n const handleStorage = (e: StorageEvent) => {\n if (e.storageArea !== localStorage) {\n return\n }\n if (e.key !== key) {\n return\n }\n fetch()\n }\n\n const fetch = () => {\n const raw = localStorage.getItem(key)\n setState((raw !== null ? deserialize(raw) : null) ?? defaultValueMemo)\n setReady(true)\n }\n\n const set = (value: T | undefined) => {\n if (value === undefined) {\n // undefinedがセットされる場合にはkeyごと削除\n localStorage.removeItem(key)\n } else {\n const raw = serialize(value)\n localStorage.setItem(key, raw)\n }\n\n // 同一ウィンドウではstorageイベントが発火しないので、手動で発火させる\n const event = new StorageEvent('storage', {\n bubbles: true,\n cancelable: false,\n key,\n url: location.href,\n storageArea: localStorage,\n })\n dispatchEvent(event)\n }\n\n return [state ?? defaultValueMemo, set, ready] as const\n}\n\nfunction deserialize<T>(raw: string): T {\n try {\n return JSON.parse(raw) as T\n } catch {\n // syntax error はすべて文字列として扱う\n return raw as unknown as T\n }\n}\n\nfunction serialize(value: unknown): string {\n if (typeof value === 'string') {\n return value\n } else {\n return JSON.stringify(value)\n }\n}\n\nexport function useMedia(query: string) {\n const [match, setState] = useState<boolean>()\n\n useEffect(() => {\n const matcher = window.matchMedia(query)\n\n const onChange = () => {\n setState(matcher.matches)\n }\n\n matcher.addEventListener('change', onChange)\n\n setState(matcher.matches)\n\n return () => {\n matcher.removeEventListener('change', onChange)\n }\n }, [query])\n\n return match\n}\n","import {\n assertKeyString,\n DEFAULT_ROOT_ATTRIBUTE,\n LOCAL_STORAGE_KEY,\n} from './helper'\n\ninterface Props {\n localStorageKey: string\n rootAttribute: string\n}\n\n/**\n * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するコードを取得する\n * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト\n * @returns ソースコードの文字列\n */\nexport function makeSetThemeScriptCode({\n localStorageKey = defaultProps.localStorageKey,\n rootAttribute = defaultProps.rootAttribute,\n}: Partial<Props> = defaultProps) {\n assertKeyString(localStorageKey)\n assertKeyString(rootAttribute)\n return `'use strict';\n(function () {\n var localStorageKey = '${localStorageKey}'\n var rootAttribute = '${rootAttribute}'\n var currentTheme = localStorage.getItem(localStorageKey);\n if (currentTheme) {\n document.documentElement.dataset[rootAttribute] = currentTheme;\n }\n})();\n`\n}\n\n/**\n * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するスクリプトタグ\n * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト\n * @returns\n */\nexport function SetThemeScript(props: Props) {\n const src = makeSetThemeScriptCode(props)\n return (\n <script\n dangerouslySetInnerHTML={{\n __html: src,\n }}\n />\n )\n}\n\nconst defaultProps: Props = {\n localStorageKey: LOCAL_STORAGE_KEY,\n rootAttribute: DEFAULT_ROOT_ATTRIBUTE,\n}\n\nSetThemeScript.defaultProps = defaultProps\n"],"mappings":"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","names":["colors","css","import_utils","import_utils","size","import_utils","import_utils","transition","warning","colors","import_utils","css","outlineCss","import_utils","size","import_utils","size","spacingProperty","import_utils","size","import_utils","colors","css","import_jsx_runtime","theme"]}
package/dist/index.d.ts CHANGED
@@ -27,72 +27,72 @@ export declare function createTheme<T extends CharcoalAbstractTheme>(_styled?: T
27
27
  gradientColor: T["gradientColor"];
28
28
  border: T["border"];
29
29
  outline: T["outline"];
30
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["color"] & string]: import("./factories/lib").PropertyChain<Internal, keyof ({
30
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["color"] & string]: import("./factories/lib").PropertyChain<Internal, keyof ({
31
31
  color: T["color"];
32
32
  gradientColor: T["gradientColor"];
33
33
  border: T["border"];
34
34
  outline: T["outline"];
35
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["effect"] & string>; } & { readonly [key_1 in keyof ({
35
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["effect"] & string>; } & { readonly [key_1 in keyof ({
36
36
  color: T["color"];
37
37
  gradientColor: T["gradientColor"];
38
38
  border: T["border"];
39
39
  outline: T["outline"];
40
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["gradientColor"] & string]: (direction: "to top" | "to bottom" | "to left" | "to right") => import("./factories/lib").PropertyChain<Internal, keyof ({
40
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["gradientColor"] & string]: (direction: "to top" | "to bottom" | "to left" | "to right") => import("./factories/lib").PropertyChain<Internal, keyof ({
41
41
  color: T["color"];
42
42
  gradientColor: T["gradientColor"];
43
43
  border: T["border"];
44
44
  outline: T["outline"];
45
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["effect"] & string>; };
45
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["effect"] & string>; };
46
46
  font: { readonly [key in keyof ({
47
47
  color: T["color"];
48
48
  gradientColor: T["gradientColor"];
49
49
  border: T["border"];
50
50
  outline: T["outline"];
51
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["color"] & string]: import("./factories/lib").PropertyChain<Internal, keyof ({
51
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["color"] & string]: import("./factories/lib").PropertyChain<Internal, keyof ({
52
52
  color: T["color"];
53
53
  gradientColor: T["gradientColor"];
54
54
  border: T["border"];
55
55
  outline: T["outline"];
56
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["effect"] & string>; };
56
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["effect"] & string>; };
57
57
  }> & {
58
58
  readonly typography: (size: keyof ({
59
59
  color: T["color"];
60
60
  gradientColor: T["gradientColor"];
61
61
  border: T["border"];
62
62
  outline: T["outline"];
63
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["typography"]["size"]) => import("./factories/lib").PropertyChain<Internal, "bold" | "monospace" | "preserveHalfLeading">;
63
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["typography"]["size"]) => import("./factories/lib").PropertyChain<Internal, "bold" | "monospace" | "preserveHalfLeading">;
64
64
  } & {
65
- readonly margin: import("./factories/lib").MethodChain<Internal, "bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", ["auto" | keyof ({
65
+ readonly margin: import("./factories/lib").MethodChain<Internal, "top" | "right" | "bottom" | "left" | "vertical" | "horizontal" | "all", ["auto" | keyof ({
66
66
  color: T["color"];
67
67
  gradientColor: T["gradientColor"];
68
68
  border: T["border"];
69
69
  outline: T["outline"];
70
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]]>;
71
- readonly padding: import("./factories/lib").MethodChain<Internal, "bottom" | "left" | "right" | "top" | "all" | "horizontal" | "vertical", ["auto" | keyof ({
70
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]]>;
71
+ readonly padding: import("./factories/lib").MethodChain<Internal, "top" | "right" | "bottom" | "left" | "vertical" | "horizontal" | "all", ["auto" | keyof ({
72
72
  color: T["color"];
73
73
  gradientColor: T["gradientColor"];
74
74
  border: T["border"];
75
75
  outline: T["outline"];
76
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]]>;
76
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]]>;
77
77
  } & {
78
- readonly height: Readonly<{
78
+ readonly width: Readonly<{
79
79
  px: (size: "auto" | keyof ({
80
80
  color: T["color"];
81
81
  gradientColor: T["gradientColor"];
82
82
  border: T["border"];
83
83
  outline: T["outline"];
84
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]) => Internal;
84
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]) => Internal;
85
85
  column: (span: number) => Internal;
86
86
  auto: Internal;
87
87
  full: Internal;
88
88
  }>;
89
- readonly width: Readonly<{
89
+ readonly height: Readonly<{
90
90
  px: (size: "auto" | keyof ({
91
91
  color: T["color"];
92
92
  gradientColor: T["gradientColor"];
93
93
  border: T["border"];
94
94
  outline: T["outline"];
95
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["spacing"]) => Internal;
95
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["spacing"]) => Internal;
96
96
  column: (span: number) => Internal;
97
97
  auto: Internal;
98
98
  full: Internal;
@@ -107,21 +107,21 @@ export declare function createTheme<T extends CharcoalAbstractTheme>(_styled?: T
107
107
  gradientColor: T["gradientColor"];
108
108
  border: T["border"];
109
109
  outline: T["outline"];
110
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["border"] & string]: import("./factories/lib").PropertyChain<Internal, "bottom" | "left" | "right" | "top">; };
110
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["border"] & string]: import("./factories/lib").PropertyChain<Internal, "top" | "right" | "bottom" | "left">; };
111
111
  }> & Readonly<{
112
112
  borderRadius: (radius: keyof ({
113
113
  color: T["color"];
114
114
  gradientColor: T["gradientColor"];
115
115
  border: T["border"];
116
116
  outline: T["outline"];
117
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["borderRadius"]) => Internal;
117
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["borderRadius"]) => Internal;
118
118
  }> & Readonly<{
119
119
  outline: { readonly [key_3 in keyof ({
120
120
  color: T["color"];
121
121
  gradientColor: T["gradientColor"];
122
122
  border: T["border"];
123
123
  outline: T["outline"];
124
- } & Omit<T, "color" | "border" | "outline" | "gradientColor">)["outline"] & string]: import("./factories/lib").PropertyChain<Internal, "focus">; };
124
+ } & Omit<T, "color" | "gradientColor" | "border" | "outline">)["outline"] & string]: import("./factories/lib").PropertyChain<Internal, "focus">; };
125
125
  }>) => ArrayOrSingle<Internal | Blank>) => ThemeProp<T>;
126
126
  export type ThemeProp<T> = ({ theme, }: {
127
127
  theme: T | undefined;
package/dist/index.esm.js CHANGED
@@ -655,9 +655,9 @@ function createO(theme) {
655
655
  }
656
656
 
657
657
  // src/TokenInjector.tsx
658
- import React from "react";
659
658
  import { createGlobalStyle, css } from "styled-components";
660
659
  import { mapObject } from "@charcoal-ui/utils";
660
+ import { jsx } from "react/jsx-runtime";
661
661
  var GlobalStyle = createGlobalStyle`
662
662
  ${({
663
663
  themeMap,
@@ -687,7 +687,7 @@ function TokenInjector({
687
687
  theme: themeMap,
688
688
  background
689
689
  }) {
690
- return /* @__PURE__ */ React.createElement(GlobalStyle, { themeMap, background });
690
+ return /* @__PURE__ */ jsx(GlobalStyle, { themeMap, background });
691
691
  }
692
692
  var defineColorVariableCSS = (theme) => {
693
693
  const borders = mapObject(theme.border, (name, { color }) => [
@@ -825,7 +825,7 @@ function useMedia(query) {
825
825
  }
826
826
 
827
827
  // src/SetThemeScript.tsx
828
- import React2 from "react";
828
+ import { jsx as jsx2 } from "react/jsx-runtime";
829
829
  function makeSetThemeScriptCode({
830
830
  localStorageKey = defaultProps.localStorageKey,
831
831
  rootAttribute = defaultProps.rootAttribute
@@ -845,7 +845,7 @@ function makeSetThemeScriptCode({
845
845
  }
846
846
  function SetThemeScript(props) {
847
847
  const src = makeSetThemeScriptCode(props);
848
- return /* @__PURE__ */ React2.createElement(
848
+ return /* @__PURE__ */ jsx2(
849
849
  "script",
850
850
  {
851
851
  dangerouslySetInnerHTML: {
package/dist/index.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/util.ts","../src/internals/index.ts","../src/factories/lib.ts","../src/builders/border.ts","../src/builders/borderRadius.ts","../src/builders/colors.ts","../src/builders/transition.ts","../src/builders/elementEffect.ts","../src/builders/outline.ts","../src/builders/size.ts","../src/builders/spacing.ts","../src/builders/typography.ts","../src/builders/o.ts","../src/TokenInjector.tsx","../src/helper.ts","../src/SetThemeScript.tsx","../src/index.ts"],"sourcesContent":["import {\n applyEffect,\n customPropertyToken,\n disabledSelector,\n filterObject,\n flatMapObject,\n notDisabledSelector,\n} from '@charcoal-ui/utils'\nimport { CharcoalAbstractTheme, EffectType, Key } from '@charcoal-ui/theme'\nimport { CSSObject } from 'styled-components'\n\n/**\n * Function used to assert a given code path is unreachable\n */\nexport function unreachable(): never\n/**\n * Function used to assert a given code path is unreachable.\n * Very useful for ensuring switches are exhaustive:\n *\n * ```ts\n * switch (a.type) {\n * case Types.A:\n * case Types.B:\n * break\n * default:\n * unreachable(a) // will cause a build error if there was\n * // a Types.C that was not checked\n * }\n * ```\n *\n * @param value Value to be asserted as unreachable\n */\n// NOTE: Uses separate overloads, _not_ `value?: never`, to not allow `undefined` to be passed\n// eslint-disable-next-line @typescript-eslint/unified-signatures\nexport function unreachable(value: never): never\nexport function unreachable(value?: never): never {\n throw new Error(\n arguments.length === 0\n ? 'unreachable'\n : `unreachable (${JSON.stringify(value)})`\n )\n}\n\n/**\n * Check whether a value is non-null and non-undefined\n *\n * @param value nullable\n */\nexport const isPresent = <T>(value: T): value is NonNullable<T> => value != null\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Head<U> = U extends [infer T, ...any[]] ? T : never\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Tail<U> = U extends [any, any, ...any[]]\n ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ((...args: U) => any) extends (head: any, ...args: infer T) => any\n ? T\n : never\n : never\n// Buggy at ts@4.0.0-dev20200506\n// type Tail<U> = U extends [any, ...infer T] ? T : never\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype RecursiveObjectAssign<T, S extends any[]> = {\n 0: T & Head<S>\n 1: RecursiveObjectAssign<T & Head<S>, Tail<S>>\n}[Tail<S> extends never ? 0 : 1]\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype ObjectAssign<T extends any[]> = RecursiveObjectAssign<\n Record<string, unknown>,\n T\n>\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function objectAssign<T extends any[]>(...sources: T) {\n return Object.assign({}, ...sources) as ObjectAssign<T>\n}\n\n/**\n * Object.keys の返り値の型を厳しめにしてくれるやつ。\n *\n * ジェネリクスは基本的に明示して使うことを推奨。\n *\n * このライブラリでは Theme オブジェクトのジェネリクスを引き回すケースが多く、\n * ジェネリクスを省略するといつのまにか keys の返り値が `string | number | symbol` になりがちなので\n *\n * @param obj - キーを取りたいオブジェクト。ジェネリクスを省略したとき `never[]` のような使えない型が返って欲しい\n */\nexport function keyof<\n // このジェネリクスは必須（書かないと返り値が `never[]` になる ）\n T extends Record<never, unknown>,\n // このジェネリクスは書かなくて良い、obj の内容から推論される（ T と矛盾してはいけない ）\n _ extends T = T\n>(obj: _) {\n return Object.keys(obj) as unknown as (keyof T & string)[]\n}\n\nexport interface ReadonlyArrayConstructor {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n isArray(value: any): value is readonly any[]\n}\n\nexport function extractNonNullKeys<V, K extends keyof V>(obj: {\n [key in K]: V[key]\n}) {\n return Object.entries(obj)\n .filter(([_, v]) => v !== null)\n .map(([k]) => k) as { [key in K]: V[key] extends null ? never : key }[K][]\n}\n\n/**\n * 配列じゃなかったら配列にする\n */\nexport function wrapArray<T>(value: ArrayOrSingle<T>): T[] {\n return Array.isArray(value) ? value : [value]\n}\n\nexport type ArrayOrSingle<T> = T | T[]\n\nexport const noThemeProvider = new Error(\n '`theme` is invalid. `<ThemeProvider>` is not likely mounted.'\n)\n\ntype NonNullableCSSObject = Record<keyof CSSObject, string | number>\n\n/**\n * 子孫要素で使われるカラーテーマの CSS Variables を上書きする\n *\n * @params colorParams - 上書きしたい色の定義（ `theme.color` の一部だけ書けば良い ）\n * @params effectParams - effect の定義を上書きしたい場合は渡す（必須ではない）\n *\n * @example\n * ```tsx\n * const LocalTheme = styled.div`\n * ${defineThemeVariables({ text1: '#ff0000' })}\n * // `text1` is now defined as red\n * ${theme((o) => [o.font.text1])}\n * `\n * ```\n */\nexport function defineThemeVariables(\n colorParams: Partial<CharcoalAbstractTheme['color']>,\n effectParams?: Partial<CharcoalAbstractTheme['effect']>\n) {\n return function toCssObject(props: {\n theme?: Pick<CharcoalAbstractTheme, 'effect'>\n }): NonNullableCSSObject {\n if (!isPresent(props.theme)) {\n throw noThemeProvider\n }\n\n const colors = filterObject(colorParams, isPresent)\n\n // flatMapObject の中で毎回 Object.entries を呼ぶのは無駄なので外で呼ぶ\n const effects = Object.entries({\n ...props.theme.effect,\n ...effectParams,\n })\n\n return flatMapObject(colors, (colorKey, color) => [\n [customPropertyToken(colorKey), color],\n\n ...effects.map<[string, string]>(([effectKey, effect]) => [\n customPropertyToken(colorKey, [effectKey]),\n applyEffect(color, [effect]),\n ]),\n ])\n }\n}\n\nexport function isSupportedEffect(effect: Key): effect is EffectType {\n return ['hover', 'press', 'disabled'].includes(effect as string)\n}\n\nexport const variable = (value: string) => `var(${value})`\n\nexport function onEffectPseudo(effect: EffectType, css: CSSObject) {\n return effect === 'hover'\n ? { '&:hover': { [notDisabledSelector]: css } }\n : effect === 'press'\n ? { '&:active': { [notDisabledSelector]: css } }\n : // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n effect === 'disabled'\n ? { [disabledSelector]: css }\n : unreachable(effect)\n}\n\nexport function withPrefixes(...parts: string[]) {\n return parts.join('-')\n}\n","import { CSSObject } from 'styled-components'\n\nexport interface Context {\n cancelHalfLeadingPx?: number\n hasVerticalPadding?: boolean\n boxShadowTransition?: boolean\n colorTransition?: boolean\n backgroundColorTransition?: boolean\n}\n\n/**\n * 絶対にこれを export してはいけない\n *\n * さもないと `o.bg[internalSym]` みたいな叩き方が可能になってしまう（補完にも意図せず出てしまう）\n */\nconst internalSym: unique symbol = Symbol('internal')\n\n/**\n * CSSObject に変換可能なオブジェクトを作成する\n *\n * 実際に CSSObject に変換するには外部から `__DO_NOT_USE_GET_INTERNAL__` を使わなければならない\n *\n * これ以降メソッドチェーンが続いてもいいし、続かなくても良い\n */\nexport function createInternal({\n toCSS,\n context = {},\n}: {\n toCSS: (context: Context) => CSSObject\n context?: Context\n}): Internal {\n return {\n [internalSym]: {\n toCSS,\n context,\n },\n }\n}\n\nfunction __DO_NOT_USE_ACCESS_PRIVATE_PROPERTY__(internal: Internal) {\n return internal[internalSym]\n}\n\nexport interface Internal {\n [internalSym]: {\n toCSS: (context: Context) => CSSObject\n context: Context\n }\n}\n\n// half-leadingをキャンセルするとき && 垂直方向のpaddingが無い時\n// -> before/afterを入れる\nexport const shouldCancelHalfLeading = ({\n cancelHalfLeadingPx,\n hasVerticalPadding = false,\n}: Context) => cancelHalfLeadingPx !== undefined && !hasVerticalPadding\n\n/**\n * 個別の Internal（ o.〇〇 の返り値 ）が提出した context の中身を1つの context にまとめる\n */\nexport function getContext(internals: Internal[]) {\n return internals.reduce<Context>(\n (context, internal) => ({\n ...context,\n ...__DO_NOT_USE_ACCESS_PRIVATE_PROPERTY__(internal).context,\n }),\n {}\n )\n}\n\n/**\n * 全ユーザー定義からコンテキスト生成し、styled-components 向けに CSSObject を構築\n */\nexport function toCSSObjects(internals: Internal[]): CSSObject[] {\n // 1パス目\n // 全ユーザー定義を舐めて相互に影響し合う定義をチェックし、その結果(コンテキスト)を取得\n const context = getContext(internals)\n\n // 2パス目\n // コンテキストを見ながら最適化されたCSSを構築\n return internals.map((v) =>\n __DO_NOT_USE_ACCESS_PRIVATE_PROPERTY__(v).toCSS(context)\n )\n}\n","import { Key } from '@charcoal-ui/theme'\nimport { unreachable } from '../util'\n\n/**\n * 配列で指定したプロパティを動的に生やす\n *\n * @param source 拡張するオブジェクト\n * @param member オブジェクトに生やすプロパティ一覧\n * @param chain プロパティに格納される値を生成する関数\n *\n * @example\n *\n * const o = factory({}, ['red', 'blue'],\n * color => hex(color)\n * )\n *\n * console.log(o.red) //=> #ff0000\n */\nexport const defineProperties = <\n TSource,\n TMember extends readonly Key[],\n TValue\n>(\n source: TSource,\n member: TMember,\n chain: (key: TMember[number]) => TValue\n) =>\n Object.defineProperties(\n source,\n Object.fromEntries(\n member.map((key) => [\n key,\n { get: () => chain(key), enumerable: true, configurable: true },\n ])\n )\n ) as TSource & { readonly [key in TMember[number]]: TValue }\n\n/**\n * 配列で指定した名前のメソッドを動的に生やす\n *\n * @param source 拡張するオブジェクト\n * @param member オブジェクトに生やすメソッド名一覧\n * @param chain メソッドの戻り値になる値を生成する関数\n *\n * @example\n *\n * const o = defineMethods({}, ['red', 'blue'],\n * (color, alpha: number) => hex(color, alpha)\n * )\n *\n * console.log(o.red(0.5)) //=> #ff000077\n */\nexport const defineMethods = <\n TSource,\n TMember extends readonly string[],\n TValue,\n TArguments extends unknown[]\n>(\n source: TSource,\n member: TMember,\n chain: (key: TMember[number], ...args: TArguments) => TValue\n) =>\n Object.defineProperties(\n source,\n Object.fromEntries(\n member.map((key) => [\n key,\n {\n value: (...args: TArguments) => chain(key, ...args),\n enumerable: true,\n configurable: true,\n },\n ])\n )\n ) as TSource & {\n readonly [key in TMember[number]]: (...args: TArguments) => TValue\n }\n\n/**\n * オブジェクトで指定したプロパティ名と値を動的に生やす\n *\n * @param source 拡張するオブジェクト\n * @param def オブジェクトに生やす定義(プロパティ名と値)\n *\n * @example\n *\n * const o = defineConstantProperties({}, {\n * red: '#f00',\n * blue: '#00f',\n * })\n *\n * console.log(o.red) //=> #f00\n */\nexport const defineConstantProperties = <\n TSource,\n TDef extends { [key: string]: unknown }\n>(\n source: TSource,\n def: TDef\n) =>\n defineProperties(source, Object.keys(def), (key) => def[key]) as TSource &\n Readonly<TDef>\n\n/**\n * 配列で指定したモディファイア(プロパティ)をチェーン可能な再帰オブジェクトを動的に生やす\n *\n * @param modifiers オブジェクトに生やすモディファイヤ一覧\n * @param source 指定されたモディファイヤの一覧から値を生成する関数\n *\n * @example\n *\n * const o = definePropertyChains(['red', 'blue'],\n * modifiers => modifiers.map(color => hex(color)).join(',')\n * )\n *\n * console.log(o.red.blue) => #f00,#00f\n */\nexport const definePropertyChains = <TSource, T extends Key>(\n modifiers: readonly T[],\n source: (applied: readonly T[]) => TSource\n) =>\n (function definePropertiesRecursively(\n applied: readonly T[]\n ): PropertyChain<TSource, T> {\n const notApplied = modifiers.filter((v) => !applied.includes(v))\n return defineProperties(source(applied), notApplied, (modifier) =>\n notApplied.length === 0\n ? unreachable()\n : definePropertiesRecursively([...applied, modifier])\n )\n })([])\n\nexport type PropertyChain<TSource, TModifiers extends Key> = TSource & {\n readonly [key in TModifiers]: PropertyChain<TSource, Exclude<TModifiers, key>>\n}\n\n/**\n * 配列で指定したモディファイア(メソッド)をチェーン可能な再帰オブジェクトを動的に生やす\n *\n * @param modifiers オブジェクトに生やすモディファイヤ一覧\n * @param source 指定されたモディファイヤの一覧から値を生成する関数\n * @param _inferPhantom 関数形式のモディファイヤの引数型を推論するためのメタタイプ(引数の個数に合わせてタプルで指定する)\n *\n * @example\n *\n * const o = defineMethodChains(['red', 'blue'],\n * modifiers => modifiers.map(([color, alpha]) => hex(color, alpha)).join(',')\n * , {} as [number])\n *\n * console.log(o.red(0.5).blue(1)) => #ff000077,#0000ffff\n */\nexport const defineMethodChains = <\n TSource,\n T extends string,\n TArguments extends unknown[]\n>(\n modifiers: readonly T[],\n source: (applied: readonly [T, ...TArguments][]) => TSource,\n ..._inferPhantom: TArguments\n) =>\n (function defineMethodsRecursively(\n applied: readonly [T, ...TArguments][]\n ): MethodChain<TSource, T, TArguments> {\n const notApplied = modifiers.filter(\n (v) => !applied.map(([w]) => w).includes(v)\n )\n return defineMethods(\n source(applied),\n notApplied,\n (modifier, ...args: TArguments) =>\n notApplied.length === 0\n ? unreachable()\n : defineMethodsRecursively([...applied, [modifier, ...args]])\n )\n })([])\n\nexport type MethodChain<\n TSource,\n TModifiers extends string,\n TArguments extends unknown[]\n> = TSource & {\n readonly [key in TModifiers]: (\n ...args: TArguments\n ) => MethodChain<TSource, Exclude<TModifiers, key>, TArguments>\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { CSSObject } from 'styled-components'\nimport { keyof, variable, withPrefixes } from '../util'\nimport { Internal, createInternal } from '../internals'\nimport {\n defineConstantProperties,\n defineProperties,\n definePropertyChains,\n} from '../factories/lib'\nimport { customPropertyToken } from '@charcoal-ui/utils'\n\nexport const borderDirections = ['top', 'right', 'bottom', 'left'] as const\ntype BorderDirection = (typeof borderDirections)[number]\n\nexport const createBorderCss = <T extends CharcoalAbstractTheme>(\n variant: keyof T['border'],\n directions: readonly BorderDirection[]\n): Internal => {\n const all = directions.length === 0\n\n const value = `solid 1px ${variable(\n customPropertyToken(withPrefixes('border', variant.toString()))\n )}`\n\n return createInternal({\n toCSS() {\n return {\n ...(all\n ? { border: value }\n : directions.reduce<CSSObject>(\n (acc, direction) => ({\n ...acc,\n [`border-${direction}`]: value,\n }),\n {}\n )),\n }\n },\n })\n}\n\nexport default function border<T extends CharcoalAbstractTheme>(theme: T) {\n const borderTypes = keyof<T['border']>(theme.border)\n\n const borderObject = defineConstantProperties(\n {},\n {\n border: defineProperties({}, borderTypes, (variant) =>\n definePropertyChains(borderDirections, (modifiers) =>\n createBorderCss(variant, modifiers)\n )\n ),\n }\n )\n return borderObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { px } from '@charcoal-ui/utils'\nimport { Internal, createInternal } from '../internals'\nimport { defineConstantProperties } from '../factories/lib'\n\nexport const createBorderRadiusCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (size: keyof T['borderRadius']): Internal => {\n return createInternal({\n toCSS() {\n return {\n borderRadius: px(theme.borderRadius[size]),\n }\n },\n })\n }\n\nexport default function borderRadius<T extends CharcoalAbstractTheme>(\n theme: T\n) {\n // 角丸\n const borderRadiusCss = createBorderRadiusCss(theme)\n const borderRadiusObject = defineConstantProperties(\n {},\n {\n borderRadius: (radius: keyof T['borderRadius']) =>\n borderRadiusCss(radius),\n }\n )\n\n return borderRadiusObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport {\n applyEffect,\n applyEffectToGradient,\n customPropertyToken,\n dur,\n gradient,\n GradientDirection,\n} from '@charcoal-ui/utils'\nimport { CSSObject } from 'styled-components'\nimport warning from 'warning'\nimport {\n keyof,\n objectAssign,\n isSupportedEffect,\n onEffectPseudo,\n variable,\n} from '../util'\nimport {\n createInternal,\n Internal,\n Context,\n shouldCancelHalfLeading,\n} from '../internals'\nimport {\n defineConstantProperties,\n defineProperties,\n definePropertyChains,\n} from '../factories/lib'\nimport { TRANSITION_DURATION } from './transition'\n\nconst colorProperties = ['bg', 'font'] as const\nexport type ColorProperty = (typeof colorProperties)[number]\n\nfunction targetProperty(target: ColorProperty) {\n return target === 'bg' ? 'background-color' : 'color'\n}\n\nexport const createColorCss =\n <T extends CharcoalAbstractTheme>(_theme: T) =>\n (\n target: ColorProperty,\n color: keyof T['color'],\n effects: readonly (keyof T['effect'])[] = []\n ): Internal => {\n function toCSS() {\n return {\n [targetProperty(target)]: variable(\n customPropertyToken(color.toString())\n ),\n ...effects.filter(isSupportedEffect).reduce<CSSObject>(\n (acc, effect) => ({\n ...acc,\n ...onEffectPseudo(effect, {\n [targetProperty(target)]: variable(\n customPropertyToken(color.toString(), [effect])\n ),\n }),\n }),\n {}\n ),\n }\n }\n\n return createInternal({\n toCSS,\n context:\n effects.length > 0\n ? target === 'font'\n ? {\n colorTransition: true,\n }\n : {\n backgroundColorTransition: true,\n }\n : {},\n })\n }\n\nexport const createGradientColorCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (\n color: keyof T['gradientColor'],\n effects: readonly (keyof T['effect'])[] = [],\n direction: GradientDirection\n ): Internal => {\n const toLinearGradient = gradient(direction)\n\n function toCSS(context: Context): CSSObject {\n const optimized = !shouldCancelHalfLeading(context)\n const duration = dur(TRANSITION_DURATION)\n\n if (optimized && effects.length > 0) {\n return {\n position: 'relative',\n zIndex: 0,\n overflow: 'hidden',\n ...effects.filter(isSupportedEffect).reduce<CSSObject>(\n (acc, effect) => ({\n ...acc,\n '&::before': {\n zIndex: -1,\n ...overlayElement,\n transition: `${duration} background-color`,\n },\n '&::after': {\n zIndex: -2,\n ...overlayElement,\n ...toLinearGradient(theme.gradientColor[color]),\n },\n ...onEffectPseudo(effect, {\n '&::before': {\n backgroundColor: applyEffect(\n null,\n theme.effect[effect] ?? []\n ),\n },\n }),\n }),\n {}\n ),\n }\n }\n\n warning(\n effects.length === 0,\n // eslint-disable-next-line max-len\n `'Transition' will not be applied. You can get around this by specifying 'preserveHalfLeading' or both 'padding' and 'typograpy'.`\n )\n\n return {\n ...toLinearGradient(theme.gradientColor[color]),\n ...effects.filter(isSupportedEffect).reduce<CSSObject>(\n (acc, effect) => ({\n ...acc,\n ...onEffectPseudo(effect, {\n ...toLinearGradient(\n applyEffectToGradient(theme.effect[effect] ?? [])(\n theme.gradientColor[color]\n )\n ),\n }),\n }),\n {}\n ),\n }\n }\n\n return createInternal({ toCSS })\n }\n\nconst overlayElement: CSSObject = {\n content: \"''\",\n display: 'block',\n position: 'absolute',\n width: '100%',\n height: '100%',\n top: 0,\n left: 0,\n}\n\nexport default function colors<T extends CharcoalAbstractTheme>(theme: T) {\n const colors = keyof<T['color']>(theme.color)\n const effects = keyof<T['effect']>(theme.effect)\n\n // 色\n const gradientColors = keyof<T['gradientColor']>(theme.gradientColor)\n const colorCss = createColorCss(theme)\n const gradientColorCss = createGradientColorCss(theme)\n\n const colorObject = defineConstantProperties(\n {},\n {\n bg: objectAssign(\n defineProperties({}, colors, (color) =>\n definePropertyChains(effects, (modifiers) =>\n colorCss('bg', color, modifiers)\n )\n ),\n defineProperties(\n {},\n gradientColors,\n (color) => (direction: GradientDirection) =>\n definePropertyChains(effects, (modifiers) =>\n gradientColorCss(color, modifiers, direction)\n )\n )\n ),\n font: defineProperties({}, colors, (color) =>\n definePropertyChains(effects, (modifiers) =>\n colorCss('font', color, modifiers)\n )\n ),\n }\n )\n\n return colorObject\n}\n","import { dur } from '@charcoal-ui/utils'\nimport { isPresent } from '../util'\nimport { Internal, createInternal, Context } from '../internals'\n\n// TODO: deprecate\nexport const TRANSITION_DURATION = 0.2\n\n/**\n * context の状態を元に transition を追加する。必ず一番最後に呼ぶ\n */\nexport default function transition(_theme: unknown): Internal {\n const duration = dur(TRANSITION_DURATION)\n const transition = (property: string[]) => ({\n transition: property.map((v) => `${duration} ${v}`).join(', '),\n })\n\n function toCSS({\n colorTransition = false,\n backgroundColorTransition = false,\n boxShadowTransition = false,\n }: Context) {\n return transition(\n [\n colorTransition ? 'color' : null,\n backgroundColorTransition ? 'background-color' : null,\n boxShadowTransition ? 'box-shadow' : null,\n ].filter(isPresent)\n )\n }\n\n return createInternal({ toCSS })\n}\n","import { CharcoalAbstractTheme, EffectType } from '@charcoal-ui/theme'\nimport { CSSObject } from 'styled-components'\nimport {\n isSupportedEffect,\n keyof,\n onEffectPseudo,\n ReadonlyArrayConstructor,\n unreachable,\n} from '../util'\nimport { Internal, createInternal } from '../internals'\nimport { definePropertyChains } from '../factories/lib'\n\nexport const createElementEffectCss =\n <\n T extends CharcoalAbstractTheme,\n TElementEffect extends T['elementEffect']\n >(theme: {\n elementEffect: TElementEffect\n }) =>\n (effects: readonly (keyof TElementEffect)[] = []): Internal =>\n createInternal({\n toCSS() {\n return effects.filter(isSupportedEffect).reduce<CSSObject>(\n (acc, effect) => ({\n ...acc,\n ...onEffectPseudo(effect, {\n opacity:\n !(Array as ReadonlyArrayConstructor).isArray(\n theme.elementEffect[effect]\n ) && theme.elementEffect[effect]?.type === 'opacity'\n ? theme.elementEffect[effect]?.opacity\n : unreachable(),\n }),\n }),\n {}\n )\n },\n })\n\nexport default function elementEffect<T extends CharcoalAbstractTheme>(\n theme: T\n) {\n const effectTypes = keyof<T['elementEffect']>(\n theme.elementEffect\n ) as EffectType[]\n\n // 要素へのエフェクト (etc: 透過)\n const elementEffectCss = createElementEffectCss(theme)\n const elementEffectObject = definePropertyChains(effectTypes, (modifiers) =>\n elementEffectCss(modifiers)\n )\n\n return elementEffectObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { px, notDisabledSelector } from '@charcoal-ui/utils'\nimport { CSSObject } from 'styled-components'\nimport { keyof } from '../util'\nimport { Internal, createInternal } from '../internals'\nimport {\n defineConstantProperties,\n defineProperties,\n definePropertyChains,\n} from '../factories/lib'\n\nexport const outlineType = ['focus'] as const\ntype OutlineType = (typeof outlineType)[number]\n\nconst outlineCss = (weight: number, color: string) => ({\n boxShadow: `0 0 0 ${px(weight)} ${color}`,\n})\n\nexport const createOutlineColorCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (\n variant: keyof T['outline'],\n modifiers: readonly OutlineType[]\n ): Internal => {\n const weight = theme.outline[variant].weight\n const color = theme.outline[variant].color\n\n return createInternal({\n toCSS() {\n return modifiers.includes('focus')\n ? onFocus(outlineCss(weight, color))\n : { '&&': { [notDisabledSelector]: outlineCss(weight, color) } }\n },\n context: {\n boxShadowTransition: true,\n },\n })\n }\n\n/**\n * @see https://developer.mozilla.org/ja/docs/Web/CSS/:focus-visible#selectively_showing_the_focus_indicator\n */\nconst onFocus = (css: CSSObject) => ({\n [notDisabledSelector]: {\n '&:focus, &:active': {\n outline: 'none',\n ...css,\n },\n\n '&:focus:not(:focus-visible), &:active:not(:focus-visible)': {\n outline: 'none',\n },\n\n '&:focus-visible': {\n outline: 'none',\n ...css,\n },\n },\n})\n\nexport default function outline<T extends CharcoalAbstractTheme>(theme: T) {\n const outlineCss = createOutlineColorCss(theme)\n\n const outlineObject = defineConstantProperties(\n {},\n {\n outline: defineProperties(\n {},\n keyof<T['outline']>(theme.outline),\n (variant) =>\n definePropertyChains(outlineType, (modifiers) =>\n outlineCss(variant, modifiers)\n )\n ),\n }\n )\n\n return outlineObject\n}\n","import { columnSystem } from '@charcoal-ui/foundation'\nimport { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { px } from '@charcoal-ui/utils'\nimport { Internal, createInternal } from '../internals'\nimport { defineProperties, defineConstantProperties } from '../factories/lib'\n\nexport const fixedProperties = ['width', 'height'] as const\ntype FixedProperty = (typeof fixedProperties)[number]\n\nexport const createFixedPxCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (property: FixedProperty, size: keyof T['spacing'] | 'auto'): Internal =>\n createInternal({\n toCSS() {\n return {\n [property]: size === 'auto' ? 'auto' : px(theme.spacing[size]),\n }\n },\n })\n\nexport const createFixedRelativeCss =\n <T extends CharcoalAbstractTheme>(_theme: T) =>\n (property: FixedProperty, amount: '100%' | 'auto'): Internal =>\n createInternal({\n toCSS() {\n return {\n [property]: amount,\n }\n },\n })\n\nexport const createFixedColumnCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (property: FixedProperty, span: number): Internal =>\n createInternal({\n toCSS() {\n return {\n [property]: px(\n columnSystem(span, theme.grid.unit.column, theme.grid.unit.gutter)\n ),\n }\n },\n })\n\nexport default function size<T extends CharcoalAbstractTheme>(theme: T) {\n const fixedPxCss = createFixedPxCss(theme)\n const fixedColumnCss = createFixedColumnCss(theme)\n const fixedRelativeCss = createFixedRelativeCss(theme)\n const fixedObject = defineProperties({}, fixedProperties, (property) =>\n defineConstantProperties(\n {},\n {\n px: (size: keyof T['spacing'] | 'auto') => fixedPxCss(property, size),\n column: (span: number) => fixedColumnCss(property, span),\n auto: fixedRelativeCss(property, 'auto'),\n full: fixedRelativeCss(property, '100%'),\n }\n )\n )\n return fixedObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { px } from '@charcoal-ui/utils'\nimport { CSSObject } from 'styled-components'\nimport { Internal, createInternal, Context } from '../internals'\nimport { defineProperties, defineMethodChains } from '../factories/lib'\n\nexport const spacingProperties = ['margin', 'padding'] as const\nexport const spacingDirections = [\n 'top',\n 'right',\n 'bottom',\n 'left',\n 'vertical',\n 'horizontal',\n 'all',\n] as const\ntype SpacingProperty = (typeof spacingProperties)[number]\ntype SpacingDirection = (typeof spacingDirections)[number]\n\nfunction spacingProperty(\n property: SpacingProperty,\n direction: 'top' | 'right' | 'bottom' | 'left'\n) {\n return `${property}-${direction}`\n}\n\nexport const createSpacingCss =\n <T extends CharcoalAbstractTheme>(theme: { spacing: T['spacing'] }) =>\n (\n property: SpacingProperty,\n modifiers: readonly [SpacingDirection, keyof T['spacing'] | 'auto'][]\n ): Internal => {\n const { top, right, bottom, left } = modifiers.reduce(\n (acc, [direction, size]) => {\n if (direction === 'all') {\n acc.top = size\n acc.right = size\n acc.bottom = size\n acc.left = size\n } else if (direction === 'vertical') {\n acc.top = size\n acc.bottom = size\n } else if (direction === 'horizontal') {\n acc.right = size\n acc.left = size\n } else {\n acc[direction] = size\n }\n return acc\n },\n {} as Partial<\n Record<'top' | 'right' | 'bottom' | 'left', keyof T['spacing'] | 'auto'>\n >\n )\n\n const hasVerticalPadding =\n property === 'padding' &&\n top !== undefined &&\n bottom !== undefined &&\n top !== 'auto' &&\n bottom !== 'auto'\n\n function toCSS({ cancelHalfLeadingPx = 0 }: Context): CSSObject {\n return {\n ...(top !== undefined && {\n [spacingProperty(property, 'top')]:\n top === 'auto'\n ? 'auto'\n : px(\n theme.spacing[top] +\n (hasVerticalPadding ? cancelHalfLeadingPx : 0)\n ),\n }),\n ...(bottom !== undefined && {\n [spacingProperty(property, 'bottom')]:\n bottom === 'auto'\n ? 'auto'\n : px(\n theme.spacing[bottom] +\n (hasVerticalPadding ? cancelHalfLeadingPx : 0)\n ),\n }),\n ...(right !== undefined && {\n [spacingProperty(property, 'right')]:\n right === 'auto' ? 'auto' : px(theme.spacing[right]),\n }),\n ...(left !== undefined && {\n [spacingProperty(property, 'left')]:\n left === 'auto' ? 'auto' : px(theme.spacing[left]),\n }),\n }\n }\n\n return createInternal({\n toCSS,\n context: hasVerticalPadding ? { hasVerticalPadding: true } : {},\n })\n }\n\nexport default function spacing<T extends CharcoalAbstractTheme>(theme: T) {\n const spacingCss = createSpacingCss(theme)\n const spacingObject = defineProperties(\n {},\n spacingProperties,\n (spacingProperty) =>\n defineMethodChains(\n spacingDirections,\n (modifiers) => spacingCss(spacingProperty, modifiers),\n {} as keyof T['spacing'] | 'auto' // 推論のためのメタタイプ\n )\n )\n return spacingObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { halfLeading, px } from '@charcoal-ui/utils'\nimport { CSSObject } from 'styled-components'\nimport {\n Internal,\n createInternal,\n shouldCancelHalfLeading,\n Context,\n} from '../internals'\nimport { defineProperties, definePropertyChains } from '../factories/lib'\n\nexport const createTypographyCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (\n size: keyof T['typography']['size'],\n options: {\n preserveHalfLeading?: boolean\n monospace?: boolean\n bold?: boolean\n } = {}\n ): Internal => {\n const {\n preserveHalfLeading = false,\n monospace = false,\n bold = false,\n } = options\n const descriptor = theme.typography.size[size]\n const margin = -halfLeading(descriptor)\n\n function toCSS(context: Context): CSSObject {\n return {\n fontSize: px(descriptor.fontSize),\n lineHeight: px(descriptor.lineHeight),\n ...(monospace && {\n fontFamily: 'monospace',\n }),\n ...(bold && {\n fontWeight: 'bold',\n }),\n ...(shouldCancelHalfLeading(context) && {\n // prevent margin collapsing\n display: 'flow-root',\n // cancel half-leading with negative margin\n '&::before': {\n ...leadingCancel,\n marginTop: px(margin),\n },\n '&::after': {\n ...leadingCancel,\n marginBottom: px(margin),\n },\n }),\n }\n }\n\n return createInternal({\n toCSS,\n context: !preserveHalfLeading\n ? {\n cancelHalfLeadingPx: margin,\n }\n : {},\n })\n }\n\nconst leadingCancel: CSSObject = {\n display: 'block',\n width: 0,\n height: 0,\n content: `''`,\n}\n\n// タイポグラフィ\nconst typographyModifiers = [\n // TODO\n 'monospace',\n 'bold',\n 'preserveHalfLeading',\n] as const\n\nexport default function typography<T extends CharcoalAbstractTheme>(theme: T) {\n const typographyCss = createTypographyCss(theme)\n const typographyObject = defineProperties(\n {},\n ['typography'] as const,\n (_) => (size: keyof T['typography']['size']) =>\n definePropertyChains(typographyModifiers, (modifiers) =>\n typographyCss(size, {\n preserveHalfLeading: modifiers.includes('preserveHalfLeading'),\n monospace: modifiers.includes('monospace'),\n bold: modifiers.includes('bold'),\n })\n )\n )\n\n return typographyObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { objectAssign } from '../util'\nimport border from './border'\nimport borderRadius from './borderRadius'\nimport colors from './colors'\nimport elementEffect from './elementEffect'\nimport outline from './outline'\nimport size from './size'\nimport spacing from './spacing'\nimport typography from './typography'\n\n/**\n * `theme(o => [...])` の `o` の部分を構築する\n *\n * @param theme テーマオブジェクト\n */\nexport default function createO<T extends CharcoalAbstractTheme>(\n theme: {\n // factoryの第二引数に入れ込むものだけ明示的に型変数を展開しておくことで型の具象化を遅延する\n color: T['color']\n gradientColor: T['gradientColor']\n border: T['border']\n outline: T['outline']\n } & Omit<T, 'color' | 'gradientColor' | 'border' | 'outline'>\n) {\n return objectAssign(\n colors(theme),\n typography(theme),\n spacing(theme),\n size(theme),\n elementEffect(theme),\n border(theme),\n borderRadius(theme),\n outline(theme)\n )\n}\n","import React from 'react'\nimport { createGlobalStyle, css } from 'styled-components'\nimport { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { defineThemeVariables, withPrefixes } from './util'\nimport { mapObject } from '@charcoal-ui/utils'\n\nconst GlobalStyle = createGlobalStyle`\n ${<T extends Theme>({\n themeMap,\n background,\n }: {\n themeMap: ThemeMap<T>\n background?: keyof ThemeMap<T>[string]['color']\n }) =>\n Object.entries(themeMap).map(([key, theme]) =>\n key.startsWith('@media')\n ? css`\n ${key} {\n :root {\n ${background !== undefined &&\n css`\n background-color: ${theme.color[background]};\n `}\n ${defineColorVariableCSS(theme)}\n }\n }\n `\n : css`\n /* stylelint-disable-next-line no-duplicate-selectors */\n ${key} {\n ${background !== undefined &&\n css`\n background-color: ${theme.color[background]};\n `}\n ${defineColorVariableCSS(theme)}\n }\n `\n )}\n`\n\nexport interface ThemeMap<T extends Theme> {\n ':root': T\n [mediaQuery: `@media (${string})`]: T\n [selector: string]: T\n}\n\ntype Theme = Pick<CharcoalAbstractTheme, 'color' | 'effect' | 'border'>\n\nexport default function TokenInjector<T extends Theme>({\n theme: themeMap,\n background,\n}: {\n theme: ThemeMap<T>\n background?: keyof ThemeMap<T>[string]['color']\n}) {\n return <GlobalStyle themeMap={themeMap} background={background} />\n}\n\nconst defineColorVariableCSS = (theme: Theme) => {\n const borders = mapObject(theme.border, (name, { color }) => [\n // REVIEW: もしtheme.colorにたまたまborder-〇〇で始まる色名がいたら被りうる\n withPrefixes('border', name),\n color,\n ])\n\n const colors = defineThemeVariables({ ...theme.color, ...borders })({ theme })\n\n return toCSSVariables(colors)\n}\n\nfunction toCSSVariables(css: Record<string, string | number>) {\n return Object.entries(css)\n .map(([varName, value]) => variableDefinition(varName, value.toString()))\n .join(';')\n}\n\nconst variableDefinition = (prop: string, value: string) => `${prop}: ${value}`\n","import { useEffect, useMemo, useState } from 'react'\n\nexport const LOCAL_STORAGE_KEY = 'charcoal-theme'\nexport const DEFAULT_ROOT_ATTRIBUTE = 'theme'\n\nconst keyStringRegExp = new RegExp(/^(\\w|-)+$/)\n\n/**\n * 文字列が英数字_-のみで構成されているか検証する。不正な文字列ならエラーを投げる\n * @param key 検証するキー\n */\nexport function assertKeyString(key: string) {\n if (!keyStringRegExp.test(key)) {\n throw new Error(`Unexpected key :${key}, expect: /^(\\\\w|-)+$/`)\n }\n}\n\n/**\n * `<html data-theme=\"dark\">` のような設定を行うデフォルトのセッター\n */\nexport const themeSetter =\n (attr: string = DEFAULT_ROOT_ATTRIBUTE) =>\n (theme: string | undefined) => {\n assertKeyString(attr)\n if (theme !== undefined) {\n document.documentElement.dataset[attr] = theme\n } else {\n delete document.documentElement.dataset[attr]\n }\n }\n\n/**\n * `<html data-theme=\"dark\">` にマッチするセレクタを生成する\n */\nexport function themeSelector<\n T extends string,\n S extends string = typeof DEFAULT_ROOT_ATTRIBUTE\n>(theme: T, attr?: S) {\n return `:root[data-${attr ?? DEFAULT_ROOT_ATTRIBUTE}='${theme}']` as const\n}\n\n/**\n * prefers-color-scheme を利用する media クエリを生成する\n */\nexport function prefersColorScheme<T extends 'light' | 'dark'>(theme: T) {\n return `@media (prefers-color-scheme: ${theme})` as const\n}\n\n/**\n * LocalStorageからテーマの情報を取得して、変化時にテーマをセットするhooks\n */\nexport function useThemeSetter({\n key = LOCAL_STORAGE_KEY,\n setter = themeSetter(),\n}: { key?: string; setter?: (theme: string | undefined) => void } = {}) {\n const [theme, , system] = useTheme(key)\n\n useEffect(() => {\n if (theme === undefined) {\n return\n }\n // prefers-color-scheme から値を取っている場合にはcssのみで処理したいのでアンセットする\n setter(system ? undefined : theme)\n }, [setter, system, theme])\n}\n\n/**\n * 同期的にLocalStorageからテーマを取得するヘルパ\n */\nexport function getThemeSync(key: string = LOCAL_STORAGE_KEY) {\n const theme = localStorage.getItem(key)\n return theme\n}\n\n/**\n * LocalStorage, prefers-color-scheme からテーマの情報を取得して、現在のテーマを返すhooks\n *\n * `dark` `light` という名前だけは特別扱いされていて、prefers-color-schemeにマッチした場合に返ります\n */\nexport const useTheme = (key: string = LOCAL_STORAGE_KEY) => {\n assertKeyString(key)\n const isDark = useMedia('(prefers-color-scheme: dark)')\n const media = isDark !== undefined ? (isDark ? 'dark' : 'light') : undefined\n const [local, setTheme, ready] = useLocalStorage<string>(key)\n const theme = !ready || media === undefined ? undefined : local ?? media\n const system = local === undefined\n return [theme, setTheme, system] as const\n}\n\nexport function useLocalStorage<T>(key: string, defaultValue?: () => T) {\n const [ready, setReady] = useState(false)\n const [state, setState] = useState<T>()\n const defaultValueMemo = useMemo(() => defaultValue?.(), [defaultValue])\n\n useEffect(() => {\n fetch()\n window.addEventListener('storage', handleStorage)\n return () => {\n window.removeEventListener('storage', handleStorage)\n }\n })\n\n const handleStorage = (e: StorageEvent) => {\n if (e.storageArea !== localStorage) {\n return\n }\n if (e.key !== key) {\n return\n }\n fetch()\n }\n\n const fetch = () => {\n const raw = localStorage.getItem(key)\n setState((raw !== null ? deserialize(raw) : null) ?? defaultValueMemo)\n setReady(true)\n }\n\n const set = (value: T | undefined) => {\n if (value === undefined) {\n // undefinedがセットされる場合にはkeyごと削除\n localStorage.removeItem(key)\n } else {\n const raw = serialize(value)\n localStorage.setItem(key, raw)\n }\n\n // 同一ウィンドウではstorageイベントが発火しないので、手動で発火させる\n const event = new StorageEvent('storage', {\n bubbles: true,\n cancelable: false,\n key,\n url: location.href,\n storageArea: localStorage,\n })\n dispatchEvent(event)\n }\n\n return [state ?? defaultValueMemo, set, ready] as const\n}\n\nfunction deserialize<T>(raw: string): T {\n try {\n return JSON.parse(raw) as T\n } catch {\n // syntax error はすべて文字列として扱う\n return raw as unknown as T\n }\n}\n\nfunction serialize(value: unknown): string {\n if (typeof value === 'string') {\n return value\n } else {\n return JSON.stringify(value)\n }\n}\n\nexport function useMedia(query: string) {\n const [match, setState] = useState<boolean>()\n\n useEffect(() => {\n const matcher = window.matchMedia(query)\n\n const onChange = () => {\n setState(matcher.matches)\n }\n\n matcher.addEventListener('change', onChange)\n\n setState(matcher.matches)\n\n return () => {\n matcher.removeEventListener('change', onChange)\n }\n }, [query])\n\n return match\n}\n","import React from 'react'\nimport {\n assertKeyString,\n DEFAULT_ROOT_ATTRIBUTE,\n LOCAL_STORAGE_KEY,\n} from './helper'\n\ninterface Props {\n localStorageKey: string\n rootAttribute: string\n}\n\n/**\n * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するコードを取得する\n * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト\n * @returns ソースコードの文字列\n */\nexport function makeSetThemeScriptCode({\n localStorageKey = defaultProps.localStorageKey,\n rootAttribute = defaultProps.rootAttribute,\n}: Partial<Props> = defaultProps) {\n assertKeyString(localStorageKey)\n assertKeyString(rootAttribute)\n return `'use strict';\n(function () {\n var localStorageKey = '${localStorageKey}'\n var rootAttribute = '${rootAttribute}'\n var currentTheme = localStorage.getItem(localStorageKey);\n if (currentTheme) {\n document.documentElement.dataset[rootAttribute] = currentTheme;\n }\n})();\n`\n}\n\n/**\n * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するスクリプトタグ\n * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト\n * @returns\n */\nexport function SetThemeScript(props: Props) {\n const src = makeSetThemeScriptCode(props)\n return (\n <script\n dangerouslySetInnerHTML={{\n __html: src,\n }}\n />\n )\n}\n\nconst defaultProps: Props = {\n localStorageKey: LOCAL_STORAGE_KEY,\n rootAttribute: DEFAULT_ROOT_ATTRIBUTE,\n}\n\nSetThemeScript.defaultProps = defaultProps\n","import { CSSObject, ThemedStyledInterface } from 'styled-components'\nimport { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { ArrayOrSingle, isPresent, noThemeProvider, wrapArray } from './util'\nimport { Internal, toCSSObjects } from './internals'\nimport createO from './builders/o'\nimport transition from './builders/transition'\nexport { default as TokenInjector } from './TokenInjector'\nexport {\n getThemeSync,\n themeSetter,\n themeSelector,\n prefersColorScheme,\n useTheme,\n useThemeSetter,\n useLocalStorage,\n useMedia,\n} from './helper'\nexport { defineThemeVariables } from './util'\nexport * from './SetThemeScript'\n\ntype Blank = null | undefined | false\n\nconst nonBlank = <T>(value: T): value is T extends Blank ? never : T =>\n isPresent(value) && (value as unknown) !== false\n\n/**\n * `theme(o => [...])` の `theme` ユーティリティを構築する\n *\n * @param _styled - DEPRECATED: styled-componnets の `styled` そのものを渡すとそれを元に型推論ができる。が、型引数を渡す方が型推論が高速になりやすい\n *\n * @example\n *\n * import styled from 'styled-components'\n * const theme = createTheme(styled)\n *\n * @example\n *\n * const theme = createTheme<DefaultTheme>()\n */\nexport function createTheme<T extends CharcoalAbstractTheme>(\n _styled?: ThemedStyledInterface<T>\n) {\n type Builder = ReturnType<typeof createO<T>>\n\n // ランタイムの `theme(o => [...])` のインターフェースを構築する\n return function theme(\n specFn: (o: Builder) => ArrayOrSingle<Internal | Blank>\n ): ThemeProp<T> {\n // styled-components のテンプレートに埋め込める関数\n return function interpolate({ theme }) {\n if (!isPresent(theme)) {\n // テーマが入っていない場合は復旧不可能なのでエラーにする\n throw noThemeProvider\n }\n\n const internals = [\n // ユーザーが定義したルール\n ...wrapArray(\n /**\n * こう書いてはいけない\n *\n * ❌\n * ```ts\n * const o = createO(theme)\n * const declaration = spec(o)\n * ```\n *\n * `o` を一時変数に入れてしまうと型 `T` の具象化が行われるので関数内に書く\n */\n specFn(/** o = */ createO(theme))\n ),\n\n // 必ず挿入される共通のルール\n transition(theme),\n ].filter(nonBlank)\n\n return toCSSObjects(internals)\n }\n }\n}\n\nexport type ThemeProp<T> = ({\n theme,\n}: {\n theme: T | undefined\n}) => CSSObject | CSSObject[]\n"],"mappings":"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","names":["colors","css","customPropertyToken","size","applyEffect","customPropertyToken","dur","transition","customPropertyToken","dur","applyEffect","colors","px","notDisabledSelector","px","notDisabledSelector","css","outlineCss","px","size","px","px","size","px","spacingProperty","px","size","px","colors","css","React","React","theme"]}
1
+ {"version":3,"sources":["../src/util.ts","../src/internals/index.ts","../src/factories/lib.ts","../src/builders/border.ts","../src/builders/borderRadius.ts","../src/builders/colors.ts","../src/builders/transition.ts","../src/builders/elementEffect.ts","../src/builders/outline.ts","../src/builders/size.ts","../src/builders/spacing.ts","../src/builders/typography.ts","../src/builders/o.ts","../src/TokenInjector.tsx","../src/helper.ts","../src/SetThemeScript.tsx","../src/index.ts"],"sourcesContent":["import {\n applyEffect,\n customPropertyToken,\n disabledSelector,\n filterObject,\n flatMapObject,\n notDisabledSelector,\n} from '@charcoal-ui/utils'\nimport { CharcoalAbstractTheme, EffectType, Key } from '@charcoal-ui/theme'\nimport { CSSObject } from 'styled-components'\n\n/**\n * Function used to assert a given code path is unreachable\n */\nexport function unreachable(): never\n/**\n * Function used to assert a given code path is unreachable.\n * Very useful for ensuring switches are exhaustive:\n *\n * ```ts\n * switch (a.type) {\n * case Types.A:\n * case Types.B:\n * break\n * default:\n * unreachable(a) // will cause a build error if there was\n * // a Types.C that was not checked\n * }\n * ```\n *\n * @param value Value to be asserted as unreachable\n */\n// NOTE: Uses separate overloads, _not_ `value?: never`, to not allow `undefined` to be passed\n// eslint-disable-next-line @typescript-eslint/unified-signatures\nexport function unreachable(value: never): never\nexport function unreachable(value?: never): never {\n throw new Error(\n arguments.length === 0\n ? 'unreachable'\n : `unreachable (${JSON.stringify(value)})`\n )\n}\n\n/**\n * Check whether a value is non-null and non-undefined\n *\n * @param value nullable\n */\nexport const isPresent = <T>(value: T): value is NonNullable<T> => value != null\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Head<U> = U extends [infer T, ...any[]] ? T : never\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Tail<U> = U extends [any, any, ...any[]]\n ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ((...args: U) => any) extends (head: any, ...args: infer T) => any\n ? T\n : never\n : never\n// Buggy at ts@4.0.0-dev20200506\n// type Tail<U> = U extends [any, ...infer T] ? T : never\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype RecursiveObjectAssign<T, S extends any[]> = {\n 0: T & Head<S>\n 1: RecursiveObjectAssign<T & Head<S>, Tail<S>>\n}[Tail<S> extends never ? 0 : 1]\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype ObjectAssign<T extends any[]> = RecursiveObjectAssign<\n Record<string, unknown>,\n T\n>\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function objectAssign<T extends any[]>(...sources: T) {\n return Object.assign({}, ...sources) as ObjectAssign<T>\n}\n\n/**\n * Object.keys の返り値の型を厳しめにしてくれるやつ。\n *\n * ジェネリクスは基本的に明示して使うことを推奨。\n *\n * このライブラリでは Theme オブジェクトのジェネリクスを引き回すケースが多く、\n * ジェネリクスを省略するといつのまにか keys の返り値が `string | number | symbol` になりがちなので\n *\n * @param obj - キーを取りたいオブジェクト。ジェネリクスを省略したとき `never[]` のような使えない型が返って欲しい\n */\nexport function keyof<\n // このジェネリクスは必須（書かないと返り値が `never[]` になる ）\n T extends Record<never, unknown>,\n // このジェネリクスは書かなくて良い、obj の内容から推論される（ T と矛盾してはいけない ）\n _ extends T = T\n>(obj: _) {\n return Object.keys(obj) as unknown as (keyof T & string)[]\n}\n\nexport interface ReadonlyArrayConstructor {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n isArray(value: any): value is readonly any[]\n}\n\nexport function extractNonNullKeys<V, K extends keyof V>(obj: {\n [key in K]: V[key]\n}) {\n return Object.entries(obj)\n .filter(([_, v]) => v !== null)\n .map(([k]) => k) as { [key in K]: V[key] extends null ? never : key }[K][]\n}\n\n/**\n * 配列じゃなかったら配列にする\n */\nexport function wrapArray<T>(value: ArrayOrSingle<T>): T[] {\n return Array.isArray(value) ? value : [value]\n}\n\nexport type ArrayOrSingle<T> = T | T[]\n\nexport const noThemeProvider = new Error(\n '`theme` is invalid. `<ThemeProvider>` is not likely mounted.'\n)\n\ntype NonNullableCSSObject = Record<keyof CSSObject, string | number>\n\n/**\n * 子孫要素で使われるカラーテーマの CSS Variables を上書きする\n *\n * @params colorParams - 上書きしたい色の定義（ `theme.color` の一部だけ書けば良い ）\n * @params effectParams - effect の定義を上書きしたい場合は渡す（必須ではない）\n *\n * @example\n * ```tsx\n * const LocalTheme = styled.div`\n * ${defineThemeVariables({ text1: '#ff0000' })}\n * // `text1` is now defined as red\n * ${theme((o) => [o.font.text1])}\n * `\n * ```\n */\nexport function defineThemeVariables(\n colorParams: Partial<CharcoalAbstractTheme['color']>,\n effectParams?: Partial<CharcoalAbstractTheme['effect']>\n) {\n return function toCssObject(props: {\n theme?: Pick<CharcoalAbstractTheme, 'effect'>\n }): NonNullableCSSObject {\n if (!isPresent(props.theme)) {\n throw noThemeProvider\n }\n\n const colors = filterObject(colorParams, isPresent)\n\n // flatMapObject の中で毎回 Object.entries を呼ぶのは無駄なので外で呼ぶ\n const effects = Object.entries({\n ...props.theme.effect,\n ...effectParams,\n })\n\n return flatMapObject(colors, (colorKey, color) => [\n [customPropertyToken(colorKey), color],\n\n ...effects.map<[string, string]>(([effectKey, effect]) => [\n customPropertyToken(colorKey, [effectKey]),\n applyEffect(color, [effect]),\n ]),\n ])\n }\n}\n\nexport function isSupportedEffect(effect: Key): effect is EffectType {\n return ['hover', 'press', 'disabled'].includes(effect as string)\n}\n\nexport const variable = (value: string) => `var(${value})`\n\nexport function onEffectPseudo(effect: EffectType, css: CSSObject) {\n return effect === 'hover'\n ? { '&:hover': { [notDisabledSelector]: css } }\n : effect === 'press'\n ? { '&:active': { [notDisabledSelector]: css } }\n : // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n effect === 'disabled'\n ? { [disabledSelector]: css }\n : unreachable(effect)\n}\n\nexport function withPrefixes(...parts: string[]) {\n return parts.join('-')\n}\n","import { CSSObject } from 'styled-components'\n\nexport interface Context {\n cancelHalfLeadingPx?: number\n hasVerticalPadding?: boolean\n boxShadowTransition?: boolean\n colorTransition?: boolean\n backgroundColorTransition?: boolean\n}\n\n/**\n * 絶対にこれを export してはいけない\n *\n * さもないと `o.bg[internalSym]` みたいな叩き方が可能になってしまう（補完にも意図せず出てしまう）\n */\nconst internalSym: unique symbol = Symbol('internal')\n\n/**\n * CSSObject に変換可能なオブジェクトを作成する\n *\n * 実際に CSSObject に変換するには外部から `__DO_NOT_USE_GET_INTERNAL__` を使わなければならない\n *\n * これ以降メソッドチェーンが続いてもいいし、続かなくても良い\n */\nexport function createInternal({\n toCSS,\n context = {},\n}: {\n toCSS: (context: Context) => CSSObject\n context?: Context\n}): Internal {\n return {\n [internalSym]: {\n toCSS,\n context,\n },\n }\n}\n\nfunction __DO_NOT_USE_ACCESS_PRIVATE_PROPERTY__(internal: Internal) {\n return internal[internalSym]\n}\n\nexport interface Internal {\n [internalSym]: {\n toCSS: (context: Context) => CSSObject\n context: Context\n }\n}\n\n// half-leadingをキャンセルするとき && 垂直方向のpaddingが無い時\n// -> before/afterを入れる\nexport const shouldCancelHalfLeading = ({\n cancelHalfLeadingPx,\n hasVerticalPadding = false,\n}: Context) => cancelHalfLeadingPx !== undefined && !hasVerticalPadding\n\n/**\n * 個別の Internal（ o.〇〇 の返り値 ）が提出した context の中身を1つの context にまとめる\n */\nexport function getContext(internals: Internal[]) {\n return internals.reduce<Context>(\n (context, internal) => ({\n ...context,\n ...__DO_NOT_USE_ACCESS_PRIVATE_PROPERTY__(internal).context,\n }),\n {}\n )\n}\n\n/**\n * 全ユーザー定義からコンテキスト生成し、styled-components 向けに CSSObject を構築\n */\nexport function toCSSObjects(internals: Internal[]): CSSObject[] {\n // 1パス目\n // 全ユーザー定義を舐めて相互に影響し合う定義をチェックし、その結果(コンテキスト)を取得\n const context = getContext(internals)\n\n // 2パス目\n // コンテキストを見ながら最適化されたCSSを構築\n return internals.map((v) =>\n __DO_NOT_USE_ACCESS_PRIVATE_PROPERTY__(v).toCSS(context)\n )\n}\n","import { Key } from '@charcoal-ui/theme'\nimport { unreachable } from '../util'\n\n/**\n * 配列で指定したプロパティを動的に生やす\n *\n * @param source 拡張するオブジェクト\n * @param member オブジェクトに生やすプロパティ一覧\n * @param chain プロパティに格納される値を生成する関数\n *\n * @example\n *\n * const o = factory({}, ['red', 'blue'],\n * color => hex(color)\n * )\n *\n * console.log(o.red) //=> #ff0000\n */\nexport const defineProperties = <\n TSource,\n TMember extends readonly Key[],\n TValue\n>(\n source: TSource,\n member: TMember,\n chain: (key: TMember[number]) => TValue\n) =>\n Object.defineProperties(\n source,\n Object.fromEntries(\n member.map((key) => [\n key,\n { get: () => chain(key), enumerable: true, configurable: true },\n ])\n )\n ) as TSource & { readonly [key in TMember[number]]: TValue }\n\n/**\n * 配列で指定した名前のメソッドを動的に生やす\n *\n * @param source 拡張するオブジェクト\n * @param member オブジェクトに生やすメソッド名一覧\n * @param chain メソッドの戻り値になる値を生成する関数\n *\n * @example\n *\n * const o = defineMethods({}, ['red', 'blue'],\n * (color, alpha: number) => hex(color, alpha)\n * )\n *\n * console.log(o.red(0.5)) //=> #ff000077\n */\nexport const defineMethods = <\n TSource,\n TMember extends readonly string[],\n TValue,\n TArguments extends unknown[]\n>(\n source: TSource,\n member: TMember,\n chain: (key: TMember[number], ...args: TArguments) => TValue\n) =>\n Object.defineProperties(\n source,\n Object.fromEntries(\n member.map((key) => [\n key,\n {\n value: (...args: TArguments) => chain(key, ...args),\n enumerable: true,\n configurable: true,\n },\n ])\n )\n ) as TSource & {\n readonly [key in TMember[number]]: (...args: TArguments) => TValue\n }\n\n/**\n * オブジェクトで指定したプロパティ名と値を動的に生やす\n *\n * @param source 拡張するオブジェクト\n * @param def オブジェクトに生やす定義(プロパティ名と値)\n *\n * @example\n *\n * const o = defineConstantProperties({}, {\n * red: '#f00',\n * blue: '#00f',\n * })\n *\n * console.log(o.red) //=> #f00\n */\nexport const defineConstantProperties = <\n TSource,\n TDef extends { [key: string]: unknown }\n>(\n source: TSource,\n def: TDef\n) =>\n defineProperties(source, Object.keys(def), (key) => def[key]) as TSource &\n Readonly<TDef>\n\n/**\n * 配列で指定したモディファイア(プロパティ)をチェーン可能な再帰オブジェクトを動的に生やす\n *\n * @param modifiers オブジェクトに生やすモディファイヤ一覧\n * @param source 指定されたモディファイヤの一覧から値を生成する関数\n *\n * @example\n *\n * const o = definePropertyChains(['red', 'blue'],\n * modifiers => modifiers.map(color => hex(color)).join(',')\n * )\n *\n * console.log(o.red.blue) => #f00,#00f\n */\nexport const definePropertyChains = <TSource, T extends Key>(\n modifiers: readonly T[],\n source: (applied: readonly T[]) => TSource\n) =>\n (function definePropertiesRecursively(\n applied: readonly T[]\n ): PropertyChain<TSource, T> {\n const notApplied = modifiers.filter((v) => !applied.includes(v))\n return defineProperties(source(applied), notApplied, (modifier) =>\n notApplied.length === 0\n ? unreachable()\n : definePropertiesRecursively([...applied, modifier])\n )\n })([])\n\nexport type PropertyChain<TSource, TModifiers extends Key> = TSource & {\n readonly [key in TModifiers]: PropertyChain<TSource, Exclude<TModifiers, key>>\n}\n\n/**\n * 配列で指定したモディファイア(メソッド)をチェーン可能な再帰オブジェクトを動的に生やす\n *\n * @param modifiers オブジェクトに生やすモディファイヤ一覧\n * @param source 指定されたモディファイヤの一覧から値を生成する関数\n * @param _inferPhantom 関数形式のモディファイヤの引数型を推論するためのメタタイプ(引数の個数に合わせてタプルで指定する)\n *\n * @example\n *\n * const o = defineMethodChains(['red', 'blue'],\n * modifiers => modifiers.map(([color, alpha]) => hex(color, alpha)).join(',')\n * , {} as [number])\n *\n * console.log(o.red(0.5).blue(1)) => #ff000077,#0000ffff\n */\nexport const defineMethodChains = <\n TSource,\n T extends string,\n TArguments extends unknown[]\n>(\n modifiers: readonly T[],\n source: (applied: readonly [T, ...TArguments][]) => TSource,\n ..._inferPhantom: TArguments\n) =>\n (function defineMethodsRecursively(\n applied: readonly [T, ...TArguments][]\n ): MethodChain<TSource, T, TArguments> {\n const notApplied = modifiers.filter(\n (v) => !applied.map(([w]) => w).includes(v)\n )\n return defineMethods(\n source(applied),\n notApplied,\n (modifier, ...args: TArguments) =>\n notApplied.length === 0\n ? unreachable()\n : defineMethodsRecursively([...applied, [modifier, ...args]])\n )\n })([])\n\nexport type MethodChain<\n TSource,\n TModifiers extends string,\n TArguments extends unknown[]\n> = TSource & {\n readonly [key in TModifiers]: (\n ...args: TArguments\n ) => MethodChain<TSource, Exclude<TModifiers, key>, TArguments>\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { CSSObject } from 'styled-components'\nimport { keyof, variable, withPrefixes } from '../util'\nimport { Internal, createInternal } from '../internals'\nimport {\n defineConstantProperties,\n defineProperties,\n definePropertyChains,\n} from '../factories/lib'\nimport { customPropertyToken } from '@charcoal-ui/utils'\n\nexport const borderDirections = ['top', 'right', 'bottom', 'left'] as const\ntype BorderDirection = (typeof borderDirections)[number]\n\nexport const createBorderCss = <T extends CharcoalAbstractTheme>(\n variant: keyof T['border'],\n directions: readonly BorderDirection[]\n): Internal => {\n const all = directions.length === 0\n\n const value = `solid 1px ${variable(\n customPropertyToken(withPrefixes('border', variant.toString()))\n )}`\n\n return createInternal({\n toCSS() {\n return {\n ...(all\n ? { border: value }\n : directions.reduce<CSSObject>(\n (acc, direction) => ({\n ...acc,\n [`border-${direction}`]: value,\n }),\n {}\n )),\n }\n },\n })\n}\n\nexport default function border<T extends CharcoalAbstractTheme>(theme: T) {\n const borderTypes = keyof<T['border']>(theme.border)\n\n const borderObject = defineConstantProperties(\n {},\n {\n border: defineProperties({}, borderTypes, (variant) =>\n definePropertyChains(borderDirections, (modifiers) =>\n createBorderCss(variant, modifiers)\n )\n ),\n }\n )\n return borderObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { px } from '@charcoal-ui/utils'\nimport { Internal, createInternal } from '../internals'\nimport { defineConstantProperties } from '../factories/lib'\n\nexport const createBorderRadiusCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (size: keyof T['borderRadius']): Internal => {\n return createInternal({\n toCSS() {\n return {\n borderRadius: px(theme.borderRadius[size]),\n }\n },\n })\n }\n\nexport default function borderRadius<T extends CharcoalAbstractTheme>(\n theme: T\n) {\n // 角丸\n const borderRadiusCss = createBorderRadiusCss(theme)\n const borderRadiusObject = defineConstantProperties(\n {},\n {\n borderRadius: (radius: keyof T['borderRadius']) =>\n borderRadiusCss(radius),\n }\n )\n\n return borderRadiusObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport {\n applyEffect,\n applyEffectToGradient,\n customPropertyToken,\n dur,\n gradient,\n GradientDirection,\n} from '@charcoal-ui/utils'\nimport { CSSObject } from 'styled-components'\nimport warning from 'warning'\nimport {\n keyof,\n objectAssign,\n isSupportedEffect,\n onEffectPseudo,\n variable,\n} from '../util'\nimport {\n createInternal,\n Internal,\n Context,\n shouldCancelHalfLeading,\n} from '../internals'\nimport {\n defineConstantProperties,\n defineProperties,\n definePropertyChains,\n} from '../factories/lib'\nimport { TRANSITION_DURATION } from './transition'\n\nconst colorProperties = ['bg', 'font'] as const\nexport type ColorProperty = (typeof colorProperties)[number]\n\nfunction targetProperty(target: ColorProperty) {\n return target === 'bg' ? 'background-color' : 'color'\n}\n\nexport const createColorCss =\n <T extends CharcoalAbstractTheme>(_theme: T) =>\n (\n target: ColorProperty,\n color: keyof T['color'],\n effects: readonly (keyof T['effect'])[] = []\n ): Internal => {\n function toCSS() {\n return {\n [targetProperty(target)]: variable(\n customPropertyToken(color.toString())\n ),\n ...effects.filter(isSupportedEffect).reduce<CSSObject>(\n (acc, effect) => ({\n ...acc,\n ...onEffectPseudo(effect, {\n [targetProperty(target)]: variable(\n customPropertyToken(color.toString(), [effect])\n ),\n }),\n }),\n {}\n ),\n }\n }\n\n return createInternal({\n toCSS,\n context:\n effects.length > 0\n ? target === 'font'\n ? {\n colorTransition: true,\n }\n : {\n backgroundColorTransition: true,\n }\n : {},\n })\n }\n\nexport const createGradientColorCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (\n color: keyof T['gradientColor'],\n effects: readonly (keyof T['effect'])[] = [],\n direction: GradientDirection\n ): Internal => {\n const toLinearGradient = gradient(direction)\n\n function toCSS(context: Context): CSSObject {\n const optimized = !shouldCancelHalfLeading(context)\n const duration = dur(TRANSITION_DURATION)\n\n if (optimized && effects.length > 0) {\n return {\n position: 'relative',\n zIndex: 0,\n overflow: 'hidden',\n ...effects.filter(isSupportedEffect).reduce<CSSObject>(\n (acc, effect) => ({\n ...acc,\n '&::before': {\n zIndex: -1,\n ...overlayElement,\n transition: `${duration} background-color`,\n },\n '&::after': {\n zIndex: -2,\n ...overlayElement,\n ...toLinearGradient(theme.gradientColor[color]),\n },\n ...onEffectPseudo(effect, {\n '&::before': {\n backgroundColor: applyEffect(\n null,\n theme.effect[effect] ?? []\n ),\n },\n }),\n }),\n {}\n ),\n }\n }\n\n warning(\n effects.length === 0,\n // eslint-disable-next-line max-len\n `'Transition' will not be applied. You can get around this by specifying 'preserveHalfLeading' or both 'padding' and 'typograpy'.`\n )\n\n return {\n ...toLinearGradient(theme.gradientColor[color]),\n ...effects.filter(isSupportedEffect).reduce<CSSObject>(\n (acc, effect) => ({\n ...acc,\n ...onEffectPseudo(effect, {\n ...toLinearGradient(\n applyEffectToGradient(theme.effect[effect] ?? [])(\n theme.gradientColor[color]\n )\n ),\n }),\n }),\n {}\n ),\n }\n }\n\n return createInternal({ toCSS })\n }\n\nconst overlayElement: CSSObject = {\n content: \"''\",\n display: 'block',\n position: 'absolute',\n width: '100%',\n height: '100%',\n top: 0,\n left: 0,\n}\n\nexport default function colors<T extends CharcoalAbstractTheme>(theme: T) {\n const colors = keyof<T['color']>(theme.color)\n const effects = keyof<T['effect']>(theme.effect)\n\n // 色\n const gradientColors = keyof<T['gradientColor']>(theme.gradientColor)\n const colorCss = createColorCss(theme)\n const gradientColorCss = createGradientColorCss(theme)\n\n const colorObject = defineConstantProperties(\n {},\n {\n bg: objectAssign(\n defineProperties({}, colors, (color) =>\n definePropertyChains(effects, (modifiers) =>\n colorCss('bg', color, modifiers)\n )\n ),\n defineProperties(\n {},\n gradientColors,\n (color) => (direction: GradientDirection) =>\n definePropertyChains(effects, (modifiers) =>\n gradientColorCss(color, modifiers, direction)\n )\n )\n ),\n font: defineProperties({}, colors, (color) =>\n definePropertyChains(effects, (modifiers) =>\n colorCss('font', color, modifiers)\n )\n ),\n }\n )\n\n return colorObject\n}\n","import { dur } from '@charcoal-ui/utils'\nimport { isPresent } from '../util'\nimport { Internal, createInternal, Context } from '../internals'\n\n// TODO: deprecate\nexport const TRANSITION_DURATION = 0.2\n\n/**\n * context の状態を元に transition を追加する。必ず一番最後に呼ぶ\n */\nexport default function transition(_theme: unknown): Internal {\n const duration = dur(TRANSITION_DURATION)\n const transition = (property: string[]) => ({\n transition: property.map((v) => `${duration} ${v}`).join(', '),\n })\n\n function toCSS({\n colorTransition = false,\n backgroundColorTransition = false,\n boxShadowTransition = false,\n }: Context) {\n return transition(\n [\n colorTransition ? 'color' : null,\n backgroundColorTransition ? 'background-color' : null,\n boxShadowTransition ? 'box-shadow' : null,\n ].filter(isPresent)\n )\n }\n\n return createInternal({ toCSS })\n}\n","import { CharcoalAbstractTheme, EffectType } from '@charcoal-ui/theme'\nimport { CSSObject } from 'styled-components'\nimport {\n isSupportedEffect,\n keyof,\n onEffectPseudo,\n ReadonlyArrayConstructor,\n unreachable,\n} from '../util'\nimport { Internal, createInternal } from '../internals'\nimport { definePropertyChains } from '../factories/lib'\n\nexport const createElementEffectCss =\n <\n T extends CharcoalAbstractTheme,\n TElementEffect extends T['elementEffect']\n >(theme: {\n elementEffect: TElementEffect\n }) =>\n (effects: readonly (keyof TElementEffect)[] = []): Internal =>\n createInternal({\n toCSS() {\n return effects.filter(isSupportedEffect).reduce<CSSObject>(\n (acc, effect) => ({\n ...acc,\n ...onEffectPseudo(effect, {\n opacity:\n !(Array as ReadonlyArrayConstructor).isArray(\n theme.elementEffect[effect]\n ) && theme.elementEffect[effect]?.type === 'opacity'\n ? theme.elementEffect[effect]?.opacity\n : unreachable(),\n }),\n }),\n {}\n )\n },\n })\n\nexport default function elementEffect<T extends CharcoalAbstractTheme>(\n theme: T\n) {\n const effectTypes = keyof<T['elementEffect']>(\n theme.elementEffect\n ) as EffectType[]\n\n // 要素へのエフェクト (etc: 透過)\n const elementEffectCss = createElementEffectCss(theme)\n const elementEffectObject = definePropertyChains(effectTypes, (modifiers) =>\n elementEffectCss(modifiers)\n )\n\n return elementEffectObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { px, notDisabledSelector } from '@charcoal-ui/utils'\nimport { CSSObject } from 'styled-components'\nimport { keyof } from '../util'\nimport { Internal, createInternal } from '../internals'\nimport {\n defineConstantProperties,\n defineProperties,\n definePropertyChains,\n} from '../factories/lib'\n\nexport const outlineType = ['focus'] as const\ntype OutlineType = (typeof outlineType)[number]\n\nconst outlineCss = (weight: number, color: string) => ({\n boxShadow: `0 0 0 ${px(weight)} ${color}`,\n})\n\nexport const createOutlineColorCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (\n variant: keyof T['outline'],\n modifiers: readonly OutlineType[]\n ): Internal => {\n const weight = theme.outline[variant].weight\n const color = theme.outline[variant].color\n\n return createInternal({\n toCSS() {\n return modifiers.includes('focus')\n ? onFocus(outlineCss(weight, color))\n : { '&&': { [notDisabledSelector]: outlineCss(weight, color) } }\n },\n context: {\n boxShadowTransition: true,\n },\n })\n }\n\n/**\n * @see https://developer.mozilla.org/ja/docs/Web/CSS/:focus-visible#selectively_showing_the_focus_indicator\n */\nconst onFocus = (css: CSSObject) => ({\n [notDisabledSelector]: {\n '&:focus, &:active': {\n outline: 'none',\n ...css,\n },\n\n '&:focus:not(:focus-visible), &:active:not(:focus-visible)': {\n outline: 'none',\n },\n\n '&:focus-visible': {\n outline: 'none',\n ...css,\n },\n },\n})\n\nexport default function outline<T extends CharcoalAbstractTheme>(theme: T) {\n const outlineCss = createOutlineColorCss(theme)\n\n const outlineObject = defineConstantProperties(\n {},\n {\n outline: defineProperties(\n {},\n keyof<T['outline']>(theme.outline),\n (variant) =>\n definePropertyChains(outlineType, (modifiers) =>\n outlineCss(variant, modifiers)\n )\n ),\n }\n )\n\n return outlineObject\n}\n","import { columnSystem } from '@charcoal-ui/foundation'\nimport { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { px } from '@charcoal-ui/utils'\nimport { Internal, createInternal } from '../internals'\nimport { defineProperties, defineConstantProperties } from '../factories/lib'\n\nexport const fixedProperties = ['width', 'height'] as const\ntype FixedProperty = (typeof fixedProperties)[number]\n\nexport const createFixedPxCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (property: FixedProperty, size: keyof T['spacing'] | 'auto'): Internal =>\n createInternal({\n toCSS() {\n return {\n [property]: size === 'auto' ? 'auto' : px(theme.spacing[size]),\n }\n },\n })\n\nexport const createFixedRelativeCss =\n <T extends CharcoalAbstractTheme>(_theme: T) =>\n (property: FixedProperty, amount: '100%' | 'auto'): Internal =>\n createInternal({\n toCSS() {\n return {\n [property]: amount,\n }\n },\n })\n\nexport const createFixedColumnCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (property: FixedProperty, span: number): Internal =>\n createInternal({\n toCSS() {\n return {\n [property]: px(\n columnSystem(span, theme.grid.unit.column, theme.grid.unit.gutter)\n ),\n }\n },\n })\n\nexport default function size<T extends CharcoalAbstractTheme>(theme: T) {\n const fixedPxCss = createFixedPxCss(theme)\n const fixedColumnCss = createFixedColumnCss(theme)\n const fixedRelativeCss = createFixedRelativeCss(theme)\n const fixedObject = defineProperties({}, fixedProperties, (property) =>\n defineConstantProperties(\n {},\n {\n px: (size: keyof T['spacing'] | 'auto') => fixedPxCss(property, size),\n column: (span: number) => fixedColumnCss(property, span),\n auto: fixedRelativeCss(property, 'auto'),\n full: fixedRelativeCss(property, '100%'),\n }\n )\n )\n return fixedObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { px } from '@charcoal-ui/utils'\nimport { CSSObject } from 'styled-components'\nimport { Internal, createInternal, Context } from '../internals'\nimport { defineProperties, defineMethodChains } from '../factories/lib'\n\nexport const spacingProperties = ['margin', 'padding'] as const\nexport const spacingDirections = [\n 'top',\n 'right',\n 'bottom',\n 'left',\n 'vertical',\n 'horizontal',\n 'all',\n] as const\ntype SpacingProperty = (typeof spacingProperties)[number]\ntype SpacingDirection = (typeof spacingDirections)[number]\n\nfunction spacingProperty(\n property: SpacingProperty,\n direction: 'top' | 'right' | 'bottom' | 'left'\n) {\n return `${property}-${direction}`\n}\n\nexport const createSpacingCss =\n <T extends CharcoalAbstractTheme>(theme: { spacing: T['spacing'] }) =>\n (\n property: SpacingProperty,\n modifiers: readonly [SpacingDirection, keyof T['spacing'] | 'auto'][]\n ): Internal => {\n const { top, right, bottom, left } = modifiers.reduce(\n (acc, [direction, size]) => {\n if (direction === 'all') {\n acc.top = size\n acc.right = size\n acc.bottom = size\n acc.left = size\n } else if (direction === 'vertical') {\n acc.top = size\n acc.bottom = size\n } else if (direction === 'horizontal') {\n acc.right = size\n acc.left = size\n } else {\n acc[direction] = size\n }\n return acc\n },\n {} as Partial<\n Record<'top' | 'right' | 'bottom' | 'left', keyof T['spacing'] | 'auto'>\n >\n )\n\n const hasVerticalPadding =\n property === 'padding' &&\n top !== undefined &&\n bottom !== undefined &&\n top !== 'auto' &&\n bottom !== 'auto'\n\n function toCSS({ cancelHalfLeadingPx = 0 }: Context): CSSObject {\n return {\n ...(top !== undefined && {\n [spacingProperty(property, 'top')]:\n top === 'auto'\n ? 'auto'\n : px(\n theme.spacing[top] +\n (hasVerticalPadding ? cancelHalfLeadingPx : 0)\n ),\n }),\n ...(bottom !== undefined && {\n [spacingProperty(property, 'bottom')]:\n bottom === 'auto'\n ? 'auto'\n : px(\n theme.spacing[bottom] +\n (hasVerticalPadding ? cancelHalfLeadingPx : 0)\n ),\n }),\n ...(right !== undefined && {\n [spacingProperty(property, 'right')]:\n right === 'auto' ? 'auto' : px(theme.spacing[right]),\n }),\n ...(left !== undefined && {\n [spacingProperty(property, 'left')]:\n left === 'auto' ? 'auto' : px(theme.spacing[left]),\n }),\n }\n }\n\n return createInternal({\n toCSS,\n context: hasVerticalPadding ? { hasVerticalPadding: true } : {},\n })\n }\n\nexport default function spacing<T extends CharcoalAbstractTheme>(theme: T) {\n const spacingCss = createSpacingCss(theme)\n const spacingObject = defineProperties(\n {},\n spacingProperties,\n (spacingProperty) =>\n defineMethodChains(\n spacingDirections,\n (modifiers) => spacingCss(spacingProperty, modifiers),\n {} as keyof T['spacing'] | 'auto' // 推論のためのメタタイプ\n )\n )\n return spacingObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { halfLeading, px } from '@charcoal-ui/utils'\nimport { CSSObject } from 'styled-components'\nimport {\n Internal,\n createInternal,\n shouldCancelHalfLeading,\n Context,\n} from '../internals'\nimport { defineProperties, definePropertyChains } from '../factories/lib'\n\nexport const createTypographyCss =\n <T extends CharcoalAbstractTheme>(theme: T) =>\n (\n size: keyof T['typography']['size'],\n options: {\n preserveHalfLeading?: boolean\n monospace?: boolean\n bold?: boolean\n } = {}\n ): Internal => {\n const {\n preserveHalfLeading = false,\n monospace = false,\n bold = false,\n } = options\n const descriptor = theme.typography.size[size]\n const margin = -halfLeading(descriptor)\n\n function toCSS(context: Context): CSSObject {\n return {\n fontSize: px(descriptor.fontSize),\n lineHeight: px(descriptor.lineHeight),\n ...(monospace && {\n fontFamily: 'monospace',\n }),\n ...(bold && {\n fontWeight: 'bold',\n }),\n ...(shouldCancelHalfLeading(context) && {\n // prevent margin collapsing\n display: 'flow-root',\n // cancel half-leading with negative margin\n '&::before': {\n ...leadingCancel,\n marginTop: px(margin),\n },\n '&::after': {\n ...leadingCancel,\n marginBottom: px(margin),\n },\n }),\n }\n }\n\n return createInternal({\n toCSS,\n context: !preserveHalfLeading\n ? {\n cancelHalfLeadingPx: margin,\n }\n : {},\n })\n }\n\nconst leadingCancel: CSSObject = {\n display: 'block',\n width: 0,\n height: 0,\n content: `''`,\n}\n\n// タイポグラフィ\nconst typographyModifiers = [\n // TODO\n 'monospace',\n 'bold',\n 'preserveHalfLeading',\n] as const\n\nexport default function typography<T extends CharcoalAbstractTheme>(theme: T) {\n const typographyCss = createTypographyCss(theme)\n const typographyObject = defineProperties(\n {},\n ['typography'] as const,\n (_) => (size: keyof T['typography']['size']) =>\n definePropertyChains(typographyModifiers, (modifiers) =>\n typographyCss(size, {\n preserveHalfLeading: modifiers.includes('preserveHalfLeading'),\n monospace: modifiers.includes('monospace'),\n bold: modifiers.includes('bold'),\n })\n )\n )\n\n return typographyObject\n}\n","import { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { objectAssign } from '../util'\nimport border from './border'\nimport borderRadius from './borderRadius'\nimport colors from './colors'\nimport elementEffect from './elementEffect'\nimport outline from './outline'\nimport size from './size'\nimport spacing from './spacing'\nimport typography from './typography'\n\n/**\n * `theme(o => [...])` の `o` の部分を構築する\n *\n * @param theme テーマオブジェクト\n */\nexport default function createO<T extends CharcoalAbstractTheme>(\n theme: {\n // factoryの第二引数に入れ込むものだけ明示的に型変数を展開しておくことで型の具象化を遅延する\n color: T['color']\n gradientColor: T['gradientColor']\n border: T['border']\n outline: T['outline']\n } & Omit<T, 'color' | 'gradientColor' | 'border' | 'outline'>\n) {\n return objectAssign(\n colors(theme),\n typography(theme),\n spacing(theme),\n size(theme),\n elementEffect(theme),\n border(theme),\n borderRadius(theme),\n outline(theme)\n )\n}\n","import { createGlobalStyle, css } from 'styled-components'\nimport { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { defineThemeVariables, withPrefixes } from './util'\nimport { mapObject } from '@charcoal-ui/utils'\n\nconst GlobalStyle = createGlobalStyle`\n ${<T extends Theme>({\n themeMap,\n background,\n }: {\n themeMap: ThemeMap<T>\n background?: keyof ThemeMap<T>[string]['color']\n }) =>\n Object.entries(themeMap).map(([key, theme]) =>\n key.startsWith('@media')\n ? css`\n ${key} {\n :root {\n ${background !== undefined &&\n css`\n background-color: ${theme.color[background]};\n `}\n ${defineColorVariableCSS(theme)}\n }\n }\n `\n : css`\n /* stylelint-disable-next-line no-duplicate-selectors */\n ${key} {\n ${background !== undefined &&\n css`\n background-color: ${theme.color[background]};\n `}\n ${defineColorVariableCSS(theme)}\n }\n `\n )}\n`\n\nexport interface ThemeMap<T extends Theme> {\n ':root': T\n [mediaQuery: `@media (${string})`]: T\n [selector: string]: T\n}\n\ntype Theme = Pick<CharcoalAbstractTheme, 'color' | 'effect' | 'border'>\n\nexport default function TokenInjector<T extends Theme>({\n theme: themeMap,\n background,\n}: {\n theme: ThemeMap<T>\n background?: keyof ThemeMap<T>[string]['color']\n}) {\n return <GlobalStyle themeMap={themeMap} background={background} />\n}\n\nconst defineColorVariableCSS = (theme: Theme) => {\n const borders = mapObject(theme.border, (name, { color }) => [\n // REVIEW: もしtheme.colorにたまたまborder-〇〇で始まる色名がいたら被りうる\n withPrefixes('border', name),\n color,\n ])\n\n const colors = defineThemeVariables({ ...theme.color, ...borders })({ theme })\n\n return toCSSVariables(colors)\n}\n\nfunction toCSSVariables(css: Record<string, string | number>) {\n return Object.entries(css)\n .map(([varName, value]) => variableDefinition(varName, value.toString()))\n .join(';')\n}\n\nconst variableDefinition = (prop: string, value: string) => `${prop}: ${value}`\n","import { useEffect, useMemo, useState } from 'react'\n\nexport const LOCAL_STORAGE_KEY = 'charcoal-theme'\nexport const DEFAULT_ROOT_ATTRIBUTE = 'theme'\n\nconst keyStringRegExp = new RegExp(/^(\\w|-)+$/)\n\n/**\n * 文字列が英数字_-のみで構成されているか検証する。不正な文字列ならエラーを投げる\n * @param key 検証するキー\n */\nexport function assertKeyString(key: string) {\n if (!keyStringRegExp.test(key)) {\n throw new Error(`Unexpected key :${key}, expect: /^(\\\\w|-)+$/`)\n }\n}\n\n/**\n * `<html data-theme=\"dark\">` のような設定を行うデフォルトのセッター\n */\nexport const themeSetter =\n (attr: string = DEFAULT_ROOT_ATTRIBUTE) =>\n (theme: string | undefined) => {\n assertKeyString(attr)\n if (theme !== undefined) {\n document.documentElement.dataset[attr] = theme\n } else {\n delete document.documentElement.dataset[attr]\n }\n }\n\n/**\n * `<html data-theme=\"dark\">` にマッチするセレクタを生成する\n */\nexport function themeSelector<\n T extends string,\n S extends string = typeof DEFAULT_ROOT_ATTRIBUTE\n>(theme: T, attr?: S) {\n return `:root[data-${attr ?? DEFAULT_ROOT_ATTRIBUTE}='${theme}']` as const\n}\n\n/**\n * prefers-color-scheme を利用する media クエリを生成する\n */\nexport function prefersColorScheme<T extends 'light' | 'dark'>(theme: T) {\n return `@media (prefers-color-scheme: ${theme})` as const\n}\n\n/**\n * LocalStorageからテーマの情報を取得して、変化時にテーマをセットするhooks\n */\nexport function useThemeSetter({\n key = LOCAL_STORAGE_KEY,\n setter = themeSetter(),\n}: { key?: string; setter?: (theme: string | undefined) => void } = {}) {\n const [theme, , system] = useTheme(key)\n\n useEffect(() => {\n if (theme === undefined) {\n return\n }\n // prefers-color-scheme から値を取っている場合にはcssのみで処理したいのでアンセットする\n setter(system ? undefined : theme)\n }, [setter, system, theme])\n}\n\n/**\n * 同期的にLocalStorageからテーマを取得するヘルパ\n */\nexport function getThemeSync(key: string = LOCAL_STORAGE_KEY) {\n const theme = localStorage.getItem(key)\n return theme\n}\n\n/**\n * LocalStorage, prefers-color-scheme からテーマの情報を取得して、現在のテーマを返すhooks\n *\n * `dark` `light` という名前だけは特別扱いされていて、prefers-color-schemeにマッチした場合に返ります\n */\nexport const useTheme = (key: string = LOCAL_STORAGE_KEY) => {\n assertKeyString(key)\n const isDark = useMedia('(prefers-color-scheme: dark)')\n const media = isDark !== undefined ? (isDark ? 'dark' : 'light') : undefined\n const [local, setTheme, ready] = useLocalStorage<string>(key)\n const theme = !ready || media === undefined ? undefined : local ?? media\n const system = local === undefined\n return [theme, setTheme, system] as const\n}\n\nexport function useLocalStorage<T>(key: string, defaultValue?: () => T) {\n const [ready, setReady] = useState(false)\n const [state, setState] = useState<T>()\n const defaultValueMemo = useMemo(() => defaultValue?.(), [defaultValue])\n\n useEffect(() => {\n fetch()\n window.addEventListener('storage', handleStorage)\n return () => {\n window.removeEventListener('storage', handleStorage)\n }\n })\n\n const handleStorage = (e: StorageEvent) => {\n if (e.storageArea !== localStorage) {\n return\n }\n if (e.key !== key) {\n return\n }\n fetch()\n }\n\n const fetch = () => {\n const raw = localStorage.getItem(key)\n setState((raw !== null ? deserialize(raw) : null) ?? defaultValueMemo)\n setReady(true)\n }\n\n const set = (value: T | undefined) => {\n if (value === undefined) {\n // undefinedがセットされる場合にはkeyごと削除\n localStorage.removeItem(key)\n } else {\n const raw = serialize(value)\n localStorage.setItem(key, raw)\n }\n\n // 同一ウィンドウではstorageイベントが発火しないので、手動で発火させる\n const event = new StorageEvent('storage', {\n bubbles: true,\n cancelable: false,\n key,\n url: location.href,\n storageArea: localStorage,\n })\n dispatchEvent(event)\n }\n\n return [state ?? defaultValueMemo, set, ready] as const\n}\n\nfunction deserialize<T>(raw: string): T {\n try {\n return JSON.parse(raw) as T\n } catch {\n // syntax error はすべて文字列として扱う\n return raw as unknown as T\n }\n}\n\nfunction serialize(value: unknown): string {\n if (typeof value === 'string') {\n return value\n } else {\n return JSON.stringify(value)\n }\n}\n\nexport function useMedia(query: string) {\n const [match, setState] = useState<boolean>()\n\n useEffect(() => {\n const matcher = window.matchMedia(query)\n\n const onChange = () => {\n setState(matcher.matches)\n }\n\n matcher.addEventListener('change', onChange)\n\n setState(matcher.matches)\n\n return () => {\n matcher.removeEventListener('change', onChange)\n }\n }, [query])\n\n return match\n}\n","import {\n assertKeyString,\n DEFAULT_ROOT_ATTRIBUTE,\n LOCAL_STORAGE_KEY,\n} from './helper'\n\ninterface Props {\n localStorageKey: string\n rootAttribute: string\n}\n\n/**\n * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するコードを取得する\n * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト\n * @returns ソースコードの文字列\n */\nexport function makeSetThemeScriptCode({\n localStorageKey = defaultProps.localStorageKey,\n rootAttribute = defaultProps.rootAttribute,\n}: Partial<Props> = defaultProps) {\n assertKeyString(localStorageKey)\n assertKeyString(rootAttribute)\n return `'use strict';\n(function () {\n var localStorageKey = '${localStorageKey}'\n var rootAttribute = '${rootAttribute}'\n var currentTheme = localStorage.getItem(localStorageKey);\n if (currentTheme) {\n document.documentElement.dataset[rootAttribute] = currentTheme;\n }\n})();\n`\n}\n\n/**\n * 同期的にテーマをローカルストレージから取得してhtmlの属性に設定するスクリプトタグ\n * @param props localStorageのキー、htmlのdataになる属性のキーを含むオブジェクト\n * @returns\n */\nexport function SetThemeScript(props: Props) {\n const src = makeSetThemeScriptCode(props)\n return (\n <script\n dangerouslySetInnerHTML={{\n __html: src,\n }}\n />\n )\n}\n\nconst defaultProps: Props = {\n localStorageKey: LOCAL_STORAGE_KEY,\n rootAttribute: DEFAULT_ROOT_ATTRIBUTE,\n}\n\nSetThemeScript.defaultProps = defaultProps\n","import { CSSObject, ThemedStyledInterface } from 'styled-components'\nimport { CharcoalAbstractTheme } from '@charcoal-ui/theme'\nimport { ArrayOrSingle, isPresent, noThemeProvider, wrapArray } from './util'\nimport { Internal, toCSSObjects } from './internals'\nimport createO from './builders/o'\nimport transition from './builders/transition'\nexport { default as TokenInjector } from './TokenInjector'\nexport {\n getThemeSync,\n themeSetter,\n themeSelector,\n prefersColorScheme,\n useTheme,\n useThemeSetter,\n useLocalStorage,\n useMedia,\n} from './helper'\nexport { defineThemeVariables } from './util'\nexport * from './SetThemeScript'\n\ntype Blank = null | undefined | false\n\nconst nonBlank = <T>(value: T): value is T extends Blank ? never : T =>\n isPresent(value) && (value as unknown) !== false\n\n/**\n * `theme(o => [...])` の `theme` ユーティリティを構築する\n *\n * @param _styled - DEPRECATED: styled-componnets の `styled` そのものを渡すとそれを元に型推論ができる。が、型引数を渡す方が型推論が高速になりやすい\n *\n * @example\n *\n * import styled from 'styled-components'\n * const theme = createTheme(styled)\n *\n * @example\n *\n * const theme = createTheme<DefaultTheme>()\n */\nexport function createTheme<T extends CharcoalAbstractTheme>(\n _styled?: ThemedStyledInterface<T>\n) {\n type Builder = ReturnType<typeof createO<T>>\n\n // ランタイムの `theme(o => [...])` のインターフェースを構築する\n return function theme(\n specFn: (o: Builder) => ArrayOrSingle<Internal | Blank>\n ): ThemeProp<T> {\n // styled-components のテンプレートに埋め込める関数\n return function interpolate({ theme }) {\n if (!isPresent(theme)) {\n // テーマが入っていない場合は復旧不可能なのでエラーにする\n throw noThemeProvider\n }\n\n const internals = [\n // ユーザーが定義したルール\n ...wrapArray(\n /**\n * こう書いてはいけない\n *\n * ❌\n * ```ts\n * const o = createO(theme)\n * const declaration = spec(o)\n * ```\n *\n * `o` を一時変数に入れてしまうと型 `T` の具象化が行われるので関数内に書く\n */\n specFn(/** o = */ createO(theme))\n ),\n\n // 必ず挿入される共通のルール\n transition(theme),\n ].filter(nonBlank)\n\n return toCSSObjects(internals)\n }\n }\n}\n\nexport type ThemeProp<T> = ({\n theme,\n}: {\n theme: T | undefined\n}) => CSSObject | CSSObject[]\n"],"mappings":"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","names":["colors","css","customPropertyToken","size","applyEffect","customPropertyToken","dur","transition","customPropertyToken","dur","applyEffect","colors","px","notDisabledSelector","px","notDisabledSelector","css","outlineCss","px","size","px","px","size","px","spacingProperty","px","size","px","colors","css","jsx","theme"]}
package/dist/index.story.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../src/index.story.tsx"],"names":[],"mappings":"AACA,OAAe,EAAE,OAAO,EAAE,YAAY,EAAiB,MAAM,mBAAmB,CAAA;AAChF,OAAO,EAAe,SAAS,EAAwB,MAAM,GAAG,CAAA;AAEhE,OAAO,EAAE,OAAO,EAAW,MAAM,eAAe,CAAA;;;;AAEhD,wBAEC;AAED,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,UAAU;QAClB,GAAG,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CAAA;KACtD;CACF;AAED,OAAO,QAAQ,mBAAmB,CAAC;IACjC,UAAiB,YAAa,SAAQ,OAAO;KAAG;CACjD;AAID,eAAO,MAAM,OAAO,mBA8CnB,CAAA;AAED,eAAO,MAAM,YAAY,mBAkBxB,CAAA"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../src/index.story.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,OAAO,EAAE,YAAY,EAAiB,MAAM,mBAAmB,CAAA;AAChF,OAAO,EAAe,SAAS,EAAwB,MAAM,GAAG,CAAA;AAEhE,OAAO,EAAE,OAAO,EAAW,MAAM,eAAe,CAAA;;;;AAEhD,wBAEC;AAED,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,UAAU;QAClB,GAAG,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CAAA;KACtD;CACF;AAED,OAAO,QAAQ,mBAAmB,CAAC;IACjC,UAAiB,YAAa,SAAQ,OAAO;KAAG;CACjD;AAID,eAAO,MAAM,OAAO,mBA8CnB,CAAA;AAED,eAAO,MAAM,YAAY,mBAkBxB,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@charcoal-ui/styled",
3
- "version": "3.0.0-beta.2",
3
+ "version": "3.0.0-beta.3",
4
4
  "license": "Apache-2.0",
5
5
  "main": "./dist/index.cjs.js",
6
6
  "module": "./dist/index.esm.js",
@@ -32,13 +32,13 @@
32
32
  "typescript": "^4.9.5"
33
33
  },
34
34
  "dependencies": {
35
- "@charcoal-ui/foundation": "^3.0.0-beta.2",
36
- "@charcoal-ui/theme": "^3.0.0-beta.2",
37
- "@charcoal-ui/utils": "^3.0.0-beta.2",
35
+ "@charcoal-ui/foundation": "^3.0.0-beta.3",
36
+ "@charcoal-ui/theme": "^3.0.0-beta.3",
37
+ "@charcoal-ui/utils": "^3.0.0-beta.3",
38
38
  "warning": "^4.0.3"
39
39
  },
40
40
  "peerDependencies": {
41
- "react": ">=16.13.1",
41
+ "react": ">=17.0.0",
42
42
  "styled-components": ">=5.1.1"
43
43
  },
44
44
  "files": [
@@ -53,5 +53,5 @@
53
53
  "url": "https://github.com/pixiv/charcoal.git",
54
54
  "directory": "packages/styled"
55
55
  },
56
- "gitHead": "dbf33f97e67fc6eabc4283fa38ac9af0b89292f4"
56
+ "gitHead": "3d302a3e0becea0868d0f020c233ba68fa1d0974"
57
57
  }
package/src/SetThemeScript.tsx CHANGED
@@ -1,4 +1,3 @@
1
- import React from 'react'
2
1
  import {
3
2
  assertKeyString,
4
3
  DEFAULT_ROOT_ATTRIBUTE,
package/src/TokenInjector.tsx CHANGED
@@ -1,4 +1,3 @@
1
- import React from 'react'
2
1
  import { createGlobalStyle, css } from 'styled-components'
3
2
  import { CharcoalAbstractTheme } from '@charcoal-ui/theme'
4
3
  import { defineThemeVariables, withPrefixes } from './util'
package/src/index.story.tsx CHANGED
@@ -1,4 +1,3 @@
1
- import React from 'react'
2
1
  import styled, { CSSProp, DefaultTheme, ThemeProvider } from 'styled-components'
3
2
  import { createTheme, ThemeProp, defineThemeVariables } from '.'
4
3
  import { disabledSelector } from '@charcoal-ui/utils'
package/src/index.test.tsx CHANGED
@@ -1,7 +1,6 @@
1
1
  import { light } from '@charcoal-ui/theme'
2
2
  import 'jest-styled-components'
3
3
 
4
- import React from 'react'
5
4
  import renderder from 'react-test-renderer'
6
5
  import { ThemeProvider } from 'styled-components'
7
6
  import { Example, TailwindLike } from './index.story'