@likec4/styles 1.47.0 → 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.ts → element-node.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 ElementNodeVariant {
   

package/dist/recipes/{element-shape-recipe.d.ts → element-shape-recipe.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 ElementShapeRecipeVariant {
   shapetype: "html" | "svg"

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,4 +1,5 @@
 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';

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.ts → navigation-panel.d.mts}

@@ -1,12 +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 NavigationPanelVariant {
   /**
  * @default "md"
  */
 size: "md" | "lg"
+/**
+ * @default "left"
+ */
+panelPosition: "left" | "right"
 }
 
 type NavigationPanelVariantMap = {

package/dist/recipes/navigation-panel.mjs

@@ -2,7 +2,8 @@ import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mj
 import { createRecipe } from './create-recipe.mjs';
 
 const navigationPanelDefaultVariants = {
-  "size": "md"
+  "size": "md",
+  "panelPosition": "left"
 }
 const navigationPanelCompoundVariants = []
 
@@ -35,7 +36,8 @@ const navigationPanelFn = memo((props = {}) => {
 })
 
 const navigationPanelVariantKeys = [
-  "size"
+  "size",
+  "panelPosition"
 ]
 const getVariantProps = (variants) => ({ ...navigationPanelDefaultVariants, ...compact(variants) })
 
@@ -49,6 +51,10 @@ export const navigationPanel = /* @__PURE__ */ Object.assign(navigationPanelFn,
   "size": [
     "md",
     "lg"
+  ],
+  "panelPosition": [
+    "left",
+    "right"
   ]
 },
   splitVariantProps(props) {

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';