matsuri-ui 9.7.2-alpha.0

package/dist/esm/theme.js

@@ -0,0 +1,214 @@
+import { mergeDeep } from "./@utils/mergeDeep";
+import React, { createContext, useContext } from "react";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var defaultTheme = {
+  palette: {
+    intentions: {
+      primary: {
+        light: "#FFD8BD",
+        main: "#F46500",
+        dark: "#E63D00",
+        contrastText: "#FFF"
+      },
+      secondary: {
+        light: "#B1DADE",
+        main: "#419DA7",
+        dark: "#125E6E",
+        contrastText: "#FFF"
+      },
+      accent: {
+        light: "#C5D5E8",
+        main: "#0C58B1",
+        dark: "#033894",
+        contrastText: "#FFF"
+      },
+      success: {
+        light: "#c8e6c9",
+        main: "#66bb6a",
+        dark: "#338a3e",
+        contrastText: "#FFF"
+      },
+      info: {
+        light: "#bbdefb",
+        main: "#42a5f5",
+        dark: "#1976d2",
+        contrastText: "#FFF"
+      },
+      warning: {
+        light: "#ffecb3",
+        main: "#ffca28",
+        dark: "#ffa000",
+        contrastText: "#FFF"
+      },
+      error: {
+        light: "#FFCCD2",
+        main: "#D0021B",
+        dark: "#A30014",
+        contrastText: "#FFF"
+      }
+    },
+    gray: {
+      50: "#fafafa",
+      100: "#f5f5f5",
+      200: "#eeeeee",
+      300: "#e0e0e0",
+      400: "#bdbdbd",
+      500: "#9e9e9e",
+      600: "#757575",
+      700: "#616161",
+      800: "#424242",
+      900: "#212121"
+    },
+    text: {
+      primary: "rgba(0, 0, 0, 0.87)",
+      secondary: "rgba(0, 0, 0, 0.54)",
+      disabled: "rgba(0, 0, 0, 0.38)",
+      hint: "rgba(0, 0, 0, 0.38)"
+    },
+    background: {
+      paper: "#fff",
+      overlay: "#424242",
+      default: "#fafafa"
+    },
+    action: {
+      active: "rgba(0, 0, 0, 0.54)",
+      hover: "rgba(0, 0, 0, 0.08)",
+      hoverOpacity: 0.08,
+      selected: "rgba(0, 0, 0, 0.14)",
+      disabled: "rgba(0, 0, 0, 0.26)",
+      disabledBackground: "rgba(0, 0, 0, 0.12)"
+    }
+  },
+  spacing: 7,
+  breakpoints: {
+    xs: 0,
+    sm: 600,
+    md: 960,
+    lg: 1280,
+    xl: 1920
+  },
+  typography: {
+    h1: {
+      fontFamily: "\"Noto Sans\", \"Noto Sans JP\", sans-serif",
+      fontWeight: 300,
+      fontSize: 32,
+      lineHeight: 1,
+      letterSpacing: "-0.01562em",
+      fontSmoothing: "antialiased"
+    },
+    h2: {
+      fontFamily: "\"Noto Sans\", \"Noto Sans JP\", sans-serif",
+      fontWeight: 300,
+      fontSize: 24,
+      lineHeight: 1,
+      letterSpacing: "-0.00833em",
+      fontSmoothing: "antialiased"
+    },
+    h3: {
+      fontFamily: "\"Noto Sans\", \"Noto Sans JP\", sans-serif",
+      fontWeight: 400,
+      fontSize: 21,
+      lineHeight: 1.04,
+      letterSpacing: "0em",
+      fontSmoothing: "antialiased"
+    },
+    h4: {
+      fontFamily: "\"Noto Sans\", \"Noto Sans JP\", sans-serif",
+      fontWeight: 400,
+      fontSize: 18,
+      lineHeight: 1.17,
+      letterSpacing: "0.00735em",
+      fontSmoothing: "antialiased"
+    },
+    body: {
+      fontFamily: "\"Noto Sans\", \"Noto Sans JP\", sans-serif",
+      fontWeight: 400,
+      fontSize: 14,
+      lineHeight: 1.5,
+      letterSpacing: "0.00938em",
+      fontSmoothing: "antialiased"
+    },
+    button: {
+      fontFamily: "\"Noto Sans\", \"Noto Sans JP\", sans-serif",
+      fontWeight: 500,
+      fontSize: 16,
+      lineHeight: 1.75,
+      letterSpacing: "0.02857em",
+      fontSmoothing: "antialiased"
+    },
+    caption: {
+      fontFamily: "\"Noto Sans\", \"Noto Sans JP\", sans-serif",
+      fontWeight: 400,
+      fontSize: 12,
+      lineHeight: 1.66,
+      letterSpacing: "0.03333em",
+      fontSmoothing: "antialiased"
+    }
+  },
+  transitions: {
+    easing: {
+      easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+      easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
+      easeIn: "cubic-bezier(0.4, 0, 1, 1)",
+      sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
+    },
+    duration: {
+      shortest: "150ms",
+      shorter: "200ms",
+      short: "250ms",
+      standard: "300ms",
+      complex: "375ms",
+      enteringScreen: "225ms",
+      leavingScreen: "195ms"
+    }
+  },
+  shadows: ["none", "0px 1px 3px 0px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12)", "0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12)", "0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12)", "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)", "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)", "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)", "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)", "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)", "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)", "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)", "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)", "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)", "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)", "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)", "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)", "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)", "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)", "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)", "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)", "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)", "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)", "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)", "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)", "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)"],
+  zIndex: {
+    mobileStepper: 1000,
+    speedDial: 1050,
+    appBar: 1100,
+    drawer: 1200,
+    modal: 1300,
+    snackbar: 1400,
+    tooltip: 1500
+  }
+};
+var ThemeContext = /*#__PURE__*/createContext(defaultTheme);
+export var ThemeProvider = _ref => {
+  var {
+    theme,
+    children
+  } = _ref;
+  return ___EmotionJSX(ThemeContext.Provider, {
+    value: mergeDeep(defaultTheme, theme)
+  }, children);
+};
+export var useTheme = () => {
+  var theme = useContext(ThemeContext);
+  return theme;
+};
+export var usePalette = () => {
+  var theme = useTheme();
+  return theme.palette;
+};
+export var useSpacing = () => {
+  var theme = useTheme();
+  return theme.spacing;
+};
+export var useTypography = () => {
+  var theme = useTheme();
+  return theme.typography;
+};
+export var useBreakpoints = () => {
+  var theme = useTheme();
+  return theme.breakpoints;
+};
+export var useTransitions = () => {
+  var theme = useTheme();
+  return theme.transitions;
+};
+export var useShadows = () => {
+  var theme = useTheme();
+  return theme.shadows;
+};
+//# sourceMappingURL=theme.js.map

