@new_york_style/project-template-ui 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 NewYorkStyle
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.mts

@@ -0,0 +1,77 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as antd from 'antd';
+import { ButtonProps, DividerProps, FlexProps, InputProps } from 'antd';
+import * as antd_es_input_OTP from 'antd/es/input/OTP';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as antd_es_input_TextArea from 'antd/es/input/TextArea';
+import * as antd_es_input from 'antd/es/input';
+
+type TProps$3 = ButtonProps;
+declare const Button: (props: TProps$3) => react_jsx_runtime.JSX.Element;
+
+type TProps$2 = DividerProps;
+declare const Divider: (props: TProps$2) => react_jsx_runtime.JSX.Element;
+
+type TProps$1 = FlexProps;
+declare const Flex: (props: TProps$1) => react_jsx_runtime.JSX.Element;
+
+type TProps = InputProps;
+declare const Input: {
+    (props: TProps): react_jsx_runtime.JSX.Element;
+    TextArea: react.ForwardRefExoticComponent<antd_es_input.TextAreaProps & react.RefAttributes<antd_es_input_TextArea.TextAreaRef>>;
+    Search: react.ForwardRefExoticComponent<antd_es_input.SearchProps & react.RefAttributes<antd.InputRef>>;
+    Password: react.ForwardRefExoticComponent<antd_es_input.PasswordProps & react.RefAttributes<antd.InputRef>>;
+    OTP: react.ForwardRefExoticComponent<antd_es_input_OTP.OTPProps & react.RefAttributes<antd_es_input_OTP.OTPRef>>;
+};
+
+type TDesignTokens = {
+    colors: {
+        textPrimary: string;
+        textSecondary: string;
+        textDisabled: string;
+        backgroundPrimary: string;
+        backgroundSecondary: string;
+        backgroundElevated: string;
+        borderPrimary: string;
+        borderSecondary: string;
+        accentPrimary: string;
+        accentHover: string;
+        accentActive: string;
+    };
+    spacing: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    borderRadius: {
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    textSize: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+    breakpoints: {
+        phone: number;
+        tablet: number;
+        tabletLg: number;
+        desktop: number;
+        desktopLg: number;
+        desktopXl: number;
+    };
+};
+declare const designTokens: TDesignTokens;
+
+type TUiProviderProps = {
+    children: ReactNode;
+    tokens?: Partial<TDesignTokens>;
+};
+declare const UiProvider: ({ children, tokens }: TUiProviderProps) => react_jsx_runtime.JSX.Element;
+
+export { Button, Divider, Flex, Input, type TDesignTokens, type TUiProviderProps, UiProvider, designTokens };

package/dist/index.d.ts

@@ -0,0 +1,77 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as antd from 'antd';
+import { ButtonProps, DividerProps, FlexProps, InputProps } from 'antd';
+import * as antd_es_input_OTP from 'antd/es/input/OTP';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import * as antd_es_input_TextArea from 'antd/es/input/TextArea';
+import * as antd_es_input from 'antd/es/input';
+
+type TProps$3 = ButtonProps;
+declare const Button: (props: TProps$3) => react_jsx_runtime.JSX.Element;
+
+type TProps$2 = DividerProps;
+declare const Divider: (props: TProps$2) => react_jsx_runtime.JSX.Element;
+
+type TProps$1 = FlexProps;
+declare const Flex: (props: TProps$1) => react_jsx_runtime.JSX.Element;
+
+type TProps = InputProps;
+declare const Input: {
+    (props: TProps): react_jsx_runtime.JSX.Element;
+    TextArea: react.ForwardRefExoticComponent<antd_es_input.TextAreaProps & react.RefAttributes<antd_es_input_TextArea.TextAreaRef>>;
+    Search: react.ForwardRefExoticComponent<antd_es_input.SearchProps & react.RefAttributes<antd.InputRef>>;
+    Password: react.ForwardRefExoticComponent<antd_es_input.PasswordProps & react.RefAttributes<antd.InputRef>>;
+    OTP: react.ForwardRefExoticComponent<antd_es_input_OTP.OTPProps & react.RefAttributes<antd_es_input_OTP.OTPRef>>;
+};
+
+type TDesignTokens = {
+    colors: {
+        textPrimary: string;
+        textSecondary: string;
+        textDisabled: string;
+        backgroundPrimary: string;
+        backgroundSecondary: string;
+        backgroundElevated: string;
+        borderPrimary: string;
+        borderSecondary: string;
+        accentPrimary: string;
+        accentHover: string;
+        accentActive: string;
+    };
+    spacing: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    borderRadius: {
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    textSize: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+    breakpoints: {
+        phone: number;
+        tablet: number;
+        tabletLg: number;
+        desktop: number;
+        desktopLg: number;
+        desktopXl: number;
+    };
+};
+declare const designTokens: TDesignTokens;
+
+type TUiProviderProps = {
+    children: ReactNode;
+    tokens?: Partial<TDesignTokens>;
+};
+declare const UiProvider: ({ children, tokens }: TUiProviderProps) => react_jsx_runtime.JSX.Element;
+
+export { Button, Divider, Flex, Input, type TDesignTokens, type TUiProviderProps, UiProvider, designTokens };

package/dist/index.js

@@ -0,0 +1,202 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Button: () => Button,
+  Divider: () => Divider,
+  Flex: () => Flex,
+  Input: () => Input,
+  UiProvider: () => UiProvider,
+  designTokens: () => designTokens
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/button/button.tsx
+var import_antd = require("antd");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Button = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { ...props });
+};
+
+// src/components/divider/divider.tsx
+var import_antd2 = require("antd");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Divider = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_antd2.Divider, { ...props });
+};
+
+// src/components/flex/flex.tsx
+var import_antd3 = require("antd");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Flex = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_antd3.Flex, { ...props });
+};
+
+// src/components/input/input.tsx
+var import_antd4 = require("antd");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var {
+  OTP: AntdOTP,
+  Password: AntdPassword,
+  Search: AntdSearch,
+  TextArea: AntdTextArea
+} = import_antd4.Input;
+var Input = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_antd4.Input, { ...props });
+};
+Input.TextArea = AntdTextArea;
+Input.Search = AntdSearch;
+Input.Password = AntdPassword;
+Input.OTP = AntdOTP;
+
+// src/theme/design-tokens.ts
+var designTokens = {
+  borderRadius: {
+    sm: 8,
+    md: 12,
+    lg: 16
+  },
+  breakpoints: {
+    phone: 480,
+    tablet: 768,
+    tabletLg: 1024,
+    desktop: 1280,
+    desktopLg: 1440,
+    desktopXl: 1920
+  },
+  colors: {
+    textPrimary: "#000000",
+    textSecondary: "#6B6B6B",
+    textDisabled: "#A4A6A8",
+    backgroundPrimary: "#CBCBCB",
+    backgroundSecondary: "#D9D9DC",
+    backgroundElevated: "#FFFFFF",
+    borderPrimary: "#C1C0C0",
+    borderSecondary: "#E0E0E0",
+    accentPrimary: "#4594D1",
+    accentHover: "#5AA3DB",
+    accentActive: "#2F7AB8"
+  },
+  spacing: {
+    xs: 4,
+    sm: 8,
+    md: 16,
+    lg: 24
+  },
+  textSize: {
+    xs: 12,
+    sm: 14,
+    md: 16,
+    lg: 24,
+    xl: 36
+  }
+};
+
+// src/theme/ui-provider.tsx
+var import_react = require("react");
+var import_antd5 = require("antd");
+
+// src/theme/get-antd-tokens.ts
+var getAntdThemeConfig = (tokens = designTokens) => {
+  const palette = tokens.colors;
+  return {
+    components: {
+      Button: {
+        dangerShadow: "none",
+        defaultShadow: "none",
+        primaryShadow: "none"
+      },
+      Divider: {
+        colorSplit: palette.borderPrimary
+      },
+      Layout: {
+        headerBg: palette.backgroundPrimary,
+        headerPadding: tokens.spacing.md,
+        triggerBg: "transparent"
+      },
+      Select: {
+        optionSelectedBg: palette.accentPrimary,
+        optionSelectedFontWeight: "normal"
+      },
+      Typography: {
+        fontSize: tokens.textSize.md,
+        fontSizeHeading1: tokens.textSize.xl
+      }
+    },
+    token: {
+      borderRadius: tokens.borderRadius.md,
+      colorBgBase: palette.backgroundPrimary,
+      colorBgContainer: palette.backgroundSecondary,
+      colorTextBase: palette.textPrimary,
+      colorTextPlaceholder: palette.textSecondary,
+      fontFamily: "'Franklin Gothic Medium', 'Arial Narrow',\n  Arial,\n  sans-serif;",
+      fontSize: tokens.textSize.md
+    }
+  };
+};
+
+// src/theme/ui-provider.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var mergeTokens = (overrides) => {
+  if (!overrides) {
+    return designTokens;
+  }
+  return {
+    colors: {
+      ...designTokens.colors,
+      ...overrides.colors ?? {}
+    },
+    spacing: {
+      ...designTokens.spacing,
+      ...overrides.spacing ?? {}
+    },
+    borderRadius: {
+      ...designTokens.borderRadius,
+      ...overrides.borderRadius ?? {}
+    },
+    textSize: {
+      ...designTokens.textSize,
+      ...overrides.textSize ?? {}
+    },
+    breakpoints: {
+      ...designTokens.breakpoints,
+      ...overrides.breakpoints ?? {}
+    }
+  };
+};
+var UiProvider = ({ children, tokens }) => {
+  const mergedTokens = (0, import_react.useMemo)(() => mergeTokens(tokens), [tokens]);
+  const antdTheme = (0, import_react.useMemo)(
+    () => getAntdThemeConfig(mergedTokens),
+    [mergedTokens]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_antd5.ConfigProvider, { theme: antdTheme, children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  Divider,
+  Flex,
+  Input,
+  UiProvider,
+  designTokens
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/components/button/button.tsx","../src/components/divider/divider.tsx","../src/components/flex/flex.tsx","../src/components/input/input.tsx","../src/theme/design-tokens.ts","../src/theme/ui-provider.tsx","../src/theme/get-antd-tokens.ts"],"sourcesContent":["export * from './components/button';\nexport * from './components/divider';\nexport * from './components/flex';\nexport * from './components/input';\nexport * from './theme';\n","import {Button as AntdButton, type ButtonProps} from 'antd';\n\ntype TProps = ButtonProps;\n\nexport const Button = (props: TProps) => {\n  return <AntdButton {...props} />;\n};\n","import {Divider as AntdDivider, type DividerProps} from 'antd';\n\ntype TProps = DividerProps;\n\nexport const Divider = (props: TProps) => {\n  return <AntdDivider {...props} />;\n};\n","import {Flex as AntdFlex, type FlexProps} from 'antd';\n\ntype TProps = FlexProps;\n\nexport const Flex = (props: TProps) => {\n  return <AntdFlex {...props} />;\n};\n","import {Input as AntdInput, type InputProps} from 'antd';\n\ntype TProps = InputProps;\n\nconst {\n  OTP: AntdOTP,\n  Password: AntdPassword,\n  Search: AntdSearch,\n  TextArea: AntdTextArea,\n} = AntdInput;\n\nexport const Input = (props: TProps) => {\n  return <AntdInput {...props} />;\n};\n\nInput.TextArea = AntdTextArea;\nInput.Search = AntdSearch;\nInput.Password = AntdPassword;\nInput.OTP = AntdOTP;\n","export type TDesignTokens = {\n  colors: {\n    textPrimary: string;\n    textSecondary: string;\n    textDisabled: string;\n\n    backgroundPrimary: string;\n    backgroundSecondary: string;\n    backgroundElevated: string;\n\n    borderPrimary: string;\n    borderSecondary: string;\n\n    accentPrimary: string;\n    accentHover: string;\n    accentActive: string;\n  };\n  spacing: {\n    xs: number;\n    sm: number;\n    md: number;\n    lg: number;\n  };\n  borderRadius: {\n    sm: number;\n    md: number;\n    lg: number;\n  };\n  textSize: {\n    xs: number;\n    sm: number;\n    md: number;\n    lg: number;\n    xl: number;\n  };\n  breakpoints: {\n    phone: number;\n    tablet: number;\n    tabletLg: number;\n    desktop: number;\n    desktopLg: number;\n    desktopXl: number;\n  };\n};\n\nexport const designTokens: TDesignTokens = {\n  borderRadius: {\n    sm: 8,\n    md: 12,\n    lg: 16,\n  },\n  breakpoints: {\n    phone: 480,\n    tablet: 768,\n    tabletLg: 1024,\n    desktop: 1280,\n    desktopLg: 1440,\n    desktopXl: 1920,\n  },\n  colors: {\n    textPrimary: '#000000',\n    textSecondary: '#6B6B6B',\n    textDisabled: '#A4A6A8',\n\n    backgroundPrimary: '#CBCBCB',\n    backgroundSecondary: '#D9D9DC',\n    backgroundElevated: '#FFFFFF',\n\n    borderPrimary: '#C1C0C0',\n    borderSecondary: '#E0E0E0',\n\n    accentPrimary: '#4594D1',\n    accentHover: '#5AA3DB',\n    accentActive: '#2F7AB8',\n  },\n  spacing: {\n    xs: 4,\n    sm: 8,\n    md: 16,\n    lg: 24,\n  },\n  textSize: {\n    xs: 12,\n    sm: 14,\n    md: 16,\n    lg: 24,\n    xl: 36,\n  },\n};\n","import {type ReactNode, useMemo} from 'react';\n\nimport {ConfigProvider} from 'antd';\n\nimport {designTokens, type TDesignTokens} from './design-tokens';\nimport {getAntdThemeConfig} from './get-antd-tokens';\n\nexport type TUiProviderProps = {\n  children: ReactNode;\n  tokens?: Partial<TDesignTokens>;\n};\n\nconst mergeTokens = (overrides?: Partial<TDesignTokens>): TDesignTokens => {\n  if (!overrides) {\n    return designTokens;\n  }\n\n  return {\n    colors: {\n      ...designTokens.colors,\n      ...(overrides.colors ?? {}),\n    },\n    spacing: {\n      ...designTokens.spacing,\n      ...(overrides.spacing ?? {}),\n    },\n    borderRadius: {\n      ...designTokens.borderRadius,\n      ...(overrides.borderRadius ?? {}),\n    },\n    textSize: {\n      ...designTokens.textSize,\n      ...(overrides.textSize ?? {}),\n    },\n    breakpoints: {\n      ...designTokens.breakpoints,\n      ...(overrides.breakpoints ?? {}),\n    },\n  };\n};\n\nexport const UiProvider = ({children, tokens}: TUiProviderProps) => {\n  const mergedTokens = useMemo(() => mergeTokens(tokens), [tokens]);\n\n  const antdTheme = useMemo(\n    () => getAntdThemeConfig(mergedTokens),\n    [mergedTokens]\n  );\n\n  return <ConfigProvider theme={antdTheme}>{children}</ConfigProvider>;\n};\n","import type {ThemeConfig} from 'antd';\n\nimport {designTokens, type TDesignTokens} from './design-tokens';\n\nexport const getAntdThemeConfig = (\n  tokens: TDesignTokens = designTokens\n): ThemeConfig => {\n  const palette = tokens.colors;\n\n  return {\n    components: {\n      Button: {\n        dangerShadow: 'none',\n        defaultShadow: 'none',\n        primaryShadow: 'none',\n      },\n      Divider: {\n        colorSplit: palette.borderPrimary,\n      },\n      Layout: {\n        headerBg: palette.backgroundPrimary,\n        headerPadding: tokens.spacing.md,\n        triggerBg: 'transparent',\n      },\n      Select: {\n        optionSelectedBg: palette.accentPrimary,\n        optionSelectedFontWeight: 'normal',\n      },\n      Typography: {\n        fontSize: tokens.textSize.md,\n        fontSizeHeading1: tokens.textSize.xl,\n      },\n    },\n    token: {\n      borderRadius: tokens.borderRadius.md,\n      colorBgBase: palette.backgroundPrimary,\n      colorBgContainer: palette.backgroundSecondary,\n      colorTextBase: palette.textPrimary,\n      colorTextPlaceholder: palette.textSecondary,\n      fontFamily:\n        \"'Franklin Gothic Medium', 'Arial Narrow',\\n  Arial,\\n  sans-serif;\",\n      fontSize: tokens.textSize.md,\n    },\n  };\n};\n"],"mappings":"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","names":["AntdButton","import_antd","import_jsx_runtime","AntdDivider","import_antd","import_jsx_runtime","AntdFlex","import_antd","import_jsx_runtime","AntdInput","import_antd","import_jsx_runtime"]}

package/dist/index.mjs

@@ -0,0 +1,170 @@
+// src/components/button/button.tsx
+import { Button as AntdButton } from "antd";
+import { jsx } from "react/jsx-runtime";
+var Button = (props) => {
+  return /* @__PURE__ */ jsx(AntdButton, { ...props });
+};
+
+// src/components/divider/divider.tsx
+import { Divider as AntdDivider } from "antd";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Divider = (props) => {
+  return /* @__PURE__ */ jsx2(AntdDivider, { ...props });
+};
+
+// src/components/flex/flex.tsx
+import { Flex as AntdFlex } from "antd";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Flex = (props) => {
+  return /* @__PURE__ */ jsx3(AntdFlex, { ...props });
+};
+
+// src/components/input/input.tsx
+import { Input as AntdInput } from "antd";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var {
+  OTP: AntdOTP,
+  Password: AntdPassword,
+  Search: AntdSearch,
+  TextArea: AntdTextArea
+} = AntdInput;
+var Input = (props) => {
+  return /* @__PURE__ */ jsx4(AntdInput, { ...props });
+};
+Input.TextArea = AntdTextArea;
+Input.Search = AntdSearch;
+Input.Password = AntdPassword;
+Input.OTP = AntdOTP;
+
+// src/theme/design-tokens.ts
+var designTokens = {
+  borderRadius: {
+    sm: 8,
+    md: 12,
+    lg: 16
+  },
+  breakpoints: {
+    phone: 480,
+    tablet: 768,
+    tabletLg: 1024,
+    desktop: 1280,
+    desktopLg: 1440,
+    desktopXl: 1920
+  },
+  colors: {
+    textPrimary: "#000000",
+    textSecondary: "#6B6B6B",
+    textDisabled: "#A4A6A8",
+    backgroundPrimary: "#CBCBCB",
+    backgroundSecondary: "#D9D9DC",
+    backgroundElevated: "#FFFFFF",
+    borderPrimary: "#C1C0C0",
+    borderSecondary: "#E0E0E0",
+    accentPrimary: "#4594D1",
+    accentHover: "#5AA3DB",
+    accentActive: "#2F7AB8"
+  },
+  spacing: {
+    xs: 4,
+    sm: 8,
+    md: 16,
+    lg: 24
+  },
+  textSize: {
+    xs: 12,
+    sm: 14,
+    md: 16,
+    lg: 24,
+    xl: 36
+  }
+};
+
+// src/theme/ui-provider.tsx
+import { useMemo } from "react";
+import { ConfigProvider } from "antd";
+
+// src/theme/get-antd-tokens.ts
+var getAntdThemeConfig = (tokens = designTokens) => {
+  const palette = tokens.colors;
+  return {
+    components: {
+      Button: {
+        dangerShadow: "none",
+        defaultShadow: "none",
+        primaryShadow: "none"
+      },
+      Divider: {
+        colorSplit: palette.borderPrimary
+      },
+      Layout: {
+        headerBg: palette.backgroundPrimary,
+        headerPadding: tokens.spacing.md,
+        triggerBg: "transparent"
+      },
+      Select: {
+        optionSelectedBg: palette.accentPrimary,
+        optionSelectedFontWeight: "normal"
+      },
+      Typography: {
+        fontSize: tokens.textSize.md,
+        fontSizeHeading1: tokens.textSize.xl
+      }
+    },
+    token: {
+      borderRadius: tokens.borderRadius.md,
+      colorBgBase: palette.backgroundPrimary,
+      colorBgContainer: palette.backgroundSecondary,
+      colorTextBase: palette.textPrimary,
+      colorTextPlaceholder: palette.textSecondary,
+      fontFamily: "'Franklin Gothic Medium', 'Arial Narrow',\n  Arial,\n  sans-serif;",
+      fontSize: tokens.textSize.md
+    }
+  };
+};
+
+// src/theme/ui-provider.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var mergeTokens = (overrides) => {
+  if (!overrides) {
+    return designTokens;
+  }
+  return {
+    colors: {
+      ...designTokens.colors,
+      ...overrides.colors ?? {}
+    },
+    spacing: {
+      ...designTokens.spacing,
+      ...overrides.spacing ?? {}
+    },
+    borderRadius: {
+      ...designTokens.borderRadius,
+      ...overrides.borderRadius ?? {}
+    },
+    textSize: {
+      ...designTokens.textSize,
+      ...overrides.textSize ?? {}
+    },
+    breakpoints: {
+      ...designTokens.breakpoints,
+      ...overrides.breakpoints ?? {}
+    }
+  };
+};
+var UiProvider = ({ children, tokens }) => {
+  const mergedTokens = useMemo(() => mergeTokens(tokens), [tokens]);
+  const antdTheme = useMemo(
+    () => getAntdThemeConfig(mergedTokens),
+    [mergedTokens]
+  );
+  return /* @__PURE__ */ jsx5(ConfigProvider, { theme: antdTheme, children });
+};
+export {
+  Button,
+  Divider,
+  Flex,
+  Input,
+  UiProvider,
+  designTokens
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button/button.tsx","../src/components/divider/divider.tsx","../src/components/flex/flex.tsx","../src/components/input/input.tsx","../src/theme/design-tokens.ts","../src/theme/ui-provider.tsx","../src/theme/get-antd-tokens.ts"],"sourcesContent":["import {Button as AntdButton, type ButtonProps} from 'antd';\n\ntype TProps = ButtonProps;\n\nexport const Button = (props: TProps) => {\n  return <AntdButton {...props} />;\n};\n","import {Divider as AntdDivider, type DividerProps} from 'antd';\n\ntype TProps = DividerProps;\n\nexport const Divider = (props: TProps) => {\n  return <AntdDivider {...props} />;\n};\n","import {Flex as AntdFlex, type FlexProps} from 'antd';\n\ntype TProps = FlexProps;\n\nexport const Flex = (props: TProps) => {\n  return <AntdFlex {...props} />;\n};\n","import {Input as AntdInput, type InputProps} from 'antd';\n\ntype TProps = InputProps;\n\nconst {\n  OTP: AntdOTP,\n  Password: AntdPassword,\n  Search: AntdSearch,\n  TextArea: AntdTextArea,\n} = AntdInput;\n\nexport const Input = (props: TProps) => {\n  return <AntdInput {...props} />;\n};\n\nInput.TextArea = AntdTextArea;\nInput.Search = AntdSearch;\nInput.Password = AntdPassword;\nInput.OTP = AntdOTP;\n","export type TDesignTokens = {\n  colors: {\n    textPrimary: string;\n    textSecondary: string;\n    textDisabled: string;\n\n    backgroundPrimary: string;\n    backgroundSecondary: string;\n    backgroundElevated: string;\n\n    borderPrimary: string;\n    borderSecondary: string;\n\n    accentPrimary: string;\n    accentHover: string;\n    accentActive: string;\n  };\n  spacing: {\n    xs: number;\n    sm: number;\n    md: number;\n    lg: number;\n  };\n  borderRadius: {\n    sm: number;\n    md: number;\n    lg: number;\n  };\n  textSize: {\n    xs: number;\n    sm: number;\n    md: number;\n    lg: number;\n    xl: number;\n  };\n  breakpoints: {\n    phone: number;\n    tablet: number;\n    tabletLg: number;\n    desktop: number;\n    desktopLg: number;\n    desktopXl: number;\n  };\n};\n\nexport const designTokens: TDesignTokens = {\n  borderRadius: {\n    sm: 8,\n    md: 12,\n    lg: 16,\n  },\n  breakpoints: {\n    phone: 480,\n    tablet: 768,\n    tabletLg: 1024,\n    desktop: 1280,\n    desktopLg: 1440,\n    desktopXl: 1920,\n  },\n  colors: {\n    textPrimary: '#000000',\n    textSecondary: '#6B6B6B',\n    textDisabled: '#A4A6A8',\n\n    backgroundPrimary: '#CBCBCB',\n    backgroundSecondary: '#D9D9DC',\n    backgroundElevated: '#FFFFFF',\n\n    borderPrimary: '#C1C0C0',\n    borderSecondary: '#E0E0E0',\n\n    accentPrimary: '#4594D1',\n    accentHover: '#5AA3DB',\n    accentActive: '#2F7AB8',\n  },\n  spacing: {\n    xs: 4,\n    sm: 8,\n    md: 16,\n    lg: 24,\n  },\n  textSize: {\n    xs: 12,\n    sm: 14,\n    md: 16,\n    lg: 24,\n    xl: 36,\n  },\n};\n","import {type ReactNode, useMemo} from 'react';\n\nimport {ConfigProvider} from 'antd';\n\nimport {designTokens, type TDesignTokens} from './design-tokens';\nimport {getAntdThemeConfig} from './get-antd-tokens';\n\nexport type TUiProviderProps = {\n  children: ReactNode;\n  tokens?: Partial<TDesignTokens>;\n};\n\nconst mergeTokens = (overrides?: Partial<TDesignTokens>): TDesignTokens => {\n  if (!overrides) {\n    return designTokens;\n  }\n\n  return {\n    colors: {\n      ...designTokens.colors,\n      ...(overrides.colors ?? {}),\n    },\n    spacing: {\n      ...designTokens.spacing,\n      ...(overrides.spacing ?? {}),\n    },\n    borderRadius: {\n      ...designTokens.borderRadius,\n      ...(overrides.borderRadius ?? {}),\n    },\n    textSize: {\n      ...designTokens.textSize,\n      ...(overrides.textSize ?? {}),\n    },\n    breakpoints: {\n      ...designTokens.breakpoints,\n      ...(overrides.breakpoints ?? {}),\n    },\n  };\n};\n\nexport const UiProvider = ({children, tokens}: TUiProviderProps) => {\n  const mergedTokens = useMemo(() => mergeTokens(tokens), [tokens]);\n\n  const antdTheme = useMemo(\n    () => getAntdThemeConfig(mergedTokens),\n    [mergedTokens]\n  );\n\n  return <ConfigProvider theme={antdTheme}>{children}</ConfigProvider>;\n};\n","import type {ThemeConfig} from 'antd';\n\nimport {designTokens, type TDesignTokens} from './design-tokens';\n\nexport const getAntdThemeConfig = (\n  tokens: TDesignTokens = designTokens\n): ThemeConfig => {\n  const palette = tokens.colors;\n\n  return {\n    components: {\n      Button: {\n        dangerShadow: 'none',\n        defaultShadow: 'none',\n        primaryShadow: 'none',\n      },\n      Divider: {\n        colorSplit: palette.borderPrimary,\n      },\n      Layout: {\n        headerBg: palette.backgroundPrimary,\n        headerPadding: tokens.spacing.md,\n        triggerBg: 'transparent',\n      },\n      Select: {\n        optionSelectedBg: palette.accentPrimary,\n        optionSelectedFontWeight: 'normal',\n      },\n      Typography: {\n        fontSize: tokens.textSize.md,\n        fontSizeHeading1: tokens.textSize.xl,\n      },\n    },\n    token: {\n      borderRadius: tokens.borderRadius.md,\n      colorBgBase: palette.backgroundPrimary,\n      colorBgContainer: palette.backgroundSecondary,\n      colorTextBase: palette.textPrimary,\n      colorTextPlaceholder: palette.textSecondary,\n      fontFamily:\n        \"'Franklin Gothic Medium', 'Arial Narrow',\\n  Arial,\\n  sans-serif;\",\n      fontSize: tokens.textSize.md,\n    },\n  };\n};\n"],"mappings":"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","names":["jsx","jsx","jsx","jsx"]}

package/package.json

@@ -0,0 +1,100 @@
+{
+  "name": "@new_york_style/project-template-ui",
+  "version": "1.0.0",
+  "description": "React UI Kit for Project Template",
+  "license": "MIT",
+  "private": false,
+  "scripts": {
+    "build": "tsup",
+    "test": "jest",
+    "test:coverage": "jest --coverage",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "semantic-release": "semantic-release",
+    "semantic-release:dry-run": "semantic-release --dry-run",
+    "prepare": "husky install",
+    "prettier:check": "prettier --check \"**/*.{ts,tsx,js,md,mdx,css,yaml}\"",
+    "prettier:format": "prettier --write \"**/*.{ts,tsx,js,md,mdx,css,yaml}\""
+  },
+  "lint-staged": {
+    "*.{ts,tsx,js,jsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{json,md,yml,yaml,css,scss}": [
+      "prettier --write"
+    ]
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/NewYorkStyle/project-template-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/NewYorkStyle/project-template-ui/issues"
+  },
+  "homepage": "https://newyorkstyle.github.io/project-template-ui/",
+  "peerDependencies": {
+    "antd": "^6",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
+  },
+  "devDependencies": {
+    "@eslint/js": "9.39.3",
+    "@semantic-release/changelog": "6.0.3",
+    "@semantic-release/git": "10.0.1",
+    "@semantic-release/github": "11.0.6",
+    "@semantic-release/npm": "12.0.2",
+    "@storybook/addon-a11y": "10.2.12",
+    "@storybook/addon-docs": "10.2.12",
+    "@storybook/addon-webpack5-compiler-swc": "4.0.2",
+    "@storybook/react-webpack5": "10.2.12",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.2",
+    "@testing-library/user-event": "14.6.1",
+    "@types/jest": "30.0.0",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "@typescript-eslint/eslint-plugin": "8.56.1",
+    "@typescript-eslint/parser": "8.56.1",
+    "antd": "6",
+    "conventional-changelog-conventionalcommits": "9.1.0",
+    "css-loader": "6.8.1",
+    "eslint": "9.39.3",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-import-resolver-typescript": "4.4.4",
+    "eslint-plugin-import": "2.32.0",
+    "eslint-plugin-prettier": "5.5.5",
+    "eslint-plugin-sort-destructure-keys": "3.0.0",
+    "eslint-plugin-storybook": "10.2.12",
+    "globals": "17.3.0",
+    "husky": "8.0.3",
+    "jest": "30.2.0",
+    "jest-environment-jsdom": "30.2.0",
+    "lint-staged": "15.2.10",
+    "prettier": "3.6.2",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "sass": "1.80.5",
+    "sass-loader": "16.0.3",
+    "semantic-release": "24.2.9",
+    "storybook": "10.2.12",
+    "style-loader": "3.3.3",
+    "style-resources-loader": "1.5.0",
+    "ts-jest": "29.4.6",
+    "ts-loader": "9.5.4",
+    "ts-node": "10.9.2",
+    "tsup": "8.5.1",
+    "typescript": "5.9.3",
+    "typescript-eslint": "8.56.1"
+  }
+}