@inglorious/ui 1.0.2 → 2.0.1

package/src/surfaces/accordion/template.js

@@ -8,7 +8,7 @@ import { classMap, html, ref } from "@inglorious/web"
 
 import { applyElementProps } from "../../shared/applyElementProps.js"
 
-export const accordion = {
+export const Accordion = {
   /**
    * Main entrypoint for the accordion component. Delegates to the base accordion renderer for overrides.
    * Accordions render a list of collapsible items with optional icons.

package/src/surfaces/app-bar/app-bar.stories.js

@@ -1,12 +1,12 @@
 import { html } from "@inglorious/web"
 
 import { createRender } from "../../stories/notifyStory.js"
-import { appBar } from "."
+import { AppBar } from "."
 
 export default {
   title: "Surfaces/App Bar",
   tags: ["autodocs"],
-  render: createRender(appBar),
+  render: createRender(AppBar),
   argTypes: {
     title: {
       control: "text",

package/src/surfaces/app-bar/index.js

@@ -1,3 +1,3 @@
 import * as renderers from "./template.js"
 
-export const appBar = { ...renderers }
+export const AppBar = { ...renderers }

package/src/surfaces/card/card.stories.js

@@ -1,12 +1,12 @@
 import { html } from "@inglorious/web"
 
 import { createRender } from "../../stories/notifyStory.js"
-import { card } from "."
+import { Card } from "."
 
 export default {
   title: "Surfaces/Card",
   tags: ["autodocs"],
-  render: createRender(card),
+  render: createRender(Card),
   argTypes: {
     title: {
       control: "text",

package/src/surfaces/card/index.js

@@ -1 +1 @@
-export { card } from "./template.js"
+export { Card } from "./template.js"

package/src/surfaces/card/template.js

@@ -7,7 +7,7 @@ import { classMap, html, ref } from "@inglorious/web"
 
 import { applyElementProps } from "../../shared/applyElementProps.js"
 
-export const card = {
+export const Card = {
   /**
    * Main entrypoint for the card component. Delegates to the base card renderer for easy overrides.
    * Cards support header, body, and footer slots with optional click behavior.

package/src/surfaces/paper/index.js

@@ -1,3 +1,3 @@
-import { render } from "./template.js"
+import * as renderers from "./template.js"
 
-export const paper = { render }
+export const Paper = { ...renderers }

package/src/surfaces/paper/paper.stories.js

@@ -1,12 +1,12 @@
 import { html } from "@inglorious/web"
 
 import { createRender } from "../../stories/notifyStory.js"
-import { paper } from "."
+import { Paper } from "."
 
 export default {
   title: "Surfaces/Paper",
   tags: ["autodocs"],
-  render: createRender(paper),
+  render: createRender(Paper),
   argTypes: {
     variant: {
       control: "select",
@@ -85,7 +85,7 @@ export const AllElevations = {
       ${[0, 1, 2, 3, 4].map(
         (level) =>
           html`<div>
-            ${paper.render({
+            ${Paper.render({
               variant: "elevated",
               elevation: level,
               padding: "md",

package/types/controls/button-group.d.ts

@@ -33,4 +33,4 @@ export interface ButtonGroupType {
   render(props: ButtonGroupProps): TemplateResult
 }
 
-export declare const buttonGroup: ButtonGroupType
+export declare const ButtonGroup: ButtonGroupType

package/types/controls/button.d.ts

@@ -2,7 +2,7 @@ import type { TemplateResult } from "@inglorious/web"
 
 export interface ButtonProps {
   id?: string
-  type: "button"
+  type: "Button"
   children?: TemplateResult | string | number
   variant?: "default" | "outline" | "ghost"
   color?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
@@ -23,4 +23,4 @@ export interface ButtonType {
   render(props: ButtonProps): TemplateResult
 }
 
-export declare const button: ButtonType
+export declare const Button: ButtonType

package/types/controls/checkbox.d.ts

@@ -17,4 +17,4 @@ export interface CheckboxType {
   render(props: CheckboxProps): TemplateResult
 }
 
-export declare const checkbox: CheckboxType
+export declare const Checkbox: CheckboxType

package/types/controls/combobox.d.ts

@@ -64,4 +64,4 @@ export interface ComboboxType {
   focusLast(entity: ComboboxProps): void
 }
 
-export declare const combobox: ComboboxType
+export declare const Combobox: ComboboxType

package/types/controls/fab.d.ts

@@ -17,4 +17,4 @@ export interface FabType {
   render(props: FabProps): TemplateResult
 }
 
-export declare const fab: FabType
+export declare const Fab: FabType

package/types/controls/icon-button.d.ts

@@ -21,4 +21,4 @@ export interface IconButtonType {
   render(props: IconButtonProps): TemplateResult
 }
 
-export declare const iconButton: IconButtonType
+export declare const IconButton: IconButtonType

package/types/controls/input.d.ts

@@ -33,4 +33,4 @@ export interface InputType {
   render(props: InputProps): TemplateResult
 }
 
-export declare const input: InputType
+export declare const Input: InputType

package/types/controls/radio-group.d.ts

@@ -24,4 +24,4 @@ export interface RadioGroupType {
   render(props: RadioGroupProps): TemplateResult
 }
 
-export declare const radioGroup: RadioGroupType
+export declare const RadioGroup: RadioGroupType

package/types/controls/rating.d.ts

@@ -16,4 +16,4 @@ export interface RatingType {
   render(props: RatingProps): TemplateResult
 }
 
-export declare const rating: RatingType
+export declare const Rating: RatingType

package/types/controls/select.d.ts

@@ -30,4 +30,4 @@ export interface SelectType {
   render(props: SelectProps): TemplateResult
 }
 
-export declare const select: SelectType
+export declare const Select: SelectType

package/types/controls/slider.d.ts

@@ -20,4 +20,4 @@ export interface SliderType {
   render(props: SliderProps): TemplateResult
 }
 
-export declare const slider: SliderType
+export declare const Slider: SliderType

package/types/controls/switch.d.ts

@@ -16,4 +16,4 @@ export interface SwitchType {
   render(props: SwitchProps): TemplateResult
 }
 
-export declare const switchControl: SwitchType
+export declare const Switch: SwitchType

package/types/data-display/avatar.d.ts

@@ -27,4 +27,4 @@ export interface AvatarType {
   render(props: AvatarProps): TemplateResult
 }
 
-export declare const avatar: AvatarType
+export declare const Avatar: AvatarType

package/types/data-display/badge.d.ts

@@ -17,4 +17,4 @@ export interface BadgeType {
   render(props: BadgeProps): TemplateResult
 }
 
-export declare const badge: BadgeType
+export declare const Badge: BadgeType

package/types/data-display/chip.d.ts

@@ -22,4 +22,4 @@ export interface ChipType {
   render(props: ChipProps): TemplateResult
 }
 
-export declare const chip: ChipType
+export declare const Chip: ChipType

package/types/data-display/divider.d.ts

@@ -11,4 +11,4 @@ export interface DividerType {
   render(props: DividerProps): TemplateResult
 }
 
-export declare const divider: DividerType
+export declare const Divider: DividerType

package/types/data-display/icon.d.ts

@@ -13,4 +13,4 @@ export interface IconType {
   render(props: IconProps): TemplateResult
 }
 
-export declare const icon: IconType
+export declare const Icon: IconType

package/types/data-display/list.d.ts

@@ -64,4 +64,4 @@ export interface ListType {
   ): TemplateResult
 }
 
-export declare const list: ListType
+export declare const List: ListType

package/types/data-display/material-icon.d.ts

@@ -12,4 +12,4 @@ export interface MaterialIconType {
   render(props: MaterialIconProps): TemplateResult
 }
 
-export declare const materialIcon: MaterialIconType
+export declare const MaterialIcon: MaterialIconType

package/types/data-display/table.d.ts

@@ -43,4 +43,4 @@ export interface TableType {
   ): TemplateResult
 }
 
-export declare const table: TableType
+export declare const Table: TableType

package/types/data-display/tooltip.d.ts

@@ -17,4 +17,4 @@ export interface TooltipType {
   render(props: TooltipProps): TemplateResult
 }
 
-export declare const tooltip: TooltipType
+export declare const Tooltip: TooltipType

package/types/data-display/typography.d.ts

@@ -25,4 +25,4 @@ export interface TypographyType {
   render(props: TypographyProps): TemplateResult
 }
 
-export declare const typography: TypographyType
+export declare const Typography: TypographyType

package/types/data-display/virtual-list.d.ts

@@ -91,4 +91,4 @@ export interface VirtualListType {
   ): TemplateResult
 }
 
-export declare const virtualList: VirtualListType
+export declare const VirtualList: VirtualListType

package/types/feedback/alert.d.ts

@@ -19,4 +19,4 @@ export interface AlertType {
   render(props: AlertProps): TemplateResult
 }
 
-export declare const alert: AlertType
+export declare const Alert: AlertType

package/types/feedback/backdrop.d.ts

@@ -14,4 +14,4 @@ export interface BackdropType {
   render(props: BackdropProps): TemplateResult | null
 }
 
-export declare const backdrop: BackdropType
+export declare const Backdrop: BackdropType

package/types/feedback/dialog.d.ts

@@ -18,4 +18,4 @@ export interface DialogType {
   render(props: DialogProps): TemplateResult | null
 }
 
-export declare const dialog: DialogType
+export declare const Dialog: DialogType

package/types/feedback/progress.d.ts

@@ -15,4 +15,4 @@ export interface ProgressType {
   render(props: ProgressProps): TemplateResult
 }
 
-export declare const progress: ProgressType
+export declare const Progress: ProgressType

package/types/feedback/skeleton.d.ts

@@ -15,4 +15,4 @@ export interface SkeletonType {
   render(props: SkeletonProps): TemplateResult
 }
 
-export declare const skeleton: SkeletonType
+export declare const Skeleton: SkeletonType

package/types/feedback/snackbar.d.ts

@@ -16,4 +16,4 @@ export interface SnackbarType {
   render(props: SnackbarProps): TemplateResult | null
 }
 
-export declare const snackbar: SnackbarType
+export declare const Snackbar: SnackbarType

package/types/layout/container.d.ts

@@ -25,4 +25,4 @@ export interface ContainerType {
   render(props: ContainerProps): TemplateResult
 }
 
-export declare const container: ContainerType
+export declare const Container: ContainerType

package/types/layout/flex.d.ts

@@ -28,4 +28,4 @@ export interface FlexType {
   render(props: FlexProps): TemplateResult
 }
 
-export declare const flex: FlexType
+export declare const Flex: FlexType

package/types/layout/grid.d.ts

@@ -27,4 +27,4 @@ export interface GridType {
   render(props: GridProps): TemplateResult
 }
 
-export declare const grid: GridType
+export declare const Grid: GridType

package/types/navigation/bottom-navigation.d.ts

@@ -31,4 +31,4 @@ export interface BottomNavigationType {
   ): TemplateResult
 }
 
-export declare const bottomNavigation: BottomNavigationType
+export declare const BottomNavigation: BottomNavigationType

package/types/navigation/breadcrumbs.d.ts

@@ -27,4 +27,4 @@ export interface BreadcrumbsType {
   ): TemplateResult
 }
 
-export declare const breadcrumbs: BreadcrumbsType
+export declare const Breadcrumbs: BreadcrumbsType

package/types/navigation/drawer.d.ts

@@ -20,4 +20,4 @@ export interface DrawerType {
   render(props: DrawerProps): TemplateResult | null
 }
 
-export declare const drawer: DrawerType
+export declare const Drawer: DrawerType

package/types/navigation/link.d.ts

@@ -19,4 +19,4 @@ export interface LinkType {
   render(props: LinkProps): TemplateResult
 }
 
-export declare const link: LinkType
+export declare const Link: LinkType

package/types/navigation/menu.d.ts

@@ -30,4 +30,4 @@ export interface MenuType {
   renderItem(item: MenuItem, index: number, props: MenuProps): TemplateResult
 }
 
-export declare const menu: MenuType
+export declare const Menu: MenuType

package/types/navigation/pagination.d.ts

@@ -48,4 +48,4 @@ export interface PaginationType {
   ): TemplateResult
 }
 
-export declare const pagination: PaginationType
+export declare const Pagination: PaginationType

package/types/navigation/speed-dial.d.ts

@@ -33,4 +33,4 @@ export interface SpeedDialType {
   ): TemplateResult
 }
 
-export declare const speedDial: SpeedDialType
+export declare const SpeedDial: SpeedDialType

package/types/navigation/stepper.d.ts

@@ -24,4 +24,4 @@ export interface StepperType {
   renderStep(step: Step, index: number, props: StepperProps): TemplateResult
 }
 
-export declare const stepper: StepperType
+export declare const Stepper: StepperType

package/types/navigation/tabs.d.ts

@@ -29,4 +29,4 @@ export interface TabsType {
   renderPanel(item: TabItem | null, props: TabsProps): TemplateResult | null
 }
 
-export declare const tabs: TabsType
+export declare const Tabs: TabsType

package/types/surfaces/accordion.d.ts

@@ -30,4 +30,4 @@ export interface AccordionType {
   ): TemplateResult
 }
 
-export declare const accordion: AccordionType
+export declare const Accordion: AccordionType

package/types/surfaces/app-bar.d.ts

@@ -22,4 +22,4 @@ export interface AppBarType {
   render(props: AppBarProps): TemplateResult
 }
 
-export declare const appBar: AppBarType
+export declare const AppBar: AppBarType

package/types/surfaces/card.d.ts

@@ -37,4 +37,4 @@ export interface CardType {
   renderFooter(props: CardProps): TemplateResult | null
 }
 
-export declare const card: CardType
+export declare const Card: CardType

package/types/surfaces/paper.d.ts

@@ -25,4 +25,4 @@ export interface PaperType {
   render(props: PaperProps): TemplateResult
 }
 
-export declare const paper: PaperType
+export declare const Paper: PaperType