@minutemailer/kit 0.2.0 → 1.0.1

package/icons/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/icons/index.ts"],
-  "sourcesContent": ["export { default as Alert } from \"./Alert\";\nexport { default as AlertFilled } from \"./AlertFilled\";\nexport { default as Arrow } from \"./Arrow\";\nexport { default as ArrowDown } from \"./ArrowDown\";\nexport { default as Attachment } from \"./Attachment\";\nexport { default as Automate } from \"./Automate\";\nexport { default as Bold } from \"./Bold\";\nexport { default as BorderBottom } from \"./BorderBottom\";\nexport { default as BorderLeft } from \"./BorderLeft\";\nexport { default as BorderRight } from \"./BorderRight\";\nexport { default as BorderTop } from \"./BorderTop\";\nexport { default as BottomAlign } from \"./BottomAlign\";\nexport { default as BottomLeftCorner } from \"./BottomLeftCorner\";\nexport { default as BottomRightCorner } from \"./BottomRightCorner\";\nexport { default as Button } from \"./Button\";\nexport { default as Calendar } from \"./Calendar\";\nexport { default as Center } from \"./Center\";\nexport { default as Check } from \"./Check\";\nexport { default as CheckFilled } from \"./CheckFilled\";\nexport { default as Checkmark } from \"./Checkmark\";\nexport { default as Chevron } from \"./Chevron\";\nexport { default as ChevronDown } from \"./ChevronDown\";\nexport { default as ChevronLeft } from \"./ChevronLeft\";\nexport { default as ChevronUp } from \"./ChevronUp\";\nexport { default as Close } from \"./Close\";\nexport { default as CloseBold } from \"./CloseBold\";\nexport { default as CloseCircle } from \"./CloseCircle\";\nexport { default as Column1 } from \"./Column1\";\nexport { default as Column12 } from \"./Column12\";\nexport { default as Column13 } from \"./Column13\";\nexport { default as Column2 } from \"./Column2\";\nexport { default as Column21 } from \"./Column21\";\nexport { default as Column3 } from \"./Column3\";\nexport { default as Column31 } from \"./Column31\";\nexport { default as Column4 } from \"./Column4\";\nexport { default as Contacts } from \"./Contacts\";\nexport { default as Crop } from \"./Crop\";\nexport { default as Divider } from \"./Divider\";\nexport { default as Download } from \"./Download\";\nexport { default as Duplicate } from \"./Duplicate\";\nexport { default as Email } from \"./Email\";\nexport { default as Feedback } from \"./Feedback\";\nexport { default as File } from \"./File\";\nexport { default as Filter } from \"./Filter\";\nexport { default as Flip } from \"./Flip\";\nexport { default as Flop } from \"./Flop\";\nexport { default as Form } from \"./Form\";\nexport { default as Gift } from \"./Gift\";\nexport { default as HeartRound } from \"./HeartRound\";\nexport { default as Home } from \"./Home\";\nexport { default as HorisontalCenter } from \"./HorisontalCenter\";\nexport { default as Image } from \"./Image\";\nexport { default as Images } from \"./Images\";\nexport { default as Info } from \"./Info\";\nexport { default as Integrations } from \"./Integrations\";\nexport { default as Italics } from \"./Italics\";\nexport { default as Justified } from \"./Justified\";\nexport { default as LeftAlign } from \"./LeftAlign\";\nexport { default as Left } from \"./Left\";\nexport { default as LetterSpacing } from \"./LetterSpacing\";\nexport { default as LineHeight } from \"./LineHeight\";\nexport { default as LineThickness } from \"./LineThickness\";\nexport { default as Link } from \"./Link\";\nexport { default as List } from \"./List\";\nexport { default as ListMenu } from \"./ListMenu\";\nexport { default as ListNumbered } from \"./ListNumbered\";\nexport { default as Location } from \"./Location\";\nexport { default as LockChain } from \"./LockChain\";\nexport { default as Locked } from \"./Locked\";\nexport { default as Logo } from \"./Logo\";\nexport { default as Logout } from \"./Logout\";\nexport { default as Lowercase } from \"./Lowercase\";\nexport { default as Magic } from \"./Magic\";\nexport { default as MarginBottom } from \"./MarginBottom\";\nexport { default as MarginLeft } from \"./MarginLeft\";\nexport { default as MarginRight } from \"./MarginRight\";\nexport { default as MarginTop } from \"./MarginTop\";\nexport { default as Menu } from \"./Menu\";\nexport { default as Minus } from \"./Minus\";\nexport { default as MinusBold } from \"./MinusBold\";\nexport { default as More } from \"./More\";\nexport { default as Move } from \"./Move\";\nexport { default as MoveDirections } from \"./MoveDirections\";\nexport { default as MoveVertical } from \"./MoveVertical\";\nexport { default as Openclose } from \"./Openclose\";\nexport { default as Pen } from \"./Pen\";\nexport { default as Phone } from \"./Phone\";\nexport { default as Plane } from \"./Plane\";\nexport { default as PlaneOutline } from \"./PlaneOutline\";\nexport { default as Plus } from \"./Plus\";\nexport { default as PlusBold } from \"./PlusBold\";\nexport { default as PlusCircle } from \"./PlusCircle\";\nexport { default as Result } from \"./Result\";\nexport { default as RightAlign } from \"./RightAlign\";\nexport { default as Right } from \"./Right\";\nexport { default as Rotate } from \"./Rotate\";\nexport { default as Search } from \"./Search\";\nexport { default as Settings } from \"./Settings\";\nexport { default as Sms } from \"./Sms\";\nexport { default as Spacing } from \"./Spacing\";\nexport { default as Spinner } from \"./Spinner\";\nexport { default as StarFilled } from \"./StarFilled\";\nexport { default as StarOutline } from \"./StarOutline\";\nexport { default as Stars } from \"./Stars\";\nexport { default as Stats } from \"./Stats\";\nexport { default as Stop } from \"./Stop\";\nexport { default as Strikethrough } from \"./Strikethrough\";\nexport { default as Support } from \"./Support\";\nexport { default as Tags } from \"./Tags\";\nexport { default as Team } from \"./Team\";\nexport { default as Text } from \"./Text\";\nexport { default as Thumbsdown } from \"./Thumbsdown\";\nexport { default as Thumbsup } from \"./Thumbsup\";\nexport { default as TopAlign } from \"./TopAlign\";\nexport { default as TopLeftCorner } from \"./TopLeftCorner\";\nexport { default as TopRightCorner } from \"./TopRightCorner\";\nexport { default as Trash } from \"./Trash\";\nexport { default as Underscore } from \"./Underscore\";\nexport { default as Unlink } from \"./Unlink\";\nexport { default as UnlockChain } from \"./UnlockChain\";\nexport { default as Unlocked } from \"./Unlocked\";\nexport { default as Upload } from \"./Upload\";\nexport { default as Uppercase } from \"./Uppercase\";\nexport { default as VerticalCenter } from \"./VerticalCenter\";\nexport { default as Video } from \"./Video\";\nexport { default as Warning } from \"./Warning\";\nexport { default as Website } from \"./Website\";\nexport { default as Width } from \"./Width\";\nexport { default as Write } from \"./Write\";\n"],
+  "sourcesContent": ["export { default as Alert } from './Alert';\nexport { default as AlertFilled } from './AlertFilled';\nexport { default as Arrow } from './Arrow';\nexport { default as ArrowDown } from './ArrowDown';\nexport { default as Attachment } from './Attachment';\nexport { default as Automate } from './Automate';\nexport { default as Bold } from './Bold';\nexport { default as BorderBottom } from './BorderBottom';\nexport { default as BorderLeft } from './BorderLeft';\nexport { default as BorderRight } from './BorderRight';\nexport { default as BorderTop } from './BorderTop';\nexport { default as BottomAlign } from './BottomAlign';\nexport { default as BottomLeftCorner } from './BottomLeftCorner';\nexport { default as BottomRightCorner } from './BottomRightCorner';\nexport { default as Button } from './Button';\nexport { default as Calendar } from './Calendar';\nexport { default as Center } from './Center';\nexport { default as Check } from './Check';\nexport { default as CheckFilled } from './CheckFilled';\nexport { default as Checkmark } from './Checkmark';\nexport { default as Chevron } from './Chevron';\nexport { default as ChevronDown } from './ChevronDown';\nexport { default as ChevronLeft } from './ChevronLeft';\nexport { default as ChevronUp } from './ChevronUp';\nexport { default as Close } from './Close';\nexport { default as CloseBold } from './CloseBold';\nexport { default as CloseCircle } from './CloseCircle';\nexport { default as Column1 } from './Column1';\nexport { default as Column12 } from './Column12';\nexport { default as Column13 } from './Column13';\nexport { default as Column2 } from './Column2';\nexport { default as Column21 } from './Column21';\nexport { default as Column3 } from './Column3';\nexport { default as Column31 } from './Column31';\nexport { default as Column4 } from './Column4';\nexport { default as Contacts } from './Contacts';\nexport { default as Crop } from './Crop';\nexport { default as Divider } from './Divider';\nexport { default as Download } from './Download';\nexport { default as Duplicate } from './Duplicate';\nexport { default as Email } from './Email';\nexport { default as Feedback } from './Feedback';\nexport { default as File } from './File';\nexport { default as Filter } from './Filter';\nexport { default as Flip } from './Flip';\nexport { default as Flop } from './Flop';\nexport { default as Form } from './Form';\nexport { default as Gift } from './Gift';\nexport { default as HeartRound } from './HeartRound';\nexport { default as Home } from './Home';\nexport { default as HorisontalCenter } from './HorisontalCenter';\nexport { default as Image } from './Image';\nexport { default as Images } from './Images';\nexport { default as Info } from './Info';\nexport { default as Integrations } from './Integrations';\nexport { default as Italics } from './Italics';\nexport { default as Justified } from './Justified';\nexport { default as LeftAlign } from './LeftAlign';\nexport { default as Left } from './Left';\nexport { default as LetterSpacing } from './LetterSpacing';\nexport { default as LineHeight } from './LineHeight';\nexport { default as LineThickness } from './LineThickness';\nexport { default as Link } from './Link';\nexport { default as List } from './List';\nexport { default as ListMenu } from './ListMenu';\nexport { default as ListNumbered } from './ListNumbered';\nexport { default as Location } from './Location';\nexport { default as LockChain } from './LockChain';\nexport { default as Locked } from './Locked';\nexport { default as Logo } from './Logo';\nexport { default as Logout } from './Logout';\nexport { default as Lowercase } from './Lowercase';\nexport { default as Magic } from './Magic';\nexport { default as MarginBottom } from './MarginBottom';\nexport { default as MarginLeft } from './MarginLeft';\nexport { default as MarginRight } from './MarginRight';\nexport { default as MarginTop } from './MarginTop';\nexport { default as Menu } from './Menu';\nexport { default as Minus } from './Minus';\nexport { default as MinusBold } from './MinusBold';\nexport { default as More } from './More';\nexport { default as Move } from './Move';\nexport { default as MoveDirections } from './MoveDirections';\nexport { default as MoveVertical } from './MoveVertical';\nexport { default as Openclose } from './Openclose';\nexport { default as Pen } from './Pen';\nexport { default as Phone } from './Phone';\nexport { default as Plane } from './Plane';\nexport { default as PlaneOutline } from './PlaneOutline';\nexport { default as Plus } from './Plus';\nexport { default as PlusBold } from './PlusBold';\nexport { default as PlusCircle } from './PlusCircle';\nexport { default as Result } from './Result';\nexport { default as RightAlign } from './RightAlign';\nexport { default as Right } from './Right';\nexport { default as Rotate } from './Rotate';\nexport { default as Search } from './Search';\nexport { default as Settings } from './Settings';\nexport { default as Sms } from './Sms';\nexport { default as Spacing } from './Spacing';\nexport { default as Spinner } from './Spinner';\nexport { default as StarFilled } from './StarFilled';\nexport { default as StarOutline } from './StarOutline';\nexport { default as Stars } from './Stars';\nexport { default as Stats } from './Stats';\nexport { default as Stop } from './Stop';\nexport { default as Strikethrough } from './Strikethrough';\nexport { default as Support } from './Support';\nexport { default as Tags } from './Tags';\nexport { default as Team } from './Team';\nexport { default as Text } from './Text';\nexport { default as Thumbsdown } from './Thumbsdown';\nexport { default as Thumbsup } from './Thumbsup';\nexport { default as TopAlign } from './TopAlign';\nexport { default as TopLeftCorner } from './TopLeftCorner';\nexport { default as TopRightCorner } from './TopRightCorner';\nexport { default as Trash } from './Trash';\nexport { default as Underscore } from './Underscore';\nexport { default as Unlink } from './Unlink';\nexport { default as UnlockChain } from './UnlockChain';\nexport { default as Unlocked } from './Unlocked';\nexport { default as Upload } from './Upload';\nexport { default as Uppercase } from './Uppercase';\nexport { default as VerticalCenter } from './VerticalCenter';\nexport { default as Video } from './Video';\nexport { default as Warning } from './Warning';\nexport { default as Website } from './Website';\nexport { default as Width } from './Width';\nexport { default as Write } from './Write';\n"],
   "mappings": "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",
   "names": ["default"]
 }

