@sqlrooms/ui 0.0.1-alpha.0 → 0.0.2

package/dist/components/editable-text.d.ts

@@ -1,35 +1,5 @@
 import { FC } from 'react';
-/**
- * Component that allows the user to edit a string.
- *
- * The editing mode can be controlled (the mode is managed by the parent component)
- * or uncontrolled (managed by the component itself).
- *
- * Controlled mode example:
- * ```
- *    const [text, setText] = useState('');
- *    const [isEditing, setEditing] = useState(false);
- *    ...
- *    <EditableText
- *       value={text}
- *       onChange={setText}
- *       isEditing={isEditing}
- *       onEditingChange={setEditing}
- *    />
- * ```
- *
- * Uncontrolled mode example:
- * ```
- *    const [text, setText] = useState('');
- *    ...
- *    <EditableText
- *      value={text}
- *      onChange={setText}
- *      defaultEditing={false}
- *    />
- * ```
- */
-type Props = {
+export declare const EditableText: FC<{
     className?: string;
     isReadOnly?: boolean;
     value: string;
@@ -47,7 +17,5 @@ type Props = {
      **/
     isEditing?: boolean;
     onEditingChange?: (isEditing: boolean) => void;
-};
-export declare const EditableText: FC<Props>;
-export {};
+}>;
 //# sourceMappingURL=editable-text.d.ts.map

package/dist/components/editable-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editable-text.d.ts","sourceRoot":"","sources":["../../src/components/editable-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,EAAE,EAA2C,MAAM,OAAO,CAAC;AAKhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC;;;QAGI;IACJ,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;QAEI;IACJ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CA0IlC,CAAC"}
+{"version":3,"file":"editable-text.d.ts","sourceRoot":"","sources":["../../src/components/editable-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,EAAE,EAA2C,MAAM,OAAO,CAAC;AAsChF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC;;;QAGI;IACJ,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;QAEI;IACJ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,CA0IA,CAAC"}

package/dist/components/editable-text.js

@@ -2,6 +2,36 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { Input } from './input';
 import { cn } from '../lib/utils';
+/**
+ * Component that allows the user to edit a string.
+ *
+ * The editing mode can be controlled (the mode is managed by the parent component)
+ * or uncontrolled (managed by the component itself).
+ *
+ * Controlled mode example:
+ * ```
+ *    const [text, setText] = useState('');
+ *    const [isEditing, setEditing] = useState(false);
+ *    ...
+ *    <EditableText
+ *       value={text}
+ *       onChange={setText}
+ *       isEditing={isEditing}
+ *       onEditingChange={setEditing}
+ *    />
+ * ```
+ *
+ * Uncontrolled mode example:
+ * ```
+ *    const [text, setText] = useState('');
+ *    ...
+ *    <EditableText
+ *      value={text}
+ *      onChange={setText}
+ *      defaultEditing={false}
+ *    />
+ * ```
+ */
 const EDITING_PAD = 12;
 export const EditableText = ({ className, isReadOnly = false, defaultEditing = false, minWidth = 100, maxWidth = 500, isEditing, placeholder, value, onChange, onEditingChange, }) => {
     const [isInternalEditing, setInternalIsEditing] = useState(defaultEditing);

package/dist/components/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/components/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAEL,eAAe,EACf,SAAS,EACT,WAAW,EAGZ,MAAM,iBAAiB,CAAC;AAKzB,QAAA,MAAM,IAAI,yOAAe,CAAC;AAa1B,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,gBAChC,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,0CAGpC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAUF,QAAA,MAAM,QAAQ,6GAWZ,CAAC;AAGH,QAAA,MAAM,SAAS,yJAcb,CAAC;AAGH,QAAA,MAAM,WAAW,8JAmBf,CAAC;AAGH,QAAA,MAAM,eAAe,yHAcnB,CAAC;AAGH,QAAA,MAAM,WAAW,yHAqBf,CAAC;AAGH,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACV,CAAC"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/components/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAEL,eAAe,EACf,SAAS,EACT,WAAW,EAGZ,MAAM,iBAAiB,CAAC;AAKzB,QAAA,MAAM,IAAI,wNAgFW,MAAQ,GAAE,CAAC,OAAO,AAhFd,CAAC;AAa1B,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,gBAChC,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,0CAGpC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAUF,QAAA,MAAM,QAAQ,6GAWZ,CAAC;AAGH,QAAA,MAAM,SAAS,yJAcb,CAAC;AAGH,QAAA,MAAM,WAAW,8JAmBf,CAAC;AAGH,QAAA,MAAM,eAAe,yHAcnB,CAAC;AAGH,QAAA,MAAM,WAAW,yHAqBf,CAAC;AAGH,OAAO,EACL,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACV,CAAC"}

package/dist/components/progress-modal.d.ts

@@ -1,10 +1,9 @@
 import { FC } from 'react';
-type Props = {
+declare const ProgressModal: FC<{
     isOpen: boolean;
     title?: string;
     loadingStage?: string;
     progress?: number;
-};
-declare const ProgressModal: FC<Props>;
+}>;
 export { ProgressModal };
 //# sourceMappingURL=progress-modal.d.ts.map

package/dist/components/progress-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-modal.d.ts","sourceRoot":"","sources":["../../src/components/progress-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAIzB,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CAmB5B,CAAC;AAEF,OAAO,EAAC,aAAa,EAAC,CAAC"}
+{"version":3,"file":"progress-modal.d.ts","sourceRoot":"","sources":["../../src/components/progress-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAIzB,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAmBA,CAAC;AAEF,OAAO,EAAC,aAAa,EAAC,CAAC"}

package/dist/components/skeleton-pane.d.ts

@@ -1,10 +1,9 @@
 import * as React from 'react';
-export type Props = {
+declare const SkeletonPane: React.FC<{
     n?: number;
     staggeringDelay?: number;
     rowHeight?: number | string;
     className?: string;
-};
-declare const SkeletonPane: React.FC<Props>;
+}>;
 export { SkeletonPane };
 //# sourceMappingURL=skeleton-pane.d.ts.map

package/dist/components/skeleton-pane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-pane.d.ts","sourceRoot":"","sources":["../../src/components/skeleton-pane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,KAAK,GAAG;IAClB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+BjC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
+{"version":3,"file":"skeleton-pane.d.ts","sourceRoot":"","sources":["../../src/components/skeleton-pane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CA0BA,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}

package/dist/components/skeleton-pane.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { cn } from '../lib/utils';
 import { Skeleton } from './skeleton';
-const SkeletonPane = ({ n = 3, staggeringDelay = 200, rowHeight = '20px', className, }) => {
+const SkeletonPane = ({ n = 3, staggeringDelay = 200, rowHeight = '20px', className }) => {
     const [count, setCount] = React.useState(0);
     React.useEffect(() => {
         if (count >= n)

package/dist/components/spinner-pane.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
-export type SpinnerPaneProps = {
+declare const SpinnerPane: React.FC<{
     h?: number | string;
     delayed?: boolean;
     className?: string;
     children?: React.ReactNode;
-};
-declare const SpinnerPane: React.FC<SpinnerPaneProps>;
+}>;
 export { SpinnerPane };
 //# sourceMappingURL=spinner-pane.d.ts.map

package/dist/components/spinner-pane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spinner-pane.d.ts","sourceRoot":"","sources":["../../src/components/spinner-pane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAIF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4B3C,CAAC;AAEF,OAAO,EAAC,WAAW,EAAC,CAAC"}
+{"version":3,"file":"spinner-pane.d.ts","sourceRoot":"","sources":["../../src/components/spinner-pane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1B,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CA4BA,CAAC;AAEF,OAAO,EAAC,WAAW,EAAC,CAAC"}

package/package.json

@@ -1,29 +1,30 @@
 {
   "name": "@sqlrooms/ui",
-  "version": "0.0.1-alpha.0",
+  "version": "0.0.2",
   "type": "module",
   "private": false,
+  "files": [
+    "dist"
+  ],
   "publishConfig": {
     "access": "public"
   },
   "main": "dist/index.js",
-  "types": "src/index.ts",
+  "types": "dist/index.d.ts",
   "module": "dist/index.js",
   "exports": {
     ".": {
-      "types": "./src/index.ts",
+      "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
-    "./lib/*": "./src/lib/*.ts",
-    "./tailwind-preset.css": "./dist/tailwind-preset.css",
-    "./components/*": "./src/components/*.tsx",
-    "./hooks/*": "./src/hooks/*.ts"
+    "./tailwind-preset.css": "./dist/tailwind-preset.css"
   },
   "scripts": {
     "dev": "npm run copy-tailwind-preset && tsc -w",
     "build": "tsc && npm run copy-tailwind-preset",
     "copy-tailwind-preset": "cp src/tailwind-preset.css dist/tailwind-preset.css",
-    "lint": "eslint ."
+    "lint": "eslint .",
+    "typedoc": "typedoc"
   },
   "dependencies": {
     "@hookform/resolvers": "^3.10.0",
@@ -53,5 +54,5 @@
     "autoprefixer": "^10.4.20",
     "tailwindcss": "^3.4.17"
   },
-  "gitHead": "8e3c0b884db7755c8b892a590af49c0081336d8d"
+  "gitHead": "32da0b35fe906bdcef42274624d069cc49425a74"
 }

package/CHANGELOG.md

@@ -1,10 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## 0.0.1-alpha.0 (2025-01-30)
-
-**Note:** Version bump only for package @sqlrooms/ui
-
-**Note:** Version bump only for package @sqlrooms/ui

package/components.json

@@ -1,21 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "new-york",
-  "rsc": false,
-  "tsx": true,
-  "tailwind": {
-    "config": "src/tailwind-preset.ts",
-    "css": "src/index.css",
-    "baseColor": "zinc",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "aliases": {
-    "components": "@/ui/components",
-    "utils": "@/ui/lib/utils",
-    "hooks": "@/ui/hooks",
-    "lib": "@/ui/lib",
-    "ui": "@/ui/components"
-  },
-  "iconLibrary": "lucide"
-}

package/dist/components/DefaultErrorBoundary.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=DefaultErrorBoundary.d.ts.map

package/dist/components/DefaultErrorBoundary.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/DefaultErrorBoundary.tsx"],"names":[],"mappings":""}

package/dist/components/DefaultErrorBoundary.js

@@ -1 +0,0 @@
-export {};

package/dist/components/ProgressModal.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-type Props = {
-    isOpen: boolean;
-    title?: string;
-    loadingStage?: string;
-    progress?: number;
-};
-declare const ProgressModal: FC<Props>;
-export default ProgressModal;
-//# sourceMappingURL=ProgressModal.d.ts.map

package/dist/components/ProgressModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressModal.d.ts","sourceRoot":"","sources":["../../src/components/ProgressModal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AAEzB,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CAmB5B,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/ProgressModal.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dialog, DialogContent, DialogHeader, DialogTitle, Progress, } from '@sqlrooms/ui';
-const ProgressModal = (props) => {
-    const { isOpen, title, loadingStage, progress } = props;
-    return (_jsx(Dialog, { open: isOpen, onOpenChange: () => { }, children: _jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: title ?? '' }) }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Progress, { value: progress, className: "w-full" }), _jsxs("div", { className: "flex justify-between text-sm text-muted-foreground", children: [_jsx("span", { children: loadingStage ?? '' }), progress ? _jsxs("span", { children: [progress, "%"] }) : null] })] })] }) }));
-};
-export default ProgressModal;

package/dist/components/index.d.ts

@@ -1,2 +0,0 @@
-export * from './button';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/index.js

@@ -1 +0,0 @@
-export * from './button';