package/dist/esm/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme.tsx"],"names":["mergeDeep","React","createContext","useContext","defaultTheme","palette","intentions","primary","light","main","dark","contrastText","secondary","accent","success","info","warning","error","gray","text","disabled","hint","background","paper","overlay","default","action","active","hover","hoverOpacity","selected","disabledBackground","spacing","breakpoints","xs","sm","md","lg","xl","typography","h1","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","fontSmoothing","h2","h3","h4","body","button","caption","transitions","easing","easeInOut","easeOut","easeIn","sharp","duration","shortest","shorter","short","standard","complex","enteringScreen","leavingScreen","shadows","zIndex","mobileStepper","speedDial","appBar","drawer","modal","snackbar","tooltip","ThemeContext","ThemeProvider","theme","children","useTheme","usePalette","useSpacing","useTypography","useBreakpoints","useTransitions","useShadows"],"mappings":"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","sourcesContent":["import { DeepPartial } from \"./@typings/DeepPartial\"\nimport { mergeDeep } from \"./@utils/mergeDeep\"\nimport React, { createContext, useContext } from \"react\"\n\nexport interface CustomTheme {}\nexport interface Theme {\n    palette: {\n        intentions: {\n            primary: {\n                light: string\n                main: string\n                dark: string\n                contrastText: string\n            }\n            secondary: {\n                light: string\n                main: string\n                dark: string\n                contrastText: string\n            }\n            accent: {\n                light: string\n                main: string\n                dark: string\n                contrastText: string\n            }\n            success: {\n                light: string\n                main: string\n                dark: string\n                contrastText: string\n            }\n            info: {\n                light: string\n                main: string\n                dark: string\n                contrastText: string\n            }\n            warning: {\n                light: string\n                main: string\n                dark: string\n                contrastText: string\n            }\n            error: {\n                light: string\n                main: string\n                dark: string\n                contrastText: string\n            }\n        }\n        gray: {\n            50: string\n            100: string\n            200: string\n            300: string\n            400: string\n            500: string\n            600: string\n            700: string\n            800: string\n            900: string\n        }\n        text: {\n            primary: string\n            secondary: string\n            disabled: string\n            hint: string\n        }\n        background: {\n            paper: string\n            overlay: string\n            default: string\n        }\n        action: {\n            active: string\n            hover: string\n            hoverOpacity: number\n            selected: string\n            disabled: string\n            disabledBackground: string\n        }\n    }\n    spacing: 7\n    breakpoints: {\n        xs: 0\n        sm: 600\n        md: 960\n        lg: 1280\n        xl: 1920\n    }\n    typography: {\n        h1: {\n            fontFamily: string\n            fontWeight: number\n            fontSize: number\n            lineHeight: number\n            letterSpacing: string\n            fontSmoothing: string\n        }\n        h2: {\n            fontFamily: string\n            fontWeight: number\n            fontSize: number\n            lineHeight: number\n            letterSpacing: string\n            fontSmoothing: string\n        }\n        h3: {\n            fontFamily: string\n            fontWeight: number\n            fontSize: number\n            lineHeight: number\n            letterSpacing: string\n            fontSmoothing: string\n        }\n        h4: {\n            fontFamily: string\n            fontWeight: number\n            fontSize: number\n            lineHeight: number\n            letterSpacing: string\n            fontSmoothing: string\n        }\n        body: {\n            fontFamily: string\n            fontWeight: number\n            fontSize: number\n            lineHeight: number\n            letterSpacing: string\n            fontSmoothing: string\n        }\n        button: {\n            fontFamily: string\n            fontWeight: number\n            fontSize: number\n            lineHeight: number\n            letterSpacing: string\n            fontSmoothing: string\n        }\n        caption: {\n            fontFamily: string\n            fontWeight: number\n            fontSize: number\n            lineHeight: number\n            letterSpacing: string\n            fontSmoothing: string\n        }\n    }\n    transitions: {\n        easing: {\n            easeInOut: string\n            easeOut: string\n            easeIn: string\n            sharp: string\n        }\n        duration: {\n            shortest: string\n            shorter: string\n            short: string\n            standard: string\n            complex: string\n            enteringScreen: string\n            leavingScreen: string\n        }\n    }\n    shadows: string[]\n    zIndex: {\n        mobileStepper: number\n        speedDial: number\n        appBar: number\n        drawer: number\n        modal: number\n        snackbar: number\n        tooltip: number\n    }\n}\n\nexport const defaultTheme: Theme = {\n    palette: {\n        intentions: {\n            primary: {\n                light: \"#FFD8BD\",\n                main: \"#F46500\",\n                dark: \"#E63D00\",\n                contrastText: \"#FFF\"\n            },\n            secondary: {\n                light: \"#B1DADE\",\n                main: \"#419DA7\",\n                dark: \"#125E6E\",\n                contrastText: \"#FFF\"\n            },\n            accent: {\n                light: \"#C5D5E8\",\n                main: \"#0C58B1\",\n                dark: \"#033894\",\n                contrastText: \"#FFF\"\n            },\n            success: {\n                light: \"#c8e6c9\",\n                main: \"#66bb6a\",\n                dark: \"#338a3e\",\n                contrastText: \"#FFF\"\n            },\n            info: {\n                light: \"#bbdefb\",\n                main: \"#42a5f5\",\n                dark: \"#1976d2\",\n                contrastText: \"#FFF\"\n            },\n            warning: {\n                light: \"#ffecb3\",\n                main: \"#ffca28\",\n                dark: \"#ffa000\",\n                contrastText: \"#FFF\"\n            },\n            error: {\n                light: \"#FFCCD2\",\n                main: \"#D0021B\",\n                dark: \"#A30014\",\n                contrastText: \"#FFF\"\n            }\n        },\n        gray: {\n            50: \"#fafafa\",\n            100: \"#f5f5f5\",\n            200: \"#eeeeee\",\n            300: \"#e0e0e0\",\n            400: \"#bdbdbd\",\n            500: \"#9e9e9e\",\n            600: \"#757575\",\n            700: \"#616161\",\n            800: \"#424242\",\n            900: \"#212121\"\n        },\n        text: {\n            primary: \"rgba(0, 0, 0, 0.87)\",\n            secondary: \"rgba(0, 0, 0, 0.54)\",\n            disabled: \"rgba(0, 0, 0, 0.38)\",\n            hint: \"rgba(0, 0, 0, 0.38)\"\n        },\n        background: {\n            paper: \"#fff\",\n            overlay: \"#424242\",\n            default: \"#fafafa\"\n        },\n        action: {\n            active: \"rgba(0, 0, 0, 0.54)\",\n            hover: \"rgba(0, 0, 0, 0.08)\",\n            hoverOpacity: 0.08,\n            selected: \"rgba(0, 0, 0, 0.14)\",\n            disabled: \"rgba(0, 0, 0, 0.26)\",\n            disabledBackground: \"rgba(0, 0, 0, 0.12)\"\n        }\n    },\n    spacing: 7,\n    breakpoints: {\n        xs: 0,\n        sm: 600,\n        md: 960,\n        lg: 1280,\n        xl: 1920\n    },\n    typography: {\n        h1: {\n            fontFamily: `\"Noto Sans\", \"Noto Sans JP\", sans-serif`,\n            fontWeight: 300,\n            fontSize: 32,\n            lineHeight: 1,\n            letterSpacing: \"-0.01562em\",\n            fontSmoothing: \"antialiased\"\n        },\n        h2: {\n            fontFamily: `\"Noto Sans\", \"Noto Sans JP\", sans-serif`,\n            fontWeight: 300,\n            fontSize: 24,\n            lineHeight: 1,\n            letterSpacing: \"-0.00833em\",\n            fontSmoothing: \"antialiased\"\n        },\n        h3: {\n            fontFamily: `\"Noto Sans\", \"Noto Sans JP\", sans-serif`,\n            fontWeight: 400,\n            fontSize: 21,\n            lineHeight: 1.04,\n            letterSpacing: \"0em\",\n            fontSmoothing: \"antialiased\"\n        },\n        h4: {\n            fontFamily: `\"Noto Sans\", \"Noto Sans JP\", sans-serif`,\n            fontWeight: 400,\n            fontSize: 18,\n            lineHeight: 1.17,\n            letterSpacing: \"0.00735em\",\n            fontSmoothing: \"antialiased\"\n        },\n        body: {\n            fontFamily: `\"Noto Sans\", \"Noto Sans JP\", sans-serif`,\n            fontWeight: 400,\n            fontSize: 14,\n            lineHeight: 1.5,\n            letterSpacing: \"0.00938em\",\n            fontSmoothing: \"antialiased\"\n        },\n        button: {\n            fontFamily: `\"Noto Sans\", \"Noto Sans JP\", sans-serif`,\n            fontWeight: 500,\n            fontSize: 16,\n            lineHeight: 1.75,\n            letterSpacing: \"0.02857em\",\n            fontSmoothing: \"antialiased\"\n        },\n        caption: {\n            fontFamily: `\"Noto Sans\", \"Noto Sans JP\", sans-serif`,\n            fontWeight: 400,\n            fontSize: 12,\n            lineHeight: 1.66,\n            letterSpacing: \"0.03333em\",\n            fontSmoothing: \"antialiased\"\n        }\n    },\n    transitions: {\n        easing: {\n            easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n            easeOut: \"cubic-bezier(0.0, 0, 0.2, 1)\",\n            easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\n            sharp: \"cubic-bezier(0.4, 0, 0.6, 1)\"\n        },\n        duration: {\n            shortest: \"150ms\",\n            shorter: \"200ms\",\n            short: \"250ms\",\n            standard: \"300ms\",\n            complex: \"375ms\",\n            enteringScreen: \"225ms\",\n            leavingScreen: \"195ms\"\n        }\n    },\n    shadows: [\n        \"none\",\n        \"0px 1px 3px 0px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12)\",\n        \"0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12)\",\n        \"0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12)\",\n        \"0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)\",\n        \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)\",\n        \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)\",\n        \"0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)\",\n        \"0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)\",\n        \"0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)\",\n        \"0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)\",\n        \"0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)\",\n        \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)\",\n        \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)\",\n        \"0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)\",\n        \"0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)\",\n        \"0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)\",\n        \"0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)\",\n        \"0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)\",\n        \"0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)\",\n        \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)\",\n        \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)\",\n        \"0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)\",\n        \"0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)\",\n        \"0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)\"\n    ],\n    zIndex: {\n        mobileStepper: 1000,\n        speedDial: 1050,\n        appBar: 1100,\n        drawer: 1200,\n        modal: 1300,\n        snackbar: 1400,\n        tooltip: 1500\n    }\n}\n\nexport type DeepPartialTheme = DeepPartial<Theme & CustomTheme>\n\nexport interface ThemeProps {\n    theme: Theme\n}\nexport type Size = \"small\" | \"medium\" | \"large\"\nexport interface SizeProps {\n    /**\n     * 大きさを指定します。\n     *\n     * @default medium\n     */\n    size?: Size\n}\n\ntype PickInternsionsKey<B> = B extends {\n    palette: {\n        intentions: infer D\n    }\n}\n    ? keyof D\n    : never\nexport type Color = keyof Theme[\"palette\"][\"intentions\"] | PickInternsionsKey<CustomTheme>\n\nexport interface ColorProps {\n    /**\n     * 色を指定します。\n     *\n     * @default default\n     */\n    color: Color | \"default\"\n}\n\nexport interface PartialColorProps {\n    /**\n     * 色を指定します。\n     *\n     * @default default\n     */\n    color?: Color | \"default\"\n}\nexport interface SpacingProps {\n    /**\n     *\n     * @default undefined\n     */\n    spacing?: number | string\n}\n\nconst ThemeContext = createContext(defaultTheme as Theme & CustomTheme)\n\nexport const ThemeProvider: React.FC<{\n    theme: DeepPartial<Theme & CustomTheme>\n}> = ({ theme, children }) => {\n    return <ThemeContext.Provider value={mergeDeep(defaultTheme, theme)}>{children}</ThemeContext.Provider>\n}\n\nexport const useTheme = () => {\n    const theme = useContext(ThemeContext)\n    return theme\n}\n\nexport const usePalette = () => {\n    const theme = useTheme()\n    return theme.palette\n}\n\nexport const useSpacing = () => {\n    const theme = useTheme()\n    return theme.spacing\n}\n\nexport const useTypography = () => {\n    const theme = useTheme()\n    return theme.typography\n}\n\nexport const useBreakpoints = () => {\n    const theme = useTheme()\n    return theme.breakpoints\n}\n\nexport const useTransitions = () => {\n    const theme = useTheme()\n    return theme.transitions\n}\n\nexport const useShadows = () => {\n    const theme = useTheme()\n    return theme.shadows\n}\n"],"file":"theme.js"}