package/package.json

@@ -1,45 +1,70 @@
 {
-  "name": "@minutemailer/kit",
-  "version": "0.2.0",
-  "description": "Minutemailer UI Kit",
-  "license": "MIT",
-  "author": "Minutemailer",
-  "type": "module",
-  "exports": {
-    "./utils": "./utils/index.js",
-    "./icons": "./icons/index.js",
-    "./store": "./store/index.js",
-    "./state": "./state/index.js"
-  },
-  "sideEffects": false,
-  "scripts": {
-    "test": "vitest run",
-    "coverage": "vitest --run --coverage",
-    "start": "storybook dev -p 6006",
-    "build": "npm run icons:build && tsc && node esbuild.config.js",
-    "build-storybook": "storybook build",
-    "icons:build": "npx @svgr/cli --icon --typescript --replace-attr-values \"#3D3D3D=currentColor\" --out-dir src/icons resources/icons",
-    "tokens:generate": "node bin/generate-tokens.cjs",
-    "prepub": "rm -r dist && npm run build && cp package.json dist",
-    "pub": "npm run prepub && cd dist && npm publish --access public",
-    "docs": "npx typedoc src/utils --out docs --plugin typedoc-material-theme --themeColor '#00b869'"
-  },
-  "peerDependencies": {
-    "react": "^19.0.0 || ^18.0.0",
-    "react-dom": "^19.0.0 || ^18.0.0"
-  },
-  "devDependencies": {
-    "@storybook/react-vite": "^9.1.4",
-    "@svgr/cli": "^8.1.0",
-    "@vitest/coverage-v8": "^3.2.4",
-    "esbuild": "^0.25.9",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "sass": "^1.92.0",
-    "storybook": "^9.1.4",
-    "typedoc": "^0.28.12",
-    "typedoc-material-theme": "^1.4.0",
-    "vitest": "^3.2.4",
-    "@storybook/addon-docs": "^9.1.4"
-  }
+    "name": "@minutemailer/kit",
+    "version": "1.0.1",
+    "description": "Minutemailer UI Kit",
+    "license": "MIT",
+    "author": "Minutemailer",
+    "type": "module",
+    "exports": {
+        "./utils": "./utils/index.js",
+        "./icons": "./icons/index.js",
+        "./store": "./store/index.js",
+        "./state": "./state/index.js",
+        "./components/*": "./components/*",
+        "./styles.css": "./styles.css"
+    },
+    "sideEffects": false,
+    "scripts": {
+        "test": "vitest run",
+        "coverage": "vitest --run --coverage",
+        "start": "storybook dev -p 6006",
+        "build": "npm run icons:build && tsc && node esbuild.config.js",
+        "build-storybook": "storybook build",
+        "icons:build": "npx @svgr/cli --icon --typescript --replace-attr-values \"#3D3D3D=currentColor\" --out-dir src/icons resources/icons",
+        "prepub": "rm -r dist && npm run build && cp package.json dist",
+        "pub": "npm run prepub && cd dist && npm publish --access public",
+        "docs": "npx typedoc src/utils --out docs --plugin typedoc-material-theme --themeColor '#00b869'"
+    },
+    "peerDependencies": {
+        "react": "^19.0.0 || ^18.0.0",
+        "react-dom": "^19.0.0 || ^18.0.0"
+    },
+    "devDependencies": {
+        "@storybook/addon-docs": "^9.1.4",
+        "@storybook/react-vite": "^9.1.4",
+        "@svgr/cli": "^8.1.0",
+        "@types/react": "^19.1.12",
+        "@types/react-dom": "^19.1.9",
+        "@vitest/coverage-v8": "^3.2.4",
+        "esbuild": "^0.25.9",
+        "prettier": "3.6.2",
+        "react": "^19.1.1",
+        "react-dom": "^19.1.1",
+        "sass": "^1.92.0",
+        "shadcn": "^3.2.1",
+        "storybook": "^9.1.4",
+        "typedoc": "^0.28.12",
+        "typedoc-material-theme": "^1.4.0",
+        "vite": "^7.1.4",
+        "vitest": "^3.2.4"
+    },
+    "dependencies": {
+        "@radix-ui/react-avatar": "^1.1.10",
+        "@radix-ui/react-checkbox": "^1.3.3",
+        "@radix-ui/react-dialog": "^1.1.15",
+        "@radix-ui/react-dropdown-menu": "^2.1.16",
+        "@radix-ui/react-label": "^2.1.7",
+        "@radix-ui/react-separator": "^1.1.7",
+        "@radix-ui/react-slot": "^1.2.3",
+        "@radix-ui/react-tooltip": "^1.2.8",
+        "@tailwindcss/vite": "^4.1.13",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "lucide-react": "^0.542.0",
+        "next-themes": "^0.4.6",
+        "sonner": "^2.0.7",
+        "tailwind-merge": "^3.3.1",
+        "tailwindcss": "^4.1.13",
+        "tw-animate-css": "^1.3.8"
+    }
 }

