@likec4/styles 1.46.4 → 1.48.0

package/dist/recipes/{action-btn.d.ts → action-btn.d.mts}

@@ -1,6 +1,6 @@
 /* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
+import type { ConditionalValue } from '../types/index.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface ActionBtnVariant {
   /**

package/dist/recipes/action-buttons.d.mts

@@ -0,0 +1,33 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
+
+interface ActionButtonsVariant {
+  
+}
+
+type ActionButtonsVariantMap = {
+  [key in keyof ActionButtonsVariant]: Array<ActionButtonsVariant[key]>
+}
+
+
+
+export type ActionButtonsVariantProps = {
+  [key in keyof ActionButtonsVariant]?: ConditionalValue<ActionButtonsVariant[key]> | undefined
+}
+
+export interface ActionButtonsRecipe {
+  
+  __type: ActionButtonsVariantProps
+  (props?: ActionButtonsVariantProps): string
+  raw: (props?: ActionButtonsVariantProps) => ActionButtonsVariantProps
+  variantMap: ActionButtonsVariantMap
+  variantKeys: Array<keyof ActionButtonsVariant>
+  splitVariantProps<Props extends ActionButtonsVariantProps>(props: Props): [ActionButtonsVariantProps, Pretty<DistributiveOmit<Props, keyof ActionButtonsVariantProps>>]
+  getVariantProps: (props?: ActionButtonsVariantProps) => ActionButtonsVariantProps
+}
+
+/**
+ * Action Buttons Container within Diagram Node (Bottom-Center)
+ */
+export declare const actionButtons: ActionButtonsRecipe

package/dist/recipes/action-buttons.mjs

@@ -0,0 +1,24 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const actionButtonsFn = /* @__PURE__ */ createRecipe('action-buttons', {}, [])
+
+const actionButtonsVariantMap = {}
+
+const actionButtonsVariantKeys = Object.keys(actionButtonsVariantMap)
+
+export const actionButtons = /* @__PURE__ */ Object.assign(memo(actionButtonsFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'actionButtons',
+  __getCompoundVariantCss__: actionButtonsFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: actionButtonsVariantKeys,
+  variantMap: actionButtonsVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, actionButtonsVariantKeys)
+  },
+  getVariantProps: actionButtonsFn.getVariantProps,
+})

package/dist/recipes/{compound-node.d.ts → compound-node.d.mts}

@@ -1,10 +1,19 @@
 /* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
+import type { ConditionalValue } from '../types/index.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface CompoundNodeVariant {
-  isTransparent: boolean
+  /**
+ * @default false
+ */
+isTransparent: boolean
+/**
+ * @default false
+ */
 inverseColor: boolean
+/**
+ * @default "none"
+ */
 borderStyle: "solid" | "dashed" | "dotted" | "none"
 }
 

package/dist/recipes/compound-node.mjs

@@ -1,7 +1,11 @@
 import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