package/dist/types/@typings/DeepPartial.d.ts

@@ -0,0 +1,3 @@
+export declare type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends Array<infer U> ? Array<DeepPartial<U>> : T[P] extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : DeepPartial<T[P]>;
+};

package/dist/types/@utils/RelativeTimeFormat.d.ts

@@ -0,0 +1,25 @@
+export interface RelativeTimeFormatOptions {
+    /**
+     * The locale matching algorithm to use. Possible values are "lookup" and "best fit"
+     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#Locale_negotiation
+     * @default "best fit"
+     */
+    localeMatcher?: "lookup" | "best fit";
+    /**
+     * "always" (1 day ago), "auto" (yesterday). The "auto" value allows to not always have to use numeric values in the output.
+     * @default "always"
+     */
+    numeric?: "always" | "auto";
+    /**
+     * The length of the internationalized message.
+     * - "long" (default, e.g., in 1 month)
+     * - "short" (e.g., in 1 mo.),
+     * - "narrow" (e.g., in 1 mo.). The narrow style could be similar to the short style for some locales.
+     * @default "long"
+     */
+    style?: "long" | "short" | "narrow";
+}
+export declare const RelativeTimeFormat: (locale: string, options: object) => {
+    format(day: number, unit: string): string;
+    getRule(day: number, unit: string): string;
+};

