@fragment-build/ui 1.0.4 → 1.1.0

package/dist/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './breakpoints';
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-export * from '@nextui-org/react';
-export * from './components/color-input/ColorInput';
-export * from './components/color-selector/ColorSelector';
-export * from './fragments/shell/Shell';
-export * from './fragments/sidebar/Sidebar';
-export * from './hooks/breakpoints';
+export * from "next-themes";
+export * from './components';
+export * from './fragments';
+export * from './hooks';
+export * from './provider';
+export * from './tailwind.plugin';

package/dist/index.js

@@ -1,7 +1,7 @@
-export * from '@nextui-org/react';
-export * from './components/color-input/ColorInput';
-export * from './components/color-selector/ColorSelector';
-export * from './fragments/shell/Shell';
-export * from './fragments/sidebar/Sidebar';
-export * from './hooks/breakpoints';
+export * from "next-themes";
+export * from './components';
+export * from './fragments';
+export * from './hooks';
+export * from './provider';
+export * from './tailwind.plugin';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAElC,cAAc,qCAAqC,CAAC;AACpD,cAAc,2CAA2C,CAAC;AAE1D,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAE5C,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAE5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AAExB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}

package/dist/provider.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { NextUIProviderProps } from "@nextui-org/react";
+import { FragmentUIContext } from "./context";
+interface FragmentUIProviderProps {
+    children: React.ReactNode;
+    useNextJS?: boolean;
+    locale?: NextUIProviderProps['locale'];
+    navigate?: NextUIProviderProps['navigate'];
+    defaults?: FragmentUIContext['defaults'];
+}
+export declare const FragmentUIProvider: React.FC<FragmentUIProviderProps>;
+export {};

package/dist/provider.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NextUIProvider } from "@nextui-org/react";
+import { ThemeProvider } from "next-themes";
+import { useEffect, useState } from "react";
+import deepMerge from "deepmerge";
+import { FragmentUIContext, defaultContext } from "./context";
+export const FragmentUIProvider = ({ children, useNextJS = false, defaults = {}, ...rest }) => {
+    const [context, setContext] = useState(defaultContext);
+    useEffect(() => {
+        setContext(deepMerge(context, { defaults }));
+    }, [defaults]);
+    const render = useNextJS
+        ? _jsx(ThemeProvider, { attribute: "class", defaultTheme: "dark", children: children })
+        : children;
+    return (_jsx(FragmentUIContext.Provider, { value: context, children: _jsx(NextUIProvider, { ...rest, children: render }) }));
+};
+//# sourceMappingURL=provider.js.map

package/dist/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAU9D,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,EAAE,EACb,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAA;IAC9C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,MAAM,GAAG,SAAS;QACtB,CAAC,CAAC,KAAC,aAAa,IAAC,SAAS,EAAC,OAAO,EAAC,YAAY,EAAC,MAAM,YAAE,QAAQ,GAAiB;QACjF,CAAC,CAAC,QAAQ,CAAC;IAEb,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACxC,KAAC,cAAc,OAAK,IAAI,YAAG,MAAM,GAAkB,GACxB,CAC9B,CAAC;AACJ,CAAC,CAAA"}

package/dist/tailwind.plugin.d.ts

@@ -0,0 +1,4 @@
+export declare const fragmentui: () => {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+};

package/dist/tailwind.plugin.js

@@ -0,0 +1,18 @@
+import plugin from "tailwindcss/plugin";
+export const fragmentui = () => plugin(function ({ addBase, config }) {
+    addBase({
+        'h1': {
+            fontSize: config('theme.fontSize.3xl'),
+            fontWeight: config('theme.fontWeight.semibold'),
+        },
+        'h2': {
+            fontSize: config('theme.fontSize.2xl'),
+            fontWeight: config('theme.fontWeight.bold'),
+        },
+        'h3': {
+            fontSize: config('theme.fontSize.xl'),
+            fontWeight: config('theme.fontWeight.bold'),
+        },
+    });
+});
+//# sourceMappingURL=tailwind.plugin.js.map

package/dist/tailwind.plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.plugin.js","sourceRoot":"","sources":["../src/tailwind.plugin.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAEvC,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,UAAS,EAAE,OAAO,EAAE,MAAM,EAAE;IACjE,OAAO,CAAC;QACN,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM,CAAC,oBAAoB,CAAC;YACtC,UAAU,EAAE,MAAM,CAAC,2BAA2B,CAAC;SAChD;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM,CAAC,oBAAoB,CAAC;YACtC,UAAU,EAAE,MAAM,CAAC,uBAAuB,CAAC;SAC5C;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,MAAM,CAAC,mBAAmB,CAAC;YACrC,UAAU,EAAE,MAAM,CAAC,uBAAuB,CAAC;SAC5C;KACF,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/withFragment.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FragmentUIContext } from "./context";
+export declare function withFragment<P extends React.ComponentType<any>>(Component: P, configId: keyof FragmentUIContext['defaults']): P;