package/state/index.js

@@ -48,7 +48,9 @@ function createMachine(transitions, actions, initialContext, initialState = "IDL
         () => selector(context)
       );
       useEffect(() => {
-        return this.subscribe(() => setCurrentContext(selector(context)));
+        return this.subscribe(
+          () => setCurrentContext(selector(context))
+        );
       }, []);
       return currentContext;
     },

package/state/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/state/index.ts"],
-  "sourcesContent": ["import { useEffect, useState } from 'react';\n\ninterface StateMachine<TContext> {\n    subscribe: (listener: StateChange<TContext>) => () => void;\n    destroy: () => void;\n    action: (action: string, input?: any) => void;\n    can: (action: string) => boolean;\n    useCurrentState: () => string;\n    useCurrentContext: <TSelected = any>(selector: (context: TContext) => TSelected) => TSelected;\n    getContext: () => TContext;\n}\n\ninterface Transitions {\n    [state: string]: {\n        on: {\n            [action: string]: string;\n        };\n    };\n}\n\ninterface Actions {\n    [action: string]: (context: any, input?: any) => any;\n}\n\ntype StateChange<TContext> = (state: string, previousState: string, context: TContext) => void;\n\nexport function createMachine<TContext = any>(\n    transitions: Transitions,\n    actions: Actions,\n    initialContext: TContext,\n    initialState = 'IDLE',\n): StateMachine<TContext> {\n    const listeners = new Set<StateChange<TContext>>();\n    let state = initialState;\n    let context = initialContext;\n\n    return {\n        subscribe(listener: StateChange<TContext>): (() => void) {\n            listeners.add(listener);\n            return () => listeners.delete(listener);\n        },\n\n        destroy(): void {\n            listeners.clear();\n            state = initialState;\n            context = initialContext;\n        },\n\n        action(action: string, input?: any): void {\n            const transition = transitions[state];\n            const nextState = transition.on[action];\n\n            if (!nextState) {\n                console.warn('Invalid transition', state, action);\n                return;\n            }\n\n            console.log(\n                `Machine transition: ${state} -> ${nextState} (${action}, ${input})`,\n            );\n\n            const previousState = state;\n\n            if (actions[action]) {\n                context = actions[action].call(this, context, input) || context;\n            }\n\n            state = nextState;\n            listeners.forEach((listener) =>\n                listener(state, previousState, context),\n            );\n        },\n\n        can(action: string): boolean {\n            const transition = transitions[state];\n            return !!transition.on[action];\n        },\n\n        useCurrentState(): string {\n            const [currentState, setCurrentState] = useState<string>(state);\n\n            useEffect(() => {\n                return this.subscribe(() => setCurrentState(state));\n            }, []);\n\n            return currentState;\n        },\n\n        useCurrentContext<TSelected = any>(selector: (context: TContext) => TSelected): TSelected {\n            const [currentContext, setCurrentContext] = useState<TSelected>(() =>\n                selector(context),\n            );\n\n            useEffect(() => {\n                return this.subscribe(() => setCurrentContext(selector(context)));\n            }, []);\n\n            return currentContext;\n        },\n\n        getContext(): TContext {\n            return context;\n        },\n    };\n}"],
-  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AA0B7B,SAAS,cACZ,aACA,SACA,gBACA,eAAe,QACO;AACtB,QAAM,YAAY,oBAAI,IAA2B;AACjD,MAAI,QAAQ;AACZ,MAAI,UAAU;AAEd,SAAO;AAAA,IACH,UAAU,UAA+C;AACrD,gBAAU,IAAI,QAAQ;AACtB,aAAO,MAAM,UAAU,OAAO,QAAQ;AAAA,IAC1C;AAAA,IAEA,UAAgB;AACZ,gBAAU,MAAM;AAChB,cAAQ;AACR,gBAAU;AAAA,IACd;AAAA,IAEA,OAAO,QAAgB,OAAmB;AACtC,YAAM,aAAa,YAAY,KAAK;AACpC,YAAM,YAAY,WAAW,GAAG,MAAM;AAEtC,UAAI,CAAC,WAAW;AACZ,gBAAQ,KAAK,sBAAsB,OAAO,MAAM;AAChD;AAAA,MACJ;AAEA,cAAQ;AAAA,QACJ,uBAAuB,KAAK,OAAO,SAAS,KAAK,MAAM,KAAK,KAAK;AAAA,MACrE;AAEA,YAAM,gBAAgB;AAEtB,UAAI,QAAQ,MAAM,GAAG;AACjB,kBAAU,QAAQ,MAAM,EAAE,KAAK,MAAM,SAAS,KAAK,KAAK;AAAA,MAC5D;AAEA,cAAQ;AACR,gBAAU;AAAA,QAAQ,CAAC,aACf,SAAS,OAAO,eAAe,OAAO;AAAA,MAC1C;AAAA,IACJ;AAAA,IAEA,IAAI,QAAyB;AACzB,YAAM,aAAa,YAAY,KAAK;AACpC,aAAO,CAAC,CAAC,WAAW,GAAG,MAAM;AAAA,IACjC;AAAA,IAEA,kBAA0B;AACtB,YAAM,CAAC,cAAc,eAAe,IAAI,SAAiB,KAAK;AAE9D,gBAAU,MAAM;AACZ,eAAO,KAAK,UAAU,MAAM,gBAAgB,KAAK,CAAC;AAAA,MACtD,GAAG,CAAC,CAAC;AAEL,aAAO;AAAA,IACX;AAAA,IAEA,kBAAmC,UAAuD;AACtF,YAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,QAAoB,MAC5D,SAAS,OAAO;AAAA,MACpB;AAEA,gBAAU,MAAM;AACZ,eAAO,KAAK,UAAU,MAAM,kBAAkB,SAAS,OAAO,CAAC,CAAC;AAAA,MACpE,GAAG,CAAC,CAAC;AAEL,aAAO;AAAA,IACX;AAAA,IAEA,aAAuB;AACnB,aAAO;AAAA,IACX;AAAA,EACJ;AACJ;",
+  "sourcesContent": ["import { useEffect, useState } from 'react';\n\ninterface StateMachine<TContext> {\n    subscribe: (listener: StateChange<TContext>) => () => void;\n    destroy: () => void;\n    action: (action: string, input?: any) => void;\n    can: (action: string) => boolean;\n    useCurrentState: () => string;\n    useCurrentContext: <TSelected = any>(\n        selector: (context: TContext) => TSelected,\n    ) => TSelected;\n    getContext: () => TContext;\n}\n\ninterface Transitions {\n    [state: string]: {\n        on: {\n            [action: string]: string;\n        };\n    };\n}\n\ninterface Actions {\n    [action: string]: (context: any, input?: any) => any;\n}\n\ntype StateChange<TContext> = (\n    state: string,\n    previousState: string,\n    context: TContext,\n) => void;\n\nexport function createMachine<TContext = any>(\n    transitions: Transitions,\n    actions: Actions,\n    initialContext: TContext,\n    initialState = 'IDLE',\n): StateMachine<TContext> {\n    const listeners = new Set<StateChange<TContext>>();\n    let state = initialState;\n    let context = initialContext;\n\n    return {\n        subscribe(listener: StateChange<TContext>): () => void {\n            listeners.add(listener);\n            return () => listeners.delete(listener);\n        },\n\n        destroy(): void {\n            listeners.clear();\n            state = initialState;\n            context = initialContext;\n        },\n\n        action(action: string, input?: any): void {\n            const transition = transitions[state];\n            const nextState = transition.on[action];\n\n            if (!nextState) {\n                console.warn('Invalid transition', state, action);\n                return;\n            }\n\n            console.log(\n                `Machine transition: ${state} -> ${nextState} (${action}, ${input})`,\n            );\n\n            const previousState = state;\n\n            if (actions[action]) {\n                context = actions[action].call(this, context, input) || context;\n            }\n\n            state = nextState;\n            listeners.forEach((listener) =>\n                listener(state, previousState, context),\n            );\n        },\n\n        can(action: string): boolean {\n            const transition = transitions[state];\n            return !!transition.on[action];\n        },\n\n        useCurrentState(): string {\n            const [currentState, setCurrentState] = useState<string>(state);\n\n            useEffect(() => {\n                return this.subscribe(() => setCurrentState(state));\n            }, []);\n\n            return currentState;\n        },\n\n        useCurrentContext<TSelected = any>(\n            selector: (context: TContext) => TSelected,\n        ): TSelected {\n            const [currentContext, setCurrentContext] = useState<TSelected>(\n                () => selector(context),\n            );\n\n            useEffect(() => {\n                return this.subscribe(() =>\n                    setCurrentContext(selector(context)),\n                );\n            }, []);\n\n            return currentContext;\n        },\n\n        getContext(): TContext {\n            return context;\n        },\n    };\n}\n"],
+  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AAgC7B,SAAS,cACZ,aACA,SACA,gBACA,eAAe,QACO;AACtB,QAAM,YAAY,oBAAI,IAA2B;AACjD,MAAI,QAAQ;AACZ,MAAI,UAAU;AAEd,SAAO;AAAA,IACH,UAAU,UAA6C;AACnD,gBAAU,IAAI,QAAQ;AACtB,aAAO,MAAM,UAAU,OAAO,QAAQ;AAAA,IAC1C;AAAA,IAEA,UAAgB;AACZ,gBAAU,MAAM;AAChB,cAAQ;AACR,gBAAU;AAAA,IACd;AAAA,IAEA,OAAO,QAAgB,OAAmB;AACtC,YAAM,aAAa,YAAY,KAAK;AACpC,YAAM,YAAY,WAAW,GAAG,MAAM;AAEtC,UAAI,CAAC,WAAW;AACZ,gBAAQ,KAAK,sBAAsB,OAAO,MAAM;AAChD;AAAA,MACJ;AAEA,cAAQ;AAAA,QACJ,uBAAuB,KAAK,OAAO,SAAS,KAAK,MAAM,KAAK,KAAK;AAAA,MACrE;AAEA,YAAM,gBAAgB;AAEtB,UAAI,QAAQ,MAAM,GAAG;AACjB,kBAAU,QAAQ,MAAM,EAAE,KAAK,MAAM,SAAS,KAAK,KAAK;AAAA,MAC5D;AAEA,cAAQ;AACR,gBAAU;AAAA,QAAQ,CAAC,aACf,SAAS,OAAO,eAAe,OAAO;AAAA,MAC1C;AAAA,IACJ;AAAA,IAEA,IAAI,QAAyB;AACzB,YAAM,aAAa,YAAY,KAAK;AACpC,aAAO,CAAC,CAAC,WAAW,GAAG,MAAM;AAAA,IACjC;AAAA,IAEA,kBAA0B;AACtB,YAAM,CAAC,cAAc,eAAe,IAAI,SAAiB,KAAK;AAE9D,gBAAU,MAAM;AACZ,eAAO,KAAK,UAAU,MAAM,gBAAgB,KAAK,CAAC;AAAA,MACtD,GAAG,CAAC,CAAC;AAEL,aAAO;AAAA,IACX;AAAA,IAEA,kBACI,UACS;AACT,YAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,QACxC,MAAM,SAAS,OAAO;AAAA,MAC1B;AAEA,gBAAU,MAAM;AACZ,eAAO,KAAK;AAAA,UAAU,MAClB,kBAAkB,SAAS,OAAO,CAAC;AAAA,QACvC;AAAA,MACJ,GAAG,CAAC,CAAC;AAEL,aAAO;AAAA,IACX;AAAA,IAEA,aAAuB;AACnB,aAAO;AAAA,IACX;AAAA,EACJ;AACJ;",
   "names": []
 }