package/dist/types/@utils/debounce.d.ts

@@ -0,0 +1,90 @@
+export interface DebouncedFunc<T extends (...args: any[]) => any> {
+    /**
+     * Call the original function, but applying the debounce rules.
+     *
+     * If the debounced function can be run immediately, this calls it and returns its return
+     * value.
+     *
+     * Otherwise, it returns the return value of the last invokation, or undefined if the debounced
+     * function was not invoked yet.
+     */
+    (...args: Parameters<T>): ReturnType<T> | undefined;
+    /**
+     * Throw away any pending invokation of the debounced function.
+     */
+    cancel(): void;
+    /**
+     * If there is a pending invokation of the debounced function, invoke it immediately and return
+     * its return value.
+     *
+     * Otherwise, return the value from the last invokation, or undefined if the debounced function
+     * was never invoked.
+     */
+    flush(): ReturnType<T> | undefined;
+}
+interface DebounceOptions {
+    maxWait?: number;
+    leading?: boolean;
+    trailing?: boolean;
+}
+/**
+ * Creates a debounced function that delays invoking `func` until after `wait`
+ * milliseconds have elapsed since the last time the debounced function was
+ * invoked, or until the next browser frame is drawn. The debounced function
+ * comes with a `cancel` method to cancel delayed `func` invocations and a
+ * `flush` method to immediately invoke them. Provide `options` to indicate
+ * whether `func` should be invoked on the leading and/or trailing edge of the
+ * `wait` timeout. The `func` is invoked with the last arguments provided to the
+ * debounced function. Subsequent calls to the debounced function return the
+ * result of the last `func` invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the debounced function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * If `wait` is omitted in an environment with `requestAnimationFrame`, `func`
+ * invocation will be deferred until the next frame is drawn (typically about
+ * 16ms).
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `debounce` and `throttle`.
+ *
+ * @param {Function} func The function to debounce.
+ * @param {number} [wait=0]
+ *  The number of milliseconds to delay; if omitted, `requestAnimationFrame` is
+ *  used (if available).
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=false]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {number} [options.maxWait]
+ *  The maximum time `func` is allowed to be delayed before it's invoked.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new debounced function.
+ * @example
+ *
+ * // Avoid costly calculations while the window size is in flux.
+ * window.addEventListener('resize', debounce(calculateLayout, 150))
+ *
+ * // Invoke `sendMail` when clicked, debouncing subsequent calls.
+ * element.addEventListener('click', debounce(sendMail, 300, {
+ *   'leading': true,
+ *   'trailing': false
+ * }))
+ *
+ * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+ * const debounced = debounce(batchLog, 250, { 'maxWait': 1000 })
+ * const source = new EventSource('/stream')
+ * source.addEventListener('message', debounced)
+ *
+ * // Cancel the trailing debounced invocation.
+ * window.addEventListener('popstate', debounced.cancel)
+ *
+ * // Check for pending invocations.
+ * const status = debounced.pending() ? "Pending..." : "Ready"
+ */
+export declare function debounce<T extends (...args: any) => any>(func: T, wait?: number, options?: DebounceOptions): DebouncedFunc<T>;
+export {};

