@kirill.konshin/tailwind 0.0.1 → 0.0.2

package/.ctirc

@@ -1,11 +1,20 @@
 {
-  "addNewline": true,
-  "fileExcludePatterns": [
-    "*.stories.*",
-    "*.test.*",
-    "*.fixture.*"
-  ],
-  "verbose": false,
-  "withoutBackupFile": true,
-  "withoutComment": true
-}
+  "options": [
+    {
+      "mode": "create",
+      "project": "tsconfig.json",
+      "include": "src/**/*.{ts,tsx}",
+      "exclude": [
+        "**/*.stories.*",
+        "**/*.test.*",
+        "**/*.fixture.*"
+      ],
+      "startFrom": "src",
+      "backup": false,
+      "overwrite": true,
+      "generationStyle": "default-alias-named-star",
+      "output": "src",
+      "verbose": true
+    }
+  ]
+}

package/.storybook/main.ts

@@ -0,0 +1,2 @@
+import config from '../../utils-private/.storybook/main';
+export default config;

package/.storybook/preview.ts

@@ -0,0 +1,2 @@
+import preview from '../../utils-private/.storybook/preview';
+export default preview;

package/.turbo/turbo-build.log

@@ -1,14 +1,21 @@
 vite v7.0.6 building SSR bundle for production...
-create succeeded: /home/runner/work/utils/utils/packages/tailwind/src
+- ctix 'create' mode start, ...
+✔ /home/runner/work/utils/utils/packages/tailwind/tsconfig.json loading complete!
+✔ analysis export statements completed!
+- build "index.ts" file start
+- output file exists check, ...
+
+
+✔ ctix 'create' mode complete!
 transforming...
 ✓ 3 modules transformed.
 rendering chunks...
 
 [vite:dts] Start generate declaration files...
 dist/index.js             0.18 kB │ map: 0.09 kB
-dist/fullpage.js          0.32 kB │ map: 0.63 kB
-dist/responsiveHelper.js  0.87 kB │ map: 1.20 kB
-[vite:dts] Declaration files built in 1381ms.
+dist/fullpage.js          0.42 kB │ map: 0.85 kB
+dist/responsiveHelper.js  0.90 kB │ map: 1.31 kB
+[vite:dts] Declaration files built in 1785ms.
 
-✓ built in 2.02s
+✓ built in 5.06s
 Updated package.json with exports

package/CHANGELOG.md

@@ -0,0 +1,8 @@
+# @kirill.konshin/tailwind
+
+## 0.0.2
+
+### Patch Changes
+
+- 63fdba8: Agent-assisted refactoring
+- 63fdba8: Divided core to browser/node/worker-specific packages, CTIX upgrade, etc.

package/dist/fullpage.d.ts

@@ -1,7 +1,8 @@
 import { FC, RefObject } from 'react';
-export declare const Fullpage: FC<{
+export type FullpageProps = {
     ref: RefObject<HTMLDivElement>;
-    className: string;
+    className?: string;
     children: any;
-}>;
+};
+export declare const Fullpage: FC<FullpageProps>;
 //# sourceMappingURL=fullpage.d.ts.map

package/dist/fullpage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fullpage.d.ts","sourceRoot":"","sources":["../src/fullpage.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC;IAAE,GAAG,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,GAAG,CAAA;CAAE,CAS7F,CAAC"}
+{"version":3,"file":"fullpage.d.ts","sourceRoot":"","sources":["../src/fullpage.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAQ,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG;IACxB,GAAG,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,GAAG,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAUrC,CAAC"}

package/dist/fullpage.js

@@ -1,10 +1,16 @@
 import { jsx } from "react/jsx-runtime";
-const Fullpage = ({
-  ref,
-  className = "",
-  children,
-  ...props
-}) => /* @__PURE__ */ jsx("div", { ref, ...props, className: `container h-screen flex flex-col justify-center items-center ${className}`, children });
+import { memo } from "react";
+const Fullpage = memo(function Fullpage2({ ref, className = "", children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      ...props,
+      className: `container h-screen flex flex-col justify-center items-center ${className}`,
+      children
+    }
+  );
+});
 export {
   Fullpage
 };

package/dist/fullpage.js.map

