@indinno/digicode-ui 0.1.0 → 0.1.1

package/dist/ui.d.ts

@@ -0,0 +1,78 @@
+import type { AnchorHTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, ReactNode, SelectHTMLAttributes, TextareaHTMLAttributes } from "react";
+type ButtonVariant = "dark" | "light" | "text";
+export type CornerStyle = "square" | "subtle" | "rounded" | "pill";
+export type CornerProps = {
+    corners?: CornerStyle;
+};
+export type ButtonProps = {
+    corners?: CornerStyle;
+    label: ReactNode;
+    variant?: ButtonVariant;
+    arrow?: boolean;
+    className?: string;
+};
+export declare function Button({ corners, label, variant, arrow, className, ...props }: ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>): import("react").JSX.Element;
+export declare function ButtonLink({ corners, label, variant, arrow, className, ...props }: ButtonProps & AnchorHTMLAttributes<HTMLAnchorElement>): import("react").JSX.Element;
+export declare function Brand({ compact }: {
+    compact?: boolean;
+}): import("react").JSX.Element;
+export declare function SectionHeading({ eyebrow, title, description, aside, centered, }: {
+    eyebrow?: string;
+    title: ReactNode;
+    description?: ReactNode;
+    aside?: ReactNode;
+    centered?: boolean;
+}): import("react").JSX.Element;
+export type FieldProps = {
+    label: string;
+    hint?: ReactNode;
+    required?: boolean;
+    children: ReactNode;
+    className?: string;
+};
+export declare function Field({ label, hint, required, children, className }: FieldProps): import("react").JSX.Element;
+export declare function Input({ corners, className, ...props }: InputHTMLAttributes<HTMLInputElement> & CornerProps): import("react").JSX.Element;
+export declare function Textarea({ corners, className, ...props }: TextareaHTMLAttributes<HTMLTextAreaElement> & CornerProps): import("react").JSX.Element;
+export declare function Select({ corners, className, children, ...props }: SelectHTMLAttributes<HTMLSelectElement> & CornerProps): import("react").JSX.Element;
+export type ServiceVisualKind = "automation" | "store" | "logistics" | "analytics" | "ai";
+export declare function ServiceVisual({ kind }: {
+    kind: ServiceVisualKind;
+}): import("react").JSX.Element;
+export type ServiceCardProps = {
+    eyebrow?: string;
+    title: ReactNode;
+    description: ReactNode;
+    visual?: ServiceVisualKind;
+    scope?: string[];
+    action?: ReactNode;
+    wide?: boolean;
+    className?: string;
+};
+export declare function ServiceCard({ eyebrow, title, description, visual, scope, action, wide, className, }: ServiceCardProps): import("react").JSX.Element;
+export type ProductPreviewKind = "tasks" | "inventory" | "school";
+export declare function ProductPreview({ kind, large, }: {
+    kind: ProductPreviewKind;
+    large?: boolean;
+}): import("react").JSX.Element;
+export type ProductCardProps = {
+    category?: string;
+    title: ReactNode;
+    description: ReactNode;
+    preview?: ProductPreviewKind;
+    features?: string[];
+    footer?: ReactNode;
+    action?: ReactNode;
+    onPreview?: () => void;
+    className?: string;
+};
+export declare function ProductCard({ category, title, description, preview, features, footer, action, onPreview, className, }: ProductCardProps): import("react").JSX.Element;
+export declare const digicodeIcons: {
+    sheet: import("lucide-react").LucideIcon;
+    shop: import("lucide-react").LucideIcon;
+    code: import("lucide-react").LucideIcon;
+    truck: import("lucide-react").LucideIcon;
+    chart: import("lucide-react").LucideIcon;
+    sparkles: import("lucide-react").LucideIcon;
+};
+export {};
+//# sourceMappingURL=ui.d.ts.map

package/dist/ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../src/library/ui.tsx"],"names":[],"mappings":"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"}

