tembro 2.1.11 → 2.1.12

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.11",
+  "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.11",
+  "version": "2.1.12",
   "description": "Reusable React + TypeScript UI kit registry",
   "groups": {
     "ui": [