@botfather/units-uikit-shadcn 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 The Units Authors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,25 @@
+# ShadCN Units Library (DSL)
+
+This package contains Units `.ui` templates modeled after the shadcn/ui component set.
+
+Notes:
+- Each component expects a `props` object in scope (e.g. `{ className: '' }`).
+- Slots are rendered with `#slot (default)` unless otherwise noted.
+- These templates focus on structure and Tailwind-style classes. Behavior (Radix, state management, portals, etc.) should be wired in your renderer or host components.
+
+Suggested usage:
+- Import a component AST via `units-manifest` and wrap it in a React component.
+- Pass `props` into scope when rendering, and provide slots via `options.slots`.
+
+Helper exports:
+- `@botfather/units-uikit-shadcn` exposes `shadcnComponents` and `withShadcnComponents()` for quick wiring.
+
+Example (React renderer):
+```
+import { renderUnits } from "@botfather/units/runtime";
+import uiAst from "./app.ui";
+import { withShadcnComponents } from "@botfather/units-uikit-shadcn";
+
+const options = withShadcnComponents();
+renderUnits(uiAst, { /* scope */ }, options);
+```

package/index.js

@@ -0,0 +1,36 @@
+import { renderUnits } from "@botfather/units/runtime";
+import { uiManifest } from "./shadcn-manifest.js";
+
+function normalizeScope(scope) {
+  return scope && typeof scope === "object" ? scope : {};
+}
+
+export function createUnitsComponent(ast) {
+  return function UnitsComponent(props) {
+    const { __scope, slots: slotOverrides, children, ...rest } = props || {};
+    const scope = {
+      ...normalizeScope(__scope),
+      props: {
+        ...rest,
+        children,
+      },
+    };
+    const slots = { ...(slotOverrides || {}) };
+    if (children != null) slots.default = children;
+    return renderUnits(ast, scope, { slots });
+  };
+}
+
+export const shadcnComponents = Object.fromEntries(
+  Object.entries(uiManifest).map(([name, ast]) => [name, createUnitsComponent(ast)]),
+);
+
+export function withShadcnComponents(options = {}) {
+  return {
+    ...options,
+    components: {
+      ...(options.components || {}),
+      ...shadcnComponents,
+    },
+  };
+}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@botfather/units-uikit-shadcn",
+  "version": "1.0.0",
+  "description": "ShadCN-style component library authored in Units DSL.",
+  "license": "MIT",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Botfather/units.git",
+    "directory": "packages/units-uikit-shadcn"
+  },
+  "homepage": "https://github.com/Botfather/units/tree/main/packages/units-uikit-shadcn",
+  "bugs": {
+    "url": "https://github.com/Botfather/units/issues"
+  },
+  "main": "./index.js",
+  "exports": {
+    ".": "./index.js",
+    "./shadcn.css": "./shadcn.css",
+    "./shadcn-manifest.js": "./shadcn-manifest.js",
+    "./shadcn/*": "./shadcn/*"
+  },
+  "files": [
+    "index.js",
+    "shadcn-manifest.js",
+    "shadcn.css",
+    "shadcn"
+  ],
+  "dependencies": {
+    "@botfather/units": "1.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/shadcn/Accordion.ui

@@ -0,0 +1,3 @@
+div (className=@('w-full' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/AccordionContent.ui

@@ -0,0 +1,5 @@
+div (className=@('overflow-hidden text-sm transition-all' + (props.className ? ' ' + props.className : ''))) {
+  div (className:'pb-4 pt-0') {
+    #slot (default)
+  }
+}

package/shadcn/AccordionItem.ui

@@ -0,0 +1,3 @@
+div (className=@('border-b' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/AccordionTrigger.ui

@@ -0,0 +1,6 @@
+button (
+  className=@('flex w-full items-center justify-between py-4 font-medium transition-all hover:underline' + (props.className ? ' ' + props.className : '')),
+  type:'button'
+) {
+  #slot (default)
+}

package/shadcn/Alert.ui

@@ -0,0 +1,3 @@
+div (className=@('relative w-full rounded-lg border border-border p-4' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/AlertDescription.ui

@@ -0,0 +1,3 @@
+div (className=@('text-sm text-muted-foreground' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/AlertDialog.ui

@@ -0,0 +1,3 @@
+div (className=@('relative' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/AlertDialogAction.ui

@@ -0,0 +1,6 @@
+button (
+  className=@('inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90' + (props.className ? ' ' + props.className : '')),
+  type:'button'
+) {
+  #slot (default)
+}

package/shadcn/AlertDialogCancel.ui

@@ -0,0 +1,6 @@
+button (
+  className=@('inline-flex items-center justify-center rounded-md border border-input bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground' + (props.className ? ' ' + props.className : '')),
+  type:'button'
+) {
+  #slot (default)
+}

package/shadcn/AlertDialogContent.ui

@@ -0,0 +1,3 @@
+div (className=@('fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/AlertDialogDescription.ui

@@ -0,0 +1,3 @@
+div (className=@('text-sm text-muted-foreground' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/AlertDialogFooter.ui

@@ -0,0 +1,3 @@
+div (className=@('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/AlertDialogHeader.ui

@@ -0,0 +1,3 @@
+div (className=@('flex flex-col space-y-2 text-center sm:text-left' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/AlertDialogTitle.ui

@@ -0,0 +1,3 @@
+h2 (className=@('text-lg font-semibold' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/AlertDialogTrigger.ui

@@ -0,0 +1,6 @@
+button (
+  className=@('inline-flex items-center' + (props.className ? ' ' + props.className : '')),
+  type:'button'
+) {
+  #slot (default)
+}

package/shadcn/AlertTitle.ui

@@ -0,0 +1,3 @@
+h5 (className=@('mb-1 font-medium leading-none tracking-tight' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/AspectRatio.ui

@@ -0,0 +1,6 @@
+div (
+  className=@('relative w-full' + (props.className ? ' ' + props.className : '')),
+  style=@({ aspectRatio: props.ratio || '16 / 9' })
+) {
+  #slot (default)
+}

package/shadcn/Avatar.ui

@@ -0,0 +1,3 @@
+div (className=@('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/AvatarFallback.ui

@@ -0,0 +1,3 @@
+div (className=@('flex h-full w-full items-center justify-center rounded-full bg-muted' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/AvatarImage.ui

@@ -0,0 +1 @@
+img (className=@('aspect-square h-full w-full' + (props.className ? ' ' + props.className : '')))

package/shadcn/Badge.ui

@@ -0,0 +1,9 @@
+span (className=@('inline-flex items-center rounded-full border border-transparent px-2.5 py-0.5 text-xs font-semibold transition-colors' +
+    (props.variant == 'secondary' ? ' bg-secondary text-secondary-foreground' :
+    props.variant == 'destructive' ? ' bg-destructive text-destructive-foreground' :
+    props.variant == 'outline' ? ' border-border text-foreground' :
+    ' bg-primary text-primary-foreground') +
+    (props.className ? ' ' + props.className : '')
+  )) {
+  #slot (default)
+}

package/shadcn/Breadcrumb.ui

@@ -0,0 +1,3 @@
+nav (className=@('flex' + (props.className ? ' ' + props.className : '')), aria-label:'breadcrumb') {
+  #slot (default)
+}

package/shadcn/BreadcrumbEllipsis.ui

@@ -0,0 +1,3 @@
+span (className=@('flex h-9 w-9 items-center justify-center text-muted-foreground' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/BreadcrumbItem.ui

@@ -0,0 +1,3 @@
+li (className=@('inline-flex items-center gap-1.5' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/BreadcrumbLink.ui

@@ -0,0 +1,6 @@
+a (
+  className=@('transition-colors hover:text-foreground' + (props.className ? ' ' + props.className : '')),
+  href=@props.href
+) {
+  #slot (default)
+}

package/shadcn/BreadcrumbList.ui

@@ -0,0 +1,3 @@
+ol (className=@('flex flex-wrap items-center gap-1.5' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/BreadcrumbPage.ui

@@ -0,0 +1,3 @@
+span (className=@('font-normal text-foreground' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/BreadcrumbSeparator.ui

@@ -0,0 +1,3 @@
+span (className=@('text-muted-foreground' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/Button.ui

@@ -0,0 +1,20 @@
+button (
+  className=@('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ring-offset-background' +
+    (props.variant == 'destructive' ? ' bg-destructive text-destructive-foreground hover:bg-destructive/90' :
+    props.variant == 'outline' ? ' border border-input bg-background hover:bg-accent hover:text-accent-foreground' :
+    props.variant == 'secondary' ? ' bg-secondary text-secondary-foreground hover:bg-secondary/80' :
+    props.variant == 'ghost' ? ' hover:bg-accent hover:text-accent-foreground' :
+    props.variant == 'link' ? ' text-primary underline-offset-4 hover:underline' :
+    ' bg-primary text-primary-foreground hover:bg-primary/90') +
+    (props.size == 'sm' ? ' h-9 rounded-md px-3' :
+    props.size == 'lg' ? ' h-11 rounded-md px-8' :
+    props.size == 'icon' ? ' h-10 w-10' :
+    ' h-10 px-4 py-2') +
+    (props.className ? ' ' + props.className : '')
+  ),
+  type=@(props.type || 'button'),
+  disabled?=@props.disabled,
+  !click { props.onClick && props.onClick(@event) }
+) {
+  #slot (default)
+}

package/shadcn/ButtonGroup.ui

@@ -0,0 +1,3 @@
+div (className=@('inline-flex items-center rounded-md border border-input bg-background' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/Calendar.ui

@@ -0,0 +1,3 @@
+div (className=@('rounded-md border border-border p-3' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/Card.ui

@@ -0,0 +1,3 @@
+div (className=@('rounded-xl border bg-card text-card-foreground shadow' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/CardContent.ui

@@ -0,0 +1,3 @@
+div (className=@('p-6 pt-0' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/CardDescription.ui

@@ -0,0 +1,3 @@
+p (className=@('text-sm text-muted-foreground' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/CardFooter.ui

@@ -0,0 +1,3 @@
+div (className=@('flex items-center p-6 pt-0' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/CardHeader.ui

@@ -0,0 +1,3 @@
+div (className=@('flex flex-col space-y-1.5 p-6' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/CardTitle.ui

@@ -0,0 +1,3 @@
+h3 (className=@('text-2xl font-semibold leading-none tracking-tight' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/Carousel.ui

@@ -0,0 +1,3 @@
+div (className=@('relative' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/CarouselContent.ui

@@ -0,0 +1,3 @@
+div (className=@('overflow-hidden' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/CarouselItem.ui

@@ -0,0 +1,3 @@
+div (className=@('min-w-0 shrink-0 grow-0 basis-full' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/CarouselNext.ui

@@ -0,0 +1,6 @@
+button (
+  className=@('absolute right-2 top-1/2 -translate-y-1/2 inline-flex h-8 w-8 items-center justify-center rounded-full border border-border bg-background shadow' + (props.className ? ' ' + props.className : '')),
+  type:'button'
+) {
+  #slot (default)
+}

package/shadcn/CarouselPrevious.ui

@@ -0,0 +1,6 @@
+button (
+  className=@('absolute left-2 top-1/2 -translate-y-1/2 inline-flex h-8 w-8 items-center justify-center rounded-full border border-border bg-background shadow' + (props.className ? ' ' + props.className : '')),
+  type:'button'
+) {
+  #slot (default)
+}

package/shadcn/Chart.ui

@@ -0,0 +1,3 @@
+div (className=@('w-full' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ChartContainer.ui

@@ -0,0 +1,3 @@
+div (className=@('w-full' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ChartLegend.ui

@@ -0,0 +1,3 @@
+div (className=@('flex flex-wrap items-center gap-2 text-sm' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ChartLegendContent.ui

@@ -0,0 +1,3 @@
+div (className=@('flex items-center gap-2' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ChartTooltip.ui

@@ -0,0 +1,3 @@
+div (className=@('rounded-md border bg-popover p-2 text-sm shadow' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ChartTooltipContent.ui

@@ -0,0 +1,3 @@
+div (className=@('grid gap-1' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/Checkbox.ui

@@ -0,0 +1,13 @@
+label (className=@('inline-flex items-center gap-2 text-sm' + (props.className ? ' ' + props.className : ''))) {
+  input (
+    type:'checkbox',
+    className:'peer h-4 w-4 shrink-0 rounded-sm border border-input text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+    checked?=@props.checked,
+    disabled?=@props.disabled,
+    !change { props.onCheckedChange && props.onCheckedChange(@event) }
+  )
+  span (className:'sr-only') {
+    text 'Checkbox'
+  }
+  #slot (default)
+}

package/shadcn/Collapsible.ui

@@ -0,0 +1,3 @@
+div (className=@('w-full' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/CollapsibleContent.ui

@@ -0,0 +1,3 @@
+div (className=@('overflow-hidden' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/CollapsibleTrigger.ui

@@ -0,0 +1,6 @@
+button (
+  className=@('inline-flex w-full items-center justify-between' + (props.className ? ' ' + props.className : '')),
+  type:'button'
+) {
+  #slot (default)
+}

package/shadcn/Combobox.ui

@@ -0,0 +1,3 @@
+div (className=@('relative' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ComboboxEmpty.ui

@@ -0,0 +1,3 @@
+div (className=@('py-6 text-center text-sm text-muted-foreground' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ComboboxInput.ui

@@ -0,0 +1 @@
+input (className=@('w-full rounded-md border border-input bg-background px-3 py-2 text-sm' + (props.className ? ' ' + props.className : '')))

package/shadcn/ComboboxItem.ui

@@ -0,0 +1,6 @@
+button (
+  className=@('flex w-full items-center rounded-sm px-2 py-1.5 text-sm hover:bg-accent' + (props.className ? ' ' + props.className : '')),
+  type:'button'
+) {
+  #slot (default)
+}

package/shadcn/ComboboxList.ui

@@ -0,0 +1,3 @@
+div (className=@('mt-2 rounded-md border border-border bg-popover p-1 shadow' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ComboboxTrigger.ui

@@ -0,0 +1,6 @@
+button (
+  className=@('inline-flex w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm' + (props.className ? ' ' + props.className : '')),
+  type:'button'
+) {
+  #slot (default)
+}

package/shadcn/Command.ui

@@ -0,0 +1,3 @@
+div (className=@('flex h-full w-full flex-col overflow-hidden rounded-md border border-border bg-popover text-popover-foreground' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/CommandEmpty.ui

@@ -0,0 +1,3 @@
+div (className=@('py-6 text-center text-sm' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/CommandGroup.ui

@@ -0,0 +1,3 @@
+div (className=@('overflow-hidden p-1 text-foreground' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/CommandInput.ui

@@ -0,0 +1 @@
+input (className=@('flex h-10 w-full rounded-md bg-transparent px-3 py-2 text-sm outline-none' + (props.className ? ' ' + props.className : '')))

package/shadcn/CommandItem.ui

@@ -0,0 +1,3 @@
+div (className=@('relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/CommandList.ui

@@ -0,0 +1,3 @@
+div (className=@('max-h-[300px] overflow-y-auto overflow-x-hidden' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/CommandSeparator.ui

@@ -0,0 +1,3 @@
+div (className=@('-mx-1 h-px bg-border' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/CommandShortcut.ui

@@ -0,0 +1,3 @@
+span (className=@('ml-auto text-xs tracking-widest text-muted-foreground' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ContextMenu.ui

@@ -0,0 +1,3 @@
+div (className=@('relative' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ContextMenuCheckboxItem.ui

@@ -0,0 +1,3 @@
+div (className=@('relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ContextMenuContent.ui

@@ -0,0 +1,3 @@
+div (className=@('min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ContextMenuGroup.ui

@@ -0,0 +1,3 @@
+div (className=@('p-1' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ContextMenuItem.ui

@@ -0,0 +1,3 @@
+div (className=@('relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ContextMenuLabel.ui

@@ -0,0 +1,3 @@
+div (className=@('px-2 py-1.5 text-sm font-semibold' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ContextMenuRadioGroup.ui

@@ -0,0 +1,3 @@
+div (className=@('p-1' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ContextMenuRadioItem.ui

@@ -0,0 +1,3 @@
+div (className=@('relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ContextMenuSeparator.ui

@@ -0,0 +1,3 @@
+div (className=@('-mx-1 my-1 h-px bg-border' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ContextMenuShortcut.ui

@@ -0,0 +1,3 @@
+span (className=@('ml-auto text-xs tracking-widest text-muted-foreground' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ContextMenuSub.ui

@@ -0,0 +1,3 @@
+div (className=@('relative' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ContextMenuSubContent.ui

@@ -0,0 +1,3 @@
+div (className=@('min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ContextMenuSubTrigger.ui

@@ -0,0 +1,3 @@
+div (className=@('flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/ContextMenuTrigger.ui

@@ -0,0 +1,3 @@
+div (className=@('inline-flex' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/DataTable.ui

@@ -0,0 +1,3 @@
+div (className=@('w-full' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/DataTablePagination.ui

@@ -0,0 +1,3 @@
+div (className=@('flex items-center justify-end gap-2 py-2' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}

package/shadcn/DataTableToolbar.ui

@@ -0,0 +1,3 @@
+div (className=@('flex items-center justify-between gap-2 py-2' + (props.className ? ' ' + props.className : ''))) {
+  #slot (default)
+}