@@ -1 +1 @@
-{"version":3,"file":"fullpage.js","sources":["../src/fullpage.tsx"],"sourcesContent":["import React, { FC, RefObject } from 'react';\n\nexport const Fullpage: FC<{ ref: RefObject<HTMLDivElement>; className: string; children: any }> = ({\n    ref,\n    className = '',\n    children,\n    ...props\n}) => (\n    <div ref={ref} {...props} className={`container h-screen flex flex-col justify-center items-center ${className}`}>\n        {children}\n    </div>\n);\n"],"names":[],"mappings":";AAEO,MAAM,WAAqF,CAAC;AAAA,EAC/F;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACP,MACI,oBAAC,SAAI,KAAW,GAAG,OAAO,WAAW,gEAAgE,SAAS,IACzG,SAAA,CACL;"}
+{"version":3,"file":"fullpage.js","sources":["../src/fullpage.tsx"],"sourcesContent":["import React, { FC, memo, RefObject } from 'react';\n\nexport type FullpageProps = {\n    ref: RefObject<HTMLDivElement>;\n    className?: string;\n    children: any;\n};\n\nexport const Fullpage: FC<FullpageProps> = memo(function Fullpage({ ref, className = '', children, ...props }) {\n    return (\n        <div\n            ref={ref}\n            {...props}\n            className={`container h-screen flex flex-col justify-center items-center ${className}`}\n        >\n            {children}\n        </div>\n    );\n});\n"],"names":["Fullpage"],"mappings":";;AAQO,MAAM,WAA8B,KAAK,SAASA,UAAS,EAAE,KAAK,YAAY,IAAI,UAAU,GAAG,SAAS;AAC3G,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,gEAAgE,SAAS;AAAA,MAEnF;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;"}

package/dist/fullpage.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Fullpage } from './fullpage';
+declare const meta: Meta<typeof Fullpage>;
+export default meta;
+type Story = StoryObj<typeof Fullpage>;
+export declare const Default: Story;
+export declare const WithCustomClass: Story;
+//# sourceMappingURL=fullpage.stories.d.ts.map

package/dist/fullpage.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fullpage.stories.d.ts","sourceRoot":"","sources":["../src/fullpage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,iBAAiB,CAAC;AAEzB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAM/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAYvC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC"}

package/dist/responsiveHelper.d.ts

@@ -1,3 +1,4 @@
 import { FC } from 'react';
-export declare const ResponsiveHelperTW: FC<any>;
+export type ResponsiveHelperTWProps = Record<string, never>;
+export declare const ResponsiveHelperTW: FC<ResponsiveHelperTWProps>;
 //# sourceMappingURL=responsiveHelper.d.ts.map