package/dist/types/@utils/fetchAddress.d.ts

@@ -0,0 +1,8 @@
+export interface FetchAddressResponse {
+    zipCodeLeft: string;
+    zipCodeRight: string;
+    prefectureName?: string;
+    cityName?: string;
+    townName?: string;
+}
+export declare const fetchAddress: (zipCodeLeft: string, zipCodeRight: string) => Promise<FetchAddressResponse>;

package/dist/types/@utils/hexToRgba.d.ts

@@ -0,0 +1 @@
+export declare const hexToRgba: (hexCode: string, opacity: number) => string;

package/dist/types/@utils/index.d.ts

@@ -0,0 +1 @@
+export * from "./RelativeTimeFormat";

package/dist/types/@utils/intersection.d.ts

@@ -0,0 +1,8 @@
+interface Collection<T> {
+    [key: string]: T;
+}
+interface Intersection {
+    <T>(...objects: Collection<T>[]): Collection<T>;
+}
+declare const intersection: Intersection;
+export default intersection;

package/dist/types/@utils/isNumericString.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @category String
+ * @example
+ *
+ * isNumericString("009999")
+ * // => true
+ * isNumericString("0r39r999Hoge")
+ * // => false
+ * isNumericString("20E+10")
+ * // => false
+ */
+export declare const isNumericString: (value: string) => boolean;