package/dist/ui.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ArrowUpRight, BarChart3, Braces, Check, CheckCheck, ChevronRight, CodeXml, FileCheck2, FileText, GraduationCap, LayoutGrid, Mail, MoreHorizontal, Package, Plus, Search, Send, ShoppingBag, Sparkles, Table2, Truck, Users, Workflow, Zap, } from "lucide-react";
+function Label({ label, arrow }) {
+    return (_jsxs(_Fragment, { children: [_jsxs("span", { className: "dc-button-label", children: [_jsx("span", { children: label }), _jsx("span", { "aria-hidden": "true", children: label })] }), arrow && _jsx(ArrowUpRight, { size: 17, "aria-hidden": "true" })] }));
+}
+export function Button({ corners = "subtle", label, variant = "dark", arrow = false, className = "", ...props }) {
+    return (_jsx("button", { "data-corners": corners, className: `dc-button dc-button--${variant} ${className}`, ...props, children: _jsx(Label, { label: label, arrow: arrow }) }));
+}
+export function ButtonLink({ corners = "subtle", label, variant = "dark", arrow = false, className = "", ...props }) {
+    return (_jsx("a", { "data-corners": corners, className: `dc-button dc-button--${variant} ${className}`, ...props, children: _jsx(Label, { label: label, arrow: arrow }) }));
+}
+export function Brand({ compact = false }) {
+    return (_jsxs("span", { className: `dc-brand ${compact ? "dc-brand--compact" : ""}`, children: [_jsx("span", { className: "dc-brand-mark", children: _jsx(CodeXml, { "aria-hidden": "true", strokeWidth: 2.6 }) }), _jsxs("span", { className: "dc-brand-type", children: ["DigiCode", _jsx("span", { className: "dc-brand-subtitle", children: "SOLUTIONS" })] })] }));
+}
+export function SectionHeading({ eyebrow, title, description, aside, centered = false, }) {
+    return (_jsxs("div", { className: `dc-section-heading ${centered ? "dc-section-heading--center" : ""}`, children: [_jsxs("div", { children: [eyebrow && (_jsxs("p", { className: "dc-eyebrow", children: [_jsx("span", {}), eyebrow] })), _jsx("h2", { children: title }), description && _jsx("p", { className: "dc-section-description", children: description })] }), aside && _jsx("div", { className: "dc-section-heading-aside", children: aside })] }));
+}
+export function Field({ label, hint, required, children, className = "" }) {
+    return (_jsxs("label", { className: `dc-field ${className}`, children: [_jsxs("span", { className: "dc-field-label", children: [label, required && _jsx("span", { "aria-hidden": "true", children: "*" })] }), children, hint && _jsx("span", { className: "dc-field-hint", children: hint })] }));
+}
+export function Input({ corners = "subtle", className = "", ...props }) {
+    return _jsx("input", { "data-corners": corners, className: `dc-input ${className}`, ...props });
+}
+export function Textarea({ corners = "subtle", className = "", ...props }) {
+    return _jsx("textarea", { "data-corners": corners, className: `dc-input dc-textarea ${className}`, ...props });
+}
+export function Select({ corners = "subtle", className = "", children, ...props }) {
+    return (_jsx("select", { "data-corners": corners, className: `dc-input dc-select ${className}`, ...props, children: children }));
+}
+export function ServiceVisual({ kind }) {
+    if (kind === "automation") {
+        return (_jsxs("div", { className: "dc-service-visual dc-automation-visual", "aria-hidden": "true", children: [_jsx("div", { className: "dc-visual-grid" }), _jsxs("div", { className: "dc-workflow-node", children: [_jsx("span", { className: "dc-app-icon dc-app-icon--green", children: _jsx(Table2, {}) }), _jsxs("div", { children: [_jsx("b", { children: "New row in Google Sheets" }), _jsx("small", { children: "When a new order arrives" })] }), _jsx(Check, { size: 15 })] }), _jsxs("div", { className: "dc-workflow-connector", children: [_jsx("span", {}), _jsx(Zap, { size: 13 }), _jsx("span", {})] }), _jsxs("div", { className: "dc-workflow-node", children: [_jsx("span", { className: "dc-app-icon dc-app-icon--blue", children: _jsx(Workflow, {}) }), _jsxs("div", { children: [_jsx("b", { children: "A little automation magic" }), _jsx("small", { children: "Process, organize, and update" })] }), _jsx(Check, { size: 15 })] }), _jsxs("div", { className: "dc-workflow-branch", children: [_jsx("span", {}), _jsx("span", {})] }), _jsxs("div", { className: "dc-workflow-outputs", children: [_jsxs("span", { children: [_jsx(Mail, { size: 17 }), "Send an email"] }), _jsxs("span", { children: [_jsx(Send, { size: 17 }), "Notify your team"] })] }), _jsxs("span", { className: "dc-automation-toast", children: [_jsx("span", { children: _jsx(CheckCheck, { size: 15 }) }), "Workflow completed. Time saved."] })] }));
+    }
+    if (kind === "store") {
+        return (_jsxs("div", { className: "dc-service-visual dc-store-visual", "aria-hidden": "true", children: [_jsxs("div", { className: "dc-store-browser", children: [_jsxs("div", { className: "dc-browser-bar", children: [_jsxs("span", { children: [_jsx("i", {}), _jsx("i", {}), _jsx("i", {})] }), _jsx("small", { children: "yourbrand.com" }), _jsx(CodeXml, { size: 11 })] }), _jsxs("div", { className: "dc-store-nav", children: [_jsx("b", { children: "the daily." }), _jsxs("span", { children: ["Shop \u00A0 Our story \u00A0 ", _jsx(ShoppingBag, { size: 11 })] })] }), _jsxs("div", { className: "dc-store-content", children: [_jsxs("div", { children: [_jsx("small", { children: "A BETTER EVERYDAY" }), _jsxs("strong", { children: ["Good mornings", _jsx("br", {}), "start here."] }), _jsxs("p", { children: ["Thoughtfully sourced.", _jsx("br", {}), "Beautifully brewed."] }), _jsxs("span", { className: "dc-store-cta", children: ["Find your favorite ", _jsx(ArrowUpRight, { size: 10 })] })] }), _jsx("span", { className: "dc-store-photo" })] }), _jsxs("div", { className: "dc-store-bottom", children: [_jsx("span", { children: "Made with care." }), _jsx("span", { children: "Delivered to your door." })] })] }), _jsxs("div", { className: "dc-store-notification", children: [_jsx("span", { className: "dc-app-icon dc-app-icon--green", children: _jsx(ShoppingBag, { size: 19 }) }), _jsxs("div", { children: [_jsx("b", { children: "Your next chapter, online." }), _jsx("small", { children: "Websites & Shopify development" })] }), _jsx(Sparkles, { size: 14 })] })] }));
+    }
+    if (kind === "logistics") {
+        return (_jsx("div", { className: "dc-service-visual dc-logistics-visual", "aria-hidden": "true", children: _jsxs("div", { className: "dc-dispatch-card", children: [_jsxs("div", { className: "dc-mini-panel-heading", children: [_jsx("b", { children: "Order #DG-1024" }), _jsx("span", { className: "dc-status-pill", children: "On the move" })] }), _jsx("div", { className: "dc-delivery-line", children: [Package, Truck, Check].map((Component, index) => (_jsx("span", { className: index < 2 ? "done" : "", children: _jsx(Component, { size: 19 }) }, index))) }), _jsxs("div", { className: "dc-delivery-labels", children: [_jsx("span", { children: "Confirmed" }), _jsx("span", { children: "Dispatched" }), _jsx("span", { children: "Delivered" })] }), _jsxs("div", { className: "dc-dispatch-detail", children: [_jsxs("span", { children: [_jsx(Package, { size: 16 }), "All your orders. One place."] }), _jsx(ArrowUpRight, { size: 13 })] })] }) }));
+    }
+    if (kind === "analytics") {
+        return (_jsx("div", { className: "dc-service-visual dc-analytics-visual", "aria-hidden": "true", children: _jsxs("div", { className: "dc-report-card", children: [_jsxs("div", { className: "dc-mini-panel-heading", children: [_jsx("b", { children: "Weekly overview" }), _jsx("span", { children: "Last 7 days" })] }), _jsxs("div", { className: "dc-report-total", children: [_jsx("strong", { children: "128" }), _jsx("span", { children: "tasks completed" }), _jsx("small", { children: "+12 this week" })] }), _jsx("div", { className: "dc-report-bars", children: [42, 66, 51, 82, 62, 95, 76].map((height, index) => (_jsx("span", { style: { height: `${height}%` } }, index))) }), _jsx("div", { className: "dc-report-days", children: "MTWTFSS".split("").map((day, index) => (_jsx("span", { children: day }, index))) })] }) }));
+    }
+    return (_jsxs("div", { className: "dc-service-visual dc-ai-visual", "aria-hidden": "true", children: [_jsx("div", { className: "dc-visual-grid" }), _jsxs("div", { className: "dc-ai-path", children: [_jsx("span", { children: _jsx(FileText, { size: 27 }) }), _jsx("i", {}), _jsx("span", { className: "dc-ai-center", children: _jsx(Sparkles, { size: 30 }) }), _jsx("i", {}), _jsx("span", { children: _jsx(Table2, { size: 27 }) })] }), _jsxs("div", { className: "dc-extracted-card", children: [_jsxs("div", { children: [_jsx(FileCheck2, { size: 16 }), _jsx("b", { children: "Order data extracted" }), _jsx("span", { className: "dc-status-dot" })] }), _jsxs("p", { children: [_jsx("span", { children: "Customer" }), _jsx("span", { children: "Order details" }), _jsxs("span", { children: ["Ready to sync ", _jsx(Check, { size: 11 })] })] })] })] }));
+}
+export function ServiceCard({ eyebrow, title, description, visual = "automation", scope = [], action, wide = false, className = "", }) {
+    return (_jsxs("article", { className: `dc-service-card ${wide ? "dc-service-card--wide" : ""} ${className}`, children: [_jsx(ServiceVisual, { kind: visual }), _jsxs("div", { className: "dc-service-card-content", children: [eyebrow && _jsx("span", { className: "dc-card-eyebrow", children: eyebrow }), _jsx("h3", { children: title }), _jsx("p", { children: description }), scope.length > 0 && (_jsx("ul", { className: "dc-service-scope", children: scope.map((item) => (_jsxs("li", { children: [_jsx(Check, { size: 15, "aria-hidden": "true" }), item] }, item))) })), action] })] }));
+}
+export function ProductPreview({ kind, large = false, }) {
+    return (_jsxs("div", { className: `dc-product-preview dc-product-preview--${kind} ${large ? "dc-product-preview--large" : ""}`, "aria-label": `Illustrative ${kind} interface with sample data`, role: "img", children: [_jsx("div", { className: "dc-product-preview-grid" }), _jsxs("div", { className: "dc-preview-window", children: [_jsxs("div", { className: "dc-preview-toolbar", children: [_jsxs("span", { children: [_jsx("i", {}), _jsx("i", {}), _jsx("i", {})] }), _jsx("small", { children: kind === "tasks"
+                                    ? "My workspace"
+                                    : kind === "inventory"
+                                        ? "Order workspace"
+                                        : "School workspace" }), _jsx(MoreHorizontal, { size: 14 })] }), kind === "tasks" ? _jsx(TaskPreview, {}) : kind === "inventory" ? _jsx(InventoryPreview, {}) : _jsx(SchoolPreview, {})] })] }));
+}
+function TaskPreview() {
+    return (_jsxs("div", { className: "dc-task-preview-content", children: [_jsxs("div", { className: "dc-preview-heading", children: [_jsx("b", { children: "Your work, in flow." }), _jsxs("span", { children: [_jsx(Plus, { size: 10 }), "New task"] })] }), _jsxs("div", { className: "dc-preview-tabs", children: [_jsxs("b", { children: ["All tasks ", _jsx("small", { children: "12" })] }), _jsx("span", { children: "My tasks" }), _jsx("span", { children: "Reports" })] }), ["Review weekly sales report", "Follow up on pending orders", "Update product inventory"].map((label, index) => (_jsxs("div", { className: "dc-preview-task", children: [_jsx("span", { className: `dc-task-check ${index === 0 ? "checked" : ""}`, children: index === 0 && _jsx(Check, { size: 9 }) }), _jsxs("span", { children: [label, _jsx("small", { children: ["Reporting", "Operations", "Inventory"][index] })] }), _jsx("span", { className: `dc-preview-avatar dc-avatar-${index}`, children: ["RK", "AJ", "SK"][index] })] }, label))), _jsxs("div", { className: "dc-preview-summary", children: [_jsxs("span", { children: [_jsx("i", {}), "Everything has its place."] }), _jsx(ChevronRight, { size: 11 })] })] }));
+}
+function InventoryPreview() {
+    return (_jsxs("div", { className: "dc-inventory-preview-content", children: [_jsxs("div", { className: "dc-preview-heading", children: [_jsx("b", { children: "Orders & inventory" }), _jsx(Search, { size: 13 })] }), _jsxs("div", { className: "dc-inventory-counts", children: [_jsxs("span", { children: [_jsx(Package, { size: 13 }), _jsx("small", { children: "Orders" }), _jsx("b", { children: "128" })] }), _jsxs("span", { children: [_jsx(Truck, { size: 13 }), _jsx("small", { children: "In transit" }), _jsx("b", { children: "24" })] }), _jsxs("span", { children: [_jsx(Check, { size: 13 }), _jsx("small", { children: "Delivered" }), _jsx("b", { children: "104" })] })] }), _jsx("div", { className: "dc-order-list", children: ["DG-1024", "DG-1023", "DG-1022"].map((id, index) => (_jsxs("div", { children: [_jsx("span", { className: "dc-order-box", children: _jsx(Package, { size: 13 }) }), _jsxs("b", { children: ["#", id] }), _jsx("span", { className: `dc-order-status dc-order-status-${index}`, children: ["Dispatched", "Processing", "Delivered"][index] }), _jsx(ChevronRight, { size: 10 })] }, id))) })] }));
+}
+function SchoolPreview() {
+    return (_jsxs("div", { className: "dc-school-preview-content", children: [_jsxs("div", { className: "dc-school-preview-sidebar", children: [_jsx(GraduationCap, { size: 20 }), _jsx(LayoutGrid, { size: 13 }), _jsx(Users, { size: 13 }), _jsx(Package, { size: 13 })] }), _jsxs("div", { className: "dc-school-preview-main", children: [_jsxs("div", { className: "dc-preview-heading", children: [_jsx("b", { children: "A good day to learn." }), _jsx("span", { className: "dc-preview-avatar", children: "AK" })] }), _jsxs("div", { className: "dc-school-stat", children: [_jsx("span", { children: _jsx(Users, { size: 18 }) }), _jsxs("div", { children: [_jsx("small", { children: "Today's attendance" }), _jsxs("b", { children: ["28 ", _jsx("em", { children: "/ 30 students" })] })] }), _jsx("strong", { children: "93%" })] }), _jsx("b", { className: "dc-class-title", children: "Your classroom" }), ["Attendance & daily care", "Learning & activities", "Student observations"].map((label, index) => (_jsxs("div", { className: "dc-class-row", children: [_jsx("span", { className: `dc-class-dot dc-class-dot-${index}` }), _jsx("span", { children: label }), _jsx(ChevronRight, { size: 10 })] }, label)))] })] }));
+}
+export function ProductCard({ category, title, description, preview = "tasks", features = [], footer, action, onPreview, className = "", }) {
+    const previewElement = _jsx(ProductPreview, { kind: preview });
+    return (_jsxs("article", { className: `dc-product-card ${className}`, children: [onPreview ? (_jsxs("button", { className: "dc-product-preview-trigger", onClick: onPreview, "aria-label": "View product preview", children: [previewElement, _jsx("span", { className: "dc-preview-open", children: _jsx(ArrowUpRight, { size: 18 }) })] })) : (_jsxs("div", { className: "dc-product-preview-trigger", children: [previewElement, _jsx("span", { className: "dc-preview-open", children: _jsx(ArrowUpRight, { size: 18 }) })] })), _jsxs("div", { className: "dc-product-card-body", children: [category && _jsx("span", { className: "dc-product-category", children: category }), _jsx("h3", { children: title }), _jsx("p", { children: description }), features.length > 0 && (_jsx("ul", { className: "dc-feature-list", children: features.map((feature) => (_jsxs("li", { children: [_jsx(Check, { size: 15 }), feature] }, feature))) })), (footer || action) && (_jsxs("div", { className: "dc-product-card-bottom", children: [footer && _jsx("span", { children: footer }), action] }))] })] }));
+}
+export const digicodeIcons = {
+    sheet: Table2,
+    shop: ShoppingBag,
+    code: Braces,
+    truck: Truck,
+    chart: BarChart3,
+    sparkles: Sparkles,
+};
+//# sourceMappingURL=ui.js.map

