@pezeshk-book/modules 0.1.7 → 0.1.8

package/dist/stories/pagination/pagination.stories.js

@@ -1,20 +1,23 @@
 import { __assign } from "tslib";
-import React, { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Pagination } from './pagination';
-export default {
+var meta = {
     title: 'Pagination',
     component: Pagination,
     argTypes: {}
 };
-var Template = function (args) {
-    var _a = useState(1), page = _a[0], setPage = _a[1];
-    var nextPageHandler = function () {
-        setPage(function (prevState) { return prevState + 1; });
-    };
-    var previousPageHandler = function () {
-        setPage(function (prevState) { return prevState - 1; });
-    };
-    return (React.createElement(Pagination, __assign({ currentPage: page, nextPage: nextPageHandler, previousPage: previousPageHandler }, args)));
+export default meta;
+export var Default = {
+    render: function (args) {
+        var _a = useState(1), page = _a[0], setPage = _a[1];
+        var nextPageHandler = function () {
+            setPage(function (prevState) { return prevState + 1; });
+        };
+        var previousPageHandler = function () {
+            setPage(function (prevState) { return prevState - 1; });
+        };
+        return _jsx(Pagination, __assign({ currentPage: page, nextPage: nextPageHandler, previousPage: previousPageHandler }, args));
+    }
 };
-export var Default = Template.bind({});
 //# sourceMappingURL=pagination.stories.js.map

package/dist/stories/pagination/pagination.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.stories.js","sourceRoot":"","sources":["../../../stories/pagination/pagination.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,eAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE,EAAE;CACuB,CAAC;AAEtC,IAAM,QAAQ,GAAsC,UAAC,IAAoD;IACjG,IAAA,KAAkB,QAAQ,CAAU,CAAC,CAAC,EAArC,IAAI,QAAA,EAAE,OAAO,QAAwB,CAAC;IAE7C,IAAM,eAAe,GAAG;QACtB,OAAO,CAAC,UAAA,SAAS,IAAI,OAAA,SAAS,GAAG,CAAC,EAAb,CAAa,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,IAAM,mBAAmB,GAAG;QAC1B,OAAO,CAAC,UAAA,SAAS,IAAI,OAAA,SAAS,GAAG,CAAC,EAAb,CAAa,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,aACT,WAAW,EAAE,IAAI,EACjB,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,mBAAmB,IAC7B,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC"}
+{"version":3,"file":"pagination.stories.js","sourceRoot":"","sources":["../../../stories/pagination/pagination.stories.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,IAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE,EACT;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,UAAC,IAAI;QACL,IAAA,KAAkB,QAAQ,CAAS,CAAC,CAAC,EAApC,IAAI,QAAA,EAAE,OAAO,QAAuB,CAAC;QAE5C,IAAM,eAAe,GAAG;YACtB,OAAO,CAAC,UAAC,SAAS,IAAK,OAAA,SAAS,GAAG,CAAC,EAAb,CAAa,CAAC,CAAC;QACxC,CAAC,CAAC;QAEF,IAAM,mBAAmB,GAAG;YAC1B,OAAO,CAAC,UAAC,SAAS,IAAK,OAAA,SAAS,GAAG,CAAC,EAAb,CAAa,CAAC,CAAC;QACxC,CAAC,CAAC;QAEF,OAAO,KAAC,UAAU,aAChB,WAAW,EAAE,IAAI,EACjB,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,mBAAmB,IAC7B,IAAI,EACR,CAAC;IACL,CAAC;CACF,CAAC"}

package/dist/stories/slider/slider.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { SliderProps } from '../../modules/slider/slider.props';
 /**
  * Primary UI component for user interaction
  */
-export declare const Slider: ({ ...props }: SliderProps) => JSX.Element;
+export declare const Slider: ({ ...props }: SliderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/slider/slider.js

@@ -1,22 +1,11 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import CustomSlider from '../../modules/slider';
 /**
  * Primary UI component for user interaction
  */
 export var Slider = function (_a) {
     var props = __rest(_a, []);
-    return (React.createElement(CustomSlider, __assign({}, props),
-        React.createElement("div", { className: 'h-40 bg-secondary justify-center items-center flex text-d-xl text-control-50' }, "1"),
-        React.createElement("div", { className: 'h-40 bg-black justify-center items-center flex text-d-xl text-control-50' }, "2"),
-        React.createElement("div", { className: 'h-40 bg-danger-800 justify-center items-center flex text-d-xl text-control-50' }, "3"),
-        React.createElement("div", { className: 'h-40 bg-info-900 justify-center items-center flex text-d-xl text-control-50' }, "4"),
-        React.createElement("div", { className: 'h-40 bg-tertiary justify-center items-center flex text-d-xl text-control-50' }, "5"),
-        React.createElement("div", { className: 'h-40 bg-danger-dark justify-center items-center flex text-d-xl text-control-50' }, "6"),
-        React.createElement("div", { className: 'h-40 bg-purple-900 justify-center items-center flex text-d-xl text-control-50' }, "7"),
-        React.createElement("div", { className: 'h-40 bg-success-900 justify-center items-center flex text-d-xl text-control-50' }, "8"),
-        React.createElement("div", { className: 'h-40 bg-success-200 justify-center items-center flex text-d-xl text-control-50' }, "9"),
-        React.createElement("div", { className: 'h-40 bg-black justify-center items-center flex text-d-xl text-control-50' }, "10"),
-        React.createElement("div", { className: 'h-40 bg-danger-800 justify-center items-center flex text-d-xl text-control-50' }, "11")));
+    return (_jsxs(CustomSlider, __assign({}, props, { children: [_jsx("div", __assign({ className: 'h-40 bg-secondary justify-center items-center flex text-d-xl text-control-50' }, { children: "1" })), _jsx("div", __assign({ className: 'h-40 bg-black justify-center items-center flex text-d-xl text-control-50' }, { children: "2" })), _jsx("div", __assign({ className: 'h-40 bg-danger-800 justify-center items-center flex text-d-xl text-control-50' }, { children: "3" })), _jsx("div", __assign({ className: 'h-40 bg-info-900 justify-center items-center flex text-d-xl text-control-50' }, { children: "4" })), _jsx("div", __assign({ className: 'h-40 bg-tertiary justify-center items-center flex text-d-xl text-control-50' }, { children: "5" })), _jsx("div", __assign({ className: 'h-40 bg-danger-dark justify-center items-center flex text-d-xl text-control-50' }, { children: "6" })), _jsx("div", __assign({ className: 'h-40 bg-purple-900 justify-center items-center flex text-d-xl text-control-50' }, { children: "7" })), _jsx("div", __assign({ className: 'h-40 bg-success-900 justify-center items-center flex text-d-xl text-control-50' }, { children: "8" })), _jsx("div", __assign({ className: 'h-40 bg-success-200 justify-center items-center flex text-d-xl text-control-50' }, { children: "9" })), _jsx("div", __assign({ className: 'h-40 bg-black justify-center items-center flex text-d-xl text-control-50' }, { children: "10" })), _jsx("div", __assign({ className: 'h-40 bg-danger-800 justify-center items-center flex text-d-xl text-control-50' }, { children: "11" }))] })));
 };
 //# sourceMappingURL=slider.js.map

package/dist/stories/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../stories/slider/slider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAGhD;;GAEG;AACH,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAAyB;QAApB,KAAK,cAAV,EAAY,CAAF;IAC/B,OAAO,CACL,oBAAC,YAAY,eAAK,KAAK;QACrB,6BAAK,SAAS,EAAE,8EAA8E,QAExF;QACN,6BAAK,SAAS,EAAE,0EAA0E,QAEpF;QACN,6BAAK,SAAS,EAAE,+EAA+E,QAEzF;QACN,6BAAK,SAAS,EAAE,6EAA6E,QAEvF;QACN,6BAAK,SAAS,EAAE,6EAA6E,QAEvF;QACN,6BAAK,SAAS,EAAE,gFAAgF,QAE1F;QACN,6BAAK,SAAS,EAAE,+EAA+E,QAEzF;QACN,6BAAK,SAAS,EAAE,gFAAgF,QAE1F;QACN,6BAAK,SAAS,EAAE,gFAAgF,QAE1F;QACN,6BAAK,SAAS,EAAE,0EAA0E,SAEpF;QACN,6BAAK,SAAS,EAAE,+EAA+E,SAEzF,CACO,CAChB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../stories/slider/slider.tsx"],"names":[],"mappings":";;AAAA,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAGhD;;GAEG;AACH,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAAyB;QAApB,KAAK,cAAV,EAAY,CAAF;IAC/B,OAAO,CACL,MAAC,YAAY,eAAK,KAAK,eACrB,uBAAK,SAAS,EAAE,8EAA8E,uBAExF,EACN,uBAAK,SAAS,EAAE,0EAA0E,uBAEpF,EACN,uBAAK,SAAS,EAAE,+EAA+E,uBAEzF,EACN,uBAAK,SAAS,EAAE,6EAA6E,uBAEvF,EACN,uBAAK,SAAS,EAAE,6EAA6E,uBAEvF,EACN,uBAAK,SAAS,EAAE,gFAAgF,uBAE1F,EACN,uBAAK,SAAS,EAAE,+EAA+E,uBAEzF,EACN,uBAAK,SAAS,EAAE,gFAAgF,uBAE1F,EACN,uBAAK,SAAS,EAAE,gFAAgF,uBAE1F,EACN,uBAAK,SAAS,EAAE,0EAA0E,wBAEpF,EACN,uBAAK,SAAS,EAAE,+EAA+E,wBAEzF,KACO,CAChB,CAAC;AACJ,CAAC,CAAC"}

package/dist/stories/slider/slider.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { ComponentMeta, ComponentStory } from '@storybook/react';
-import { SliderProps } from '../../modules/slider/slider.props';
-declare const _default: ComponentMeta<({ ...props }: SliderProps) => JSX.Element>;
-export default _default;
-export declare const Default: ComponentStory<({ ...props }: SliderProps) => JSX.Element>;
+import { Slider } from './slider';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Slider>;
+export default meta;
+type Story = StoryObj<typeof Slider>;
+export declare const Default: Story;

package/dist/stories/slider/slider.stories.js

@@ -1,13 +1,15 @@
-import { __assign, __rest } from "tslib";
-import React from 'react';
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Slider } from './slider';
-export default {
+var meta = {
     title: 'Slider',
-    component: Slider
+    component: Slider,
+    argTypes: {}
 };
-var Template = function (_a) {
-    var args = __rest(_a, []);
-    return React.createElement(Slider, __assign({}, args));
+export default meta;
+export var Default = {
+    render: function (args) {
+        return _jsx(Slider, __assign({}, args));
+    }
 };
-export var Default = Template.bind({});
 //# sourceMappingURL=slider.stories.js.map

package/dist/stories/slider/slider.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.stories.js","sourceRoot":"","sources":["../../../stories/slider/slider.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,eAAe;IACb,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,MAAM;CACc,CAAC;AAElC,IAAM,QAAQ,GAAkC,UAAC,EAAwB;QAAnB,IAAI,cAAT,EAAW,CAAF;IAAoB,OAAA,oBAAC,MAAM,eAAK,IAAI,EAAI,CAAA;CAAA,CAAC;AAEnG,MAAM,CAAC,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC"}
+{"version":3,"file":"slider.stories.js","sourceRoot":"","sources":["../../../stories/slider/slider.stories.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,IAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,EACT;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,UAAC,IAAI;QACX,OAAO,KAAC,MAAM,eAAK,IAAI,EAAI,CAAC;IAC9B,CAAC;CACF,CAAC"}

package/dist/stories/wrapper.d.ts

@@ -4,4 +4,4 @@ export declare const Wrapper: ({ title, children, className, titleColor }: {
     children: ReactNode;
     className?: string | undefined;
     titleColor?: string | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/wrapper.js

@@ -1,11 +1,8 @@
-import React from 'react';
+import { __assign } from "tslib";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from '@pezeshk-book/ui-kit';
 export var Wrapper = function (_a) {
     var title = _a.title, children = _a.children, className = _a.className, titleColor = _a.titleColor;
-    return (React.createElement("div", { className: "flex gap-2 items-center ".concat(className) },
-        React.createElement(Text, { direction: 'ltr', align: 'left', className: "".concat(titleColor, " min-w-[100px] whitespace-nowrap") },
-            title,
-            ":"),
-        children));
+    return (_jsxs("div", __assign({ className: "flex gap-2 items-center ".concat(className) }, { children: [_jsxs(Text, __assign({ direction: 'ltr', align: 'left', className: "".concat(titleColor, " min-w-[100px] whitespace-nowrap") }, { children: [title, ":"] })), children] })));
 };
 //# sourceMappingURL=wrapper.js.map

package/dist/stories/wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrapper.js","sourceRoot":"","sources":["../../stories/wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,MAAM,CAAC,IAAM,OAAO,GAAG,UAAC,EAA2H;QAAzH,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAA;IAC9D,OAAO,CACL,6BAAK,SAAS,EAAE,kCAA2B,SAAS,CAAE;QACpD,oBAAC,IAAI,IAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,UAAG,UAAU,qCAAkC;YAAG,KAAK;gBAAS;QACjH,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"wrapper.js","sourceRoot":"","sources":["../../stories/wrapper.tsx"],"names":[],"mappings":";;AACA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,MAAM,CAAC,IAAM,OAAO,GAAG,UAAC,EAA2H;QAAzH,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAA;IAC9D,OAAO,CACL,wBAAK,SAAS,EAAE,kCAA2B,SAAS,CAAE,iBACpD,MAAC,IAAI,aAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,UAAG,UAAU,qCAAkC,iBAAG,KAAK,UAAS,EACjH,QAAQ,KACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pezeshk-book/modules",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.ts",
   "module": "./dist/index.js",
@@ -26,9 +26,12 @@
   "dependencies": {
     "@babel/polyfill": "7.12.1",
     "postcss": "8.4.31",
-    "tailwindcss": "3.2.4",
-    "@pezeshk-book/ui-kit": "^0.3.35",
-    "react-date-object": "2.1.7"
+    "tailwindcss": "3.4.17",
+    "@pezeshk-book/ui-kit": "^0.3.66",
+    "react-date-object": "2.1.7",
+    "use-debounce": "^10.0.3",
+    "@tanstack/react-table": "^8.20.5",
+    "motion": "^11.17.0"
   },
   "peerDependencies": {
     "react": "^18.2.0",