package/dist/types/@utils/isObject.d.ts

@@ -0,0 +1 @@
+export declare function isObject(value: unknown): value is Object;

package/dist/types/@utils/makeLocaleString.d.ts

@@ -0,0 +1,5 @@
+export declare const makeLocaleString: <LocaleString extends {
+    [key: string]: {
+        [locale: string]: string;
+    };
+}>(localeString: LocaleString) => (locale: string) => { [key in keyof LocaleString]: string; };

package/dist/types/@utils/mergeDeep.d.ts

@@ -0,0 +1,2 @@
+import { DeepPartial } from "../@typings/DeepPartial";
+export declare const mergeDeep: <T extends object>(original: T, objects: DeepPartial<T>) => T;

package/dist/types/@utils/range.d.ts

@@ -0,0 +1 @@
+export declare const range: (...args: [number, number, number] | [number, number] | [number]) => number[];

package/dist/types/@utils/sleep.d.ts

@@ -0,0 +1 @@
+export declare const sleep: (msec: number) => Promise<unknown>;

package/dist/types/@utils/subordinateComponents.d.ts

@@ -0,0 +1,3 @@
+export declare const subordinateComponents: <T extends unknown, U extends {
+    [key: string]: any;
+}>(root: T, fragments: U) => T & U;

package/dist/types/@utils/tests/debounce.test.d.ts