-const compoundNodeFn = /* @__PURE__ */ createRecipe('likec4-compound-node', {}, [])
+const compoundNodeFn = /* @__PURE__ */ createRecipe('likec4-compound-node', {
+  "isTransparent": false,
+  "inverseColor": false,
+  "borderStyle": "none"
+}, [])
 
 const compoundNodeVariantMap = {
   "isTransparent": [

package/dist/recipes/{edge-action-btn.d.ts → edge-action-btn.d.mts}

@@ -1,6 +1,6 @@
 /* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
+import type { ConditionalValue } from '../types/index.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface EdgeActionBtnVariant {
   

package/dist/recipes/{edge-label.d.ts → edge-label.d.mts}

@@ -1,6 +1,6 @@
 /* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
+import type { ConditionalValue } from '../types/index.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface EdgeLabelVariant {
   /**

package/dist/recipes/{edge-path.d.ts → edge-path.d.mts}

@@ -1,6 +1,6 @@
 /* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
+import type { ConditionalValue } from '../types/index.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface EdgePathVariant {
   

package/dist/recipes/{element-node-data.d.ts → element-node-data.d.mts}

@@ -1,9 +1,16 @@
 /* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
+import type { ConditionalValue } from '../types/index.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface ElementNodeDataVariant {
-  
+  /**
+ * @default "left"
+ */
+iconPosition: "left" | "right" | "top" | "bottom"
+/**
+ * @default false
+ */
+withIconColor: boolean
 }
 
 type ElementNodeDataVariantMap = {

package/dist/recipes/element-node-data.mjs

@@ -1,9 +1,23 @@
 import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
-const elementNodeDataFn = /* @__PURE__ */ createRecipe('likec4-element-node-data', {}, [])
+const elementNodeDataFn = /* @__PURE__ */ createRecipe('likec4-element-node-data', {
+  "iconPosition": "left",
+  "withIconColor": false
+}, [])
 
-const elementNodeDataVariantMap = {}
+const elementNodeDataVariantMap = {
+  "iconPosition": [
+    "left",
+    "right",
+    "top",
+    "bottom"
+  ],
+  "withIconColor": [
+    "true",
+    "false"
+  ]
+}
 
 const elementNodeDataVariantKeys = Object.keys(elementNodeDataVariantMap)
 

package/dist/recipes/element-node.d.mts

@@ -0,0 +1,31 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
+
+interface ElementNodeVariant {
+  
+}
+
+type ElementNodeVariantMap = {
+  [key in keyof ElementNodeVariant]: Array<ElementNodeVariant[key]>
+}
+
+
+
+export type ElementNodeVariantProps = {
+  [key in keyof ElementNodeVariant]?: ConditionalValue<ElementNodeVariant[key]> | undefined
+}
+
+export interface ElementNodeRecipe {
+  
+  __type: ElementNodeVariantProps
+  (props?: ElementNodeVariantProps): string
+  raw: (props?: ElementNodeVariantProps) => ElementNodeVariantProps
+  variantMap: ElementNodeVariantMap
+  variantKeys: Array<keyof ElementNodeVariant>
+  splitVariantProps<Props extends ElementNodeVariantProps>(props: Props): [ElementNodeVariantProps, Pretty<DistributiveOmit<Props, keyof ElementNodeVariantProps>>]
+  getVariantProps: (props?: ElementNodeVariantProps) => ElementNodeVariantProps
+}
+
+
+export declare const elementNode: ElementNodeRecipe

package/dist/recipes/element-node.mjs

@@ -0,0 +1,24 @@
+import { memo, splitProps } from '../helpers.mjs';
+import { createRecipe, mergeRecipes } from './create-recipe.mjs';
+
+const elementNodeFn = /* @__PURE__ */ createRecipe('likec4-element-node', {}, [])
+
+const elementNodeVariantMap = {}
+
+const elementNodeVariantKeys = Object.keys(elementNodeVariantMap)
+
+export const elementNode = /* @__PURE__ */ Object.assign(memo(elementNodeFn.recipeFn), {
+  __recipe__: true,
+  __name__: 'elementNode',
+  __getCompoundVariantCss__: elementNodeFn.__getCompoundVariantCss__,
+  raw: (props) => props,
+  variantKeys: elementNodeVariantKeys,
+  variantMap: elementNodeVariantMap,
+  merge(recipe) {
+    return mergeRecipes(this, recipe)
+  },
+  splitVariantProps(props) {
+    return splitProps(props, elementNodeVariantKeys)
+  },
+  getVariantProps: elementNodeFn.getVariantProps,
+})

package/dist/recipes/{element-shape-recipe.d.ts → element-shape-recipe.d.mts}

@@ -1,9 +1,13 @@
 /* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
+import type { ConditionalValue } from '../types/index.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface ElementShapeRecipeVariant {
   shapetype: "html" | "svg"
+/**
+ * @default false
+ */
+withBorder: boolean
 }
 
 type ElementShapeRecipeVariantMap = {
@@ -13,7 +17,7 @@ type ElementShapeRecipeVariantMap = {
 
 
 export type ElementShapeRecipeVariantProps = {
-  [key in keyof ElementShapeRecipeVariant]?: ConditionalValue<ElementShapeRecipeVariant[key]> | undefined
+  [key in keyof ElementShapeRecipeVariant]?: ElementShapeRecipeVariant[key] | undefined
 }
 
 export interface ElementShapeRecipeRecipe {

package/dist/recipes/element-shape-recipe.mjs

@@ -1,12 +1,34 @@
 import { memo, splitProps } from '../helpers.mjs';
 import { createRecipe, mergeRecipes } from './create-recipe.mjs';
 
-const elementShapeRecipeFn = /* @__PURE__ */ createRecipe('likec4-element-shape', {}, [])
+const elementShapeRecipeFn = /* @__PURE__ */ createRecipe('likec4-element-shape', {
+  "withBorder": false
+}, [
+  {
+    "shapetype": "html",
+    "withBorder": true,
+    "css": {
+      "&": {
+        "borderStyle": "solid",
+        "borderWidth": "3px",
+        "borderColor": "var(--likec4-palette-stroke)",
+        "--likec4-outline-size": "6px"
+      },
+      "& .likec4-shape-outline": {
+        "borderRadius": "10px"
+      }
+    }
+  }
+])
 
 const elementShapeRecipeVariantMap = {
   "shapetype": [
     "html",
     "svg"
+  ],
+  "withBorder": [
+    "true",
+    "false"
   ]
 }
 

package/dist/recipes/index.d.mts

@@ -0,0 +1,16 @@
+/* eslint-disable */
+export * from './action-btn.d.mts';
+export * from './action-buttons.d.mts';
+export * from './compound-node.d.mts';
+export * from './edge-action-btn.d.mts';
+export * from './edge-label.d.mts';
+export * from './edge-path.d.mts';
+export * from './element-node.d.mts';
+export * from './element-node-data.d.mts';
+export * from './element-shape-recipe.d.mts';
+export * from './likec4tag.d.mts';
+export * from './markdown-block.d.mts';
+export * from './navigation-panel-action-icon.d.mts';
+export * from './overlay.d.mts';
+export * from './navigation-link.d.mts';
+export * from './navigation-panel.d.mts';

package/dist/recipes/index.mjs

@@ -1,12 +1,15 @@
 export * from './action-btn.mjs';
+export * from './action-buttons.mjs';
 export * from './compound-node.mjs';
 export * from './edge-action-btn.mjs';
 export * from './edge-label.mjs';
 export * from './edge-path.mjs';
+export * from './element-node.mjs';
 export * from './element-node-data.mjs';
 export * from './element-shape-recipe.mjs';
 export * from './likec4tag.mjs';
 export * from './markdown-block.mjs';
 export * from './navigation-panel-action-icon.mjs';
 export * from './overlay.mjs';
-export * from './navigation-link.mjs';
+export * from './navigation-link.mjs';
+export * from './navigation-panel.mjs';

package/dist/recipes/{likec4tag.d.ts → likec4tag.d.mts}

@@ -1,6 +1,6 @@
 /* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
+import type { ConditionalValue } from '../types/index.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface Likec4tagVariant {
   /**

package/dist/recipes/{markdown-block.d.ts → markdown-block.d.mts}

@@ -1,6 +1,6 @@
 /* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
+import type { ConditionalValue } from '../types/index.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface MarkdownBlockVariant {
   /**

package/dist/recipes/{navigation-link.d.ts → navigation-link.d.mts}

@@ -1,6 +1,6 @@
 /* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
+import type { ConditionalValue } from '../types/index.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface NavigationLinkVariant {
   /**

package/dist/recipes/{navigation-panel-action-icon.d.ts → navigation-panel-action-icon.d.mts}

@@ -1,6 +1,6 @@
 /* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
+import type { ConditionalValue } from '../types/index.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface NavigationPanelActionIconVariant {
   /**

package/dist/recipes/navigation-panel.d.mts

@@ -0,0 +1,40 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
+
+interface NavigationPanelVariant {
+  /**
+ * @default "md"
+ */
+size: "md" | "lg"
+/**
+ * @default "left"
+ */
+panelPosition: "left" | "right"
+}
+
+type NavigationPanelVariantMap = {
+  [key in keyof NavigationPanelVariant]: Array<NavigationPanelVariant[key]>
+}
+
+type NavigationPanelSlot = "root" | "body" | "logo" | "label" | "dropdown"
+
+export type NavigationPanelVariantProps = {
+  [key in keyof NavigationPanelVariant]?: ConditionalValue<NavigationPanelVariant[key]> | undefined
+}
+
+export interface NavigationPanelRecipe {
+  __slot: NavigationPanelSlot
+  __type: NavigationPanelVariantProps
+  (props?: NavigationPanelVariantProps): Pretty<Record<NavigationPanelSlot, string>>
+  raw: (props?: NavigationPanelVariantProps) => NavigationPanelVariantProps
+  variantMap: NavigationPanelVariantMap
+  variantKeys: Array<keyof NavigationPanelVariant>
+  splitVariantProps<Props extends NavigationPanelVariantProps>(props: Props): [NavigationPanelVariantProps, Pretty<DistributiveOmit<Props, keyof NavigationPanelVariantProps>>]
+  getVariantProps: (props?: NavigationPanelVariantProps) => NavigationPanelVariantProps
+}
+
+/**
+ * LikeC4 Navigation panel
+ */
+export declare const navigationPanel: NavigationPanelRecipe

package/dist/recipes/navigation-panel.mjs

@@ -0,0 +1,64 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
+import { createRecipe } from './create-recipe.mjs';
+
+const navigationPanelDefaultVariants = {
+  "size": "md",
+  "panelPosition": "left"
+}
+const navigationPanelCompoundVariants = []
+
+const navigationPanelSlotNames = [
+  [
+    "root",
+    "likec4-navigation-panel__root"
+  ],
+  [
+    "body",
+    "likec4-navigation-panel__body"
+  ],
+  [
+    "logo",
+    "likec4-navigation-panel__logo"
+  ],
+  [
+    "label",
+    "likec4-navigation-panel__label"
+  ],
+  [
+    "dropdown",
+    "likec4-navigation-panel__dropdown"
+  ]
+]
+const navigationPanelSlotFns = /* @__PURE__ */ navigationPanelSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, navigationPanelDefaultVariants, getSlotCompoundVariant(navigationPanelCompoundVariants, slotName))])
+
+const navigationPanelFn = memo((props = {}) => {
+  return Object.fromEntries(navigationPanelSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
+})
+
+const navigationPanelVariantKeys = [
+  "size",
+  "panelPosition"
+]
+const getVariantProps = (variants) => ({ ...navigationPanelDefaultVariants, ...compact(variants) })
+
+export const navigationPanel = /* @__PURE__ */ Object.assign(navigationPanelFn, {
+  __recipe__: false,
+  __name__: 'navigationPanel',
+  raw: (props) => props,
+  classNameMap: {},
+  variantKeys: navigationPanelVariantKeys,
+  variantMap: {
+  "size": [
+    "md",
+    "lg"
+  ],
+  "panelPosition": [
+    "left",
+    "right"
+  ]
+},
+  splitVariantProps(props) {
+    return splitProps(props, navigationPanelVariantKeys)
+  },
+  getVariantProps
+})

package/dist/recipes/{overlay.d.ts → overlay.d.mts}

@@ -1,6 +1,6 @@
 /* eslint-disable */
-import type { ConditionalValue } from '../types/index';
-import type { DistributiveOmit, Pretty } from '../types/system-types';
+import type { ConditionalValue } from '../types/index.d.mts';
+import type { DistributiveOmit, Pretty } from '../types/system-types.d.mts';
 
 interface OverlayVariant {
   /**

package/dist/tokens/{index.d.ts → index.d.mts}

@@ -1,9 +1,9 @@
 /* eslint-disable */
-import type { Token } from './tokens';
+import type { Token } from './tokens.d.mts';
 
 export declare const token: {
   (path: Token, fallback?: string): string
   var: (path: Token, fallback?: string) => string
 }
 
-export * from './tokens';
+export * from './tokens.d.mts';