package/dist/withFragment.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import deepMerge from "deepmerge";
+import { FragmentUIContext } from "./context";
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function withFragment(Component, configId) {
+    const ComponentWithContext = (props) => {
+        const context = useContext(FragmentUIContext);
+        return _jsx(Component, { ...deepMerge(context['defaults'][configId] || {}, props) });
+    };
+    // fix react-aria collection
+    if ('getCollectionNode' in Component) {
+        ComponentWithContext.getCollectionNode = Component.getCollectionNode;
+    }
+    return ComponentWithContext;
+}
+//# sourceMappingURL=withFragment.js.map

package/dist/withFragment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFragment.js","sourceRoot":"","sources":["../src/withFragment.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAG,UAAU,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAE9C,8DAA8D;AAC9D,MAAM,UAAU,YAAY,CAAqC,SAAY,EAAE,QAA6C;IAC1H,MAAM,oBAAoB,GAAG,CAAC,KAA8B,EAAE,EAAE;QAC9D,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;QAC9C,OAAO,KAAC,SAAS,OAAK,SAAS,CAAI,OAAO,CAAC,UAAU,CAAC,CAAC,QAAQ,CAA4B,IAAI,EAAE,EAAE,KAAK,CAA4B,GAAG,CAAA;IACzI,CAAC,CAAC;IAEF,4BAA4B;IAC5B,IAAI,mBAAmB,IAAI,SAAS,EAAE,CAAC;QACpC,oBAAyC,CAAC,iBAAiB,GAAG,SAAS,CAAC,iBAAiB,CAAC;IAC7F,CAAC;IAED,OAAO,oBAAyB,CAAC;AACnC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fragment-build/ui",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": {
@@ -9,32 +9,33 @@
   },
   "license": "Apache-2.0",
   "devDependencies": {
-    "@storybook/addon-a11y": "8.0.0",
-    "@storybook/addon-essentials": "8.0.0",
-    "@storybook/addon-interactions": "8.0.0",
-    "@storybook/addon-links": "8.0.0",
+    "@storybook/addon-a11y": "8.0.2",
+    "@storybook/addon-essentials": "8.0.2",
+    "@storybook/addon-interactions": "8.0.2",
+    "@storybook/addon-links": "8.0.2",
     "@storybook/addon-styling": "1.3.7",
-    "@storybook/blocks": "8.0.0",
-    "@storybook/react": "8.0.0",
-    "@storybook/react-vite": "8.0.0",
-    "@types/react": "18.2.65",
-    "@types/react-dom": "18.2.21",
-    "@typescript-eslint/eslint-plugin": "7.2.0",
-    "@typescript-eslint/parser": "7.2.0",
+    "@storybook/blocks": "8.0.2",
+    "@storybook/react": "8.0.2",
+    "@storybook/react-vite": "8.0.2",
+    "@storybook/test": "8.0.2",
+    "@types/react": "18.2.67",
+    "@types/react-dom": "18.2.22",
+    "@typescript-eslint/eslint-plugin": "7.3.1",
+    "@typescript-eslint/parser": "7.3.1",
     "@vitejs/plugin-react": "4.2.1",
     "@vitejs/plugin-react-swc": "3.6.0",
-    "autoprefixer": "10.4.18",
+    "autoprefixer": "10.4.19",
     "eslint": "8.57.0",
     "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-react-refresh": "0.4.5",
+    "eslint-plugin-react-refresh": "0.4.6",
     "eslint-plugin-storybook": "0.8.0",
-    "postcss": "8.4.35",
+    "postcss": "8.4.38",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "storybook": "8.0.0",
-    "storybook-dark-mode": "4.0.0",
-    "typescript": "5.4.2",
-    "vite": "5.1.6"
+    "storybook": "8.0.2",
+    "storybook-dark-mode": "4.0.1",
+    "typescript": "5.4.3",
+    "vite": "5.2.2"
   },
   "scripts": {
     "build": "tsc",
@@ -45,10 +46,9 @@
   "dependencies": {
     "@nextui-org/react": "2.2.10",
     "@react-hooks-library/core": "0.6.2",
-    "@storybook/test": "8.0.0",
-    "@tabler/icons-react": "3.0.1",
+    "@tabler/icons-react": "3.1.0",
     "framer-motion": "10.18.0",
-    "react-color-palette": "7.1.0",
+    "next-themes": "0.3.0",
     "tailwindcss": "3.4.1"
   }
 }