package/dist/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","sourceRoot":"","sources":["../src/library/ui.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,31 +1,52 @@
 {
   "name": "@indinno/digicode-ui",
-  "version": "0.1.0",
-  "description": "DigiCode shadcn-style source-owned React UI primitives for reusable product interfaces.",
+  "repository": { "type": "git", "url": "git+https://github.com/misindinno/digicode-ui.git" },
+  "publishConfig": { "access": "public" },
+  "version": "0.1.1",
+  "description": "Reusable DigiCode Solutions React UI components, cards, inputs, and animated controls.",
+  "private": false,
   "type": "module",
-  "license": "MIT",
-  "bin": {
-    "digicode": "./bin/digicode.mjs"
-  },
-  "files": [
-    "bin",
-    "registry",
-    "README.md",
-    "LICENSE"
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": [
+    "./dist/styles.css",
+    "./src/library/styles.css"
   ],
-  "keywords": [
-    "react",
-    "nextjs",
-    "ui",
-    "components",
-    "design-system",
-    "shadcn",
-    "cli"
+  "files": [
+    "dist",
+    "README.md"
   ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json && node scripts/copy-library-assets.mjs",
+    "typecheck": "tsc -p tsconfig.build.json --noEmit",
+    "preview": "vite --host 127.0.0.1",
+    "prepublishOnly": "npm run build",
+    "pack:check": "npm pack --dry-run"
+  },
   "engines": {
-    "node": ">=18"
+    "node": ">=20.9.0"
+  },
+  "peerDependencies": {
+    "lucide-react": ">=0.468.0 || >=1.0.0",
+    "react": ">=18.2.0 || >=19.0.0",
+    "react-dom": ">=18.2.0 || >=19.0.0"
   },
-  "publishConfig": {
-    "access": "public"
+  "devDependencies": {
+    "@types/node": "26.6.2",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "lucide-react": "1.47.0",
+    "prettier": "3.9.8",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "typescript": "6.0.3",
+    "vite": "7.1.7"
   }
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2026 DigiCode
-
-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/bin/digicode.mjs

@@ -1,136 +0,0 @@
-#!/usr/bin/env node
-import fs from "node:fs";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const packageRoot = path.resolve(__dirname, "..");
-const registryRoot = path.join(packageRoot, "registry");
-const manifest = JSON.parse(fs.readFileSync(path.join(registryRoot, "registry.json"), "utf8"));
-const args = process.argv.slice(2);
-const command = args[0];
-const requested = args.slice(1);
-const cwd = process.cwd();
-
-function fail(message) {
-  console.error(`\nDigiCode: ${message}\n`);
-  process.exit(1);
-}
-
-function detectSourceRoot() {
-  if (fs.existsSync(path.join(cwd, "src"))) return path.join(cwd, "src");
-  return cwd;
-}
-
-function paths() {
-  const sourceRoot = detectSourceRoot();
-  return {
-    sourceRoot,
-    componentsDir: path.join(sourceRoot, "components", "ui"),
-    libDir: path.join(sourceRoot, "lib"),
-    stylesDir: path.join(sourceRoot, "styles"),
-    configFile: path.join(cwd, "digicode.json")
-  };
-}
-
-function ensureDir(dir) {
-  fs.mkdirSync(dir, { recursive: true });
-}
-
-function copyIfMissing(source, destination, force = false) {
-  ensureDir(path.dirname(destination));
-  if (fs.existsSync(destination) && !force) return false;
-  fs.copyFileSync(source, destination);
-  return true;
-}
-
-function init() {
-  const p = paths();
-  ensureDir(p.componentsDir);
-  ensureDir(p.libDir);
-  ensureDir(p.stylesDir);
-
-  copyIfMissing(path.join(registryRoot, "lib", "cn.ts"), path.join(p.libDir, "cn.ts"));
-  copyIfMissing(path.join(registryRoot, "styles", "digicode.css"), path.join(p.stylesDir, "digicode.css"));
-
-  if (!fs.existsSync(p.configFile)) {
-    fs.writeFileSync(
-      p.configFile,
-      JSON.stringify(
-        {
-          sourceRoot: path.relative(cwd, p.sourceRoot) || ".",
-          components: path.relative(cwd, p.componentsDir),
-          styles: path.relative(cwd, path.join(p.stylesDir, "digicode.css")),
-          style: manifest.style
-        },
-        null,
-        2
-      ) + "\n"
-    );
-  }
-
-  console.log("\nDigiCode initialized.");
-  console.log(`Components: ${path.relative(cwd, p.componentsDir)}`);
-  console.log(`Styles:     ${path.relative(cwd, path.join(p.stylesDir, "digicode.css"))}`);
-  console.log("\nImport the stylesheet once in your root layout/main entry.");
-  if (p.sourceRoot.endsWith(`${path.sep}src`)) {
-    console.log('For Next.js src/app/layout.tsx: import "../styles/digicode.css";');
-  } else {
-    console.log('For app/layout.tsx: import "../styles/digicode.css";');
-  }
-}
-
-function add(names) {
-  if (!names.length) fail(`Specify components, for example: digicode add button input card`);
-  init();
-
-  const p = paths();
-  const targets = names.includes("all") ? manifest.components : names;
-  const unknown = targets.filter((name) => !manifest.components.includes(name));
-  if (unknown.length) fail(`Unknown component${unknown.length > 1 ? "s" : ""}: ${unknown.join(", ")}`);
-
-  let copied = 0;
-  for (const name of targets) {
-    const source = path.join(registryRoot, "components", `${name}.tsx`);
-    const destination = path.join(p.componentsDir, `${name}.tsx`);
-    if (copyIfMissing(source, destination)) {
-      console.log(`+ ${path.relative(cwd, destination)}`);
-      copied++;
-    } else {
-      console.log(`= ${path.relative(cwd, destination)} (already exists)`);
-    }
-  }
-
-  console.log(`\n${copied} component${copied === 1 ? "" : "s"} added.`);
-}
-
-function list() {
-  console.log("\nAvailable DigiCode components:\n");
-  for (const name of manifest.components) console.log(`  - ${name}`);
-  console.log("");
-}
-
-function help() {
-  console.log(`\nDigiCode CLI\n\nUsage:\n  digicode init\n  digicode add button input card\n  digicode add all\n  digicode list\n\nWith npx after publishing:\n  npx @indinno/digicode-ui init\n  npx @indinno/digicode-ui add button input card\n`);
-}
-
-switch (command) {
-  case "init":
-    init();
-    break;
-  case "add":
-    add(requested);
-    break;
-  case "list":
-    list();
-    break;
-  case undefined:
-  case "help":
-  case "--help":
-  case "-h":
-    help();
-    break;
-  default:
-    fail(`Unknown command: ${command}`);
-}

package/registry/components/accordion.tsx

@@ -1,41 +0,0 @@
-"use client";
-
-import { useState, type ReactNode } from "react";
-
-export interface AccordionItem {
-  value: string;
-  title: ReactNode;
-  content: ReactNode;
-}
-
-export interface AccordionProps {
-  items: AccordionItem[];
-  defaultValue?: string;
-  allowCollapse?: boolean;
-  className?: string;
-}
-
-export function Accordion({ items, defaultValue, allowCollapse = true, className }: AccordionProps) {
-  const [open, setOpen] = useState(defaultValue ?? "");
-  return (
-    <div className={className ? `digicode-accordion ${className}` : "digicode-accordion"}>
-      {items.map((item) => {
-        const expanded = open === item.value;
-        return (
-          <div className="digicode-accordion__item" key={item.value}>
-            <button
-              type="button"
-              className="digicode-accordion__trigger"
-              aria-expanded={expanded}
-              onClick={() => setOpen(expanded && allowCollapse ? "" : item.value)}
-            >
-              <span>{item.title}</span>
-              <span className="digicode-accordion__chevron" aria-hidden="true">⌄</span>
-            </button>
-            {expanded && <div className="digicode-accordion__content">{item.content}</div>}
-          </div>
-        );
-      })}
-    </div>
-  );
-}

package/registry/components/alert.tsx

@@ -1,21 +0,0 @@
-import type { HTMLAttributes, ReactNode } from "react";
-import { cn } from "../../lib/cn";
-
-export type AlertVariant = "default" | "info" | "success" | "warning" | "danger";
-export interface AlertProps extends HTMLAttributes<HTMLDivElement> {
-  variant?: AlertVariant;
-  icon?: ReactNode;
-  title?: string;
-}
-
-export function Alert({ className, variant = "default", icon, title, children, ...props }: AlertProps) {
-  return (
-    <div role="alert" className={cn("digicode-alert", variant !== "default" && `digicode-alert--${variant}`, className)} {...props}>
-      {icon && <span className="digicode-alert__icon">{icon}</span>}
-      <div>
-        {title && <p className="digicode-alert__title">{title}</p>}
-        <div className="digicode-alert__description">{children}</div>
-      </div>
-    </div>
-  );
-}

package/registry/components/avatar.tsx

@@ -1,18 +0,0 @@
-import type { HTMLAttributes, ImgHTMLAttributes } from "react";
-import { cn } from "../../lib/cn";
-
-export interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {
-  src?: string;
-  alt?: string;
-  fallback?: string;
-  size?: "sm" | "md" | "lg";
-  imageProps?: ImgHTMLAttributes<HTMLImageElement>;
-}
-
-export function Avatar({ className, src, alt = "", fallback = "?", size = "md", imageProps, ...props }: AvatarProps) {
-  return (
-    <span className={cn("digicode-avatar", `digicode-avatar--${size}`, className)} {...props}>
-      {src ? <img src={src} alt={alt} {...imageProps} /> : fallback}
-    </span>
-  );
-}

package/registry/components/badge.tsx

@@ -1,9 +0,0 @@
-import type { HTMLAttributes } from "react";
-import { cn } from "../../lib/cn";
-
-export type BadgeVariant = "default" | "primary" | "success" | "warning" | "danger";
-export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> { variant?: BadgeVariant; }
-
-export function Badge({ className, variant = "default", ...props }: BadgeProps) {
-  return <span className={cn("digicode-badge", variant !== "default" && `digicode-badge--${variant}`, className)} {...props} />;
-}

package/registry/components/breadcrumb.tsx

@@ -1,22 +0,0 @@
-import type { ReactNode } from "react";
-
-export interface BreadcrumbItem {
-  label: ReactNode;
-  href?: string;
-}
-
-export function Breadcrumb({ items, separator = "/", className }: { items: BreadcrumbItem[]; separator?: ReactNode; className?: string }) {
-  return (
-    <nav aria-label="Breadcrumb" className={className ? `digicode-breadcrumb ${className}` : "digicode-breadcrumb"}>
-      {items.map((item, index) => {
-        const current = index === items.length - 1;
-        return (
-          <span key={index} style={{ display: "contents" }}>
-            {current ? <span className="digicode-breadcrumb__current" aria-current="page">{item.label}</span> : item.href ? <a href={item.href}>{item.label}</a> : <span>{item.label}</span>}
-            {!current && <span className="digicode-breadcrumb__sep" aria-hidden="true">{separator}</span>}
-          </span>
-        );
-      })}
-    </nav>
-  );
-}

package/registry/components/button.tsx

@@ -1,38 +0,0 @@
-import type { ButtonHTMLAttributes, ReactNode } from "react";
-import { cn } from "../../lib/cn";
-
-export type ButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "destructive" | "link";
-export type ButtonSize = "sm" | "md" | "lg" | "icon";
-
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-  variant?: ButtonVariant;
-  size?: ButtonSize;
-  loading?: boolean;
-  leftIcon?: ReactNode;
-  rightIcon?: ReactNode;
-}
-
-export function Button({
-  className,
-  variant = "primary",
-  size = "md",
-  loading = false,
-  leftIcon,
-  rightIcon,
-  disabled,
-  children,
-  ...props
-}: ButtonProps) {
-  return (
-    <button
-      className={cn("digicode-button", `digicode-button--${variant}`, size !== "md" && `digicode-button--${size}`, className)}
-      disabled={disabled || loading}
-      aria-busy={loading || undefined}
-      {...props}
-    >
-      {loading ? <span className="digicode-button__spinner" aria-hidden="true" /> : leftIcon}
-      {children}
-      {!loading && rightIcon}
-    </button>
-  );
-}

package/registry/components/card.tsx

@@ -1,10 +0,0 @@
-import type { HTMLAttributes } from "react";
-import { cn } from "../../lib/cn";
-
-export interface CardProps extends HTMLAttributes<HTMLDivElement> { elevated?: boolean; }
-export function Card({ className, elevated = false, ...props }: CardProps) { return <div className={cn("digicode-card", elevated && "digicode-card--elevated", className)} {...props} />; }
-export function CardHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>) { return <div className={cn("digicode-card__header", className)} {...props} />; }
-export function CardTitle({ className, ...props }: HTMLAttributes<HTMLHeadingElement>) { return <h3 className={cn("digicode-card__title", className)} {...props} />; }
-export function CardDescription({ className, ...props }: HTMLAttributes<HTMLParagraphElement>) { return <p className={cn("digicode-card__description", className)} {...props} />; }
-export function CardContent({ className, ...props }: HTMLAttributes<HTMLDivElement>) { return <div className={cn("digicode-card__content", className)} {...props} />; }
-export function CardFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>) { return <div className={cn("digicode-card__footer", className)} {...props} />; }

package/registry/components/checkbox.tsx

@@ -1,15 +0,0 @@
-import { forwardRef, type InputHTMLAttributes, type ReactNode } from "react";
-import { cn } from "../../lib/cn";
-
-export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
-  label?: ReactNode;
-}
-
-export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox({ className, label, ...props }, ref) {
-  return (
-    <label className="digicode-checkline">
-      <input ref={ref} type="checkbox" className={cn("digicode-checkbox", className)} {...props} />
-      {label && <span>{label}</span>}
-    </label>
-  );
-});