package/dist/responsiveHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"responsiveHelper.d.ts","sourceRoot":"","sources":["../src/responsiveHelper.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,GAAG,CAWtC,CAAC"}
+{"version":3,"file":"responsiveHelper.d.ts","sourceRoot":"","sources":["../src/responsiveHelper.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAQ,MAAM,OAAO,CAAC;AAExC,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAE5D,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAWzD,CAAC"}

package/dist/responsiveHelper.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-const ResponsiveHelperTW = function ResponsiveHelperTW2() {
+import { memo } from "react";
+const ResponsiveHelperTW = memo(function ResponsiveHelperTW2() {
   return /* @__PURE__ */ jsxs("span", { className: "fixed bottom-0 right-2 z-30 leading-none text-xs", children: [
     /* @__PURE__ */ jsx("small", { className: "hidden xs:max-sm:block", children: "XS" }),
     /* @__PURE__ */ jsx("small", { className: "hidden sm:max-md:block", children: "SM" }),
@@ -9,7 +10,7 @@ const ResponsiveHelperTW = function ResponsiveHelperTW2() {
     /* @__PURE__ */ jsx("small", { className: "hidden xl:max-2xl:block", children: "XL" }),
     /* @__PURE__ */ jsx("small", { className: "hidden 2xl:block", children: "XXL" })
   ] });
-};
+});
 export {
   ResponsiveHelperTW
 };

package/dist/responsiveHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"responsiveHelper.js","sources":["../src/responsiveHelper.tsx"],"sourcesContent":["'use client';\n\nimport React, { FC } from 'react';\n\nexport const ResponsiveHelperTW: FC<any> = function ResponsiveHelperTW() {\n    return (\n        <span className=\"fixed bottom-0 right-2 z-30 leading-none text-xs\">\n            <small className=\"hidden xs:max-sm:block\">XS</small>\n            <small className=\"hidden sm:max-md:block\">SM</small>\n            <small className=\"hidden md:max-lg:block\">MD</small>\n            <small className=\"hidden lg:max-xl:block\">LG</small>\n            <small className=\"hidden xl:max-2xl:block\">XL</small>\n            <small className=\"hidden 2xl:block\">XXL</small>\n        </span>\n    );\n};\n"],"names":["ResponsiveHelperTW"],"mappings":";;AAIO,MAAM,qBAA8B,SAASA,sBAAqB;AACrE,SACI,qBAAC,QAAA,EAAK,WAAU,oDACZ,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAM,WAAU,0BAAyB,UAAA,MAAE;AAAA,IAC5C,oBAAC,SAAA,EAAM,WAAU,0BAAyB,UAAA,MAAE;AAAA,IAC5C,oBAAC,SAAA,EAAM,WAAU,0BAAyB,UAAA,MAAE;AAAA,IAC5C,oBAAC,SAAA,EAAM,WAAU,0BAAyB,UAAA,MAAE;AAAA,IAC5C,oBAAC,SAAA,EAAM,WAAU,2BAA0B,UAAA,MAAE;AAAA,IAC7C,oBAAC,SAAA,EAAM,WAAU,oBAAmB,UAAA,MAAA,CAAG;AAAA,EAAA,GAC3C;AAER;"}
+{"version":3,"file":"responsiveHelper.js","sources":["../src/responsiveHelper.tsx"],"sourcesContent":["'use client';\n\nimport React, { FC, memo } from 'react';\n\nexport type ResponsiveHelperTWProps = Record<string, never>;\n\nexport const ResponsiveHelperTW: FC<ResponsiveHelperTWProps> = memo(function ResponsiveHelperTW() {\n    return (\n        <span className=\"fixed bottom-0 right-2 z-30 leading-none text-xs\">\n            <small className=\"hidden xs:max-sm:block\">XS</small>\n            <small className=\"hidden sm:max-md:block\">SM</small>\n            <small className=\"hidden md:max-lg:block\">MD</small>\n            <small className=\"hidden lg:max-xl:block\">LG</small>\n            <small className=\"hidden xl:max-2xl:block\">XL</small>\n            <small className=\"hidden 2xl:block\">XXL</small>\n        </span>\n    );\n});\n"],"names":["ResponsiveHelperTW"],"mappings":";;;AAMO,MAAM,qBAAkD,KAAK,SAASA,sBAAqB;AAC9F,SACI,qBAAC,QAAA,EAAK,WAAU,oDACZ,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAM,WAAU,0BAAyB,UAAA,MAAE;AAAA,IAC5C,oBAAC,SAAA,EAAM,WAAU,0BAAyB,UAAA,MAAE;AAAA,IAC5C,oBAAC,SAAA,EAAM,WAAU,0BAAyB,UAAA,MAAE;AAAA,IAC5C,oBAAC,SAAA,EAAM,WAAU,0BAAyB,UAAA,MAAE;AAAA,IAC5C,oBAAC,SAAA,EAAM,WAAU,2BAA0B,UAAA,MAAE;AAAA,IAC7C,oBAAC,SAAA,EAAM,WAAU,oBAAmB,UAAA,MAAA,CAAG;AAAA,EAAA,GAC3C;AAER,CAAC;"}

package/dist/responsiveHelper.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryFn } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const Default: StoryFn;
+//# sourceMappingURL=responsiveHelper.stories.d.ts.map

