tembro 2.1.10 → 2.1.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tembro",
-  "version": "2.1.10",
+  "version": "2.1.12",
   "description": "Reusable React UI kit with dashboard-ready components, CLI registry helpers, and TypeScript support.",
   "keywords": [
     "react",
@@ -103,6 +103,11 @@
       "import": "./dist/showcase/*.js",
       "require": "./dist/showcase/*.cjs"
     },
+    "./public-component-surface": {
+      "types": "./dist/public-component-surface.d.ts",
+      "import": "./dist/public-component-surface.js",
+      "require": "./dist/public-component-surface.cjs"
+    },
     "./registry.json": "./registry.json",
     "./package.json": "./package.json"
   },

package/packages/cli/dist/index.cjs

@@ -1180,4 +1180,4 @@ ${t}`),e.forEach(r=>{let i=X[r],n=La(r),o=qa(r,i.category),s=i.registryDependenc
 ${n}`),o.sort().forEach(s=>{let a=X[s],c=La(s),u=qa(s,a.category),l=a.registryDependencies?.length?` -> ${a.registryDependencies.join(", ")}`:"";console.log(`  ${s} [${c}/${u}]${l}`);});console.log(`
 Status:`),console.log("  stable = safe public API"),console.log("  preview = usable but API may change"),console.log("  experimental = not ready for stable app contracts"),console.log("  internal = helper metadata"),console.log(`
 Distribution:`),console.log("  foundation = small runtime-safe primitives, hooks, and helpers"),console.log("  source-copy = copy into app source with init/add and edit locally"),console.log("  system = larger product surfaces, kits, and patterns; prefer source-copy only"),console.log(`
-Usage:`),console.log(`  ${$e("add button input data-table")}`),console.log(`  ${$e("add form --overwrite")}`);}var Ua=Me(rt());async function Ly(t){let e=process.cwd(),r=R__default.default.join(e,"tembro.json"),i=Ua.default.existsSync(r)?await Ua.default.readJson(r):{},n=t??i.cssPath??i.globalCssPath??"src/index.css",o=await An({cwd:e,cssPath:n});O.success(`Tembro theme CSS yangilandi: ${o}`);}var Je=Me(rt());var qy={minimal:[{source:"src/lib/utils.ts",target:"{utils}"},{source:"src/components/ui/button",target:"{ui}/button"},{source:"src/components/ui/input",target:"{ui}/input"},{source:"src/components/ui/card",target:"{ui}/card"},{source:"src/components/ui/badge",target:"{ui}/badge"}],dashboard:[{source:"src/lib/utils.ts",target:"{utils}"},{source:"src/components/ui/button",target:"{ui}/button"},{source:"src/components/ui/input",target:"{ui}/input"},{source:"src/components/ui/card",target:"{ui}/card"},{source:"src/components/ui/badge",target:"{ui}/badge"},{source:"src/components/ui/dropdown-menu.tsx",target:"{ui}/dropdown-menu.tsx"},{source:"src/components/ui/skeleton.tsx",target:"{ui}/skeleton.tsx"},{source:"src/components/ui/tabs.tsx",target:"{ui}/tabs.tsx"},{source:"src/components/feedback/page-state.tsx",target:"{components}/feedback/page-state.tsx"},{source:"src/components/filters/filter-bar.tsx",target:"{components}/filters/filter-bar.tsx"},{source:"src/components/display/property-grid.tsx",target:"{components}/display/property-grid.tsx"},{source:"src/components/display/smart-card.tsx",target:"{components}/display/smart-card.tsx"},{source:"src/components/data-table/data-table.tsx",target:"{components}/data-table/data-table.tsx"}]};function dD(t,e="@"){return e==="@"?t:t.replaceAll("@/",`${e}/`)}function hD(t,e){let r=e.paths?.components??"src/components",i=e.paths?.ui??"src/components/ui",n=e.utilsPath??"src/lib/utils.ts";return t.replaceAll("{components}",r).replaceAll("{ui}",i).replaceAll("{utils}",n)}async function By(t,e,r,i){if((await Je.default.stat(t)).isDirectory()){let o=await Je.default.readdir(t,{withFileTypes:true});for(let s of o)await By(R__default.default.join(t,s.name),R__default.default.join(e,s.name),r,i);return}if(i.dryRun){O.info(`[dry-run] ${t} -> ${e}`);return}if(Je.default.existsSync(e)&&!i.overwrite){O.warn(`${e} allaqachon mavjud.`);return}await Je.default.ensureDir(R__default.default.dirname(e)),await Je.default.writeFile(e,dD(await Je.default.readFile(t,"utf8"),r)),O.success(`${e} qo\u2018shildi.`);}async function Uy(t,e={}){let r=qy[t];r||(O.error(`Preset topilmadi: ${t}`),process.exit(1));let i=process.cwd(),n=R__default.default.join(i,"tembro.json");Je.default.existsSync(n)||(O.error("tembro.json topilmadi. Avval init qiling."),process.exit(1));let o=await Je.default.readJson(n),s=In((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));for(let a of r){let c=R__default.default.join(s,a.source),u=R__default.default.join(i,hD(a.target,o));await By(c,u,o.alias,e);}}var Ot=new Tt;Ot.name("tembro").description("Tembro source-copy CLI").version("2.1.10");Ot.command("init").description("Initialize local Tembro source files in your project").option("--template <template>","Project defaults: vite or next","vite").option("--skip-install","Do not install base dependencies").option("-y, --defaults","Use template defaults without interactive prompts").action(Py);Ot.command("preset").description("Add a source-copy preset to your project").argument("<name>","preset name: minimal or dashboard").option("-o, --overwrite","overwrite existing files").option("--dry-run","show files without writing").option("--skip-install","do not install package dependencies").action(Uy);Ot.command("list").description("List available registry components").action(jy);Ot.command("add").description("Copy component source files into your project").argument("[components...]","components to add").option("-o, --overwrite","overwrite existing files").option("--dry-run","show files without writing").option("--skip-install","do not install package dependencies").action($y);Ot.command("theme").description("Write or update Tembro theme CSS in your global CSS file").argument("[cssPath]","global CSS path, default from tembro.json or src/index.css").action(Ly);Ot.parse();
+Usage:`),console.log(`  ${$e("add button input data-table")}`),console.log(`  ${$e("add form --overwrite")}`);}var Ua=Me(rt());async function Ly(t){let e=process.cwd(),r=R__default.default.join(e,"tembro.json"),i=Ua.default.existsSync(r)?await Ua.default.readJson(r):{},n=t??i.cssPath??i.globalCssPath??"src/index.css",o=await An({cwd:e,cssPath:n});O.success(`Tembro theme CSS yangilandi: ${o}`);}var Je=Me(rt());var qy={minimal:[{source:"src/lib/utils.ts",target:"{utils}"},{source:"src/components/ui/button",target:"{ui}/button"},{source:"src/components/ui/input",target:"{ui}/input"},{source:"src/components/ui/card",target:"{ui}/card"},{source:"src/components/ui/badge",target:"{ui}/badge"}],dashboard:[{source:"src/lib/utils.ts",target:"{utils}"},{source:"src/components/ui/button",target:"{ui}/button"},{source:"src/components/ui/input",target:"{ui}/input"},{source:"src/components/ui/card",target:"{ui}/card"},{source:"src/components/ui/badge",target:"{ui}/badge"},{source:"src/components/ui/dropdown-menu.tsx",target:"{ui}/dropdown-menu.tsx"},{source:"src/components/ui/skeleton.tsx",target:"{ui}/skeleton.tsx"},{source:"src/components/ui/tabs.tsx",target:"{ui}/tabs.tsx"},{source:"src/components/feedback/page-state.tsx",target:"{components}/feedback/page-state.tsx"},{source:"src/components/filters/filter-bar.tsx",target:"{components}/filters/filter-bar.tsx"},{source:"src/components/display/property-grid.tsx",target:"{components}/display/property-grid.tsx"},{source:"src/components/display/smart-card.tsx",target:"{components}/display/smart-card.tsx"},{source:"src/components/data-table/data-table.tsx",target:"{components}/data-table/data-table.tsx"}]};function dD(t,e="@"){return e==="@"?t:t.replaceAll("@/",`${e}/`)}function hD(t,e){let r=e.paths?.components??"src/components",i=e.paths?.ui??"src/components/ui",n=e.utilsPath??"src/lib/utils.ts";return t.replaceAll("{components}",r).replaceAll("{ui}",i).replaceAll("{utils}",n)}async function By(t,e,r,i){if((await Je.default.stat(t)).isDirectory()){let o=await Je.default.readdir(t,{withFileTypes:true});for(let s of o)await By(R__default.default.join(t,s.name),R__default.default.join(e,s.name),r,i);return}if(i.dryRun){O.info(`[dry-run] ${t} -> ${e}`);return}if(Je.default.existsSync(e)&&!i.overwrite){O.warn(`${e} allaqachon mavjud.`);return}await Je.default.ensureDir(R__default.default.dirname(e)),await Je.default.writeFile(e,dD(await Je.default.readFile(t,"utf8"),r)),O.success(`${e} qo\u2018shildi.`);}async function Uy(t,e={}){let r=qy[t];r||(O.error(`Preset topilmadi: ${t}`),process.exit(1));let i=process.cwd(),n=R__default.default.join(i,"tembro.json");Je.default.existsSync(n)||(O.error("tembro.json topilmadi. Avval init qiling."),process.exit(1));let o=await Je.default.readJson(n),s=In((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href)));for(let a of r){let c=R__default.default.join(s,a.source),u=R__default.default.join(i,hD(a.target,o));await By(c,u,o.alias,e);}}var Ot=new Tt;Ot.name("tembro").description("Tembro source-copy CLI").version("2.1.12");Ot.command("init").description("Initialize local Tembro source files in your project").option("--template <template>","Project defaults: vite or next","vite").option("--skip-install","Do not install base dependencies").option("-y, --defaults","Use template defaults without interactive prompts").action(Py);Ot.command("preset").description("Add a source-copy preset to your project").argument("<name>","preset name: minimal or dashboard").option("-o, --overwrite","overwrite existing files").option("--dry-run","show files without writing").option("--skip-install","do not install package dependencies").action(Uy);Ot.command("list").description("List available registry components").action(jy);Ot.command("add").description("Copy component source files into your project").argument("[components...]","components to add").option("-o, --overwrite","overwrite existing files").option("--dry-run","show files without writing").option("--skip-install","do not install package dependencies").action($y);Ot.command("theme").description("Write or update Tembro theme CSS in your global CSS file").argument("[cssPath]","global CSS path, default from tembro.json or src/index.css").action(Ly);Ot.parse();

package/packages/cli/vendor/src/components/calendar/calendar.tsx

@@ -466,7 +466,6 @@ function Calendar({
                     disabled={disabled}
                     aria-label={disabledLabel ?? labels?.selectDate?.(dateKey) ?? dateKey}
                     aria-current={dateKey === todayKey ? "date" : undefined}
-                    aria-selected={selected || inRange || inPreviewRange || undefined}
                     tabIndex={dateKey === tabbableDateKey ? 0 : -1}
                     title={disabledLabel}
                     data-selected={selected || undefined}

package/packages/cli/vendor/src/components/ui/radio-group/index.tsx

@@ -126,7 +126,6 @@ function RadioGroup({
               value={option.value}
               checked={checked}
               disabled={optionDisabled}
-              aria-invalid={invalid || undefined}
               className="sr-only"
               onChange={() => setValue(option.value)}
             />

package/packages/cli/vendor/src/showcase/package-meta.ts

@@ -1,4 +1,4 @@
-export const PACKAGE_LATEST_VERSION = "2.0.3"
-export const PACKAGE_LATEST_RELEASE_DATE = "July 8, 2026"
+export const PACKAGE_LATEST_VERSION = "2.1.12"
+export const PACKAGE_LATEST_RELEASE_DATE = "July 9, 2026"
 export const PACKAGE_DEPENDENCY_RANGE = `^${PACKAGE_LATEST_VERSION}`
 

package/packages/cli/vendor/src/showcase/premium/accordion/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const accordionMock: ComponentDemoMock = {
-  code: `import { Accordion } from "@/index"
+  code: `import { Accordion } from "tembro"
 
 const items = [
   {

package/packages/cli/vendor/src/showcase/premium/avatar/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const avatarMock: ComponentDemoMock = {
-  code: `import { Avatar, AvatarGroup } from "@/index"
+  code: `import { Avatar, AvatarGroup } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/button/mock.ts

@@ -3,7 +3,7 @@ import type { ComponentDemoMock } from "../types"
 export const buttonMock: ComponentDemoMock = {
   code: `import * as React from "react"
 import { ArrowRightIcon, DownloadIcon } from "lucide-react"
