@openwarelabs/ui 0.1.0 → 0.1.1

package/README.md

@@ -1,6 +1,6 @@
 # Openware UI
 
-React components and design tokens with Commandr's look: a midnight brand colour, a brass accent kept small, cool slate surfaces, tactile buttons that press in, and Inter. Light and dark themes, and a brand colour you can swap.
+React components and design tokens with a quiet, tactile look: a midnight brand colour, a brass accent kept small, cool slate surfaces, buttons that press in, and Inter. Light and dark themes, and a brand colour you can swap.
 
 ## Docs
 
@@ -98,4 +98,4 @@ The docs' header has a colour picker that does this live, and the Theming page s
 
 ## Credits
 
-Built from the components and styles of Commandr. Icons drawn inside the components are Lucide shapes (ISC). Inter and Geist Mono are under the SIL Open Font License 1.1. Toasts use sonner and the colour picker uses react-colorful, both under the MIT licence.
+Icons drawn inside the components are Lucide shapes (ISC). Inter and Geist Mono are under the SIL Open Font License 1.1. Toasts use sonner and the colour picker uses react-colorful, both under the MIT licence.

package/dist/components/Accordion/Accordion.d.cts

@@ -21,7 +21,7 @@ export interface DisclosureProps {
     children: ReactNode;
     className?: string;
 }
-/** A section that opens and closes under its title, like Commandr's "3 files changed". */
+/** A section that opens and closes under its title, like "3 files changed" in a code review. */
 export declare function Disclosure({ open, defaultOpen, onOpenChange, variant, headingLevel, className, ...props }: DisclosureProps): import("react").JSX.Element;
 export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
     /** `single` keeps one item open at a time; `multiple` lets any number be open.

package/dist/components/Accordion/Accordion.d.ts

@@ -21,7 +21,7 @@ export interface DisclosureProps {
     children: ReactNode;
     className?: string;
 }
-/** A section that opens and closes under its title, like Commandr's "3 files changed". */
+/** A section that opens and closes under its title, like "3 files changed" in a code review. */
 export declare function Disclosure({ open, defaultOpen, onOpenChange, variant, headingLevel, className, ...props }: DisclosureProps): import("react").JSX.Element;
 export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
     /** `single` keeps one item open at a time; `multiple` lets any number be open.

package/dist/components/Avatar/AvatarGroup.d.cts

@@ -24,5 +24,5 @@ export interface UserProps {
     size?: AvatarProps["size"];
     className?: string;
 }
-/** A person: avatar, name and a line about them, as in Commandr's account menu. */
+/** A person: avatar, name and a line about them, as in an account menu. */
 export declare function User({ name, description, src, size, className }: UserProps): import("react").JSX.Element;

package/dist/components/Avatar/AvatarGroup.d.ts

@@ -24,5 +24,5 @@ export interface UserProps {
     size?: AvatarProps["size"];
     className?: string;
 }
-/** A person: avatar, name and a line about them, as in Commandr's account menu. */
+/** A person: avatar, name and a line about them, as in an account menu. */
 export declare function User({ name, description, src, size, className }: UserProps): import("react").JSX.Element;

package/dist/components/CodeBlock/CodeBlock.d.cts

@@ -36,7 +36,7 @@ export interface CodeBlockProps {
     maxHeight?: number;
     className?: string;
 }