package/state/index.test.js

@@ -10,7 +10,9 @@ describe('State Machine', () => {
         STATE3: { on: { NEXT: 'STATE1', RESET: 'STATE1' } },
     };
     const actions = {
-        NEXT: (context) => ({ count: context.count + 1 }),
+        NEXT: (context) => ({
+            count: context.count + 1,
+        }),
         RESET: () => ({ count: 0 }),
     };
     let machine;
@@ -49,7 +51,9 @@ describe('State Machine', () => {
         expect(machine.can('RESET')).toBe(true);
     });
     it('should warn when invalid transition is attempted', () => {
-        const consoleSpy = vi.spyOn(console, 'warn').mockImplementation(() => { });
+        const consoleSpy = vi
+            .spyOn(console, 'warn')
+            .mockImplementation(() => { });
         machine.action('INVALID_ACTION');
         expect(consoleSpy).toHaveBeenCalledWith('Invalid transition', 'STATE1', 'INVALID_ACTION');
         consoleSpy.mockRestore();
@@ -72,7 +76,9 @@ describe('State Machine', () => {
         unsubscribe();
     });
     it('should log transitions to console', () => {
-        const consoleSpy = vi.spyOn(console, 'log').mockImplementation(() => { });
+        const consoleSpy = vi
+            .spyOn(console, 'log')
+            .mockImplementation(() => { });
         machine.action('NEXT', 'test-input');
         expect(consoleSpy).toHaveBeenCalledWith('Machine transition: STATE1 -> STATE2 (NEXT, test-input)');
         consoleSpy.mockRestore();
@@ -81,7 +87,9 @@ describe('State Machine', () => {
         const mockListener = vi.fn();
         const unsubscribe = machine['subscribe'](mockListener);
         machine.action('NEXT');
-        expect(mockListener).toHaveBeenCalledWith('STATE2', 'STATE1', { count: 1 });
+        expect(mockListener).toHaveBeenCalledWith('STATE2', 'STATE1', {
+            count: 1,
+        });
         // Test unsubscribe
         unsubscribe();
         machine.action('NEXT');
@@ -92,8 +100,8 @@ describe('State Machine', () => {
         const complexMachine = createMachine({ STATE1: { on: { UPDATE: 'STATE1' } } }, {
             UPDATE: (ctx) => ({
                 ...ctx,
-                user: { ...ctx.user, age: ctx.user.age + 1 }
-            })
+                user: { ...ctx.user, age: ctx.user.age + 1 },
+            }),
         }, { user: { name: 'Test', age: 30 }, settings: { theme: 'dark' } }, 'STATE1');
         let name = '';
         let age = 0;
@@ -106,7 +114,7 @@ describe('State Machine', () => {
         // Initial values from initialization
         expect(complexMachine.getContext()).toEqual({
             user: { name: 'Test', age: 30 },
-            settings: { theme: 'dark' }
+            settings: { theme: 'dark' },
         });
         complexMachine.action('UPDATE');
         // Only age should change

package/store/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/store/index.ts"],
-  "sourcesContent": ["// Reexport all from the store modules\nexport * from './store';\nexport { useSelector } from './useSelector';"],
+  "sourcesContent": ["// Reexport all from the store modules\nexport * from './store';\nexport { useSelector } from './useSelector';\n"],
   "mappings": "AACA,cAAc;AACd,SAAS,mBAAmB;",
   "names": []
 }

package/store/useSelector.d.ts

@@ -1,2 +1,2 @@
-import type { Store } from "@/store";
+import type { Store } from '@/store';
 export declare function useSelector<T, S>(store: Store<T>, selector: (state: T) => S): S;

package/store/useSelector.js

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useEffect, useState } from 'react';
 export function useSelector(store, selector) {
     const [selectedState, setSelectedState] = useState(() => store.select(selector));
     useEffect(() => {

package/stories/Alert.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Alert } from '@/components/ui/alert';
+declare const meta: {
+    title: string;
+    component: typeof Alert;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Destructive: Story;
+export declare const WithoutIcon: Story;
+export declare const WithoutTitle: Story;

package/stories/Alert.stories.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
+import { AlertTriangle, Info, Trash } from 'lucide-react';
+const meta = {
+    title: 'WIP/Alert',
+    component: Alert,
+};
+export default meta;
+export const Default = {
+    args: {
+        children: (_jsxs(_Fragment, { children: [_jsx(Info, {}), _jsx(AlertTitle, { children: "Heads up!" }), _jsx(AlertDescription, { children: "This is a default alert \u2014 check it out!" })] })),
+    },
+};
+export const Destructive = {
+    args: {
+        variant: 'destructive',
+        children: (_jsxs(_Fragment, { children: [_jsx(AlertTriangle, {}), _jsx(AlertTitle, { children: "Something went wrong" }), _jsx(AlertDescription, { children: "Your action could not be completed. Please try again." })] })),
+    },
+};
+export const WithoutIcon = {
+    args: {
+        children: (_jsxs(_Fragment, { children: [_jsx(AlertTitle, { children: "Notice" }), _jsx(AlertDescription, { children: "This alert renders without an icon and still aligns nicely." })] })),
+    },
+};
+export const WithoutTitle = {
+    args: {
+        children: (_jsxs(_Fragment, { children: [_jsx(Trash, {}), _jsx(AlertTitle, { children: "This Alert has a title and an icon. No description." })] })),
+    },
+};

package/stories/Button.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Button } from '@/components/ui/button';
+declare const meta: {
+    title: string;
+    component: typeof Button;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Destructive: Story;
+export declare const Outline: Story;
+export declare const Ghost: Story;
+export declare const Link: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Icon: Story;

package/stories/Button.stories.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '@/components/ui/button';
+import { Plus } from 'lucide-react';
+const meta = {
+    title: 'UI/Button',
+    component: Button,
+};
+export default meta;
+export const Primary = {
+    args: {
+        children: 'Button',
+    },
+};
+export const Secondary = {
+    args: {
+        variant: 'secondary',
+        children: 'Button',
+    },
+};
+export const Destructive = {
+    args: {
+        variant: 'destructive',
+        children: 'Button',
+    },
+};
+export const Outline = {
+    args: {
+        variant: 'outline',
+        children: 'Button',
+    },
+};
+export const Ghost = {
+    args: {
+        variant: 'ghost',
+        children: 'Button',
+    },
+};
+export const Link = {
+    args: {
+        variant: 'link',
+        children: 'Button',
+    },
+};
+export const Small = {
+    args: {
+        size: 'sm',
+        children: 'Button',
+    },
+};
+export const Large = {
+    args: {
+        size: 'lg',
+        children: 'Button',
+    },
+};
+export const Icon = {
+    args: {
+        size: 'icon',
+        children: _jsx(Plus, {}),
+    },
+};

package/stories/Checkbox.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Checkbox } from '@/components/ui/checkbox';
+declare const meta: {
+    title: string;
+    component: typeof Checkbox;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;
+export declare const DisabledChecked: Story;
+export declare const WithLabel: Story;
+export declare const Controlled: Story;

package/stories/Checkbox.stories.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Checkbox } from '@/components/ui/checkbox';
+import { Label } from '@/components/ui/label';
+const meta = {
+    title: 'WIP/Checkbox',
+    component: Checkbox,
+};
+export default meta;
+export const Default = {
+    args: {},
+};
+export const Checked = {
+    args: {
+        defaultChecked: true,
+    },
+};
+export const Disabled = {
+    args: {
+        disabled: true,
+    },
+};
+export const DisabledChecked = {
+    args: {
+        disabled: true,
+        defaultChecked: true,
+    },
+};
+export const WithLabel = {
+    render: (args) => (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Checkbox, { ...args, id: "terms" }), _jsx(Label, { htmlFor: "terms", children: "Accept terms and conditions" })] })),
+};
+export const Controlled = {
+    render: (args) => {
+        const [checked, setChecked] = React.useState(false);
+        return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Checkbox, { ...args, checked: checked, onCheckedChange: (v) => setChecked(Boolean(v)), "aria-label": checked ? 'Checked' : 'Unchecked', id: "controlled" }), _jsx(Label, { htmlFor: "controlled", children: checked ? 'Checked' : 'Unchecked' })] }));
+    },
+};