@@ -0,0 +1 @@
+export declare function identity<T>(value: T): T;

package/dist/types/@utils/tests/fetchAddress.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/@utils/tests/mergeDeep.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/@utils/tests/mocks/fetchAddress.mock.d.ts

@@ -0,0 +1,12 @@
+declare const zipCodes: {
+    prefecture_jis_code: string;
+    city_jis_code: string;
+    zip_code: string;
+    prefecture_name_kana: string;
+    city_name_kana: string;
+    town_name_kana: string;
+    prefecture_name: string;
+    city_name: string;
+    town_name: string;
+}[];
+export default zipCodes;

package/dist/types/@utils/tests/range.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/Alert/Alert.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+export interface AlertOptions {
+    /**
+     * uniqueな文字列を入れてください。removeAlertを用いて任意のAlertを削除する場合に使用できます。
+     * 指定しない場合に任意の文字列が生成され、addAlertから取得できます。
+     */
+    id?: string;
+    /**
+     * 役割を表し、左側のアイコンと色を変更します。
+     * @default "success"
+     */
+    severity?: "error" | "success" | "warning";
+    /**
+     * トーストコンポーネントが消えるまでの時間(ms)を表します。
+     * 指定しない場合、自動では消えなくなります。
+     * @default "Infinity"
+     */
+    duration?: number;
+}
+export interface AlertProps extends AlertOptions {
+    message: React.ReactNode;
+}
+export declare const Alert: React.FC<AlertProps & {
+    id?: string;
+}>;
+export declare const alertPositions: readonly ["top-left", "top-center", "top-right", "bottom-left", "bottom-center", "bottom-right"];
+export declare type AlertPosition = typeof alertPositions[number];
+export declare const AlertProvider: React.FC<{
+    position?: AlertPosition;
+}>;
+export declare const useAlert: () => {
+    addAlert: (message: React.ReactNode, options: AlertOptions) => string;
+    removeAlert: (id: string) => void;
+};

package/dist/types/Alert/index.d.ts

@@ -0,0 +1 @@
+export * from "./Alert";

