@steez-ui/ui 0.1.1 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -3
- package/dist/components/CyberpunkCheckbox.js +1 -1
- package/dist/components/CyberpunkCheckbox.js.map +1 -1
- package/dist/components/CyberpunkInput.js +1 -1
- package/dist/components/CyberpunkInput.js.map +1 -1
- package/dist/components/CyberpunkRadio.js +1 -1
- package/dist/components/CyberpunkRadio.js.map +1 -1
- package/dist/components/CyberpunkSelect.js +1 -1
- package/dist/components/CyberpunkSelect.js.map +1 -1
- package/dist/components/CyberpunkSlider.js +1 -1
- package/dist/components/CyberpunkSlider.js.map +1 -1
- package/dist/components/CyberpunkTextarea.js +1 -1
- package/dist/components/CyberpunkTextarea.js.map +1 -1
- package/dist/components/PageHeader.d.ts +5 -1
- package/dist/components/PageHeader.d.ts.map +1 -1
- package/dist/components/PageHeader.js +3 -2
- package/dist/components/PageHeader.js.map +1 -1
- package/dist/components/PageTemplate.d.ts +6 -2
- package/dist/components/PageTemplate.d.ts.map +1 -1
- package/dist/components/PageTemplate.js +3 -3
- package/dist/components/PageTemplate.js.map +1 -1
- package/dist/index.d.ts +19 -19
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +19 -19
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -14,6 +14,9 @@ The source of truth lives in `packages/ui`. The registry output is generated fro
|
|
|
14
14
|
Live surfaces:
|
|
15
15
|
|
|
16
16
|
- Registry frontend: `https://steez-ui-6v5.pages.dev`
|
|
17
|
+
- Docs: `https://steez-ui-6v5.pages.dev/docs/`
|
|
18
|
+
- Packages: `https://steez-ui-6v5.pages.dev/packages/`
|
|
19
|
+
- Registry page: `https://steez-ui-6v5.pages.dev/registry/`
|
|
17
20
|
- Registry index: `https://steez-ui-6v5.pages.dev/r/index.json`
|
|
18
21
|
- Foundation preset: `https://steez-ui-6v5.pages.dev/r/foundation.json`
|
|
19
22
|
|
|
@@ -95,9 +98,9 @@ GitHub Actions mirror the same CI, npm publish, and Cloudflare Pages deploy path
|
|
|
95
98
|
|
|
96
99
|
## Current Packages
|
|
97
100
|
|
|
98
|
-
- `@steez-ui/theme@0.1.
|
|
99
|
-
- `@steez-ui/icons@0.1.
|
|
100
|
-
- `@steez-ui/ui@0.1.
|
|
101
|
+
- `@steez-ui/theme@0.1.3`
|
|
102
|
+
- `@steez-ui/icons@0.1.3`
|
|
103
|
+
- `@steez-ui/ui@0.1.3`
|
|
101
104
|
|
|
102
105
|
## External Setup
|
|
103
106
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useStableId } from "../hooks/useStableId";
|
|
2
|
+
import { useStableId } from "../hooks/useStableId.js";
|
|
3
3
|
import styles from "./CyberpunkCheckbox.module.css";
|
|
4
4
|
export function CyberpunkCheckbox({ label, className = "", id, onChange, ...props }) {
|
|
5
5
|
const inputId = useStableId("checkbox", id);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CyberpunkCheckbox.js","sourceRoot":"","sources":["../../src/components/CyberpunkCheckbox.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"CyberpunkCheckbox.js","sourceRoot":"","sources":["../../src/components/CyberpunkCheckbox.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAQpD,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,SAAS,GAAG,EAAE,EACd,EAAE,EACF,QAAQ,EACR,GAAG,KAAK,EACe;IACvB,MAAM,OAAO,GAAG,WAAW,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAE5C,OAAO,CACL,iBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aACzE,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KACjD,KAAK,GACT,EACD,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IACvD,CACT,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useStableId } from "../hooks/useStableId";
|
|
2
|
+
import { useStableId } from "../hooks/useStableId.js";
|
|
3
3
|
import styles from "./CyberpunkInput.module.css";
|
|
4
4
|
export function CyberpunkInput({ label, variant = "default", className = "", id, disabled, readOnly, helperText, icon, ...props }) {
|
|
5
5
|
const inputId = useStableId("input", id);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CyberpunkInput.js","sourceRoot":"","sources":["../../src/components/CyberpunkInput.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"CyberpunkInput.js","sourceRoot":"","sources":["../../src/components/CyberpunkInput.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAUjD,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,EACd,EAAE,EACF,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,GAAG,KAAK,EACY;IACpB,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IACzC,MAAM,oBAAoB,GAAG,QAAQ,IAAI,QAAQ,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aAC1E,KAAK,CAAC,CAAC,CAAC,CACP,gBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,YAC7C,KAAK,GACA,CACT,CAAC,CAAC,CAAC,IAAI,EACR,eACE,SAAS,EAAE,GAAG,MAAM,CAAC,cAAc,IAAI,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,aAElI,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,EACxD,gBAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,KAAM,KAAK,GAAI,IAC9F,EACL,UAAU,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,UAAU,GAAO,CAAC,CAAC,CAAC,IAAI,IACtE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useStableId } from "../hooks/useStableId";
|
|
2
|
+
import { useStableId } from "../hooks/useStableId.js";
|
|
3
3
|
import styles from "./CyberpunkRadio.module.css";
|
|
4
4
|
export function CyberpunkRadio({ label, className = "", id, ...props }) {
|
|
5
5
|
const inputId = useStableId("radio", id);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CyberpunkRadio.js","sourceRoot":"","sources":["../../src/components/CyberpunkRadio.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"CyberpunkRadio.js","sourceRoot":"","sources":["../../src/components/CyberpunkRadio.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAMjD,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,GAAG,KAAK,EAAuB;IACzF,MAAM,OAAO,GAAG,WAAW,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAEzC,OAAO,CACL,iBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aACzE,gBAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,KAAM,KAAK,GAAI,EACtE,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IACvD,CACT,CAAC;AACJ,CAAC;AAUD,MAAM,UAAU,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,EAAE,GACW;IACzB,OAAO,CACL,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,UAAU,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,YACvD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,cAAc,IAEb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK,EAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAL9C,MAAM,CAAC,KAAK,CAMjB,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useStableId } from "../hooks/useStableId";
|
|
2
|
+
import { useStableId } from "../hooks/useStableId.js";
|
|
3
3
|
import styles from "./CyberpunkSelect.module.css";
|
|
4
4
|
export function CyberpunkSelect({ label, variant = "default", options = [], className = "", id, value, ...props }) {
|
|
5
5
|
const selectId = useStableId("select", id);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CyberpunkSelect.js","sourceRoot":"","sources":["../../src/components/CyberpunkSelect.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"CyberpunkSelect.js","sourceRoot":"","sources":["../../src/components/CyberpunkSelect.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAalD,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,EAAE,EACZ,SAAS,GAAG,EAAE,EACd,EAAE,EACF,KAAK,EACL,GAAG,KAAK,EACa;IACrB,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAE3C,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aAC3E,KAAK,CAAC,CAAC,CAAC,CACP,gBAAO,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,YAC9C,KAAK,GACA,CACT,CAAC,CAAC,CAAC,IAAI,EACR,iBAAQ,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,YACpE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAA2B,KAAK,EAAE,MAAM,CAAC,KAAK,YAC3C,MAAM,CAAC,KAAK,IADF,MAAM,CAAC,KAAK,CAEhB,CACV,CAAC,GACK,EACT,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAC1B,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,YACvD,eAAM,CAAC,EAAC,eAAe,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,GAAG,GAClF,GACF,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useStableId } from "../hooks/useStableId";
|
|
2
|
+
import { useStableId } from "../hooks/useStableId.js";
|
|
3
3
|
import styles from "./CyberpunkSlider.module.css";
|
|
4
4
|
export function CyberpunkSlider({ label, className = "", id, min = 0, max = 100, step = 1, showValue = true, value = 0, ...props }) {
|
|
5
5
|
const inputId = useStableId("slider", id);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CyberpunkSlider.js","sourceRoot":"","sources":["../../src/components/CyberpunkSlider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"CyberpunkSlider.js","sourceRoot":"","sources":["../../src/components/CyberpunkSlider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAWlD,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,SAAS,GAAG,EAAE,EACd,EAAE,EACF,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,IAAI,GAAG,CAAC,EACR,SAAS,GAAG,IAAI,EAChB,KAAK,GAAG,CAAC,EACT,GAAG,KAAK,EACa;IACrB,MAAM,OAAO,GAAG,WAAW,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAE/D,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aACpD,KAAK,CAAC,CAAC,CAAC,CACP,gBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,YAC7C,KAAK,GACA,CACT,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAE,MAAM,CAAC,eAAe,aACpC,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,KAAK,EAAE,EAAE,CAAC,qBAA+B,CAAC,EAAE,GAAG,UAAU,GAAG,EAAyB,KACjF,KAAK,GACT,EACD,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC7D,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useStableId } from "../hooks/useStableId";
|
|
2
|
+
import { useStableId } from "../hooks/useStableId.js";
|
|
3
3
|
import styles from "./CyberpunkTextarea.module.css";
|
|
4
4
|
export function CyberpunkTextarea({ label, variant = "default", className = "", id, ...props }) {
|
|
5
5
|
const textareaId = useStableId("textarea", id);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CyberpunkTextarea.js","sourceRoot":"","sources":["../../src/components/CyberpunkTextarea.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"CyberpunkTextarea.js","sourceRoot":"","sources":["../../src/components/CyberpunkTextarea.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,gCAAgC,CAAC;AAOpD,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,EACd,EAAE,EACF,GAAG,KAAK,EACe;IACvB,MAAM,UAAU,GAAG,WAAW,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAE/C,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aAC7E,KAAK,CAAC,CAAC,CAAC,CACP,gBAAO,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,YAChD,KAAK,GACA,CACT,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACtC,mBAAU,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,KAAM,KAAK,GAAI,GAC/D,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -8,10 +8,14 @@ export interface PageHeaderProps {
|
|
|
8
8
|
className?: string;
|
|
9
9
|
brand?: ReactNode;
|
|
10
10
|
onBrandClick?: () => void;
|
|
11
|
+
brandTitle?: string;
|
|
12
|
+
brandAriaLabel?: string;
|
|
11
13
|
onBack?: () => void;
|
|
12
14
|
onSettings?: () => void;
|
|
13
15
|
onViewerToggle?: () => void;
|
|
14
16
|
viewerVisible?: boolean;
|
|
17
|
+
viewerShowLabel?: string;
|
|
18
|
+
viewerHideLabel?: string;
|
|
15
19
|
}
|
|
16
|
-
export declare function PageHeader({ title, description, icon, extra, className, brand, onBrandClick, onBack, onSettings, onViewerToggle, viewerVisible, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare function PageHeader({ title, description, icon, extra, className, brand, onBrandClick, brandTitle, brandAriaLabel, onBack, onSettings, onViewerToggle, viewerVisible, viewerShowLabel, viewerHideLabel, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
17
21
|
//# sourceMappingURL=PageHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,KAAK,EACL,SAAc,EACd,KAAK,EACL,YAAY,EACZ,UAAU,EACV,cAAc,EACd,MAAM,EACN,UAAU,EACV,cAAc,EACd,aAAa,EACb,eAA+B,EAC/B,eAA+B,GAChC,EAAE,eAAe,2CAyDjB"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { EyeIcon, Icon, SlidersIcon } from "@steez-ui/icons";
|
|
3
3
|
import styles from "./PageHeader.module.css";
|
|
4
|
-
export function PageHeader({ title, description, icon, extra, className = "", brand, onBrandClick, onBack, onSettings, onViewerToggle, viewerVisible, }) {
|
|
5
|
-
|
|
4
|
+
export function PageHeader({ title, description, icon, extra, className = "", brand, onBrandClick, brandTitle, brandAriaLabel, onBack, onSettings, onViewerToggle, viewerVisible, viewerShowLabel = "Show viewer", viewerHideLabel = "Hide viewer", }) {
|
|
5
|
+
const viewerLabel = viewerVisible ? viewerHideLabel : viewerShowLabel;
|
|
6
|
+
return (_jsx("div", { className: `${styles.header} ${className}`.trim(), children: _jsxs("div", { className: styles.headerRow, children: [_jsxs("div", { className: styles.brandCluster, children: [brand || onBrandClick ? (_jsx("button", { type: "button", className: styles.brandButton, onClick: onBrandClick, title: brandTitle, "aria-label": brandAriaLabel, children: _jsx("span", { className: styles.brandVisual, children: brand ?? title.slice(0, 1) }) })) : null, _jsxs("div", { className: styles.headerContent, children: [_jsxs("h2", { children: [icon ? (_jsx("span", { className: styles.titleIcon, children: _jsx(Icon, { icon: icon, width: 18, height: 18 }) })) : null, title] }), description ? _jsx("p", { children: description }) : null] })] }), _jsxs("div", { className: styles.headerExtra, children: [extra, onBack ? (_jsx("button", { type: "button", className: styles.iconButton, onClick: onBack, "aria-label": "Go back", children: _jsx(Icon, { icon: "chevronLeft", width: 18, height: 18 }) })) : null, onSettings ? (_jsx("button", { type: "button", className: styles.iconButton, onClick: onSettings, "aria-label": "Open settings", children: _jsx(SlidersIcon, { width: 18, height: 18 }) })) : null, onViewerToggle ? (_jsx("button", { type: "button", className: styles.iconButton, onClick: onViewerToggle, "aria-label": viewerLabel, title: viewerLabel, children: _jsx(EyeIcon, { width: 18, height: 18 }) })) : null] })] }) }));
|
|
6
7
|
}
|
|
7
8
|
//# sourceMappingURL=PageHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG7D,OAAO,MAAM,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../src/components/PageHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG7D,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAoB7C,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,KAAK,EACL,SAAS,GAAG,EAAE,EACd,KAAK,EACL,YAAY,EACZ,UAAU,EACV,cAAc,EACd,MAAM,EACN,UAAU,EACV,cAAc,EACd,aAAa,EACb,eAAe,GAAG,aAAa,EAC/B,eAAe,GAAG,aAAa,GACf;IAChB,MAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC;IAEtE,OAAO,CACL,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,YACpD,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,eAAK,SAAS,EAAE,MAAM,CAAC,YAAY,aAChC,KAAK,IAAI,YAAY,CAAC,CAAC,CAAC,CACvB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,UAAU,gBACL,cAAc,YAE1B,eAAM,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAQ,GACjE,CACV,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAClC,yBACG,IAAI,CAAC,CAAC,CAAC,CACN,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAC/B,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACtC,CACR,CAAC,CAAC,CAAC,IAAI,EACP,KAAK,IACH,EACJ,WAAW,CAAC,CAAC,CAAC,sBAAI,WAAW,GAAK,CAAC,CAAC,CAAC,IAAI,IACtC,IACF,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,WAAW,aAC/B,KAAK,EACL,MAAM,CAAC,CAAC,CAAC,CACR,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,gBAAa,SAAS,YACvF,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC3C,CACV,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,CAAC,CAAC,CACZ,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,gBAAa,eAAe,YACjG,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC/B,CACV,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,CAAC,CAAC,CAAC,CAChB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,OAAO,EAAE,cAAc,gBACX,WAAW,EACvB,KAAK,EAAE,WAAW,YAElB,KAAC,OAAO,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GAC3B,CACV,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,GACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { type PageHeaderProps } from "./PageHeader";
|
|
2
|
+
import { type PageHeaderProps } from "./PageHeader.js";
|
|
3
3
|
interface SubTab {
|
|
4
4
|
id: string;
|
|
5
5
|
label: string;
|
|
@@ -14,7 +14,11 @@ export interface PageTemplateProps extends Pick<PageHeaderProps, "title" | "desc
|
|
|
14
14
|
children?: React.ReactNode;
|
|
15
15
|
loading?: boolean;
|
|
16
16
|
showTitle?: boolean;
|
|
17
|
+
brandTitle?: string;
|
|
18
|
+
brandAriaLabel?: string;
|
|
19
|
+
viewerShowLabel?: string;
|
|
20
|
+
viewerHideLabel?: string;
|
|
17
21
|
}
|
|
18
|
-
export declare function PageTemplate({ title, actions, extra, description, icon, subTabs, activeSubTab, onSubTabChange, onBack, onSettings, brand, onBrandClick, onViewerToggle, viewerVisible, children, loading, showTitle, className, }: PageTemplateProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare function PageTemplate({ title, actions, extra, description, icon, subTabs, activeSubTab, onSubTabChange, onBack, onSettings, brand, onBrandClick, onViewerToggle, viewerVisible, brandTitle, brandAriaLabel, viewerShowLabel, viewerHideLabel, children, loading, showTitle, className, }: PageTemplateProps): import("react/jsx-runtime").JSX.Element;
|
|
19
23
|
export {};
|
|
20
24
|
//# sourceMappingURL=PageTemplate.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageTemplate.d.ts","sourceRoot":"","sources":["../../src/components/PageTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"PageTemplate.d.ts","sourceRoot":"","sources":["../../src/components/PageTemplate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGnE,UAAU,MAAM;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CACV,eAAe,EACb,OAAO,GACP,aAAa,GACb,MAAM,GACN,QAAQ,GACR,YAAY,GACZ,OAAO,GACP,cAAc,GACd,gBAAgB,GAChB,eAAe,CAClB;IACD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,cAAc,EACd,MAAM,EACN,UAAU,EACV,KAAK,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,UAAU,EACV,cAAc,EACd,eAAe,EACf,eAAe,EACf,QAAQ,EACR,OAAO,EACP,SAAgB,EAChB,SAAc,GACf,EAAE,iBAAiB,2CAgDnB"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { PageHeader } from "./PageHeader";
|
|
2
|
+
import { PageHeader } from "./PageHeader.js";
|
|
3
3
|
import styles from "./PageTemplate.module.css";
|
|
4
|
-
export function PageTemplate({ title, actions, extra, description, icon, subTabs, activeSubTab, onSubTabChange, onBack, onSettings, brand, onBrandClick, onViewerToggle, viewerVisible, children, loading, showTitle = true, className = "", }) {
|
|
4
|
+
export function PageTemplate({ title, actions, extra, description, icon, subTabs, activeSubTab, onSubTabChange, onBack, onSettings, brand, onBrandClick, onViewerToggle, viewerVisible, brandTitle, brandAriaLabel, viewerShowLabel, viewerHideLabel, children, loading, showTitle = true, className = "", }) {
|
|
5
5
|
const headerExtra = extra ?? actions;
|
|
6
|
-
return (_jsxs("div", { className: `${styles.root} ${className}`.trim(), children: [showTitle ? (_jsx("div", { className: styles.header, children: _jsx(PageHeader, { title: title, description: description, icon: icon, extra: headerExtra, onBack: onBack, onSettings: onSettings, brand: brand, onBrandClick: onBrandClick, onViewerToggle: onViewerToggle, viewerVisible: viewerVisible }) })) : null, subTabs?.length ? (_jsx("div", { className: styles.subTabs, role: "tablist", "aria-label": `${title} sections`, children: subTabs.map((tab) => (_jsx("button", { onClick: () => onSubTabChange?.(tab.id), className: `${styles.subTabButton} ${activeSubTab === tab.id ? styles.subTabButtonActive : ""}`.trim(), type: "button", role: "tab", "aria-selected": activeSubTab === tab.id, children: tab.label }, tab.id))) })) : null, _jsx("div", { className: styles.content, children: loading ? _jsx("div", { className: styles.loading, children: "Loading..." }) : children ?? null })] }));
|
|
6
|
+
return (_jsxs("div", { className: `${styles.root} ${className}`.trim(), children: [showTitle ? (_jsx("div", { className: styles.header, children: _jsx(PageHeader, { title: title, description: description, icon: icon, extra: headerExtra, onBack: onBack, onSettings: onSettings, brand: brand, onBrandClick: onBrandClick, brandTitle: brandTitle, brandAriaLabel: brandAriaLabel, onViewerToggle: onViewerToggle, viewerVisible: viewerVisible, viewerShowLabel: viewerShowLabel, viewerHideLabel: viewerHideLabel }) })) : null, subTabs?.length ? (_jsx("div", { className: styles.subTabs, role: "tablist", "aria-label": `${title} sections`, children: subTabs.map((tab) => (_jsx("button", { onClick: () => onSubTabChange?.(tab.id), className: `${styles.subTabButton} ${activeSubTab === tab.id ? styles.subTabButtonActive : ""}`.trim(), type: "button", role: "tab", "aria-selected": activeSubTab === tab.id, children: tab.label }, tab.id))) })) : null, _jsx("div", { className: styles.content, children: loading ? _jsx("div", { className: styles.loading, children: "Loading..." }) : children ?? null })] }));
|
|
7
7
|
}
|
|
8
8
|
//# sourceMappingURL=PageTemplate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageTemplate.js","sourceRoot":"","sources":["../../src/components/PageTemplate.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAwB,MAAM,
|
|
1
|
+
{"version":3,"file":"PageTemplate.js","sourceRoot":"","sources":["../../src/components/PageTemplate.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAwB,MAAM,iBAAiB,CAAC;AACnE,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAmC/C,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,OAAO,EACP,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,cAAc,EACd,MAAM,EACN,UAAU,EACV,KAAK,EACL,YAAY,EACZ,cAAc,EACd,aAAa,EACb,UAAU,EACV,cAAc,EACd,eAAe,EACf,eAAe,EACf,QAAQ,EACR,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,EAAE,GACI;IAClB,MAAM,WAAW,GAAG,KAAK,IAAI,OAAO,CAAC;IAErC,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,SAAS,EAAE,CAAC,IAAI,EAAE,aACjD,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAE,MAAM,CAAC,MAAM,YAC3B,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,GAChC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EAEP,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,IAAI,EAAC,SAAS,gBAAa,GAAG,KAAK,WAAW,YAC3E,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,iBAEE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EACvC,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,IAAI,YAAY,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,EACtG,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,YAAY,KAAK,GAAG,CAAC,EAAE,YAErC,GAAG,CAAC,KAAK,IAPL,GAAG,CAAC,EAAE,CAQJ,CACV,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EAER,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC3B,OAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,2BAAkB,CAAC,CAAC,CAAC,QAAQ,IAAI,IAAI,GAC1E,IACF,CACP,CAAC;AACJ,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
export { Button, type ButtonProps } from "./components/Button";
|
|
2
|
-
export { CopyButton, type CopyButtonProps } from "./components/CopyButton";
|
|
3
|
-
export { CyberpunkCheckbox, type CyberpunkCheckboxProps } from "./components/CyberpunkCheckbox";
|
|
4
|
-
export { CyberpunkInput, type CyberpunkInputProps, } from "./components/CyberpunkInput";
|
|
5
|
-
export { CyberpunkRadio, CyberpunkRadioGroup, type CyberpunkRadioGroupProps, type CyberpunkRadioProps, } from "./components/CyberpunkRadio";
|
|
6
|
-
export { CyberpunkSelect, type CyberpunkSelectOption, type CyberpunkSelectProps, } from "./components/CyberpunkSelect";
|
|
7
|
-
export { CyberpunkSlider, type CyberpunkSliderProps, } from "./components/CyberpunkSlider";
|
|
8
|
-
export { CyberpunkTextarea, type CyberpunkTextareaProps, } from "./components/CyberpunkTextarea";
|
|
9
|
-
export { CyberpunkTile, type CyberpunkTileProps } from "./components/CyberpunkTile";
|
|
10
|
-
export { CornerBracketCard, type CornerBracketCardProps } from "./components/CornerBracketCard";
|
|
11
|
-
export { ErrorMessage, type ErrorMessageProps } from "./components/ErrorMessage";
|
|
12
|
-
export { LOADING_PROGRESS_SEGMENT_COUNT, LoadingProgressBar, type LoadingProgressBarProps, } from "./components/LoadingProgressBar";
|
|
13
|
-
export { PageHeader, type PageHeaderProps } from "./components/PageHeader";
|
|
14
|
-
export { PageTemplate, type PageTemplateProps } from "./components/PageTemplate";
|
|
15
|
-
export { SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, } from "./components/SegmentedControl";
|
|
16
|
-
export { StatusMessage, type StatusMessageProps } from "./components/StatusMessage";
|
|
17
|
-
export { TabbedPanel, type TabbedPanelProps, type TabbedPanelTab } from "./components/TabbedPanel";
|
|
18
|
-
export { ThemedCard, type ThemedCardProps } from "./components/ThemedCard";
|
|
19
|
-
export { ThemeToggle, type ThemeToggleProps } from "./components/ThemeToggle";
|
|
1
|
+
export { Button, type ButtonProps } from "./components/Button.js";
|
|
2
|
+
export { CopyButton, type CopyButtonProps } from "./components/CopyButton.js";
|
|
3
|
+
export { CyberpunkCheckbox, type CyberpunkCheckboxProps } from "./components/CyberpunkCheckbox.js";
|
|
4
|
+
export { CyberpunkInput, type CyberpunkInputProps, } from "./components/CyberpunkInput.js";
|
|
5
|
+
export { CyberpunkRadio, CyberpunkRadioGroup, type CyberpunkRadioGroupProps, type CyberpunkRadioProps, } from "./components/CyberpunkRadio.js";
|
|
6
|
+
export { CyberpunkSelect, type CyberpunkSelectOption, type CyberpunkSelectProps, } from "./components/CyberpunkSelect.js";
|
|
7
|
+
export { CyberpunkSlider, type CyberpunkSliderProps, } from "./components/CyberpunkSlider.js";
|
|
8
|
+
export { CyberpunkTextarea, type CyberpunkTextareaProps, } from "./components/CyberpunkTextarea.js";
|
|
9
|
+
export { CyberpunkTile, type CyberpunkTileProps } from "./components/CyberpunkTile.js";
|
|
10
|
+
export { CornerBracketCard, type CornerBracketCardProps } from "./components/CornerBracketCard.js";
|
|
11
|
+
export { ErrorMessage, type ErrorMessageProps } from "./components/ErrorMessage.js";
|
|
12
|
+
export { LOADING_PROGRESS_SEGMENT_COUNT, LoadingProgressBar, type LoadingProgressBarProps, } from "./components/LoadingProgressBar.js";
|
|
13
|
+
export { PageHeader, type PageHeaderProps } from "./components/PageHeader.js";
|
|
14
|
+
export { PageTemplate, type PageTemplateProps } from "./components/PageTemplate.js";
|
|
15
|
+
export { SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, } from "./components/SegmentedControl.js";
|
|
16
|
+
export { StatusMessage, type StatusMessageProps } from "./components/StatusMessage.js";
|
|
17
|
+
export { TabbedPanel, type TabbedPanelProps, type TabbedPanelTab } from "./components/TabbedPanel.js";
|
|
18
|
+
export { ThemedCard, type ThemedCardProps } from "./components/ThemedCard.js";
|
|
19
|
+
export { ThemeToggle, type ThemeToggleProps } from "./components/ThemeToggle.js";
|
|
20
20
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACnG,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,cAAc,EACd,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,GACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,eAAe,EACf,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACpF,OAAO,EACL,8BAA8B,EAC9B,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACpF,OAAO,EACL,gBAAgB,EAChB,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACtG,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,6BAA6B,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
export { Button } from "./components/Button";
|
|
2
|
-
export { CopyButton } from "./components/CopyButton";
|
|
3
|
-
export { CyberpunkCheckbox } from "./components/CyberpunkCheckbox";
|
|
4
|
-
export { CyberpunkInput, } from "./components/CyberpunkInput";
|
|
5
|
-
export { CyberpunkRadio, CyberpunkRadioGroup, } from "./components/CyberpunkRadio";
|
|
6
|
-
export { CyberpunkSelect, } from "./components/CyberpunkSelect";
|
|
7
|
-
export { CyberpunkSlider, } from "./components/CyberpunkSlider";
|
|
8
|
-
export { CyberpunkTextarea, } from "./components/CyberpunkTextarea";
|
|
9
|
-
export { CyberpunkTile } from "./components/CyberpunkTile";
|
|
10
|
-
export { CornerBracketCard } from "./components/CornerBracketCard";
|
|
11
|
-
export { ErrorMessage } from "./components/ErrorMessage";
|
|
12
|
-
export { LOADING_PROGRESS_SEGMENT_COUNT, LoadingProgressBar, } from "./components/LoadingProgressBar";
|
|
13
|
-
export { PageHeader } from "./components/PageHeader";
|
|
14
|
-
export { PageTemplate } from "./components/PageTemplate";
|
|
15
|
-
export { SegmentedControl, } from "./components/SegmentedControl";
|
|
16
|
-
export { StatusMessage } from "./components/StatusMessage";
|
|
17
|
-
export { TabbedPanel } from "./components/TabbedPanel";
|
|
18
|
-
export { ThemedCard } from "./components/ThemedCard";
|
|
19
|
-
export { ThemeToggle } from "./components/ThemeToggle";
|
|
1
|
+
export { Button } from "./components/Button.js";
|
|
2
|
+
export { CopyButton } from "./components/CopyButton.js";
|
|
3
|
+
export { CyberpunkCheckbox } from "./components/CyberpunkCheckbox.js";
|
|
4
|
+
export { CyberpunkInput, } from "./components/CyberpunkInput.js";
|
|
5
|
+
export { CyberpunkRadio, CyberpunkRadioGroup, } from "./components/CyberpunkRadio.js";
|
|
6
|
+
export { CyberpunkSelect, } from "./components/CyberpunkSelect.js";
|
|
7
|
+
export { CyberpunkSlider, } from "./components/CyberpunkSlider.js";
|
|
8
|
+
export { CyberpunkTextarea, } from "./components/CyberpunkTextarea.js";
|
|
9
|
+
export { CyberpunkTile } from "./components/CyberpunkTile.js";
|
|
10
|
+
export { CornerBracketCard } from "./components/CornerBracketCard.js";
|
|
11
|
+
export { ErrorMessage } from "./components/ErrorMessage.js";
|
|
12
|
+
export { LOADING_PROGRESS_SEGMENT_COUNT, LoadingProgressBar, } from "./components/LoadingProgressBar.js";
|
|
13
|
+
export { PageHeader } from "./components/PageHeader.js";
|
|
14
|
+
export { PageTemplate } from "./components/PageTemplate.js";
|
|
15
|
+
export { SegmentedControl, } from "./components/SegmentedControl.js";
|
|
16
|
+
export { StatusMessage } from "./components/StatusMessage.js";
|
|
17
|
+
export { TabbedPanel } from "./components/TabbedPanel.js";
|
|
18
|
+
export { ThemedCard } from "./components/ThemedCard.js";
|
|
19
|
+
export { ThemeToggle } from "./components/ThemeToggle.js";
|
|
20
20
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAoB,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAoB,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAwB,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAA+B,MAAM,mCAAmC,CAAC;AACnG,OAAO,EACL,cAAc,GAEf,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,cAAc,EACd,mBAAmB,GAGpB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,eAAe,GAGhB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,eAAe,GAEhB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,iBAAiB,GAElB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,aAAa,EAA2B,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,iBAAiB,EAA+B,MAAM,mCAAmC,CAAC;AACnG,OAAO,EAAE,YAAY,EAA0B,MAAM,8BAA8B,CAAC;AACpF,OAAO,EACL,8BAA8B,EAC9B,kBAAkB,GAEnB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAwB,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAA0B,MAAM,8BAA8B,CAAC;AACpF,OAAO,EACL,gBAAgB,GAGjB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,aAAa,EAA2B,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,WAAW,EAA8C,MAAM,6BAA6B,CAAC;AACtG,OAAO,EAAE,UAAU,EAAwB,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAyB,MAAM,6BAA6B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@steez-ui/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"description": "React primitives authored with CSS modules for Steez UI.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
"react-dom": ">=18"
|
|
13
13
|
},
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@steez-ui/icons": "^0.1.
|
|
16
|
-
"@steez-ui/theme": "^0.1.
|
|
15
|
+
"@steez-ui/icons": "^0.1.3",
|
|
16
|
+
"@steez-ui/theme": "^0.1.3"
|
|
17
17
|
},
|
|
18
18
|
"exports": {
|
|
19
19
|
".": {
|