package/stories/Input.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Input } from '@/components/ui/input';
+declare const meta: {
+    title: string;
+    component: typeof Input;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const File: Story;
+export declare const WithPlaceholder: Story;
+export declare const WithLabel: Story;
+export declare const WithButton: Story;

package/stories/Input.stories.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label } from '@/components/ui/label';
+import { Input } from '@/components/ui/input';
+import { Button } from '@/components/ui/button';
+const meta = {
+    title: 'WIP/Input',
+    component: Input,
+};
+export default meta;
+export const Default = {
+    args: {},
+};
+export const Disabled = {
+    args: {
+        disabled: true,
+    },
+};
+export const File = {
+    render: (args) => (_jsxs("div", { className: "grid w-full max-w-sm items-center gap-3", children: [_jsx(Label, { htmlFor: "picture", children: "Picture" }), _jsx(Input, { ...args, type: "file", id: "picture" })] })),
+};
+export const WithPlaceholder = {
+    args: {
+        placeholder: 'Type something...',
+    },
+};
+export const WithLabel = {
+    render: (args) => (_jsxs("div", { className: "grid w-full max-w-sm items-center gap-3", children: [_jsx(Label, { htmlFor: "email", children: "Email" }), _jsx(Input, { ...args, id: "email" })] })),
+};
+export const WithButton = {
+    render: (args) => (_jsxs("div", { className: "flex w-full max-w-sm items-center gap-2", children: [_jsx(Input, { type: "email", placeholder: "Email" }), _jsx(Button, { type: "button", variant: "outline", children: "Subscribe" })] })),
+};

