@akanjs/cli 0.0.150 → 0.0.151

package/esm/src/templates/lib/__lib/lib.store.js

@@ -4,9 +4,10 @@ function getContent(scanResult, dict = {}) {
     return null;
   const libs = scanResult.akanConfig.libs;
   return `
+import { store as base } from "@akanjs/store";
 ${libs.map((lib) => `import { store as ${lib} } from "@${lib}/client";`).join("\n")}
 
-export const libStores = [${libs.join(", ")}] as const;
+export const libStores = [${[...libs, "base"].join(", ")}] as const;
 `;
 }
 export {

package/esm/src/templates/libRoot/lib/setting/Setting.Zone.js

@@ -6,8 +6,8 @@ function getContent(scanResult, dict) {
 "use client";
 import { ModelsProps } from "@akanjs/client";
 import { Setting, st, usePage } from "@${dict.libName}/client";
-import { Model } from "@shared/ui";
-import { Loading } from "@util/ui";
+import { Model } from "@akanjs/ui";
+import { Loading } from "@akanjs/ui";
 import { useEffect } from "react";
 import { AiOutlineEdit } from "react-icons/ai";
 

package/esm/src/templates/libRoot/lib/setting/index.js

@@ -3,7 +3,7 @@ function getContent(scanResult, dict = {}) {
   return {
     filename: "index.tsx",
     content: `
-import { Signal } from "@util/ui";
+import { Signal } from "@akanjs/ui";
 import { AiOutlineSetting } from "react-icons/ai";
 
 import * as Template from "./Setting.Template";

package/esm/src/templates/libRoot/lib/summary/Summary.Zone.js

@@ -7,8 +7,8 @@ function getContent(scanResult, dict) {
 import { ModelsProps } from "@akanjs/client";
 import { DefaultOf } from "@akanjs/signal";
 import { st, Summary } from "@${dict.libName}/client";
-import { Data } from "@shared/ui";
-import { Loading } from "@util/ui";
+import { Data } from "@akanjs/ui";
+import { Loading } from "@akanjs/ui";
 
 import { cnst } from "../cnst";
 

package/esm/src/templates/libRoot/lib/summary/index.js

@@ -3,7 +3,7 @@ function getContent(scanResult, dict = {}) {
   return {
     filename: "index.tsx",
     content: `
-import { Signal } from "@util/ui";
+import { Signal } from "@akanjs/ui";
 import { AiOutlineLineChart } from "react-icons/ai";
 
 import * as Template from "./Summary.Template";

package/esm/src/templates/libRoot/lib/user/User.Template.js

@@ -6,7 +6,7 @@ function getContent(scanResult, dict) {
 "use client";
 import { clsx } from "@akanjs/client";
 import { Field } from "@shared/ui";
-import { Layout } from "@util/ui";
+import { Layout } from "@akanjs/ui";
 import { st, usePage } from "@${dict.libName}/client";
 
 interface UserEditProps {

package/esm/src/templates/libRoot/lib/user/User.Util.js

@@ -7,7 +7,7 @@ function getContent(scanResult, dict) {
 import { ModelDashboardProps, ModelInsightProps } from "@akanjs/client";
 import { getQueryMap } from "@akanjs/constant";
 import { cnst, st } from "@${dict.libName}/client";
-import { Data } from "@shared/ui";
+import { Data } from "@akanjs/ui";
 import { AiOutlineEdit, AiOutlineLock, AiOutlineUnlock } from "react-icons/ai";
 
 export const Stat = ({

package/esm/src/templates/libRoot/lib/user/User.Zone.js

@@ -7,7 +7,7 @@ function getContent(scanResult, dict) {
 import { ModelsProps } from "@akanjs/client";
 import { DefaultOf } from "@akanjs/signal";
 import { cnst, st, User } from "@${dict.libName}/client";
-import { Data, Model } from "@shared/ui";
+import { Data, Model } from "@akanjs/ui";
 
 export const Admin = ({ sliceName = "user", init, query }: ModelsProps<cnst.User>) => {
   return (

package/esm/src/templates/libRoot/lib/user/index.js

@@ -3,7 +3,7 @@ function getContent(scanResult, dict = {}) {
   return {
     filename: "index.tsx",
     content: `
-import { Signal } from "@util/ui";
+import { Signal } from "@akanjs/ui";
 import { AiOutlineUser } from "react-icons/ai";
 
 import * as Template from "./User.Template";

package/esm/src/templates/module/__Model__.Template.js

@@ -6,7 +6,7 @@ function getContent(scanResult, dict) {
 "use client";
 import { cnst, st, usePage } from "@${dict.sysName}/client";
 import { Field } from "@shared/ui";
-import { Layout } from "@util/ui";
+import { Layout } from "@akanjs/ui";
 
 interface ${dict.Model}EditProps {
   ${dict.model}Id?: string | null;

package/esm/src/templates/module/__Model__.Unit.js

@@ -5,7 +5,7 @@ function getContent(scanResult, dict) {
     content: `
 import { ModelProps } from "@akanjs/client";
 import { cnst, ${dict.Model} } from "@${dict.sysName}/client";
-import { Link } from "@util/ui";
+import { Link } from "@akanjs/ui";
 
 export const Card = ({ ${dict.model}, href }: ModelProps<"${dict.model}", cnst.Light${dict.Model}>) => {
   return (

package/esm/src/templates/module/__Model__.Util.js

@@ -7,7 +7,7 @@ function getContent(scanResult, dict) {
 import { ModelDashboardProps, ModelInsightProps } from "@akanjs/client";
 import { getQueryMap } from "@akanjs/constant";
 import { cnst } from "@${dict.sysName}/client";
-import { Data } from "@shared/ui";
+import { Data } from "@akanjs/ui";
 
 export const Stat = ({
   className,

package/esm/src/templates/module/__Model__.View.js

@@ -5,7 +5,7 @@ function getContent(scanResult, dict) {
     content: `
 import { clsx } from "@akanjs/client";
 import { cnst } from "@${dict.sysName}/client";
-import { Image } from "@util/ui";
+import { Image } from "@akanjs/ui";
 
 interface ${dict.Model}ViewProps {
   className?: string;

package/esm/src/templates/module/__Model__.Zone.js

@@ -4,7 +4,7 @@ function getContent(scanResult, dict) {
     filename: `${dict.Model}.Zone.tsx`,
     content: `
 "use client";
-import { Data, Load } from "@shared/ui";
+import { Data, Load } from "@akanjs/ui";
 import { ModelsProps } from "@akanjs/client";
 import { cnst, ${dict.Model} } from "@${dict.sysName}/client";
 import { ClientInit, ClientView, DefaultOf } from "@akanjs/signal";

package/esm/src/templates/module/index.js

@@ -3,7 +3,7 @@ function getContent(scanResult, dict) {
   return {
     filename: "index.tsx",
     content: `
-import { Signal } from "@util/ui";
+import { Signal } from "@akanjs/ui";
 import { AiOutlineDatabase } from "react-icons/ai";
 
 import * as Template from "./${dict.Model}.Template";

package/package.json

@@ -1,7 +1,7 @@
 {
   "sourceType": "module",
   "name": "@akanjs/cli",
-  "version": "0.0.150",
+  "version": "0.0.151",
   "bin": {
     "akan": "cjs/index.js"
   },

package/src/guidelines/componentRule/componentRule.instruction.md

@@ -374,7 +374,7 @@ Here's a complete example of components for a "Product" feature:
 ```tsx
 import { clsx, ModelProps } from "@akanjs/client";
 import { cnst } from "@app/client";
-import { Image, Link } from "@util/ui";
+import { Image, Link } from "@akanjs/ui";
 
 export const Card = ({ product, href }: ModelProps<"product", cnst.Product>) => {
   return (
@@ -395,7 +395,7 @@ export const Card = ({ product, href }: ModelProps<"product", cnst.Product>) =>
 ```tsx
 import { clsx } from "@akanjs/client";
 import { cnst } from "@app/client";
-import { Button, Image } from "@util/ui";
+import { Button, Image } from "@akanjs/ui";
 
 interface ProductViewProps {
   className?: string;
@@ -445,7 +445,8 @@ export const General = ({ className, product }: ProductViewProps) => {
 "use client";
 import { clsx } from "@akanjs/client";
 import { st } from "@app/client";
-import { Button, Input, Upload } from "@util/ui";
+import { Button, Input } from "@akanjs/ui";
+import { Upload } from "@util/ui";
 import { AiOutlinePlus } from "react-icons/ai";
 
 export const General = () => {
@@ -520,8 +521,8 @@ export const General = () => {
 import { ModelDashboardProps } from "@akanjs/client";
 import { getQueryMap } from "@akanjs/constant";
 import { cnst, st } from "@app/client";
-import { Data } from "@shared/ui";
-import { Button } from "@util/ui";
+import { Data } from "@akanjs/ui";
+import { Button } from "@akanjs/ui";
 
 export const Stat = ({
   className,
@@ -591,7 +592,7 @@ export const PriceFilter = ({
 import { ModelsProps } from "@akanjs/client";
 import { ClientInit, ClientView } from "@akanjs/signal";
 import { cnst, Product } from "@app/client";
-import { Data, Load } from "@shared/ui";
+import { Data, Load } from "@akanjs/ui";
 
 export const Admin = ({ sliceName = "product", init, query }: ModelsProps<cnst.Product>) => {
   return (

package/src/guidelines/databaseModule/databaseModule.instruction.md

@@ -379,29 +379,16 @@ export const registerUserModule = (option: ModulesOptions) =>
 #### Template Component (`[ModuleName].Template.tsx`)
 
 ```tsx
-import { Button, Form } from "@util/ui";
+import { Button } from "@akanjs/ui";
 
 import { dict } from "../dict";
 import { st } from "../st";
 
 export const General = () => {
-  const { userForm } = st.use.user();
-  const { signin, setUserForm } = st.do.user();
+  const { userForm } = st.use.userForm();
 
   return (
-    <Form onSubmit={signin}>
-      <Form.Item label={dict.user.email}>
-        <Form.Input type="email" value={userForm.email} onChange={(e) => setUserForm({ email: e.target.value })} />
-      </Form.Item>
-      <Form.Item label={dict.user.password}>
-        <Form.Input
-          type="password"
-          value={userForm.password || ""}
-          onChange={(e) => setUserForm({ password: e.target.value })}
-        />
-      </Form.Item>
-      <Button type="submit">{dict.user.signin}</Button>
-    </Form>
+    // WIP
   );
 };
 ```
@@ -473,7 +460,7 @@ export const User = () => (
 #### Client Exports (`index.tsx`)
 
 ```tsx
-import { Signal } from "@util/ui";
+import { Signal } from "@akanjs/ui";
 import { FaUser } from "react-icons/fa";
 
 import * as Template from "./User.Template";

package/src/guidelines/modelConstant/modelConstant.instruction.md

@@ -340,7 +340,7 @@ const drones = await this.listByName("myDrone", { sort: "alphabetical" });
 | `maxlength`  | `number`             | -       | Maximum string length                  | `@Field.Prop(()=> String, { maxlength: 30 }) title: string;`           |
 | `query`      | `object`             | -       | Query value for Summary fields         | `@Field.Prop(() => Int, { query: { status: { $ne: 'inactive' } })`     |
 | `accumulate` | `object`             | -       | Aggregation value for Insight fields   | `@Field.Prop(() => Int, { accumulate: { $sum: 1 } }) count: number;`   |
-| `example`    | `any`                | -       | Example value for API docs             | `@Field.Prop(()=> String, { example: "hello@akanjs.com" }) email;`     |
+| `example`    | `any`                | -       | Example value for API docs             | `@Field.Prop(()=> String, { example: "contact@akanjs.com" }) email;`   |
 | `of`         | `any`                | -       | Value type for Map fields              | `@Field.Prop(()=> Map, { of: Date }) readAts: Map<string, Dayjs>;`     |
 | `validate`   | `(value) => boolean` | -       | Custom validation function             | `@Field.Prop(()=> String, { validate: (v)=> v.includes("@") }) email;` |
 

package/src/guidelines/modelUnit/modelUnit.instruction.md

@@ -39,7 +39,7 @@ A typical Model.Unit.tsx file exports multiple component variations:
 ```tsx
 import { clsx } from "clsx";
 import { cnst } from "@your-lib/client";
-import { Image, Link } from "@util/ui";
+import { Image, Link } from "@akanjs/ui";
 
 // Compact representation (minimal details)
 export const Abstract = ({
@@ -253,7 +253,7 @@ export const Card = ({ user, className }: { user: cnst.LightUser; className?: st
 Always use the optimized `Image` component from `@util/ui` with proper attributes:
 
 ```tsx
-import { Image } from "@util/ui";
+import { Image } from "@akanjs/ui";
 
 export const Card = ({ product }: { product: cnst.LightProduct }) => (
   <div className="card">

package/src/guidelines/modelView/modelView.instruction.md

@@ -748,7 +748,7 @@ export const Product = ({ product }: ProductViewProps) => (
 ### 1. Optimize Images and Media
 
 ```tsx
-import { Image } from "@util/ui"; // Optimized image component
+import { Image } from "@akanjs/ui"; // Optimized image component
 
 export const General = ({ product }: ProductViewProps) => (
   <div className="product-view">

package/src/guidelines/modelZone/modelZone.instruction.md

@@ -33,7 +33,7 @@ Example: `apps/angelo/lib/bizAccount/bizAccount.Zone.tsx`
 ```tsx
 "use client";
 
-import { Load, Data } from "@shared/ui";
+import { Load, Data } from "@akanjs/ui";
 import { ModelsProps } from "@akanjs/client";
 import { ClientInit, ClientView } from "@akanjs/signal";
 import { Model } from "./index";
@@ -275,7 +275,7 @@ Zone components are typically used within page.tsx files using the Load.Page pat
 
 ```tsx
 // app/[lang]/(app)/model/page.tsx
-import { Load } from "@shared/ui";
+import { Load } from "@akanjs/ui";
 import { fetch } from "@akanjs/signal";
 import { Model } from "@app/lib";
 
@@ -465,7 +465,7 @@ export const Dashboard = ({ className }: { className?: string }) => {
 "use client";
 
 import { useEffect } from "react";
-import { Load } from "@shared/ui";
+import { Load } from "@akanjs/ui";
 import { fetch, subscriptions } from "@akanjs/signal";
 
 export const LiveFeed = ({ className, init }: { className?: string; init: ClientInit<"model", cnst.LightModel> }) => {

package/src/guidelines/sharedUiUsage/sharedUiUsage.instruction.md

@@ -19,22 +19,17 @@ The `@shared/ui` library in the Akan.js framework provides a comprehensive set o
 
 ### Importing Components
 
-All UI components are available as named exports from the `@shared/ui` package:
+UI components are available as named exports from the `@shared/ui` package:
 
 ```tsx
-import { Field, Data, Load, Model, System, Only, Editor, Property } from "@shared/ui";
+import { Field, Only, Editor } from "@shared/ui";
 ```
 
 Each namespace contains specialized components for specific use cases:
 
 - **Field**: Form inputs and data entry components
-- **Data**: Data visualization and management interfaces
-- **Load**: Data loading patterns with SSR/CSR support
-- **Model**: CRUD operations with modal and inline editing
-- **System**: Application-level providers and utilities
 - **Only**: Conditional rendering based on user state and device
 - **Editor**: Rich text editing capabilities
-- **Property**: Metadata-driven property editing
 
 ### Component Organization in Your Module
 
@@ -106,7 +101,7 @@ const MyComponent = () => {
 Data components are used to display and manage collections of data:
 
 ```tsx
-import { Data, Model } from "@shared/ui";
+import { Data, Model } from "@akanjs/ui";
 
 export const MyFeatureAdmin = ({ sliceName = "myFeature" }) => {
   return (
@@ -128,7 +123,7 @@ export const MyFeatureAdmin = ({ sliceName = "myFeature" }) => {
 Load components handle data fetching and state management:
 
 ```tsx
-import { Load } from "@shared/ui";
+import { Load } from "@akanjs/ui";
 
 export const MyFeatureView = ({ id }) => {
   return (
@@ -161,7 +156,7 @@ export const MyFeatureList = () => {
 Model components handle create, read, update and delete operations:
 
 ```tsx
-import { Model } from "@shared/ui";
+import { Model } from "@akanjs/ui";
 
 export const CreateMyFeature = () => {
   return (

package/src/guidelines/utilUiUsage/utilUiUsage.instruction.md

@@ -14,7 +14,7 @@ import { Button } from "@util/ui";
 import { Button, Input, Link, Image } from "@util/ui";
 
 // Namespace component import
-import { Dialog } from "@util/ui";
+import { Dialog } from "@akanjs/ui";
 ```
 
 ## Component Organization and Usage