package/dist/types/AsComponentProps.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare type ElementType = React.ElementType;
+export declare type MergeElementProps<T extends ElementType, P extends object = {}> = Omit<JSX.LibraryManagedAttributes<T, React.ComponentPropsWithRef<T>>, keyof P> & P;
+export declare type AsComponentProps<E extends React.ReactType<any> = React.ElementType, Props extends object = {}> = MergeElementProps<E, Props> & {
+    as?: E;
+};
+export interface FakeAsComponent<D extends React.ElementType, P extends object> {
+    (props: MergeElementProps<D, P> & {
+        as?: never;
+    }, ref: any): JSX.Element;
+    <E extends ElementType>(props: E extends ElementType ? MergeElementProps<E, P> & {
+        as: E;
+    } : never, ref: any): JSX.Element;
+}

package/dist/types/Breadcrumbs/BreadcrumbSeparator.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export interface BreadcrumbSeparatorProps extends React.LiHTMLAttributes<HTMLLIElement> {
+}
+export declare const BreadcrumbSeparator: React.FC<BreadcrumbSeparatorProps>;

package/dist/types/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,6 @@
+import { BaseTypographyProps } from "../Typography";
+import React from "react";
+export interface BreadcrumbsProps extends Omit<BaseTypographyProps, "variant" | "align"> {
+    separator?: React.ReactNode;
+}
+export declare const Breadcrumbs: React.FC<BreadcrumbsProps>;

package/dist/types/Breadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Breadcrumbs";
+export * from "./BreadcrumbSeparator";

package/dist/types/Button/Button.d.ts

@@ -0,0 +1,36 @@
+import { AsComponentProps, FakeAsComponent } from "../AsComponentProps";
+import { PartialColorProps, SizeProps } from "../theme";
+import React from "react";
+export interface BaseButtonProps extends PartialColorProps, SizeProps {
+    children?: React.ReactNode;
+    /**
+     * ボタンの見た目を指定します。
+     *
+     * @default text
+     */
+    variant?: "filled" | "outlined" | "text";
+    /**
+     * Iconとして入れる要素を指定します。
+     *
+     * @default null
+     */
+    icon?: React.ReactNode;
+    /**
+     * ボタンに丸みをつけます
+     *
+     * @default false
+     */
+    rounded?: boolean;
+    /**
+     * 最大限幅を大きくします。
+     *
+     * @default false
+     */
+    fullWidth?: boolean;
+    /**
+     *
+     */
+    disabled?: boolean;
+}
+export declare type ButtonProps<E extends React.ElementType = "button"> = AsComponentProps<E, BaseButtonProps>;
+export declare const Button: FakeAsComponent<"button", BaseButtonProps>;

package/dist/types/Button/index.d.ts

@@ -0,0 +1 @@
+export * from "./Button";

package/dist/types/Calendar/Calendar.d.ts

@@ -0,0 +1,7 @@
+import { CalendarDaysInMonthProps } from "./CalendarDaysInMonth";
+import React from "react";
+export interface CalendarProps<T> extends CalendarDaysInMonthProps<T> {
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Calendar: <T extends unknown>({ className, style, renderCell, ...props }: CalendarProps<T>) => JSX.Element;

package/dist/types/Calendar/CalendarDay.d.ts

@@ -0,0 +1,16 @@
+import { PartialColorProps } from "../theme";
+import React from "react";
+import dayjs from "dayjs";
+export interface CalendarDayProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color">, PartialColorProps {
+    date: dayjs.ConfigType;
+    hasChildren?: boolean;
+    disableAnimation?: boolean;
+    disabled?: boolean;
+    variant?: "filled" | "outlined";
+    event?: {
+        start: dayjs.ConfigType;
+        end: dayjs.ConfigType;
+        type: string;
+    };
+}
+export declare const CalendarDay: React.FC<CalendarDayProps>;

package/dist/types/Calendar/CalendarDayEvent.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import dayjs from "dayjs";
+interface CalendarDayEventProps extends React.HTMLAttributes<HTMLDivElement> {
+    start: dayjs.Dayjs;
+    end: dayjs.Dayjs;
+    date: dayjs.Dayjs;
+}
+export declare const CalendarDayEvent: React.FC<CalendarDayEventProps>;
+export {};