package/dist/responsiveHelper.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsiveHelper.stories.d.ts","sourceRoot":"","sources":["../src/responsiveHelper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,iBAAiB,CAAC;AAEzB,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,OAQrB,CAAC"}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@kirill.konshin/tailwind",
   "description": "Utilities",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "scripts": {
     "----- BUILD -----": "",
     "clean": "rm -rf dist .tscache tsconfig.tsbuildinfo",
     "build": "vite build",
-    "build:index": "cti create ./src",
+    "build:index": "ctix build",
     "build:check-types": "attw --pack .",
     "start": "yarn build --watch",
     "wait": "wait-on ./dist/index.js",

package/src/fullpage.stories.tsx

@@ -0,0 +1,36 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { useRef } from 'react';
+import { Fullpage } from './fullpage';
+import '../tailwind.css';
+
+const meta: Meta<typeof Fullpage> = {
+    title: 'Components/Fullpage',
+    component: Fullpage,
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+
+export default meta;
+type Story = StoryObj<typeof Fullpage>;
+
+const FullpageWrapper = (args: any) => {
+    const ref = useRef<HTMLDivElement>(null);
+    return (
+        <Fullpage ref={ref} {...args}>
+            <h1 className="text-4xl font-bold text-blue-600">Hello Tailwind!</h1>
+            <p className="mt-4 text-gray-600">This is a fullpage component with Tailwind CSS styling.</p>
+        </Fullpage>
+    );
+};
+
+export const Default: Story = {
+    render: (args) => <FullpageWrapper {...args} />,
+};
+
+export const WithCustomClass: Story = {
+    render: (args) => <FullpageWrapper {...args} />,
+    args: {
+        className: 'bg-gray-100',
+    },
+};

package/src/fullpage.tsx

@@ -1,12 +1,19 @@
-import React, { FC, RefObject } from 'react';
+import React, { FC, memo, RefObject } from 'react';
 
-export const Fullpage: FC<{ ref: RefObject<HTMLDivElement>; className: string; children: any }> = ({
-    ref,
-    className = '',
-    children,
-    ...props
-}) => (
-    <div ref={ref} {...props} className={`container h-screen flex flex-col justify-center items-center ${className}`}>
-        {children}
-    </div>
-);
+export type FullpageProps = {
+    ref: RefObject<HTMLDivElement>;
+    className?: string;
+    children: any;
+};
+
+export const Fullpage: FC<FullpageProps> = memo(function Fullpage({ ref, className = '', children, ...props }) {
+    return (
+        <div
+            ref={ref}
+            {...props}
+            className={`container h-screen flex flex-col justify-center items-center ${className}`}
+        >
+            {children}
+        </div>
+    );
+});

package/src/responsiveHelper.stories.tsx

@@ -0,0 +1,23 @@
+import type { Meta, StoryFn } from '@storybook/react';
+import { ResponsiveHelperTW } from './responsiveHelper';
+import '../tailwind.css';
+
+const meta: Meta = {
+    title: 'Components/ResponsiveHelperTW',
+    component: ResponsiveHelperTW,
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+
+export default meta;
+
+export const Default: StoryFn = () => (
+    <div className="min-h-screen bg-gray-50 p-8">
+        <h1 className="text-2xl font-bold mb-4">Responsive Helper Demo</h1>
+        <p className="text-gray-600">
+            Resize the browser window to see the breakpoint indicator in the bottom-right corner.
+        </p>
+        <ResponsiveHelperTW />
+    </div>
+);

package/src/responsiveHelper.tsx

@@ -1,8 +1,10 @@
 'use client';
 
-import React, { FC } from 'react';
+import React, { FC, memo } from 'react';
 
-export const ResponsiveHelperTW: FC<any> = function ResponsiveHelperTW() {
+export type ResponsiveHelperTWProps = Record<string, never>;
+
+export const ResponsiveHelperTW: FC<ResponsiveHelperTWProps> = memo(function ResponsiveHelperTW() {
     return (
         <span className="fixed bottom-0 right-2 z-30 leading-none text-xs">
             <small className="hidden xs:max-sm:block">XS</small>
@@ -13,4 +15,4 @@ export const ResponsiveHelperTW: FC<any> = function ResponsiveHelperTW() {
             <small className="hidden 2xl:block">XXL</small>
         </span>
     );
-};
+});

package/tailwind.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+    content: ['./src/**/*.{js,jsx,ts,tsx}'],
+    theme: {
+        extend: {},
+    },
+    plugins: [],
+};

package/tailwind.css

@@ -0,0 +1,2 @@
+@import 'tailwindcss';
+@source 'src';