package/stories/Label.stories.d.ts

@@ -0,0 +1,9 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Label } from '@/components/ui/label';
+declare const meta: {
+    title: string;
+    component: typeof Label;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/stories/Label.stories.js

@@ -0,0 +1,12 @@
+import { Label } from '@/components/ui/label';
+const meta = {
+    title: 'WIP/Label',
+    component: Label,
+};
+export default meta;
+export const Default = {
+    args: {
+        children: 'Label',
+        htmlFor: undefined,
+    },
+};

package/stories/Separator.stories.d.ts

@@ -0,0 +1,10 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Separator } from '@/components/ui/separator';
+declare const meta: {
+    title: string;
+    component: typeof Separator;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Vertical: Story;

package/stories/Separator.stories.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Separator } from '@/components/ui/separator';
+const meta = {
+    title: 'WIP/Separator',
+    component: Separator,
+};
+export default meta;
+export const Default = {
+    args: {},
+};
+export const Vertical = {
+    render: (args) => (_jsx("div", { className: "h-10", children: _jsx(Separator, { orientation: "vertical", ...args }) })),
+};

package/stories/Sidebar.stories.d.ts

@@ -0,0 +1,9 @@
+import type { StoryObj } from '@storybook/react-vite';
+import { Sidebar } from '@/components/ui/sidebar';
+declare const meta: {
+    title: string;
+    component: typeof Sidebar;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;