-import { Button, buttonVariants } from "@/index"
+import { Button, buttonVariants } from "tembro"
 
 export function BasicExamples() {
   return (

package/packages/cli/vendor/src/showcase/premium/calendar-scheduler/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const calendarSchedulerMock: ComponentDemoMock = {
-  code: `import { CalendarScheduler } from "@/index"
+  code: `import { CalendarScheduler } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/carousel/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const carouselMock: ComponentDemoMock = {
-  code: `import { Carousel, CarouselItem } from "@/index"
+  code: `import { Carousel, CarouselItem } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/code-block/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const codeBlockMock: ComponentDemoMock = {
-  code: `import { CodeBlock } from "@/index"
+  code: `import { CodeBlock } from "tembro"
 
 const snippet = \`npx tembro add button select\`
 

package/packages/cli/vendor/src/showcase/premium/command-bar/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const commandBarMock: ComponentDemoMock = {
-  code: `import { CommandBar, Kbd, Button } from "@/index"
+  code: `import { CommandBar, Kbd, Button } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/confirm-dialog/mock.ts

@@ -2,7 +2,7 @@ import type { ComponentDemoMock } from "../types"
 
 export const confirmDialogMock: ComponentDemoMock = {
   code: `import { useState } from "react"
-import { Button, ConfirmDialog } from "@/index"
+import { Button, ConfirmDialog } from "tembro"
 
 export function Example() {
   const [open, setOpen] = useState(false)

package/packages/cli/vendor/src/showcase/premium/copy-button/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const copyButtonMock: ComponentDemoMock = {
-  code: `import { CopyButton } from "@/index"
+  code: `import { CopyButton } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/copy-field/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const copyFieldMock: ComponentDemoMock = {
-  code: `import { CopyField } from "@/index"
+  code: `import { CopyField } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/data-state/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const dataStateMock: ComponentDemoMock = {
-  code: `import { DataState } from "@/index"
+  code: `import { DataState } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/date-picker/mock.ts

@@ -2,7 +2,7 @@ import type { ComponentDemoMock } from "../types"
 
 export const datePickerMock: ComponentDemoMock = {
   code: `import { useState } from "react"
-import { DatePicker } from "@/index"
+import { DatePicker } from "tembro"
 
 export function Example() {
   const [value, setValue] = useState("2026-06-19")

package/packages/cli/vendor/src/showcase/premium/date-range-picker/mock.ts

@@ -2,7 +2,7 @@ import type { ComponentDemoMock } from "../types"
 
 export const dateRangePickerMock: ComponentDemoMock = {
   code: `import { useState } from "react"
-import { DateRangePicker } from "@/index"
+import { DateRangePicker } from "tembro"
 
 export function Example() {
   const [value, setValue] = useState({ from: "2026-06-01", to: "2026-06-07" })

package/packages/cli/vendor/src/showcase/premium/descriptions/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const descriptionsMock: ComponentDemoMock = {
-  code: `import { Descriptions } from "@/index"
+  code: `import { Descriptions } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/dialog/mock.ts

@@ -2,7 +2,7 @@ import type { ComponentDemoMock } from "../types"
 
 export const dialogMock: ComponentDemoMock = {
   code: `import * as React from "react"
-import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/index"
+import { Button, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "tembro"
 
 export function Example() {
   const [open, setOpen] = React.useState(false)

package/packages/cli/vendor/src/showcase/premium/divider/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const dividerMock: ComponentDemoMock = {
-  code: `import { Divider } from "@/index"
+  code: `import { Divider } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/dual-list-picker/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const dualListPickerMock: ComponentDemoMock = {
-  code: `import { DualListPicker } from "@/index"
+  code: `import { DualListPicker } from "tembro"
 
 const items = [
   { label: "Analytics", value: "analytics" },

package/packages/cli/vendor/src/showcase/premium/file-upload/mock.ts

@@ -2,7 +2,7 @@ import type { ComponentDemoMock } from "../types"
 
 export const fileUploadMock: ComponentDemoMock = {
   code: `import { useState } from "react"
-import { FileUpload } from "@/index"
+import { FileUpload } from "tembro"
 
 export function Example() {
   const [files, setFiles] = useState<File[]>([])

package/packages/cli/vendor/src/showcase/premium/image-upload/mock.ts

@@ -2,7 +2,7 @@ import type { ComponentDemoMock } from "../types"
 
 export const imageUploadMock: ComponentDemoMock = {
   code: `import { useState } from "react"
-import { ImageUpload } from "@/index"
+import { ImageUpload } from "tembro"
 
 export function Example() {
   const [files, setFiles] = useState<File[]>([])

package/packages/cli/vendor/src/showcase/premium/json-input/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const jsonInputMock: ComponentDemoMock = {
-  code: `import { JsonInput } from "@/index"
+  code: `import { JsonInput } from "tembro"
 
 export function Example() {
   return <JsonInput value='{"name":"tembro"}' />

package/packages/cli/vendor/src/showcase/premium/kanban-board/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const kanbanBoardMock: ComponentDemoMock = {
-  code: `import { KanbanBoard } from "@/index"
+  code: `import { KanbanBoard } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/list/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const listMock: ComponentDemoMock = {
-  code: `import { Avatar, Badge, List } from "@/index"
+  code: `import { Avatar, Badge, List } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/menubar/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const menubarMock: ComponentDemoMock = {
-  code: `import { Menubar, MenubarContent, MenubarItem, MenubarMenu, MenubarTrigger } from "@/index"
+  code: `import { Menubar, MenubarContent, MenubarItem, MenubarMenu, MenubarTrigger } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/modal-shell/mock.ts

@@ -2,7 +2,7 @@ import type { ComponentDemoMock } from "../types"
 
 export const modalShellMock: ComponentDemoMock = {
   code: `import { useState } from "react"
-import { Badge, Button, Input, ModalShell } from "@/index"
+import { Badge, Button, Input, ModalShell } from "tembro"
 
 export function Example() {
   const [open, setOpen] = useState(false)

package/packages/cli/vendor/src/showcase/premium/navigation-menu/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const navigationMenuMock: ComponentDemoMock = {
-  code: `import { NavigationMenu, NavigationMenuItem, NavigationMenuLink, NavigationMenuList } from "@/index"
+  code: `import { NavigationMenu, NavigationMenuItem, NavigationMenuLink, NavigationMenuList } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/property-grid/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const propertyGridMock: ComponentDemoMock = {
-  code: `import { PropertyGrid } from "@/index"
+  code: `import { PropertyGrid } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/qr-code/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const qrCodeMock: ComponentDemoMock = {
-  code: `import { QRCode } from "@/index"
+  code: `import { QRCode } from "tembro"
 
 export function Example() {
   return <QRCode value="https://azamat-ui.vercel.app" alt="Azamat UI" />

package/packages/cli/vendor/src/showcase/premium/radio-group/mock.ts

@@ -2,7 +2,7 @@ import type { ComponentDemoMock } from "../types"
 
 export const radioGroupMock: ComponentDemoMock = {
   code: `import { useState } from "react"
-import { RadioGroup } from "@/index"
+import { RadioGroup } from "tembro"
 
 const planOptions = [
   { value: "starter", label: "Starter", description: "Good for single workspace setup." },

package/packages/cli/vendor/src/showcase/premium/resizable-panel/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const resizablePanelMock: ComponentDemoMock = {
-  code: `import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "@/index"
+  code: `import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/rich-text-editor/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const richTextEditorMock: ComponentDemoMock = {
-  code: `import { RichTextEditor } from "@/index"
+  code: `import { RichTextEditor } from "tembro"
 
 export function Example() {
   const [value, setValue] = useState("<p>Start writing...</p>")

package/packages/cli/vendor/src/showcase/premium/saved-filter-select/mock.ts

@@ -2,7 +2,7 @@ import type { ComponentDemoMock } from "../types"
 
 export const savedFilterSelectMock: ComponentDemoMock = {
   code: `import { useState } from "react"
-import { SavedFilterSelect } from "@/index"
+import { SavedFilterSelect } from "tembro"
 
 const filters = [
   { value: "billing", label: "Billing", description: "Invoices and payment status" },

package/packages/cli/vendor/src/showcase/premium/section/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const sectionMock: ComponentDemoMock = {
-  code: `import { Button, Section } from "@/index"
+  code: `import { Button, Section } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/segmented-control/mock.ts

@@ -3,7 +3,7 @@ import type { ComponentDemoMock } from "../types"
 export const segmentedControlMock: ComponentDemoMock = {
   code: `import * as React from "react"
 import { LayoutGridIcon, Rows3Icon, Table2Icon } from "lucide-react"
-import { SegmentedControl } from "@/index"
+import { SegmentedControl } from "tembro"
 
 const options = [
   { value: "board", label: "Board", icon: <LayoutGridIcon className="size-4" /> },

package/packages/cli/vendor/src/showcase/premium/sheet-shell/mock.ts

@@ -2,7 +2,7 @@ import type { ComponentDemoMock } from "../types"
 
 export const sheetShellMock: ComponentDemoMock = {
   code: `import { useState } from "react"
-import { Button, SheetShell } from "@/index"
+import { Button, SheetShell } from "tembro"
 
 export function Example() {
   const [openRight, setOpenRight] = useState(false)

package/packages/cli/vendor/src/showcase/premium/skeleton/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const skeletonMock: ComponentDemoMock = {
-  code: `import { Skeleton, SkeletonCard, SkeletonText } from "@/index"
+  code: `import { Skeleton, SkeletonCard, SkeletonText } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/spinner/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const spinnerMock: ComponentDemoMock = {
-  code: `import { LoadingOverlay, Spinner } from "@/index"
+  code: `import { LoadingOverlay, Spinner } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/statistic/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const statisticMock: ComponentDemoMock = {
-  code: `import { Statistic, StatisticCard, StatisticGrid } from "@/index"
+  code: `import { Statistic, StatisticCard, StatisticGrid } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/sticky-footer-bar/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const stickyFooterBarMock: ComponentDemoMock = {
-  code: `import { Button, StickyFooterBar } from "@/index"
+  code: `import { Button, StickyFooterBar } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/tag/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const tagMock: ComponentDemoMock = {
-  code: `import { Tag } from "@/index"
+  code: `import { Tag } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/time-picker/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const timePickerMock: ComponentDemoMock = {
-  code: `import { DateTimePicker, TimePicker, TimeRangePicker } from "@/index"
+  code: `import { DateTimePicker, TimePicker, TimeRangePicker } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/tour/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const tourMock: ComponentDemoMock = {
-  code: `import { Button, Tour } from "@/index"
+  code: `import { Button, Tour } from "tembro"
 import { useState } from "react"
 
 export function Example() {

package/packages/cli/vendor/src/showcase/premium/tree-view/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const treeViewMock: ComponentDemoMock = {
-  code: `import { TreeView } from "@/index"
+  code: `import { TreeView } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/premium/typography/mock.ts

@@ -1,7 +1,7 @@
 import type { ComponentDemoMock } from "../types"
 
 export const typographyMock: ComponentDemoMock = {
-  code: `import { Blockquote, Heading, Mark, Text } from "@/index"
+  code: `import { Blockquote, Heading, Mark, Text } from "tembro"
 
 export function Example() {
   return (

package/packages/cli/vendor/src/showcase/tembro-registry.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://tembro.dev/registry.schema.json",
   "name": "tembro",
-  "version": "2.1.10",
+  "version": "2.1.12",
   "description": "Reusable React + TypeScript UI kit registry",
   "groups": {
     "ui": [

package/registry.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://tembro.dev/registry.schema.json",
   "name": "tembro",
-  "version": "2.1.10",
+  "version": "2.1.12",
   "description": "Reusable React + TypeScript UI kit registry",
   "groups": {
     "ui": [