-/** Code on Commandr's night ground, the same in both themes, with a copy button. */
+/** Code on a night ground, the same in both themes, with a copy button. */
 export declare function CodeBlock({ code, html, title, language, showLineNumbers, copyable, maxHeight, className }: CodeBlockProps): import("react").JSX.Element;
 export interface SnippetProps {
     /** The command or value, copied as is. */

package/dist/components/CodeBlock/CodeBlock.d.ts

@@ -36,7 +36,7 @@ export interface CodeBlockProps {
     maxHeight?: number;
     className?: string;
 }
-/** Code on Commandr's night ground, the same in both themes, with a copy button. */
+/** Code on a night ground, the same in both themes, with a copy button. */
 export declare function CodeBlock({ code, html, title, language, showLineNumbers, copyable, maxHeight, className }: CodeBlockProps): import("react").JSX.Element;
 export interface SnippetProps {
     /** The command or value, copied as is. */

package/dist/components/FileDropZone/FileDropZone.d.cts

@@ -23,7 +23,7 @@ export interface FileDropZoneProps {
     className?: string;
 }
 /**
- * Commandr's folder drop zone, for files: drop them on it, or press it to pick them.
+ * A drop zone for files: drop them on it, or press it to pick them.
  * It checks the type and size and says what was wrong.
  */
 export declare function FileDropZone({ onFiles, accept, multiple, maxSize, label, hint, error, icon, disabled, name, className, }: FileDropZoneProps): import("react").JSX.Element;

package/dist/components/FileDropZone/FileDropZone.d.ts

@@ -23,7 +23,7 @@ export interface FileDropZoneProps {
     className?: string;
 }
 /**
- * Commandr's folder drop zone, for files: drop them on it, or press it to pick them.
+ * A drop zone for files: drop them on it, or press it to pick them.
  * It checks the type and size and says what was wrong.
  */
 export declare function FileDropZone({ onFiles, accept, multiple, maxSize, label, hint, error, icon, disabled, name, className, }: FileDropZoneProps): import("react").JSX.Element;

package/dist/components/FileTree/FileTree.d.cts

@@ -23,7 +23,7 @@ export interface FileTreeProps {
     className?: string;
 }
 /**
- * Commandr's project structure explorer: folders open and close, files can be selected.
+ * A project structure explorer: folders open and close, files can be selected.
  * Up and Down move, Right opens a folder or goes into it, Left closes it or goes to its parent.
  */
 export declare function FileTree({ items, selected, defaultSelected, onSelect, defaultExpanded, label, className, }: FileTreeProps): import("react").JSX.Element;

package/dist/components/FileTree/FileTree.d.ts

@@ -23,7 +23,7 @@ export interface FileTreeProps {
     className?: string;
 }
 /**
- * Commandr's project structure explorer: folders open and close, files can be selected.
+ * A project structure explorer: folders open and close, files can be selected.
  * Up and Down move, Right opens a folder or goes into it, Left closes it or goes to its parent.
  */
 export declare function FileTree({ items, selected, defaultSelected, onSelect, defaultExpanded, label, className, }: FileTreeProps): import("react").JSX.Element;

package/dist/components/Progress/Progress.d.cts

@@ -12,7 +12,7 @@ export interface ProgressBarProps {
     showValue?: boolean;
     /** The text shown and read out for the value, e.g. "3 of 8 stages". Defaults to a percentage. */
     valueLabel?: string;
-    /** sm is 4px, Commandr's pipeline bar; md is 8px.
+    /** sm is 4px, for a pipeline bar; md is 8px.
      * @default "sm" */
     size?: "sm" | "md";
     /** @default "primary" */

package/dist/components/Progress/Progress.d.ts

@@ -12,7 +12,7 @@ export interface ProgressBarProps {
     showValue?: boolean;
     /** The text shown and read out for the value, e.g. "3 of 8 stages". Defaults to a percentage. */
     valueLabel?: string;
-    /** sm is 4px, Commandr's pipeline bar; md is 8px.
+    /** sm is 4px, for a pipeline bar; md is 8px.
      * @default "sm" */
     size?: "sm" | "md";
     /** @default "primary" */

package/dist/components/Stat/Stat.d.cts

@@ -16,5 +16,5 @@ export interface StatProps {
     trend?: number[];
     className?: string;
 }
-/** One headline number with its label, change and trend, like Commandr's overview cards. */
+/** One headline number with its label, change and trend, for overview cards. */
 export declare function Stat({ label, value, icon, change, changeTone, description, trend, className }: StatProps): import("react").JSX.Element;

package/dist/components/Stat/Stat.d.ts

@@ -16,5 +16,5 @@ export interface StatProps {
     trend?: number[];
     className?: string;
 }
-/** One headline number with its label, change and trend, like Commandr's overview cards. */
+/** One headline number with its label, change and trend, for overview cards. */
 export declare function Stat({ label, value, icon, change, changeTone, description, trend, className }: StatProps): import("react").JSX.Element;

package/dist/components/Steps/Steps.d.cts

@@ -13,7 +13,7 @@ export interface StepsProps {
     /** The index of the step in progress. Steps before it are done. Use items.length when every step is done.
      * @default 0 */
     current?: number;
-    /** `vertical` is Commandr's first-run checklist; `horizontal` is a compact progress strip.
+    /** `vertical` is a first-run checklist; `horizontal` is a compact progress strip.
      * @default "vertical" */
     orientation?: "vertical" | "horizontal";
     /** A heading above a vertical list, with a "2 of 4 done" count beside it. */

package/dist/components/Steps/Steps.d.ts

@@ -13,7 +13,7 @@ export interface StepsProps {
     /** The index of the step in progress. Steps before it are done. Use items.length when every step is done.
      * @default 0 */
     current?: number;
-    /** `vertical` is Commandr's first-run checklist; `horizontal` is a compact progress strip.
+    /** `vertical` is a first-run checklist; `horizontal` is a compact progress strip.
      * @default "vertical" */
     orientation?: "vertical" | "horizontal";
     /** A heading above a vertical list, with a "2 of 4 done" count beside it. */

package/dist/components/Tabs/Tabs.d.cts

@@ -5,7 +5,7 @@ export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChang
     /** The tab selected first when uncontrolled. */
     defaultValue?: string;
     onValueChange?(value: string): void;
-    /** `segmented` raises the chosen tab in a well (Commandr's switcher); `line` underlines it.
+    /** `segmented` raises the chosen tab in a well; `line` underlines it.
      * @default "segmented" */
     variant?: "segmented" | "line";
     children: ReactNode;

package/dist/components/Tabs/Tabs.d.ts

@@ -5,7 +5,7 @@ export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChang
     /** The tab selected first when uncontrolled. */
     defaultValue?: string;
     onValueChange?(value: string): void;
-    /** `segmented` raises the chosen tab in a well (Commandr's switcher); `line` underlines it.
+    /** `segmented` raises the chosen tab in a well; `line` underlines it.
      * @default "segmented" */
     variant?: "segmented" | "line";
     children: ReactNode;

package/dist/components.css

@@ -441,7 +441,7 @@
     border-bottom-right-radius: 0;
 }
 
-/* CloseButton: Commandr's dialog close, a quiet square that darkens on hover. */
+/* CloseButton: a quiet square that darkens on hover, for dialogs and panels. */
 .ow-close-button {
     display: inline-flex;
     flex-shrink: 0;
@@ -481,7 +481,7 @@
 }
 
 /* components/SegmentedControl/SegmentedControl.css */
-/* SegmentedControl and segmented Tabs: Commandr's journey switcher, a well with the chosen segment raised. */
+/* SegmentedControl and segmented Tabs: a well with the chosen segment raised. */
 .ow-segmented,
 .ow-tabs--segmented .ow-tabs__list {
     position: relative;
@@ -1781,7 +1781,7 @@
 }
 
 /* components/FileDropZone/FileDropZone.css */
-/* FileDropZone: Commandr's folder drop zone, a dashed well that turns primary while something is dragged over it. */
+/* FileDropZone: a dashed well that turns primary while something is dragged over it. */
 .ow-dropzone {
     display: flex;
     min-height: 128px;
@@ -2123,7 +2123,7 @@
     transition: width var(--ow-duration-slow) var(--ow-ease-standard);
 }
 
-/* Unknown length: a segment sliding across, like Commandr's licence check. */
+/* Unknown length: a segment sliding across. */
 .ow-progress__track--indeterminate .ow-progress__fill {
     width: 37%;
     animation: ow-progress-slide 1.3s var(--ow-ease-standard) infinite;
@@ -2341,7 +2341,7 @@
     box-shadow: none;
 }
 
-/* The ✕ sits on the corner, as in Commandr. */
+/* The ✕ sits on the corner. */
 .ow-toaster.ow-toaster [data-sonner-toast][data-styled="true"] [data-close-button] {
     width: 22px;
     height: 22px;
@@ -3360,7 +3360,7 @@
 }
 
 /* components/Accordion/Accordion.css */
-/* Disclosure and Accordion: Commandr's change review header, a chevron that turns as the panel opens. */
+/* Disclosure and Accordion: a header with a chevron that turns as the panel opens. */
 .ow-disclosure,
 .ow-accordion--bordered,
 .ow-accordion--separated .ow-accordion__item {
@@ -3699,7 +3699,7 @@
 }
 
 /* components/Steps/Steps.css */
-/* Steps: Commandr's setup checklist (vertical) and a compact strip (horizontal). */
+/* Steps: a setup checklist (vertical) and a compact strip (horizontal). */
 .ow-steps--vertical {
     border: 1px solid var(--ow-border);
     border-radius: var(--ow-radius-container);
@@ -4565,7 +4565,7 @@
 }
 
 /* components/Stat/Stat.css */
-/* Stat: Commandr's overview card. A muted label, a big tabular number, a change and an optional trend line. */
+/* Stat: an overview card. A muted label, a big tabular number, a change and an optional trend line. */
 .ow-stat {
     display: grid;
     min-width: 0;
@@ -4675,7 +4675,7 @@
 }
 
 /* components/FileTree/FileTree.css */
-/* FileTree: Commandr's structure explorer. Monospace names, hairline guides, a tinted selected file. */
+/* FileTree: a project structure explorer. Monospace names, hairline guides, a tinted selected file. */
 .ow-tree,
 .ow-tree__group {
     margin: 0;